.mod-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 30px;font:11px/1.6 var(--mono);color:var(--muted)}
.mod-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.mod-breadcrumb a:hover{color:var(--accent)}
.mod-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:32px;border-bottom:1px solid var(--ink)}
.mod-page-header h1{font-size:clamp(42px,5.8vw,70px);line-height:1.08;letter-spacing:-2.2px;margin:14px 0 23px;max-width:890px}
.mod-page-summary{font-size:18px;line-height:1.8;color:var(--muted);max-width:750px}
.mod-page-icon{flex-shrink:0;margin-top:35px;width:96px;height:96px;object-fit:contain;image-rendering:pixelated}
.mod-page-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:25px}
.mod-page-notice{white-space:pre-line;font-size:13px;color:var(--muted);line-height:1.9;border-bottom:1px solid var(--line);padding:22px 0}
.mod-page-hero{margin:32px 0 42px}.mod-page-hero>a{display:block;background:var(--wash)}
.mod-page-hero img{width:100%;height:auto;max-height:620px;object-fit:contain}
.mod-page-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;margin-top:40px}
.mod-page-sidebar{position:sticky;top:110px;align-self:start;max-height:calc(100dvh - 135px);overflow:auto;padding-right:8px}
.mod-compatibility h2{font:600 13px 'DM Sans',Arial,sans-serif;letter-spacing:0;margin-bottom:18px}
.mod-compatibility dl{margin:0}.mod-compatibility dl>div{border-top:1px solid var(--line);padding:13px 0}
.mod-compatibility dt{font:10px/1.6 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.mod-compatibility dd{margin:0;font-size:13px;line-height:1.8}.mod-compatibility p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}
.mod-page-contents{margin-top:25px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.mod-page-contents summary{cursor:pointer;font-weight:600}
.mod-page-contents nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:12px 0 0}.mod-page-contents nav a{display:block;font-size:12px;color:var(--muted);padding:7px 0;line-height:1.6}.mod-page-contents nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.mod-page-article{min-width:0}.mod-page-article>section{scroll-margin-top:115px}.mod-page-article>section+section{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}
.mod-page-article h2{font-size:30px;line-height:1.25;letter-spacing:-.5px;margin-bottom:18px}
.mod-page-article p{font-size:15px;line-height:1.9;color:var(--muted);white-space:pre-line}.mod-page-article p+p{margin-top:18px}
.mod-page-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.mod-page-gallery a{display:block;background:var(--wash)}
.mod-page-gallery img{width:100%;height:230px;object-fit:contain}.mod-page-gallery img.mod-artwork{image-rendering:pixelated}.mod-page-gallery a:hover{filter:brightness(1.08)}
.mod-page-credit{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:12px!important}
.mod-related{border-top:1px solid var(--ink);margin-top:55px;padding-top:28px}.mod-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.mod-related-grid>a{display:block;border-bottom:1px solid var(--line);padding:0 0 22px}.mod-related h3{font-size:16px;font-weight:600;margin-bottom:12px}.mod-related p{font-size:12px;color:var(--muted);line-height:1.8}.mod-related a:hover h3{color:var(--accent)}
.mod-page .inventory-preview{margin-top:28px}.mod-page .inventory-preview-heading h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.7px;margin:6px 0 0}.mod-page .inventory-preview-heading .section-kicker{font-size:10px;margin:0}
.mod-page .inventory-preview-instructions{font-size:13px;line-height:1.7;margin:0 0 16px;max-width:780px}.mod-page .inventory-preview-note{font-size:11px;line-height:1.6;margin:12px 0;color:var(--muted)}
.mod-page .inventory-keyboard-help p{font-size:12px;line-height:1.7;margin:8px 0}.mod-page .inventory-preview-status{font-size:12px;line-height:1.6;min-height:2em;margin:8px 0 0;color:var(--ink)}
@media(max-width:950px){.mod-page-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.mod-page-gallery{grid-template-columns:1fr}.mod-page-gallery img{height:auto;max-height:430px}.mod-page-header{gap:20px}.mod-page-icon{width:72px;height:72px}}
@media(max-width:700px){.mod-breadcrumb{margin-bottom:23px;font-size:10px}.mod-page-header{display:block;padding-bottom:27px;position:relative}.mod-page-header h1{font-size:43px;letter-spacing:-1.3px}.mod-page-header .eyebrow{padding-right:55px;font-size:10px}.mod-page-icon{position:absolute;top:0;right:0;width:40px;height:40px;margin:0}.mod-page-summary{font-size:16px}.mod-page-actions{gap:18px;margin-top:22px}.mod-page-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.mod-page-sidebar{position:static;max-height:none;padding:0}.mod-compatibility dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.mod-compatibility dl>div:last-child{grid-column:1/-1}.mod-page-hero{margin:25px 0}.mod-page-article h2{font-size:27px}.mod-page-article p{font-size:14px}.mod-page-article>section+section{margin-top:28px;padding-top:24px}.mod-related{margin-top:38px}.mod-related-grid{grid-template-columns:1fr;gap:22px}.mod-page .inventory-preview-heading h3{font-size:24px}}
