/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */
/* Hallmark · macrostructure: Workbench · tone: utilitarian night-market · anchor hue: amber · theme: custom forest-cream */
@import url('./tokens.css');
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1,h2{font-family:var(--font-display);font-style:normal;letter-spacing:-.035em}h2{font-size:clamp(2rem,3vw,3rem)}h3{font-size:var(--text-xl)}p{max-width:70ch}small{font-size:var(--text-sm)}::selection{background:var(--color-cyan);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a,button{touch-action:manipulation}a[aria-disabled="true"],button:disabled{opacity:.5;pointer-events:none}.container{width:min(1220px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:100;top:-100px;left:16px;background:var(--color-orange);padding:var(--space-xs) var(--space-md)}.skip:focus{top:8px}
.promo{background:var(--color-forest);color:var(--color-white);font-size:var(--text-sm);text-align:center;padding:7px var(--space-md);font-weight:650}.promo a{text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:20;background:var(--color-charcoal);color:var(--color-white);border-bottom:2px solid var(--color-orange)}.nav-inner{display:flex;align-items:center;min-height:66px;gap:var(--space-xl)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.brand-mark{width:29px;height:29px;border:1px solid var(--color-orange);display:grid;place-items:center;color:var(--color-orange);font:700 17px var(--font-display);transform:rotate(-12deg)}.brand-mark span{transform:rotate(12deg)}.nav-links{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.nav-links a{text-decoration:none;font-weight:650;font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid transparent;padding:19px 0}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--color-orange);border-color:var(--color-orange)}.nav-cta{margin-left:var(--space-sm)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 20px;border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;font-weight:800;white-space:nowrap;line-height:1.2;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn-primary{background:var(--color-orange);color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink)}.btn-primary:hover{background:var(--color-orange-hover);transform:translateY(-2px);box-shadow:4px 5px 0 var(--color-ink)}.btn-primary:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--color-ink)}.btn-secondary{background:transparent;border-color:var(--color-line);color:var(--color-ink)}.btn-secondary:hover{background:var(--color-paper-deep)}.btn-secondary:active{transform:translateY(1px)}.btn-dark{background:var(--color-white);color:var(--color-ink)}.btn-dark:hover{background:var(--color-paper-deep)}.btn[data-state="loading"]{cursor:progress;opacity:.7}.btn[data-state="error"]{border-color:var(--color-error)}.btn[data-state="success"]{border-color:var(--color-success)}
.breadcrumb{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-lg) 0}.breadcrumb a{text-underline-offset:3px}.breadcrumb span{margin:0 var(--space-xs)}
.hero{background:var(--color-charcoal);color:var(--color-white);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.85fr);min-height:570px}.hero-media{position:relative;min-width:0;min-height:480px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;display:block;animation:hero-drift 14s var(--ease-in-out) infinite alternate}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,var(--color-charcoal))}.media-caption{position:absolute;left:var(--space-lg);bottom:var(--space-lg);z-index:1;background:var(--color-charcoal);color:var(--color-cyan);border:1px solid var(--color-cyan);padding:4px 10px;font:var(--text-xs) var(--font-mono);letter-spacing:.08em}.hero-content{padding:var(--space-2xl) clamp(26px,4vw,64px) var(--space-xl) var(--space-lg);display:flex;flex-direction:column;justify-content:center;min-width:0}.eyebrow{color:var(--color-cyan);font:700 var(--text-xs) var(--font-mono);letter-spacing:.16em}.hero h1{font-size:var(--text-display);margin:var(--space-sm) 0 0;overflow-wrap:anywhere}.hero .en-title{font:700 var(--text-lg) var(--font-mono);letter-spacing:.18em;color:var(--color-cyan);margin-bottom:var(--space-lg)}.hero-lede{font-size:var(--text-lg);line-height:1.6;color:var(--color-paper);margin-bottom:var(--space-lg)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-lg)}.chip{border:1px solid var(--color-cyan);color:var(--color-cyan);padding:3px 8px;font-size:var(--text-xs);white-space:nowrap}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero .btn-secondary{color:var(--color-white);border-color:var(--color-muted)}.hero .btn-secondary:hover{background:var(--color-charcoal-soft)}.hero-note{color:var(--color-cyan);font-size:var(--text-xs);margin:var(--space-sm) 0 0}.hero-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs);padding:var(--space-sm) 0}.hero-rail a{display:block;aspect-ratio:16/9;border:2px solid transparent}.hero-rail a:hover{border-color:var(--color-orange)}.hero-rail img{width:100%;height:100%;object-fit:cover;display:block}
.intro-strip{background:var(--color-white);border-bottom:1px solid var(--color-line)}.intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.fact{padding:var(--space-lg) var(--space-md);border-right:1px solid var(--color-line)}.fact:last-child{border:0}.fact dt{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-muted);font-weight:800}.fact dd{margin:4px 0 0;font-weight:750}.section{padding:var(--space-3xl) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-ink);padding-bottom:var(--space-md)}.section-head h2{margin:0}.section-head p{margin:0;color:var(--color-muted);max-width:34ch}.text-link{text-underline-offset:4px;font-weight:800}.text-link:hover{color:var(--color-forest)}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.large-copy{font-size:var(--text-xl);font-family:var(--font-display);line-height:1.55}.copy p{line-height:1.85}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--color-line);border:1px solid var(--color-line)}.feature{background:var(--color-white);padding:var(--space-lg);min-width:0;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.feature:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-line)}.feature-index{color:var(--color-brown);font:700 var(--text-xs) var(--font-mono)}.feature h3{margin:var(--space-sm) 0}.feature p{margin:0;color:var(--color-muted);font-size:var(--text-sm)}
.media-panel{background:var(--color-charcoal);color:var(--color-white);padding:var(--space-3xl) 0}.media-panel .section-head{border-color:var(--color-cyan)}.media-panel .section-head p{color:var(--color-cyan)}.gallery-preview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:var(--space-md)}.gallery-preview figure{margin:0}.gallery-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-charcoal-soft)}.gallery-preview .media-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.gallery-preview .media-side a{min-width:0}.gallery-preview .media-side img{height:100%}.media-panel a:hover img,.gallery-card a:hover img{outline:2px solid var(--color-orange);outline-offset:2px}.media-panel figcaption{color:var(--color-cyan);font-size:var(--text-sm);margin-top:var(--space-xs)}
.path-section{background:var(--color-paper-deep)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.path-card{background:var(--color-white);padding:var(--space-lg);border-top:4px solid var(--color-forest)}.path-card strong{display:block;color:var(--color-forest);font:700 var(--text-xs) var(--font-mono);margin-bottom:var(--space-sm)}.path-card h3{margin-bottom:var(--space-sm)}.path-card p{margin:0;color:var(--color-muted)}
.download-banner{background:var(--color-forest);color:var(--color-white);padding:var(--space-2xl) 0}.download-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}.download-inner h2{margin-bottom:var(--space-xs)}.download-inner p{margin:0}.download-inner .btn{flex-shrink:0}.faq-list{border-top:1px solid var(--color-line)}.faq-list details{border-bottom:1px solid var(--color-line);padding:var(--space-md) 0}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:var(--space-md)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--color-forest);font-size:1.4em;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list p,.faq-list ol{margin:var(--space-sm) 0 0;color:var(--color-muted);max-width:75ch}
.page-title{background:var(--color-charcoal);color:var(--color-white);padding:var(--space-2xl) 0}.page-title h1{font-size:clamp(2.5rem,5vw,4.7rem);margin:0 0 var(--space-sm);overflow-wrap:anywhere}.page-title p{color:var(--color-paper);font-size:var(--text-lg);margin:0}.page-title .breadcrumb{color:var(--color-cyan);padding-top:0}.page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:var(--space-2xl)}.panel{background:var(--color-white);border:1px solid var(--color-line);padding:var(--space-xl)}.panel h2{font-size:var(--text-2xl)}.panel h3{font-size:var(--text-lg)}.sidebar-panel{align-self:start;position:sticky;top:90px}.sidebar-panel ul{padding-left:20px}.sidebar-panel li{margin:var(--space-xs) 0}.kicker{font:800 var(--text-xs) var(--font-mono);color:var(--color-forest);letter-spacing:.09em}.step-list{counter-reset:step;list-style:none;padding:0}.step-list li{position:relative;padding:0 0 var(--space-lg) 42px;border-left:1px solid var(--color-line);margin-left:14px}.step-list li:last-child{border:0}.step-list li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:-15px;top:0;background:var(--color-forest);color:var(--color-white);width:30px;height:30px;display:grid;place-items:center;font:700 var(--text-xs) var(--font-mono)}.step-list strong{display:block}.specs{width:100%;border-collapse:collapse}.specs th,.specs td{text-align:left;border-bottom:1px solid var(--color-line);padding:9px 0}.specs th{width:35%;font-weight:700}.guide-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.guide-chapters a{background:var(--color-white);border:1px solid var(--color-line);padding:var(--space-lg);text-decoration:none;display:block}.guide-chapters a:hover{border-color:var(--color-forest);transform:translateY(-2px)}.guide-chapters strong{display:block;font-family:var(--font-display);font-size:var(--text-xl)}.guide-chapters span{color:var(--color-muted);font-size:var(--text-sm)}.guide-article{max-width:850px}.guide-article section{border-top:2px solid var(--color-ink);padding:var(--space-2xl) 0;scroll-margin-top:92px}.guide-article h2{font-size:var(--text-2xl)}.guide-article p,.guide-article li{line-height:1.9}.guide-article ul,.guide-article ol{padding-left:24px}.tip{background:var(--color-paper-deep);border-left:4px solid var(--color-forest);padding:var(--space-md) var(--space-lg)}
.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl)}.filter-bar button{border:1px solid var(--color-line);background:var(--color-white);padding:8px 16px;cursor:pointer;font-weight:750}.filter-bar button:hover{background:var(--color-paper-deep)}.filter-bar button[aria-pressed="true"]{background:var(--color-forest);color:var(--color-white);border-color:var(--color-forest)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.gallery-card{background:var(--color-white);border:1px solid var(--color-line);min-width:0}.gallery-card[hidden]{display:none}.gallery-card a{display:block}.gallery-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-card figcaption{padding:var(--space-md);font-weight:700}.gallery-card small{display:block;color:var(--color-muted);font-weight:400}.lightbox{position:fixed;inset:0;z-index:50;background:var(--color-charcoal);color:var(--color-white);display:none;align-items:center;justify-content:center;padding:60px 72px}.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain}.lightbox figcaption{color:var(--color-cyan);text-align:center;margin-top:8px}.lightbox button{position:absolute;background:var(--color-charcoal-soft);color:var(--color-white);border:1px solid var(--color-cyan);min-width:44px;min-height:44px;cursor:pointer}.lightbox button:hover{background:var(--color-forest)}.lightbox-close{top:14px;right:14px}.lightbox-prev{left:14px;top:50%}.lightbox-next{right:14px;top:50%}
.site-footer{background:var(--color-charcoal);color:var(--color-paper);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--space-2xl)}.footer-grid h3{font:800 var(--text-sm) var(--font-body);color:var(--color-cyan);margin-bottom:var(--space-sm)}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:7px 0}.footer-grid a{text-decoration:none}.footer-grid a:hover{text-decoration:underline;color:var(--color-orange)}.footer-grid p{font-size:var(--text-sm);color:var(--color-paper-deep)}.footer-bottom{border-top:1px solid var(--color-charcoal-soft);margin-top:var(--space-2xl);padding-top:var(--space-md);font-size:var(--text-xs);color:var(--color-paper-deep)}.footer-bottom p{max-width:none}.mobile-bar{display:none}.back-top{position:fixed;right:18px;bottom:18px;z-index:19;background:var(--color-white);color:var(--color-ink);border:1px solid var(--color-line);padding:8px 11px;text-decoration:none;font-weight:800}.back-top:hover{background:var(--color-paper-deep)}
.gallery-card{margin:0}.hero h1{font-size:clamp(3rem,4.8vw,4.8rem)}.hero .en-title{display:block;text-transform:uppercase;margin-top:var(--space-xs);margin-bottom:var(--space-lg);letter-spacing:.18em;font:700 var(--text-lg) var(--font-mono);color:var(--color-cyan)}
@keyframes hero-drift{from{transform:scale(1.02)}to{transform:scale(1.05)}}
@media(max-width:900px){.nav-links{gap:var(--space-md)}.nav-cta{display:none}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-media{min-height:330px;max-height:450px;order:2}.hero-content{padding:var(--space-xl) 0;order:1}.hero-media:after{background:linear-gradient(0deg,var(--color-charcoal),transparent 40%)}.overview-grid,.page-grid{grid-template-columns:minmax(0,1fr)}.sidebar-panel{position:static}.gallery-preview{grid-template-columns:minmax(0,1fr)}.gallery-preview .media-side img{height:auto}.hero-rail{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,1220px)}.promo{font-size:11px}.nav-inner{min-height:54px;gap:var(--space-sm)}.brand{font-size:1rem}.brand-mark{width:25px;height:25px}.nav-links{margin-left:auto;gap:10px}.nav-links a{font-size:11px;padding:15px 0}.nav-links a:nth-child(3){display:none}.hero h1{font-size:clamp(2.7rem,13vw,4.1rem)}.hero-lede{font-size:var(--text-base)}.hero-media{min-height:230px}.hero-actions .btn{min-height:44px;font-size:var(--text-sm)}.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(2){border-right:0}.fact{border-bottom:1px solid var(--color-line);padding:var(--space-md)}.section{padding:var(--space-2xl) 0}.section-head{display:block}.section-head p{margin-top:var(--space-sm)}.feature-list,.path-grid,.gallery-grid,.guide-chapters{grid-template-columns:minmax(0,1fr)}.download-inner{display:block}.download-inner .btn{margin-top:var(--space-lg)}.page-title{padding:var(--space-xl) 0}.panel{padding:var(--space-lg)}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-bottom:95px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--color-charcoal);padding:8px 14px max(8px,env(safe-area-inset-bottom));border-top:2px solid var(--color-orange);gap:8px}.mobile-bar .btn{flex:1;min-width:0;min-height:44px;font-size:var(--text-sm)}.mobile-bar .btn-secondary{color:var(--color-white);border-color:var(--color-muted)}.back-top{bottom:76px}.lightbox{padding:60px 12px}.lightbox-prev{left:4px;top:auto;bottom:10px}.lightbox-next{right:4px;top:auto;bottom:10px}.lightbox img{max-height:calc(100vh - 165px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media img{animation:none}.btn,.feature{transition:opacity var(--dur-fast) var(--ease-out)}.btn:hover,.feature:hover{transform:none}}
.guide-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.source-credit{font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid var(--color-line);padding-top:var(--space-md)}@media(max-width:640px){.guide-chapters{grid-template-columns:minmax(0,1fr)}}
.footer-grid li a{white-space:nowrap;font-size:var(--text-sm)}.filter-bar button:active,.lightbox button:active{transform:translateY(1px)}.filter-bar button:disabled,.lightbox button:disabled{opacity:.55;cursor:not-allowed}.filter-bar button[data-state="loading"],.lightbox button[data-state="loading"]{cursor:progress;opacity:.7}.filter-bar button[data-state="error"],.lightbox button[data-state="error"]{border-color:var(--color-error)}.filter-bar button[data-state="success"],.lightbox button[data-state="success"]{border-color:var(--color-success)}
@media(prefers-reduced-motion:reduce){.guide-chapters a:hover{transform:none}}
.article-body kbd,.key-summary kbd{font-family:var(--font-mono);font-size:.9em;background:var(--color-charcoal);color:var(--color-white);border:1px solid var(--color-charcoal-soft);padding:2px 7px;border-radius:var(--radius-sm);white-space:nowrap}.article-body section{scroll-margin-top:92px}.article-body .key-table{margin:var(--space-md) 0 var(--space-xl)}.article-body .key-table th{width:35%;white-space:nowrap}.key-summary{list-style:none;padding:0!important;margin:var(--space-md) 0 var(--space-lg)}.key-summary li{display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-line);padding:var(--space-xs) 0;margin:0!important}.key-summary kbd{min-width:54px;text-align:center}.article-body .source-credit{margin-top:var(--space-xl)}