:root{--paper:oklch(98% .008 85);--surface:oklch(95% .012 85);--ink:oklch(25% .018 70);--muted:oklch(48% .016 70);--line:oklch(86% .014 85);--accent:oklch(44% .13 42);--wash:oklch(94% .028 65);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;top:-100px;left:12px;background:var(--paper);padding:15px;z-index:20}.skip:focus{top:12px}.header{padding:20px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:13px;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand svg{width:32px;height:32px;color:var(--accent)}.brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-top:3px;font-weight:500}.header nav{display:flex;gap:22px;align-items:center;font-size:13px}.header nav a{text-decoration:none;color:var(--ink)}.header nav a:hover{text-decoration:underline}.wrap{max-width:1440px;margin:auto;padding:32px 36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}h1{font-size:36px;line-height:1.14;font-weight:700;letter-spacing:-1.3px;margin:0 0 15px}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:17px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.intro p,.lead{max-width:70ch;line-height:1.6;color:var(--muted);margin:0}.edition{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);white-space:nowrap}.searchbox{display:flex;background:var(--paper);border:1px solid var(--ink);border-radius:4px;padding:4px;align-items:center;gap:8px;margin-bottom:12px}.searchbox svg{width:22px;height:22px;flex-shrink:0;margin-left:13px}.searchbox input{border:0;background:transparent;min-width:0;flex:1;padding:13px 8px;font-size:17px;color:var(--ink)}.searchbox input:focus{outline:none}.searchbox:focus-within{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:var(--surface)}.primary{color:var(--paper);background:var(--accent);border-color:var(--accent)}.primary:hover{background:oklch(38% .12 42)}.hint{font-size:12px;color:var(--muted);margin:0 0 28px;line-height:1.5}.hint button{border:0;background:transparent;color:var(--accent);padding:3px 7px;text-decoration:underline}.catalog{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px}.sidebar{font-size:13px}.sidebar h2{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:4px 0 12px}.category{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:9px 10px;margin:2px 0;border:0;border-radius:3px;background:transparent;color:var(--ink);gap:8px}.category:hover{background:var(--surface)}.category[aria-pressed=true]{background:var(--wash);color:var(--accent);font-weight:650}.category small{color:var(--muted);font-variant-numeric:tabular-nums}.source-note{font-size:12px;line-height:1.7;color:var(--muted);padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:12px 0;background:transparent;border:0;border-bottom:2px solid transparent;font-size:14px;color:var(--muted);white-space:nowrap}.tab[aria-pressed=true]{border-bottom-color:var(--accent);font-weight:650;color:var(--ink)}.resultbar{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.row{display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:16px;align-items:start;padding:18px 6px;border-bottom:1px solid var(--line)}.code{font-family:ui-monospace,monospace;font-size:14px;font-weight:600;color:var(--accent);padding-top:1px}.row-title{color:var(--ink);text-decoration:none;font-size:15px;line-height:1.45;display:inline-block}.row-title:hover{text-decoration:underline}.rowmeta{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5}.star{border:0;background:transparent;color:var(--muted);font-size:23px;padding:0;line-height:1}.star[aria-pressed=true]{color:var(--accent)}.sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.sheet{border-bottom:1px solid var(--line);padding-bottom:17px}.sheet img{width:100%;aspect-ratio:842/595;object-fit:contain;background:var(--surface);border:1px solid var(--line)}.sheet a{text-decoration:none;color:var(--ink)}.sheet h3{font-size:15px;margin:12px 0 5px;line-height:1.5}.sheet small{color:var(--muted);font-size:12px}.excerpt{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.empty{padding:44px 10px;color:var(--muted);line-height:1.7}.empty strong{display:block;font-size:19px;color:var(--ink);margin-bottom:8px}mark{background:oklch(88% .15 90);color:var(--ink);padding:1px 2px}.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:28px}.detail{max-width:920px}.component-code{font-family:ui-monospace,monospace;font-size:18px;margin:18px 0;color:var(--accent)}.detail h1{font-size:34px;max-width:28ch}.detail .lead{margin:20px 0}.detail ul{padding-left:20px;line-height:1.9}.sheetlinks{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;margin-top:24px}.viewer{border:1px solid var(--line);min-width:0;background:var(--surface)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);background:var(--paper)}.zoomtools{display:flex;align-items:center;gap:8px}.zoomtools output{min-width:46px;text-align:center;font-size:12px;font-family:ui-monospace,monospace}.viewport{height:65vh;min-height:400px;overflow:auto;position:relative;overscroll-behavior:contain}.drawing{position:relative;width:100%;margin:auto;line-height:0}.drawing img{display:block;width:100%;height:auto}.hit{position:absolute;background:oklch(84% .19 88 / .35);outline:2px solid oklch(63% .17 55);pointer-events:none}.word-hit{position:absolute;z-index:2;background:transparent;border:0;padding:0;cursor:help}.word-hit:focus-visible{outline:2px solid var(--accent);background:var(--wash)}.match-status{font-size:12px;color:var(--muted);padding:10px 14px;border-top:1px solid var(--line);line-height:1.5}.sheet-sidebar h2{font-size:15px;margin-top:0}.sheet-sidebar ul{list-style:none;margin:0;padding:0}.sheet-sidebar li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.sheet-sidebar li a{color:var(--ink);text-decoration:none}.sheet-sidebar li a:hover{text-decoration:underline}.sheet-sidebar li b{color:var(--accent);font-family:ui-monospace,monospace}.transcript{margin-top:28px;line-height:1.7;font-size:13px}.transcript summary{font-weight:650;cursor:pointer;padding:14px 0}.text-flow{max-width:85ch;overflow-wrap:anywhere;color:var(--muted)}.text-flow span{display:inline-block;margin-right:5px}.pagination{display:flex;justify-content:space-between;gap:16px;margin-top:24px;align-items:center;font-size:13px}.footer{border-top:1px solid var(--line);padding:25px 36px;display:flex;justify-content:space-between;gap:25px;line-height:1.7;font-size:12px;color:var(--muted);margin-top:48px}.footer p{margin:0;max-width:75ch}.global-search{margin:20px 0}.mobile-filter{display:none}.noscript{padding:16px;background:var(--wash);margin-bottom:20px}.browse-list{columns:2;column-gap:32px;list-style:none;padding:0}.browse-list li{break-inside:avoid;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.browse-list a{color:var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:13px;padding:12px 18px;border-radius:4px;z-index:50}.copy-note{min-height:18px;font-size:12px;color:var(--muted)}
@media(min-width:1500px){.wrap{padding-top:44px}}@media(max-width:1000px){.viewer-layout{grid-template-columns:minmax(0,1fr)}.sheet-sidebar ul{columns:2}.catalog{gap:24px;grid-template-columns:190px minmax(0,1fr)}}@media(max-width:700px){.header{padding:17px 18px;gap:14px}.brand{font-size:18px}.header nav{gap:14px;font-size:12px}.header nav a:first-child{display:none}.wrap{padding:25px 18px}.intro{display:block}.edition{display:none}h1,.detail h1{font-size:29px}.intro p{font-size:14px}.catalog{grid-template-columns:1fr;gap:0}.sidebar{display:none}.mobile-filter{display:block;margin:0 0 16px}.mobile-filter label{font-size:12px;color:var(--muted)}.mobile-filter select{width:100%;padding:11px;margin-top:6px;background:var(--paper);border:1px solid var(--line);border-radius:4px;color:var(--ink)}.tabs{gap:18px}.tab{font-size:13px}.searchbox input{font-size:15px;padding:12px 4px}.searchbox button{padding:10px}.row{grid-template-columns:49px minmax(0,1fr) 25px;gap:9px;padding:16px 0}.row-title{font-size:14px}.sheets{grid-template-columns:1fr}.viewer-layout{gap:20px}.viewport{height:55vh;min-height:310px}.toolbar{padding:9px;gap:8px}.toolbar .btn{padding:8px 10px}.sheet-sidebar ul{columns:1}.footer{padding:22px 18px;display:block}.footer p+p{margin-top:15px}.browse-list{columns:1}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}}@media print{.header,.footer,.toolbar,.searchbox,.sheet-sidebar,.pagination{display:none}.viewer-layout{display:block}.viewport{height:auto;overflow:visible}.drawing{width:100%!important}.viewer{border:0}.wrap{padding:0}.transcript{display:none}}

[hidden]{display:none!important}
.tabs{overflow-x:auto;max-width:100%}.tab{flex-shrink:0}.resultbar{flex-wrap:wrap}.row-title{overflow-wrap:anywhere}.brand svg{flex-shrink:0}.toolbar{max-width:100%}
@media(max-width:700px){.tabs{gap:16px}.tab{font-size:12px}.resultbar .btn{padding:7px 10px}.header nav{flex-shrink:0}.brand small{letter-spacing:1.4px}}
.reference-images{margin-top:32px}.reference-figure{margin:0 0 32px}.reference-drawing{position:relative;display:block;border:1px solid var(--line);line-height:0;background:var(--surface)}.reference-drawing img{display:block;width:100%;height:auto}.reference-drawing:hover{outline:2px solid var(--accent);outline-offset:2px}.reference-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:12px;color:var(--muted);line-height:1.7}.reference-figure figcaption strong{color:var(--ink);font-size:13px}.reference-figure .hit{outline-width:1px}@media(max-width:700px){.reference-figure figcaption{display:block}.reference-figure figcaption .btn{margin-top:10px}}
