/* Hallmark · macrostructure: Workbench · theme: Garden, user-specified forest/orange overrides · genre: editorial · tone: utilitarian shop / magical archive · nav: N6 adapted masthead · footer: Ft4 dense colophon · anchor hue: forest · enrichment: original arcane seal / real media · pre-emit critique: P4 H5 E4 S5 R5 V4 */
@import url('./tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-offset);overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-body)/1.75 var(--font-body);overflow-x:clip}h1,h2,h3{line-height:1.4;font-style:normal;overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display);margin:12px 0}h2{font-size:var(--text-xl);margin:0 0 20px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 16px}a{color:var(--color-forest);text-underline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.wrap{width:min(1184px,calc(100% - 48px));margin:auto}.skip{position:fixed;left:16px;top:-90px;z-index:99;background:var(--color-surface);padding:12px}.skip:focus{top:12px}.promo{background:var(--color-forest);color:var(--color-light);font-size:12px;padding:6px 0}.promo .wrap{display:flex;justify-content:space-between;gap:16px}.mast{background:var(--color-surface);padding:20px 0}.mast .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--color-ink)}.brand img{width:40px;height:40px}.brand strong{display:block;font-family:var(--font-mono);font-size:20px;letter-spacing:2px;line-height:1.3}.brand small{color:var(--color-muted);font-size:12px;letter-spacing:2px}.mast-note{font-size:12px;color:var(--color-muted);text-align:right}.site-nav{position:sticky;top:0;z-index:30;background:var(--color-night);color:var(--color-light);box-shadow:0 2px 5px var(--color-shadow)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px}.nav-links{display:flex;gap:8px}.nav-links a{color:var(--color-light);text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-height:48px;padding:0 20px;font-size:14px;border-bottom:3px solid var(--color-clear)}.nav-links a[aria-current]{border-color:var(--color-orange);background:var(--color-ink)}.nav-inner>.btn{min-height:36px;font-size:13px;padding:6px 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--color-orange);border-color:var(--color-orange);color:var(--color-ink)}.btn:active,button:active{transform:translateY(1px)}[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed}[aria-busy=true]{cursor:progress}[data-state=error]{border-color:var(--color-berry)}[data-state=success]{border-color:var(--color-forest)}.error{color:var(--color-berry)}[hidden]{display:none!important}.breadcrumb{padding:22px 0 16px;font-size:12px;color:var(--color-muted);display:flex;flex-wrap:wrap;gap:10px}.breadcrumb a{white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:28px;align-items:start}.media-frame{border:1px solid var(--color-rule);background:var(--color-night);overflow:clip;position:relative}.media-frame img{width:100%;aspect-ratio:16/9;object-fit:contain}.product{overflow:clip}.product>*{position:relative;z-index:1}.product:after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border:1px solid var(--color-gold);border-radius:50%;opacity:.18;pointer-events:none;animation:slow-zoom var(--dur-slow) var(--ease-in-out) infinite alternate}.media-label{position:absolute;top:12px;bottom:auto;left:12px;background:var(--color-night);color:var(--color-light);padding:3px 10px;font:12px/1.8 var(--font-body);border-left:2px solid var(--color-gold);pointer-events:none}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.thumbs a{border:1px solid var(--color-rule);background:var(--color-night);display:block;min-height:44px}.thumbs img{width:100%;aspect-ratio:16/9;object-fit:contain}.media-note{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--color-muted);font-size:12px}.media-note a{white-space:nowrap}.product{background:var(--color-surface);border:1px solid var(--color-rule);padding:22px;position:relative}.product:before{content:"";display:block;position:absolute;top:-1px;left:22px;width:48px;height:3px;background:var(--color-forest)}.product-cover{width:100%;max-width:460px;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:2px 9px;border:1px solid var(--color-rule);color:var(--color-muted);background:var(--color-paper);white-space:nowrap}.tag.green{background:var(--color-forest-soft);color:var(--color-forest);border-color:var(--color-forest-soft)}.product h1{font-family:var(--font-display);font-weight:800;font-size:28px}.original{display:block;font:13px/1.5 var(--font-mono);letter-spacing:.2px;color:var(--color-muted);margin-top:5px}.product p{font-size:14px;margin-top:14px}.product .btn{width:100%;margin-top:8px}.small{font-size:12px;color:var(--color-muted)}.audience{margin:12px 0 0!important;color:var(--color-berry);font-size:11px!important}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--color-surface);border:1px solid var(--color-rule);margin:28px 0 44px}.facts>div{padding:16px 20px;border-right:1px solid var(--color-rule-soft);border-bottom:1px solid var(--color-rule-soft)}dt{color:var(--color-muted);font-size:12px}dd{margin:3px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.section-bar{background:var(--color-night);color:var(--color-light);padding:10px 18px;font-size:17px;border-left:4px solid var(--color-forest);margin:0 0 24px}.content-columns{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:28px;align-items:start}.panel{background:var(--color-surface);border:1px solid var(--color-rule);padding:28px;margin-bottom:28px}.prose p,.prose li{font-size:15px}.prose p{max-width:72ch}.lead{font-size:17px!important;color:var(--color-forest);font-weight:600}.story-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 0}.story-line span{font-size:12px;padding:5px 10px;background:var(--color-paper);border:1px solid var(--color-rule)}.mechanic{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;border-top:1px solid var(--color-rule-soft);padding:18px 0}.mechanic:last-child{padding-bottom:0}.seal{color:var(--color-forest);font:30px/1.2 var(--font-display);padding-top:4px}.mechanic p{font-size:14px;margin:0}.annotated{margin:24px 0}.annotated figcaption{font-size:12px;color:var(--color-muted);margin-top:8px}.characters{padding:0;list-style:none;margin:0}.characters li{padding:18px 0;border-bottom:1px solid var(--color-rule-soft)}.characters li:last-child{border:0;padding-bottom:0}.characters strong{font-family:var(--font-mono);display:block;color:var(--color-brown)}.characters span{font-size:12px;color:var(--color-muted)}.characters p{font-size:14px;margin:6px 0 0}.archive{background:var(--color-night);color:var(--color-light);position:relative;padding:28px;overflow:clip;margin-bottom:28px}.archive .orbit{position:absolute;width:180px;height:180px;right:-45px;top:-45px;border:1px solid var(--color-gold);border-radius:50%;opacity:.18;pointer-events:none}.archive .orbit:after{content:"";position:absolute;inset:22px;border:1px solid var(--color-gold);transform:rotate(45deg)}.archive h2{font-family:var(--font-display);font-size:24px}.archive p,.archive li{font-size:14px}.archive a{color:var(--color-light)}.mini-links{display:grid;gap:0}.mini-links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-rule);text-decoration:none;font-size:14px;white-space:nowrap}.mini-links a:last-child{border:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid figure{background:var(--color-surface);border:1px solid var(--color-rule)}.gallery-grid img{width:100%;aspect-ratio:16/9;object-fit:contain}.gallery-grid figcaption{padding:12px 14px;font-size:14px}.gallery-grid figcaption small{display:block;color:var(--color-muted);font-size:12px}.home-gallery{margin:12px 0 44px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.section-head h2{margin:0}.section-head a{white-space:nowrap;font-size:13px}.fit-list{padding-left:20px;margin:0}.fit-list li{margin-bottom:10px}.download-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:var(--color-forest-soft);padding:24px;border:1px solid var(--color-rule);margin-bottom:40px}.download-strip h2{margin:0 0 5px;font-size:21px}.download-strip p{margin:0;font-size:13px}details{border-bottom:1px solid var(--color-rule);padding:0}summary{cursor:pointer;min-height:56px;padding:16px 0;font-weight:600;font-size:14px}details[open] summary{color:var(--color-forest)}details>p,details>div{padding-bottom:14px;font-size:14px}details>p{margin:0}.faq{margin:0 0 40px}.final-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:2px solid var(--color-forest);background:var(--color-surface);padding:28px;margin:0 0 48px}.final-cta h2{font-family:var(--font-display);margin-bottom:8px}.final-cta p{font-size:14px;margin:0}.final-cta .btn{flex-shrink:0}.footer{background:var(--color-night);color:var(--color-light);padding:36px 0}.footer a{color:var(--color-light);white-space:nowrap;font-size:12px;display:inline-flex;align-items:center;min-height:44px}.footer-top{display:flex;justify-content:space-between;gap:24px}.footer .brand{color:var(--color-light)}.footer .brand small{color:var(--color-light);opacity:.75}.footer-nav{display:flex;gap:22px;flex-wrap:wrap}.related{margin:18px 0;padding:15px 0;border-top:1px solid var(--color-muted);border-bottom:1px solid var(--color-muted);display:flex;gap:10px 24px;align-items:center;flex-wrap:wrap}.related>span{font-size:12px;color:var(--color-gold)}.copyright{font:11px/1.8 var(--font-mono);opacity:.85;margin:0}.footer p{font-size:12px}.mobile-cta{display:none}.top-link{display:block;text-align:right;font-size:12px;margin-bottom:16px;min-height:44px}.page-heading{padding:12px 0 28px;border-bottom:1px solid var(--color-rule);margin-bottom:28px}.page-heading h1{font-family:var(--font-display);margin:0 0 12px}.page-heading p{max-width:75ch;margin:0;font-size:15px;color:var(--color-muted)}.reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.toc{background:var(--color-surface);border:1px solid var(--color-rule);padding:20px;position:sticky;top:var(--nav-offset)}.toc h2{font-size:16px;margin-bottom:12px}.toc a{display:block;padding:9px 0;font-size:13px}.toc ul{list-style:none;padding:0;margin:0}.article-section{scroll-margin-top:var(--nav-offset)}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{position:relative;padding:0 0 24px 46px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;background:var(--color-paper);border:1px solid var(--color-rule);color:var(--color-forest);font-family:var(--font-mono)}.steps li:last-child{padding-bottom:0}.steps p{margin:6px 0 0}.notice{border-left:3px solid var(--color-brown);background:var(--color-paper);padding:16px;font-size:13px;margin:20px 0}.requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.requirements{margin:0}.requirements>div{padding:10px 0;border-bottom:1px solid var(--color-rule)}.requirements dd{font-size:13px;font-weight:400}.requirements dt{font-size:12px}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}.guide-card{background:var(--color-surface);padding:20px;border:1px solid var(--color-rule)}.guide-card h2{font-size:18px;margin-bottom:10px}.guide-card p{font-size:13px}.guide-card a{font-size:13px;display:inline-flex;min-height:44px;align-items:center}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--color-rule);vertical-align:top}th{background:var(--color-paper);color:var(--color-muted);font-size:12px}td:first-child{font-family:var(--font-mono);font-size:12px}.source-note{font-size:12px!important;color:var(--color-muted);margin-top:18px!important}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-bar button{min-height:44px;padding:8px 18px;background:var(--color-surface);border:1px solid var(--color-rule);color:var(--color-ink);border-radius:var(--radius-sm);white-space:nowrap;font-size:13px}.filter-bar [aria-pressed=true]{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-light)}.gallery-help{font-size:12px;color:var(--color-muted);margin:24px 0 44px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1160px,96vw);max-width:96vw;height:fit-content;max-height:94dvh;padding:16px;border:1px solid var(--color-muted);background:var(--color-night);color:var(--color-light);overflow:auto}.lightbox::backdrop{background:var(--color-backdrop)}.lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.lightbox-head p{font-size:13px;margin:0}.lightbox button{min-height:44px;min-width:44px;padding:7px 14px;border:1px solid var(--color-muted);background:var(--color-night);color:var(--color-light);white-space:nowrap}.lightbox img{max-height:70dvh;object-fit:contain;width:100%;aspect-ratio:16/9}.lightbox-foot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.lightbox .status{min-height:24px;font-size:12px;text-align:center;margin-top:8px}.lightbox .error{color:var(--color-orange)}.no-script{font-size:12px;color:var(--color-muted)}
@media(hover:hover){.btn:hover{background:var(--color-paper);transform:translateY(-1px)}.btn-primary:hover{background:var(--color-orange-hover)}.nav-links a:hover{background:var(--color-ink)}.thumbs a:hover{border-color:var(--color-forest)}a:hover{text-decoration-thickness:2px}.filter-bar button:hover{border-color:var(--color-forest)}.guide-card:hover{border-color:var(--color-brown)}}
@keyframes slow-zoom{from{transform:scale(1.02)}to{transform:scale(1.04)}}
@media(max-width:960px){.hero,.content-columns{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}.product{padding:18px}.product h1{font-size:24px}.product-cover{margin-bottom:10px}.product p{font-size:13px}.panel{padding:22px}.reading-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:767px){.wrap{width:calc(100% - 32px)}.promo .wrap span:last-child,.mast-note{display:none}.mast{padding:14px 0}.brand strong{font-size:17px}.brand small{font-size:10px}.brand img{width:34px;height:34px}.nav-inner{min-height:48px}.nav-links{width:100%;justify-content:space-between;gap:0}.nav-links a{padding:0 10px;font-size:13px}.nav-inner>.btn{display:none}.hero,.content-columns{grid-template-columns:minmax(0,1fr)}.product{grid-row:1;padding:20px}.product-cover{display:none}.product h1{font-size:28px}.product p{font-size:14px}.product .btn{width:auto;min-width:160px}.product .btn-secondary{margin-left:8px;min-width:100px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 28px}.facts>div{padding:12px}.product:after{animation:none}.media-note{font-size:11px}.section-bar{font-size:16px}.panel{padding:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-grid figcaption{padding:10px;font-size:13px}.section-head{display:block}.section-head a{display:inline-block;margin-top:8px}.download-strip,.final-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.footer-top{flex-direction:column}.footer-nav{gap:16px}.footer{padding-bottom:110px}.related{gap:0 18px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface);border-top:1px solid var(--color-rule);z-index:25;box-shadow:0 -3px 14px var(--color-shadow)}.mobile-cta span{font-size:11px;line-height:1.5}.mobile-cta strong{display:block;font-size:12px}.mobile-cta .btn{min-height:44px;padding:10px 16px;font-size:12px}.reading-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static}.toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.toc a{font-size:12px}.guide-cards{grid-template-columns:minmax(0,1fr)}.requirement-grid{grid-template-columns:minmax(0,1fr)}.page-heading h1{font-size:28px}.lightbox{padding:10px}.lightbox img{max-height:58dvh}.lightbox-foot{gap:6px}.lightbox button{font-size:12px;padding:7px 10px}}
@media(max-width:374px){.wrap{width:calc(100% - 24px)}.product .btn{min-width:0;padding:10px 14px;font-size:12px}.product .btn-secondary{margin-left:4px}.product h1{font-size:25px}.gallery-grid{grid-template-columns:minmax(0,1fr)}.thumbs{gap:6px}.nav-links a{padding:0 8px}.brand strong{font-size:16px}.panel{padding:18px}.mobile-cta strong{font-size:11px}.mobile-cta .btn{padding:10px 12px}.toc ul{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media .media-frame img{transform:none}}

.footer .small{color:var(--color-light);opacity:.85}