/* R1: compact details and a separately enlarged, contain-based media viewer. */
dialog:not([open]){display:none}
dialog{color:var(--ink);background:var(--white);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:4px;padding:20px;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}
dialog::backdrop{background:rgba(7,57,95,.65)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dialog-head h2{margin:0}
button{font:inherit;cursor:pointer;min-height:44px;padding:8px 14px;color:var(--blue);background:var(--white);border:1px solid var(--blue);border-radius:3px}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
#detail-body .detail{padding:16px 0 0;border-top:0}#detail-body .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#detail-body .media img{height:150px;object-fit:contain}
#media-lightbox{width:min(1100px,calc(100% - 32px))}#lightbox-img{display:block;width:100%;height:65dvh;object-fit:contain;margin:16px auto}.media-navigation{display:flex;justify-content:center;gap:16px}#lightbox-caption{text-align:center;margin-bottom:0}
@media(max-width:480px){#detail-body .media-grid{grid-template-columns:1fr}dialog{padding:12px}#lightbox-img{height:55dvh}}
:root{--blue:#07395f;--orange:#e58317;--paper:#f5f5f1;--ink:#152c3b;--muted:#566674;--line:#d6dfe2;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",sans-serif;line-height:1.5}input{font:inherit;max-width:100%;min-height:44px;width:100%;padding:12px;border:1px solid #8da2af;background:white;color:var(--ink)}a{color:var(--blue);text-underline-offset:4px}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{background:var(--blue);color:white;border-bottom:3px solid var(--orange)}header a{color:white;display:inline-block;padding:12px 0;min-height:44px}header a:focus-visible{outline-color:var(--orange)}main,.header-inner,footer{max-width:1260px;margin:auto;padding:24px 32px}.header-inner{display:flex;align-items:center;gap:24px;min-height:112px}.logo{display:block;width:215px;max-width:100%;height:auto;object-fit:contain}nav{margin-left:auto;display:flex;gap:24px;flex-wrap:wrap}h1{font-size:clamp(30px,4vw,48px);line-height:1.13;letter-spacing:-.035em}h2{font-size:20px}.search{max-width:720px;margin-bottom:24px}.search label{display:block;font-weight:bold;margin-bottom:8px}#count{color:var(--muted);min-height:24px}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.card{min-width:0;border:1px solid var(--line);background:white;border-radius:3px}summary{cursor:pointer;min-height:130px;padding:20px;overflow-wrap:anywhere}summary img{display:block;width:100%;height:160px;object-fit:contain;margin-bottom:16px}summary span,summary strong{display:block}.code{font-weight:bold;color:var(--blue);white-space:pre-wrap;overflow-wrap:anywhere}.hint{margin-top:16px;font-size:13px;color:var(--blue);text-decoration:underline}.detail{padding:0 20px 20px;border-top:2px solid var(--orange);overflow-wrap:anywhere}.detail h2{white-space:pre-wrap}.detail a{display:block;min-height:44px;padding:10px 0}.media-grid{display:grid;gap:12px}.media img{display:block;width:100%;height:220px;object-fit:contain;background:white}.media span{font-size:13px}.contact{border-top:1px solid var(--line);margin-top:40px;padding-top:16px;overflow-wrap:anywhere}.contact a{display:block;min-height:44px;width:fit-content;padding:10px 0}footer{border-top:1px solid var(--line);font-size:14px;color:var(--blue)}.skip{position:absolute;left:16px;top:-100px;background:white;padding:14px;z-index:10}.skip:focus{top:8px}.nonpublic{border:3px solid var(--blue);padding:12px;font-weight:bold}[hidden]{display:none!important}@media(max-width:900px){.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){main,.header-inner,footer{padding:20px 16px}.header-inner{flex-wrap:wrap;gap:8px}nav{margin-left:0;width:100%;gap:24px}.logo{width:200px}.catalogue{grid-template-columns:minmax(0,1fr)}summary{padding:16px}.detail{padding:0 16px 16px}}