#panel{width:min(384px,calc(100vw - 40px));max-height:calc(100svh - 190px);padding:24px;border-radius:18px;border:1px solid #ccd9d4;border-top:3px solid #0fa79b;background:rgba(251,252,249,.98);visibility:hidden;pointer-events:none;opacity:0;transform:translateX(24px);transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;scrollbar-width:thin;box-shadow:0 18px 50px -24px #183a3550}
#panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}
#panel .meta{padding-right:38px;font-size:11px;color:#59736a}
#panel h2{font-size:clamp(21px,1.8vw,27px);line-height:1.3;margin:14px 0 0;color:#142b24;letter-spacing:-.03em}
#panel .en{font-size:10px;line-height:1.5;letter-spacing:.05em;color:#6e837a;margin-top:7px}
#panel .desc{font-size:14px;line-height:1.8;color:#475e55;margin:20px 0 0;padding-top:0;border:0}
#panel,#panel *{text-shadow:none!important}
#pClose{position:absolute;right:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#eaf0ec;color:#254b3d;font-size:24px;line-height:1;cursor:pointer}
#pClose:hover{background:#dcece4}#pClose:focus-visible,#pOverview:focus-visible,.equipment-specs summary:focus-visible{outline:2px solid #0fa79b;outline-offset:3px}
.equipment-facts{display:grid;gap:12px;margin:20px 0}
.equipment-fact{padding:13px 15px;border-radius:10px;background:#edf4ef}
.equipment-fact h3{font-size:11px;font-weight:700;letter-spacing:.04em;color:#0c897b;margin:0 0 7px}
.equipment-fact p{font-size:13px;line-height:1.75;color:#2f5142;margin:0}
.equipment-specs{margin-top:10px;border-top:1px solid #dae3dc;padding-top:14px}
.equipment-specs summary{cursor:pointer;font-size:12px;font-weight:650;color:#375d4b;list-style-position:inside;min-height:30px;padding:4px 0}
#panel .specs{margin-top:8px;border:0}#panel .specs .row{padding:9px 0}#panel .specs .v{font-size:11px;white-space:normal;text-align:right}#panel .tags{margin-top:14px;gap:6px}#panel .tags span{font-size:10px;border-radius:5px;line-height:1.4}
.panel-overview{display:flex;width:100%;align-items:center;justify-content:center;min-height:44px;margin-top:20px;border:0;border-radius:10px;background:#142b24;color:#fff;font:600 13px var(--sans);cursor:pointer;box-shadow:none}.panel-overview:hover{background:#234d3d}
#panel .hintf{font-size:10px;text-align:center;margin:10px 0 0;color:#81948a}
body.night #panel{background:rgba(20,36,31,.98);border-color:#355347;border-top-color:#44c7ad}body.night #panel h2{color:#edf7ef}body.night #panel .desc,body.night #panel .meta,body.night #panel .en{color:#afc6b9}body.night .equipment-fact{background:#223c30}body.night .equipment-fact h3{color:#65dbbc}body.night .equipment-fact p{color:#d7e8db}body.night .equipment-specs{border-color:#3c584a}body.night .equipment-specs summary,body.night #panel .specs .k,body.night #panel .specs .v{color:#c7decd}body.night #pClose{background:#2c493a;color:#dcefe1}body.night .panel-overview{background:#cee8d6;color:#152e22}
@media(max-width:899px){#panel{top:auto!important;right:12px!important;left:12px!important;bottom:146px!important;width:auto!important;max-height:40svh!important;padding:20px 22px!important;border-radius:18px!important;transform:translateY(25px)}#panel.open{transform:none}#panel h2{font-size:23px}#panel .desc{font-size:14px}.equipment-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.equipment-fact{padding:12px}.equipment-fact p{font-size:12px}#dock{bottom:10px!important;max-width:calc(100vw - 24px);overflow-x:auto;justify-content:flex-start}#dock button{min-width:82px}.equipment-specs{margin-top:14px}}
@media(max-width:430px){.equipment-facts{grid-template-columns:1fr}}
@media(min-width:680px) and (max-height:560px){#panel{top:76px!important;bottom:15px!important;left:auto!important;right:12px!important;width:330px!important;max-height:calc(100svh - 90px)!important}.equipment-facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#panel{transition:none!important;transform:none!important}}