.product-detail-page { --ready-yellow:#d8cc12; --ready-lime:#9dc632; --ready-ink:#121311; background:#eeeadf; }
.product-detail-page .site-header { color:var(--ink); }
.product-detail-page .site-header::before { background:linear-gradient(rgba(242,238,229,.94),rgba(242,238,229,.5),transparent); }
.product-detail-page main > section[id],.product-detail-page aside[id] { scroll-margin-top:8rem; }
.product-hero { position:relative; display:grid; grid-template-columns:1.05fr .95fr; min-height:100vh; padding:10rem var(--edge) 5rem; overflow:hidden; border-bottom:1px solid var(--line); }
.product-hero::before { position:absolute; inset:0 0 0 50%; background:linear-gradient(90deg,#dcd7cc00,#dcd7cc 18%,#c7c2b8); content:""; }
.product-hero-copy { position:relative; z-index:2; align-self:center; max-width:50rem; }
.product-hero .breadcrumb { color:var(--muted); }
.product-code { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; margin:0 0 1.4rem; font:600 .62rem/1 Arial,sans-serif; letter-spacing:.2em; }
.product-code span { padding:.48rem .68rem; color:#161711; background:var(--ready-yellow); }
.product-code i { font-style:normal; opacity:.5; }
.product-hero h1 { max-width:8.5em; margin:0; font:400 clamp(3.5rem,7.3vw,8rem)/.98 STSong,"Noto Serif SC",serif; letter-spacing:-.065em; }
.product-lead { max-width:43rem; margin:2rem 0 0; font-size:.88rem; line-height:2.05; letter-spacing:.06em; color:#50504b; }
.product-evidence { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.7rem; }
.product-evidence span { padding:.55rem .7rem; border:1px solid var(--line); font-size:.6rem; letter-spacing:.1em; }
.product-evidence span:first-child { border-color:#747013; color:#55520a; background:rgba(216,204,18,.15); }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2.3rem; }
.hero-actions a { padding:.9rem 1.2rem; border:1px solid var(--ink); font-size:.66rem; letter-spacing:.12em; text-decoration:none; }
.hero-actions a:first-child { color:white; background:var(--ink); }
.product-hero-visual { position:relative; z-index:1; min-height:38rem; align-self:end; }
.product-hero-visual::before { content:none; }
.product-bucket { position:absolute; bottom:8%; width:min(44%,21rem); filter:drop-shadow(0 1.3rem 1.2rem rgba(24,24,20,.16)); }
.product-bucket.base { z-index:3; left:28%; width:min(44%,21rem); }
.product-bucket.wall { z-index:2; right:-1%; transform:none; }
.product-bucket.floor { z-index:1; left:-1%; transform:none; }
.visual-label { position:absolute; right:0; bottom:0; margin:0; font-size:.58rem; line-height:1.7; letter-spacing:.12em; text-align:right; opacity:.58; }
.product-side-note { position:absolute; right:1.5rem; top:50%; z-index:3; margin:0; font:600 .54rem/1 Arial,sans-serif; letter-spacing:.2em; writing-mode:vertical-rl; opacity:.45; }
.truth-band { display:grid; grid-template-columns:.8fr 1.1fr 1.1fr; border-bottom:1px solid var(--line); background:#f8f5ee; }
.truth-band > * { padding:clamp(2rem,4vw,4.5rem); }
.truth-band > * + * { border-left:1px solid var(--line); }
.truth-band h2 { margin:0; font:400 clamp(2rem,3.7vw,4rem)/1.12 STSong,"Noto Serif SC",serif; letter-spacing:-.045em; }
.truth-band article span { color:#6c680c; font:600 .58rem/1 Arial,sans-serif; letter-spacing:.18em; }
.truth-band article h3 { margin:1.4rem 0 .8rem; font:400 1.45rem/1.25 STSong,"Noto Serif SC",serif; }
.truth-band article p { margin:0; color:var(--muted); font-size:.75rem; line-height:1.9; }
.consumer-lab { padding:clamp(5rem,9vw,9rem) var(--edge); color:#161713; background:#d8cc12; }
.consumer-lab-head { display:grid; grid-template-columns:1.15fr .85fr; gap:4rem; align-items:end; }
.consumer-lab-head > div > p { margin:0 0 1.2rem; font:600 .6rem/1.4 Arial,sans-serif; letter-spacing:.2em; }
.consumer-lab-head h2 { max-width:10em; margin:0; font:400 clamp(3rem,6.2vw,6.8rem)/.99 STSong,"Noto Serif SC",serif; letter-spacing:-.06em; }
.consumer-lab-head > p { max-width:37rem; margin:0; font-size:.8rem; line-height:2; }
.judgement-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:1px; margin-top:clamp(4rem,8vw,8rem); background:rgba(16,17,14,.34); }
.judgement-form { display:grid; gap:1px; background:rgba(16,17,14,.34); }
.judgement-form fieldset { position:relative; min-width:0; margin:0; padding:5rem 2rem 2rem; border:0; background:#e1d61f; }
.judgement-form legend { position:absolute; top:1.7rem; left:2rem; width:auto; margin:0; padding:0; font:400 1.4rem/1.3 STSong,"Noto Serif SC",serif; }
.judgement-form legend span { margin-right:1rem; font:600 .57rem/1 Arial,sans-serif; letter-spacing:.12em; }
.choice-row { display:flex; flex-wrap:wrap; gap:.55rem; }
.choice-row label { cursor:pointer; }
.choice-row input { position:absolute; opacity:0; pointer-events:none; }
.choice-row label span { display:block; padding:.78rem .95rem; border:1px solid rgba(19,20,16,.4); font-size:.65rem; letter-spacing:.06em; transition:.2s ease; }
.choice-row input:checked + span { color:#fff; background:#171813; box-shadow:inset 0 0 0 1px #171813; }
.choice-row input:focus-visible + span { outline:2px solid #171813; outline-offset:3px; }
.judgement-result { position:relative; display:flex; flex-direction:column; min-height:37rem; padding:clamp(2rem,4vw,4rem); overflow:hidden; color:#f1ede2; background:#171813; }
.judgement-result > span { align-self:flex-start; padding:.48rem .65rem; color:#171813; background:#d8cc12; font-size:.58rem; letter-spacing:.12em; }
.result-orbit { position:absolute; right:-5rem; top:-5rem; width:19rem; aspect-ratio:1; border:1px solid rgba(216,204,18,.35); border-radius:50%; }
.result-orbit i { position:absolute; inset:2rem; border:1px solid rgba(216,204,18,.2); border-radius:50%; }
.result-orbit b { position:absolute; left:5rem; bottom:4.2rem; color:#d8cc12; font:400 3rem/1 STSong,"Noto Serif SC",serif; }
.judgement-result h3 { position:relative; max-width:9em; margin:9rem 0 1.2rem; font:400 clamp(2rem,3.5vw,3.8rem)/1.08 STSong,"Noto Serif SC",serif; letter-spacing:-.045em; }
.judgement-result > p { max-width:35rem; margin:0; color:#aaa89f; font-size:.72rem; line-height:1.9; }
.judgement-result > div:not(.result-orbit) { margin-top:auto; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.2); }
.judgement-result small { display:block; margin-bottom:.6rem; color:#8b8981; font-size:.57rem; letter-spacing:.12em; }
.judgement-result strong { display:block; font-size:.68rem; line-height:1.8; }
.judgement-result > a { margin-top:1.5rem; color:#d8cc12; font-size:.63rem; letter-spacing:.09em; text-decoration:none; }
.photo-brief { display:grid; grid-template-columns:.9fr 2.1fr; gap:4rem; margin-top:clamp(4rem,7vw,7rem); padding-top:2.2rem; border-top:1px solid rgba(19,20,16,.4); }
.photo-brief > div p { margin:0 0 1rem; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.18em; }
.photo-brief > div h3 { max-width:8em; margin:0; font:400 clamp(2rem,3.5vw,3.7rem)/1.08 STSong,"Noto Serif SC",serif; }
.photo-brief ol { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; border-top:1px solid rgba(19,20,16,.35); border-left:1px solid rgba(19,20,16,.35); list-style:none; }
.photo-brief li { min-height:10rem; padding:1.2rem; border-right:1px solid rgba(19,20,16,.35); border-bottom:1px solid rgba(19,20,16,.35); }
.photo-brief li b { display:block; font:.56rem/1 Arial,sans-serif; }
.photo-brief li span { display:block; margin:2.3rem 0 .45rem; font:400 1.1rem/1.2 STSong,"Noto Serif SC",serif; }
.photo-brief li small { font-size:.58rem; line-height:1.6; opacity:.7; }
.living-guide { position:relative; padding:clamp(5rem,9vw,9rem) var(--edge); overflow:hidden; color:#ede9dd; background:#161714; }
.living-guide::before { position:absolute; left:-12vw; top:5rem; width:45vw; aspect-ratio:1; border:1px solid rgba(216,204,18,.16); border-radius:50%; content:""; box-shadow:0 0 0 6vw rgba(216,204,18,.025),0 0 0 12vw rgba(216,204,18,.018); }
.living-head { position:relative; display:grid; grid-template-columns:.25fr 1.45fr .5fr; gap:3rem; align-items:end; }
.living-head > p { margin:0; color:#d8cc12; font:600 .58rem/1.4 Arial,sans-serif; letter-spacing:.18em; writing-mode:vertical-rl; }
.living-head h2 { max-width:11em; margin:0; font:400 clamp(3rem,6.4vw,7rem)/1 STSong,"Noto Serif SC",serif; letter-spacing:-.06em; }
.living-head > span { color:#8f8d85; font-size:.62rem; line-height:1.7; }
.life-questions { position:relative; margin-top:clamp(4rem,8vw,8rem); border-top:1px solid rgba(255,255,255,.2); }
.life-questions details { border-bottom:1px solid rgba(255,255,255,.2); }
.life-questions summary { display:grid; grid-template-columns:4rem 1fr auto; align-items:center; min-height:6.5rem; cursor:pointer; list-style:none; }
.life-questions summary::-webkit-details-marker { display:none; }
.life-questions summary span { color:#d8cc12; font:.58rem/1 Arial,sans-serif; }
.life-questions summary b { font:400 clamp(1.35rem,2.4vw,2.5rem)/1.2 STSong,"Noto Serif SC",serif; }
.life-questions summary i { font:300 1.6rem/1 Arial,sans-serif; transition:transform .25s ease; }
.life-questions details[open] summary i { transform:rotate(45deg); }
.life-questions details > p { max-width:52rem; margin:-.6rem 0 2rem 4rem; color:#aaa89f; font-size:.74rem; line-height:1.95; }
.handover-card { display:grid; grid-template-columns:.6fr .8fr 1.6fr; gap:3rem; margin-top:5rem; padding:2rem 0; border-top:1px solid #d8cc12; border-bottom:1px solid #d8cc12; }
.handover-card > p { margin:0; color:#d8cc12; font-size:.6rem; line-height:1.7; letter-spacing:.1em; }
.handover-card h3 { margin:0; font:400 1.55rem/1.3 STSong,"Noto Serif SC",serif; }
.handover-card ul { display:grid; grid-template-columns:1fr 1fr; gap:.7rem 2rem; margin:0; padding:0; list-style:none; }
.handover-card li { padding-left:1rem; color:#aaa89f; border-left:2px solid #d8cc12; font-size:.66rem; line-height:1.6; }
.space-observer { display:grid; grid-template-columns:1.25fr .75fr; min-height:100vh; background:#e9e4d9; }
.space-visual { position:relative; min-height:50rem; overflow:hidden; background:#d8d3c8; }
.space-visual > img { width:100%; height:100%; object-fit:cover; }
.space-visual > span { position:absolute; z-index:3; left:1.2rem; bottom:1.2rem; padding:.6rem .75rem; color:#fff; background:rgba(16,17,14,.72); font-size:.54rem; letter-spacing:.08em; }
.tone-wash { position:absolute; z-index:2; inset:0; opacity:.18; background:var(--tone,#e7e2d4); mix-blend-mode:color; transition:background .5s ease,opacity .5s ease; pointer-events:none; }
.space-visual[data-tone-stage="warm"] { --tone:#9a7453; }
.space-visual[data-tone-stage="mist"] { --tone:#6e7978; }
.space-visual[data-tone-stage="rock"] { --tone:#20231f; }
.space-visual[data-tone-stage="rock"] .tone-wash { opacity:.42; mix-blend-mode:multiply; }
.space-panel { display:flex; flex-direction:column; justify-content:center; padding:clamp(3rem,6vw,7rem); }
.space-panel > p:first-child { margin:0 0 1.2rem; color:#74700b; font:600 .58rem/1 Arial,sans-serif; letter-spacing:.2em; }
.space-panel h2 { margin:0; font:400 clamp(2.7rem,4.8vw,5.5rem)/1.03 STSong,"Noto Serif SC",serif; letter-spacing:-.055em; }
.space-panel > p:not(:first-child) { min-height:5.8rem; margin:2rem 0 0; color:var(--muted); font-size:.74rem; line-height:1.9; }
.tone-switch { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:2rem; background:var(--line); }
.tone-switch button { display:grid; gap:.6rem; justify-items:center; padding:1rem .3rem; border:0; background:#f3efe6; font-size:.58rem; }
.tone-switch button[aria-pressed="true"] { color:#fff; background:#181915; }
.tone-switch i { display:block; width:2rem; aspect-ratio:1; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 1px rgba(0,0,0,.14); }
.space-panel > small { margin-top:1rem; color:var(--muted); font-size:.55rem; line-height:1.7; }
.light-rules { display:grid; margin-top:2.5rem; border-top:1px solid var(--line); }
.light-rules article { display:grid; grid-template-columns:.7fr 1.3fr; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--line); }
.light-rules b { font:400 .85rem/1.5 STSong,"Noto Serif SC",serif; }
.light-rules p { margin:0; color:var(--muted); font-size:.6rem; line-height:1.65; }
.detail-section { padding:clamp(5rem,9vw,9rem) var(--edge); }
.detail-section.paper { background:#f8f5ee; }
.detail-section.dark { color:#ebe7dc; background:var(--ready-ink); }
.detail-head { display:grid; grid-template-columns:1.15fr .85fr; gap:4rem; align-items:end; margin-bottom:clamp(3rem,6vw,6rem); }
.detail-head h2 { max-width:12em; margin:0; font:400 clamp(2.6rem,5.3vw,5.8rem)/1.06 STSong,"Noto Serif SC",serif; letter-spacing:-.055em; }
.detail-head > div > p:first-child { margin:0 0 1rem; color:#77720d; font:600 .6rem/1.5 Arial,sans-serif; letter-spacing:.2em; }
.dark .detail-head > div > p:first-child { color:#d8cc12; }
.detail-head > p { max-width:40rem; margin:0; color:var(--muted); font-size:.8rem; line-height:2; }
.dark .detail-head > p { color:#aaa79f; }
.system-switch { display:inline-flex; padding:.3rem; border:1px solid var(--line); background:#e7e2d7; }
.system-switch button { min-width:8rem; padding:.75rem 1rem; border:0; color:var(--ink); background:transparent; font-size:.67rem; letter-spacing:.1em; }
.system-switch button[aria-selected="true"] { color:white; background:var(--ink); }
.system-stage { display:grid; grid-template-columns:.68fr 1.32fr; min-height:35rem; margin-top:1.5rem; border:1px solid var(--line); background:#eee9df; }
.system-product { position:relative; display:grid; place-items:center; padding:3rem; border-right:1px solid var(--line); overflow:hidden; }
.system-product::before { content:none; }
.system-product img { position:relative; width:min(76%,19rem); filter:drop-shadow(0 1rem .9rem rgba(0,0,0,.14)); }
.system-product p { position:absolute; bottom:1.5rem; left:1.5rem; margin:0; font-size:.58rem; line-height:1.7; letter-spacing:.12em; opacity:.6; }
.layer-flow { display:grid; align-content:center; padding:clamp(2rem,5vw,5rem); }
.layer-flow > p { margin:0 0 2rem; color:var(--muted); font-size:.72rem; line-height:1.8; }
.layer-list { display:grid; }
.layer-item { display:grid; grid-template-columns:3rem 1fr auto; gap:1rem; align-items:center; min-height:4.4rem; padding:.75rem 0; border-top:1px solid var(--line); }
.layer-item:last-child { border-bottom:1px solid var(--line); }
.layer-item span { color:#74700b; font:600 .6rem/1 Arial,sans-serif; }
.layer-item b { font:400 1.03rem/1.3 STSong,"Noto Serif SC",serif; }
.layer-item small { max-width:18rem; color:var(--muted); font-size:.62rem; line-height:1.5; text-align:right; }
.component-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.component-card { min-height:15rem; padding:1.8rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.component-card span { color:#77720d; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.16em; }
.component-card h3 { margin:4rem 0 .8rem; font:400 1.55rem/1.2 STSong,"Noto Serif SC",serif; }
.component-card p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.8; }
.product-function-grid { grid-template-columns:repeat(3,1fr); background:#e8e3d8; }
.product-function-grid .component-card { min-height:42rem; padding:0 1.8rem 2rem; overflow:hidden; background:#f3efe6; }
.component-image { position:relative; display:grid; place-items:center; height:19rem; margin:0 -1.8rem 1.8rem; overflow:hidden; border-bottom:1px solid var(--line); background:#fff; }
.component-image::before { content:none; }
.component-image img { position:relative; width:min(66%,13rem); max-height:15rem; object-fit:contain; filter:drop-shadow(0 .85rem .75rem rgba(0,0,0,.13)); }
.component-image b { position:absolute; right:1.2rem; top:1.2rem; color:#76710c; font:400 3rem/1 STSong,"Noto Serif SC",serif; }
.product-function-grid .component-card h3 { margin:1.5rem 0 .8rem; font-size:2rem; }
.product-function-grid .component-card > p { min-height:5.7rem; }
.component-card dl { margin:1.5rem 0 0; border-top:1px solid var(--line); }
.component-card dl > div { display:grid; grid-template-columns:.9fr 1.1fr; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--line); }
.component-card dt { color:var(--muted); font-size:.57rem; letter-spacing:.08em; }
.component-card dd { margin:0; font:400 .75rem/1.5 STSong,"Noto Serif SC",serif; }
.component-card > small { display:block; margin-top:1.2rem; color:#7a7510; font-size:.56rem; line-height:1.6; }
.directory-card.featured-system { position:relative; color:#171810; background:var(--accent); }
.directory-card.featured-system::after { position:absolute; top:1.2rem; right:1.2rem; padding:.38rem .5rem; color:#fff; background:#171810; content:"完整详情"; font:600 .52rem/1 Arial,sans-serif; letter-spacing:.12em; }
.matrix { overflow-x:auto; border-top:1px solid rgba(255,255,255,.22); }
.matrix-row { display:grid; grid-template-columns:1.05fr .55fr 1.4fr 1.2fr; min-width:55rem; border-bottom:1px solid rgba(255,255,255,.18); }
.matrix-row > * { padding:1.25rem 1rem; }
.matrix-row > * + * { border-left:1px solid rgba(255,255,255,.12); }
.matrix-row.header { color:#aaa79f; font-size:.58rem; letter-spacing:.16em; }
.matrix-row b { font:400 1rem/1.4 STSong,"Noto Serif SC",serif; }
.matrix-row p { margin:0; color:#aaa79f; font-size:.68rem; line-height:1.75; }
.fit-badge { display:inline-flex; align-items:center; gap:.45rem; font-size:.62rem; }
.fit-badge::before { width:.48rem; aspect-ratio:1; border-radius:50%; background:var(--badge,#d8cc12); content:""; }
.fit-badge.no { --badge:#ce684d; }
.fit-badge.review { --badge:#d4a934; }
.scene-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:4rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.scene-card { min-height:18rem; padding:2rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.scene-card span { color:#77720d; font-size:.57rem; letter-spacing:.16em; }
.scene-card h3 { margin:5rem 0 1rem; font:400 1.5rem/1.2 STSong,"Noto Serif SC",serif; }
.scene-card p { margin:0; color:var(--muted); font-size:.72rem; line-height:1.85; }
.scene-card.no { background:rgba(188,93,66,.06); }
.data-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(3rem,7vw,8rem); }
.data-table { border-top:1px solid var(--line); }
.data-row { display:grid; grid-template-columns:1fr 1fr .8fr; border-bottom:1px solid var(--line); }
.data-row > * { padding:1rem .7rem; }
.data-row > * + * { border-left:1px solid var(--line); }
.data-row dt { font-size:.67rem; letter-spacing:.08em; }
.data-row dd { margin:0; font:400 .95rem/1.5 STSong,"Noto Serif SC",serif; }
.data-row small { color:var(--muted); font-size:.59rem; line-height:1.55; }
.status-dot { display:inline-flex; align-items:center; gap:.4rem; }
.status-dot::before { width:.42rem; aspect-ratio:1; border-radius:50%; background:#6e9b45; content:""; }
.status-dot.review::before { background:#cf9b2d; }
.calculator { align-self:start; padding:clamp(2rem,4vw,3.5rem); color:#ece8dc; background:var(--ink); }
.calculator > span { color:#d8cc12; font-size:.57rem; letter-spacing:.18em; }
.calculator h3 { margin:1rem 0 2rem; font:400 2rem/1.15 STSong,"Noto Serif SC",serif; }
.calculator-form { display:grid; grid-template-columns:1fr 1fr; gap:1.3rem; }
.calculator-form label { display:grid; gap:.55rem; font-size:.62rem; letter-spacing:.08em; }
.calculator-form input,.calculator-form select { width:100%; padding:.8rem 0; border:0; border-bottom:1px solid rgba(255,255,255,.28); border-radius:0; color:white; background:transparent; outline:0; }
.calculator-form select option { color:var(--ink); }
.calculator-form .wide { grid-column:1/-1; }
.calc-result { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:2rem; background:rgba(255,255,255,.18); }
.calc-result article { padding:1.4rem; background:#20211e; }
.calc-result span { color:#aaa79f; font-size:.57rem; letter-spacing:.12em; }
.calc-result b { display:block; margin:.55rem 0; font:400 1.8rem/1 STSong,"Noto Serif SC",serif; }
.calc-result small { color:#aaa79f; font-size:.58rem; }
.calculator > p { margin:1.5rem 0 0; color:#96938b; font-size:.59rem; line-height:1.75; }
.process-list { counter-reset:step; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.process-list article { counter-increment:step; min-height:19rem; padding:2rem; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.process-list article::before { content:"0" counter(step); color:#d8cc12; font:600 .6rem/1 Arial,sans-serif; letter-spacing:.14em; }
.process-list h3 { margin:4.5rem 0 1rem; font:400 1.45rem/1.2 STSong,"Noto Serif SC",serif; }
.process-list p { margin:0; color:#aaa79f; font-size:.7rem; line-height:1.85; }
.process-warning { margin-top:2rem; padding:1.2rem 1.4rem; border-left:3px solid #d8cc12; color:#aaa79f; background:rgba(255,255,255,.04); font-size:.66rem; line-height:1.8; }
.application-switch { display:inline-flex; margin-bottom:1.5rem; padding:.3rem; border:1px solid rgba(255,255,255,.22); }
.application-switch button { min-width:9rem; padding:.8rem 1rem; border:0; color:#b3b0a7; background:transparent; font-size:.65rem; letter-spacing:.1em; }
.application-switch button[aria-selected="true"] { color:#171813; background:#d8cc12; }
.application-layout { display:grid; grid-template-columns:.65fr 1.35fr; border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.application-diagram { position:relative; min-height:42rem; margin:0; overflow:hidden; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); background:#24251f; }
.application-diagram::before { position:absolute; right:-8rem; top:-6rem; width:24rem; aspect-ratio:1; border:1px solid rgba(216,204,18,.25); border-radius:50%; content:""; box-shadow:0 0 0 4rem rgba(216,204,18,.025),0 0 0 8rem rgba(216,204,18,.018); }
.system-strata { position:absolute; z-index:2; left:10%; right:10%; top:16%; display:flex; flex-direction:column; justify-content:flex-end; height:60%; perspective:900px; }
.system-strata span { display:flex; align-items:center; justify-content:center; height:17%; margin-top:-1px; border:1px solid rgba(255,255,255,.22); color:#b4b1a8; background:#30312b; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.13em; transform:rotateX(55deg); transform-origin:center bottom; box-shadow:0 .8rem 1.5rem rgba(0,0,0,.22); }
.system-strata span:first-child { height:11%; color:#171813; border-color:#d8cc12; background:#d8cc12; }
.system-strata span:nth-child(2) { height:15%; color:#fff; background:#4b4c44; }
.system-strata span:nth-child(3) { height:24%; }
.system-strata span:last-child { height:28%; color:#8e8c84; background:#1c1d19; }
.application-diagram[data-application-visual="floor"] .system-strata span:nth-child(2) { color:#171813; background:#b9b14a; }
.application-diagram figcaption { position:absolute; inset:auto 0 0; padding:3rem 1.2rem 1.2rem; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.84)); font-size:.57rem; line-height:1.6; letter-spacing:.06em; }
.application-layout .process-list { grid-template-columns:repeat(2,1fr); border-top:0; border-left:0; }
.application-layout .process-list article { min-height:14rem; }
.application-layout .process-list h3 { margin-top:2.8rem; }
.color-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:2rem; }
.color-atlas { position:relative; height:clamp(28rem,43vw,39rem); padding:0; overflow:hidden; border:1px solid var(--line); background:#fff; }
.color-atlas img { position:absolute; inset:0; width:100%; height:100%; padding:1rem; object-fit:contain; background:#fff; }
.color-atlas button { position:absolute; right:1rem; bottom:1rem; padding:.8rem 1rem; border:0; color:white; background:rgba(18,19,17,.9); font-size:.62rem; letter-spacing:.1em; }
.texture-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.texture-grid figure { position:relative; min-height:15rem; margin:0; overflow:hidden; background:#ddd7ca; }
.texture-grid figure:first-child { grid-column:1/-1; min-height:19rem; }
.texture-grid img { width:100%; height:100%; object-fit:cover; }
.texture-grid figcaption { position:absolute; inset:auto 0 0; padding:2.5rem 1rem 1rem; color:white; background:linear-gradient(transparent,rgba(0,0,0,.68)); font-size:.62rem; letter-spacing:.08em; }
.sample-rule { margin-top:2rem; color:var(--muted); font-size:.68rem; line-height:1.8; }
.download-list { border-top:1px solid var(--line); }
.download-item { display:grid; grid-template-columns:.4fr 1.2fr .7fr auto; gap:1.5rem; align-items:center; min-height:7rem; padding:1rem 0; border-bottom:1px solid var(--line); }
.download-item > span { color:#77720d; font-size:.58rem; letter-spacing:.16em; }
.download-item h3 { margin:0 0 .35rem; font:400 1.25rem/1.3 STSong,"Noto Serif SC",serif; }
.download-item p { margin:0; color:var(--muted); font-size:.65rem; line-height:1.6; }
.download-item small { color:var(--muted); font-size:.6rem; }
.download-item a { padding:.75rem .9rem; border:1px solid var(--ink); font-size:.62rem; letter-spacing:.08em; text-decoration:none; }
.download-item button { padding:.75rem .9rem; border:1px solid var(--line); color:var(--muted); background:transparent; font-size:.62rem; }
.conversion { display:grid; grid-template-columns:1.2fr .8fr; gap:4rem; align-items:end; padding:clamp(5rem,9vw,9rem) var(--edge); color:white; background:#252620; }
.conversion h2 { max-width:11em; margin:0; font:400 clamp(2.8rem,5.5vw,6rem)/1.05 STSong,"Noto Serif SC",serif; letter-spacing:-.055em; }
.conversion p { color:#aaa79f; font-size:.76rem; line-height:1.9; }
.conversion-links { display:grid; border-top:1px solid rgba(255,255,255,.25); }
.conversion-links a { display:flex; justify-content:space-between; padding:1.1rem .2rem; border-bottom:1px solid rgba(255,255,255,.25); font-size:.68rem; letter-spacing:.1em; text-decoration:none; }
.scan-modal { position:fixed; z-index:300; inset:0; display:none; place-items:center; padding:clamp(1rem,4vw,4rem); background:rgba(10,10,9,.92); }
.scan-modal.open { display:grid; }
.scan-modal figure { max-width:min(92vw,88rem); max-height:88vh; margin:0; overflow:auto; background:#eeeae0; }
.scan-modal img { max-width:none; width:min(1500px,90vw); }
.scan-modal button { position:fixed; top:1.2rem; right:1.2rem; width:3rem; height:3rem; border:1px solid white; border-radius:50%; color:white; background:rgba(0,0,0,.35); font-size:1.5rem; }
@media(max-width:1050px){
  .product-hero { grid-template-columns:1fr; padding-top:8rem; }
  .product-hero::before { inset:53% 0 0; }
  .product-hero-visual { min-height:32rem; }
  .truth-band { grid-template-columns:1fr 1fr; }
  .truth-band > h2 { grid-column:1/-1; border-bottom:1px solid var(--line); }
  .truth-band article:nth-child(2) { border-left:0; }
  .system-stage,.data-layout,.color-layout { grid-template-columns:1fr; }
  .system-product { min-height:28rem; border-right:0; border-bottom:1px solid var(--line); }
  .component-grid,.process-list { grid-template-columns:repeat(2,1fr); }
  .product-function-grid { grid-template-columns:1fr; }
  .product-function-grid .component-card { min-height:auto; }
  .component-image { height:22rem; }
  .product-function-grid .component-card > p { min-height:0; }
  .scene-grid { grid-template-columns:repeat(2,1fr); }
  .consumer-lab-head,.judgement-layout,.space-observer { grid-template-columns:1fr; }
  .judgement-result { min-height:32rem; }
  .photo-brief { grid-template-columns:1fr; }
  .space-visual { min-height:35rem; }
  .space-panel { padding-block:6rem; }
  .application-layout { grid-template-columns:1fr; }
  .application-diagram { min-height:30rem; }
}
@media(max-width:760px){
  .product-hero { min-height:auto; padding-top:7rem; }
  .product-hero h1 { font-size:clamp(3.2rem,16vw,5rem); }
  .product-hero-visual { min-height:24rem; margin-top:2rem; }
  .visual-label,.product-side-note { display:none; }
  .truth-band,.detail-head,.conversion { grid-template-columns:1fr; }
  .truth-band article { border-top:1px solid var(--line); border-left:0!important; }
  .detail-head { gap:1.5rem; }
  .system-stage { min-height:auto; }
  .system-product { min-height:21rem; }
  .layer-flow { padding:1.3rem; }
  .layer-item { grid-template-columns:2.3rem 1fr; }
  .layer-item small { grid-column:2; text-align:left; }
  .component-grid,.scene-grid,.process-list { grid-template-columns:1fr; }
  .component-card,.scene-card,.process-list article { min-height:14rem; }
  .component-card h3,.scene-card h3,.process-list h3 { margin-top:3rem; }
  .data-row { grid-template-columns:.8fr 1.2fr; }
  .data-row small { grid-column:1/-1; border-top:1px solid var(--line); border-left:0; }
  .calculator-form,.calc-result,.texture-grid { grid-template-columns:1fr; }
  .calculator-form .wide,.texture-grid figure:first-child { grid-column:1; }
  .download-item { grid-template-columns:1fr auto; gap:.6rem; padding:1.3rem 0; }
  .download-item > div { grid-column:1/-1; }
  .download-item small { grid-column:1; }
  .consumer-lab-head,.living-head,.handover-card { grid-template-columns:1fr; }
  .consumer-lab-head { gap:1.5rem; }
  .judgement-form fieldset { padding:4.5rem 1rem 1.4rem; }
  .judgement-form legend { top:1.3rem; left:1rem; }
  .choice-row { display:grid; grid-template-columns:1fr 1fr; }
  .choice-row label span { height:100%; line-height:1.45; }
  .judgement-result { min-height:34rem; }
  .judgement-result h3 { margin-top:8rem; }
  .photo-brief { gap:2rem; }
  .photo-brief ol { grid-template-columns:1fr 1fr; }
  .living-head > p { writing-mode:horizontal-tb; }
  .living-head { gap:1rem; }
  .living-head > span { margin-top:1rem; }
  .life-questions summary { grid-template-columns:2.3rem 1fr auto; }
  .life-questions details > p { margin-left:2.3rem; }
  .handover-card { gap:1.5rem; }
  .handover-card ul { grid-template-columns:1fr; }
  .space-visual { min-height:28rem; }
  .space-panel { padding-block:5rem; }
  .tone-switch { grid-template-columns:1fr 1fr; }
  .system-switch,
  .application-switch { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  .system-switch button,
  .application-switch button { min-width:0; padding-inline:.45rem; }
  .application-diagram { min-height:23rem; }
  .application-layout .process-list { grid-template-columns:1fr; }
}

/* Ready detail page · editorial layout v2 */
.ready-layout-v2 #产品定位,
.ready-layout-v2 #适用场景,
.ready-layout-v2 #基层适配,
.ready-layout-v2 #空间体验,
.ready-layout-v2 .product-hero { min-height:clamp(46rem,92vh,58rem); }
.ready-layout-v2 .detail-section,
.ready-layout-v2 .consumer-lab,
.ready-layout-v2 .living-guide { padding-block:clamp(4.5rem,7vw,7rem); }
.ready-layout-v2 .detail-head { margin-bottom:clamp(2.5rem,4vw,4rem); }
.ready-layout-v2 .detail-head h2 { font-size:clamp(2.8rem,4.4vw,4.8rem); }

.ready-layout-v2 .product-function-grid { margin-top:0; }
.ready-layout-v2 .product-function-grid .component-card { min-height:33rem; padding:0 1.6rem 1.5rem; }
.ready-layout-v2 .component-image { height:14.5rem; margin-inline:-1.6rem; }
.ready-layout-v2 .component-image img { width:min(72%,11rem); max-height:11.5rem; }
.ready-layout-v2 .component-image b { font-size:2.2rem; }
.ready-layout-v2 .product-function-grid .component-card h3 { margin-top:1.2rem; font-size:1.7rem; }
.ready-layout-v2 .product-function-grid .component-card > p { min-height:4.6rem; font-size:.68rem; }
.ready-layout-v2 .component-card dl { margin-top:1rem; }
.ready-layout-v2 .component-card dl > div { padding:.62rem 0; }
.ready-layout-v2 .system-switch { margin-top:2.2rem; }
.ready-layout-v2 .system-stage { grid-template-columns:.56fr 1.44fr; min-height:29rem; }
.ready-layout-v2 .system-product { padding:2rem; }
.ready-layout-v2 .system-product img { width:min(72%,14rem); }
.ready-layout-v2 .layer-flow { padding:clamp(1.8rem,3.5vw,3.5rem); }
.ready-layout-v2 .layer-flow > p { margin-bottom:1.2rem; }
.ready-layout-v2 .layer-item { min-height:3.45rem; padding:.48rem 0; }
.ready-layout-v2 .layer-item b { font-size:.94rem; }
.ready-layout-v2 .layer-item small { font-size:.59rem; }

.ready-layout-v2 .consumer-lab { color:var(--ink); background:#f8f5ee; }
.ready-layout-v2 .consumer-lab-head { align-items:end; }
.ready-layout-v2 .consumer-lab-head > div > p { color:#77720d; }
.ready-layout-v2 .consumer-lab-head h2 { max-width:12em; font-size:clamp(2.8rem,4.7vw,5rem); line-height:1.04; }
.ready-layout-v2 .consumer-lab-head > p { color:var(--muted); }
.fit-scenes { display:grid; grid-template-columns:repeat(4,1fr); margin-top:3rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.fit-scenes article { min-height:11rem; padding:1.4rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.fit-scenes article.conditional { background:rgba(188,93,66,.055); }
.fit-scenes span { color:#77720d; font:600 .56rem/1 Arial,sans-serif; }
.fit-scenes b { display:block; margin:2rem 0 .65rem; font:400 1.05rem/1.3 STSong,"Noto Serif SC",serif; }
.fit-scenes p { margin:0; color:var(--muted); font-size:.64rem; line-height:1.7; }
.ready-layout-v2 .judgement-layout { grid-template-columns:1.45fr .75fr; margin-top:1.5rem; background:var(--line); }
.ready-layout-v2 .judgement-form { grid-template-columns:repeat(3,1fr); background:var(--line); }
.ready-layout-v2 .judgement-form fieldset { min-height:20rem; padding:5rem 1.3rem 1.3rem; background:#eeeadf; }
.ready-layout-v2 .judgement-form legend { top:1.5rem; left:1.3rem; font-size:1.08rem; }
.ready-layout-v2 .judgement-form .choice-row { display:grid; grid-template-columns:1fr; }
.ready-layout-v2 .choice-row label span { padding:.67rem .75rem; background:#f7f3eb; }
.ready-layout-v2 .choice-row input:checked + span { background:#171813; }
.ready-layout-v2 .judgement-result { min-height:20rem; padding:2rem; }
.ready-layout-v2 .judgement-result h3 { margin:4rem 0 1rem; font-size:clamp(1.8rem,2.5vw,2.8rem); }
.ready-layout-v2 .judgement-result > div:not(.result-orbit) { margin-top:2rem; }
.ready-layout-v2 .judgement-result > a { margin-top:auto; padding-top:1.2rem; }
.substrate-details { margin-top:1.5rem; border:1px solid var(--line); background:#eeeadf; }
.substrate-details > summary { display:grid; grid-template-columns:auto 1fr auto; gap:1.2rem; align-items:center; min-height:5rem; padding:1rem 1.4rem; cursor:pointer; list-style:none; }
.substrate-details > summary::-webkit-details-marker { display:none; }
.substrate-details > summary span { color:#77720d; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.13em; }
.substrate-details > summary b { font:400 1.1rem/1.3 STSong,"Noto Serif SC",serif; }
.substrate-details > summary i { font:300 1.4rem/1 Arial,sans-serif; transition:transform .2s ease; }
.substrate-details[open] > summary i { transform:rotate(45deg); }
.substrate-compact { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.substrate-compact article { min-height:9.5rem; padding:1.2rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.substrate-compact article:nth-child(3n) { border-right:0; }
.substrate-compact b { display:block; font:400 1rem/1.35 STSong,"Noto Serif SC",serif; }
.substrate-compact span { display:inline-block; margin:.7rem 0; color:#77720d; font-size:.57rem; letter-spacing:.08em; }
.substrate-compact .stop span { color:#a34733; }
.substrate-compact p { margin:0; color:var(--muted); font-size:.62rem; line-height:1.7; }

.ready-layout-v2 #施工路径 { background:#151613; }
.ready-layout-v2 .application-diagram { min-height:32rem; }
.ready-layout-v2 .system-strata { top:14%; height:65%; gap:.35rem; justify-content:center; }
.ready-layout-v2 .system-strata span { flex:1; height:auto; max-height:5rem; margin:0; color:#b4b1a8; border-color:rgba(255,255,255,.18); background:#30312b; }
.ready-layout-v2 .system-strata span:first-child { height:auto; color:#b4b1a8; border-color:rgba(255,255,255,.18); background:#30312b; }
.ready-layout-v2 .system-strata .protection-layer { flex:.65; color:#171813; border-color:#d8cc12; background:#d8cc12; }
.ready-layout-v2 .system-strata .finish-layer { flex:.9; color:white; background:#4b4c44; }
.ready-layout-v2 .application-diagram[data-application-visual="floor"] .system-strata .finish-layer { color:#171813; background:#b9b14a; }
.ready-layout-v2 .system-strata .base-layer { flex:1.15; color:#fff; background:#595a51; }
.ready-layout-v2 .application-layout .process-list article { min-height:11rem; padding:1.5rem; }
.ready-layout-v2 .application-layout .process-list h3 { margin:1.9rem 0 .7rem; font-size:1.2rem; }
.ready-layout-v2 .application-layout .process-list p { font-size:.64rem; }

.ready-layout-v2 #色彩纹理 { background:#f8f5ee; }
.ready-layout-v2 .color-atlas { height:clamp(25rem,36vw,33rem); }
.ready-layout-v2 .texture-grid figure { min-height:13rem; }
.ready-layout-v2 .texture-grid figure:first-child { min-height:17rem; }

.document-status-compact { margin-top:3rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.document-status-compact > summary { display:grid; grid-template-columns:auto 1fr auto auto; gap:1.2rem; align-items:center; min-height:5rem; cursor:pointer; list-style:none; }
.document-status-compact > summary::-webkit-details-marker { display:none; }
.document-status-compact > summary span { color:#77720d; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.15em; }
.document-status-compact > summary b { font:400 1.25rem/1.3 STSong,"Noto Serif SC",serif; }
.document-status-compact > summary small { color:var(--muted); font-size:.6rem; }
.document-status-compact > summary i { font:300 1.4rem/1 Arial,sans-serif; transition:transform .2s ease; }
.document-status-compact[open] > summary i { transform:rotate(45deg); }
.document-status-grid { border-top:1px solid var(--line); }
.document-status-grid article { display:grid; grid-template-columns:.35fr 1.3fr auto; gap:1.2rem; align-items:center; min-height:5.2rem; padding:.8rem 0; border-bottom:1px solid var(--line); }
.document-status-grid article > span { color:#77720d; font-size:.56rem; letter-spacing:.13em; }
.document-status-grid b { font:400 1rem/1.3 STSong,"Noto Serif SC",serif; }
.document-status-grid p { margin:.25rem 0 0; color:var(--muted); font-size:.61rem; line-height:1.5; }
.document-status-grid a { padding:.7rem .85rem; border:1px solid var(--ink); font-size:.6rem; text-decoration:none; }
.document-status-grid article > small { color:var(--muted); font-size:.59rem; }

.ready-layout-v2 .living-guide { color:var(--ink); background:#f1ede4; }
.ready-layout-v2 .living-guide::before { display:none; }
.ready-layout-v2 .living-head { grid-template-columns:auto 1.35fr .65fr; }
.ready-layout-v2 .living-head > p { writing-mode:horizontal-tb; }
.ready-layout-v2 .living-head h2 { max-width:13em; font-size:clamp(2.8rem,4.5vw,4.8rem); }
.ready-layout-v2 .living-head > span { color:var(--muted); }
.ready-layout-v2 .life-questions { margin-top:3rem; border-color:var(--line); }
.ready-layout-v2 .life-questions details { border-color:var(--line); }
.ready-layout-v2 .life-questions summary { min-height:4.6rem; }
.ready-layout-v2 .life-questions summary b { font-size:clamp(1.2rem,1.8vw,1.8rem); }
.ready-layout-v2 .life-questions details > p { color:var(--muted); }
.ready-layout-v2 .handover-card { grid-template-columns:.55fr .8fr 1.65fr; margin-top:3rem; padding:1.5rem 0; }
.ready-layout-v2 .handover-card > p { color:#77720d; }
.ready-layout-v2 .handover-card li { color:var(--muted); }
.ready-layout-v2 .conversion { padding-block:clamp(4rem,6vw,6rem); }
.ready-layout-v2 .conversion h2 { font-size:clamp(2.8rem,4.5vw,4.8rem); }

@media(max-width:1050px){
  .ready-layout-v2 .product-function-grid { grid-template-columns:repeat(3,1fr); }
  .ready-layout-v2 .judgement-form { grid-template-columns:1fr; }
  .ready-layout-v2 .judgement-form fieldset { min-height:auto; }
  .ready-layout-v2 .judgement-result { min-height:28rem; }
  .ready-layout-v2 .system-stage { grid-template-columns:1fr; }
}
@media(max-width:760px){
  .ready-layout-v2 .product-hero { min-height:auto; }
  .ready-layout-v2 .detail-section,
  .ready-layout-v2 .consumer-lab,
  .ready-layout-v2 .living-guide { padding-block:4rem; }
  .ready-layout-v2 .product-function-grid,
  .fit-scenes,
  .substrate-compact { grid-template-columns:1fr; }
  .ready-layout-v2 .product-function-grid .component-card { min-height:auto; }
  .ready-layout-v2 .component-image { height:13rem; }
  .ready-layout-v2 .product-function-grid .component-card > p { min-height:0; }
  .fit-scenes article { min-height:auto; }
  .fit-scenes b { margin-top:1.2rem; }
  .ready-layout-v2 .judgement-layout { grid-template-columns:1fr; }
  .ready-layout-v2 .judgement-result { min-height:26rem; }
  .substrate-details > summary { grid-template-columns:1fr auto; }
  .substrate-details > summary span { grid-column:1/-1; }
  .substrate-compact article { border-right:0; }
  .document-status-compact > summary { grid-template-columns:1fr auto; padding:1rem 0; }
  .document-status-compact > summary span,
  .document-status-compact > summary small { grid-column:1; }
  .document-status-compact > summary i { grid-column:2; grid-row:1/4; }
  .document-status-grid article { grid-template-columns:1fr auto; }
  .document-status-grid article > span { grid-column:1/-1; }
  .ready-layout-v2 .living-head,
  .ready-layout-v2 .handover-card { grid-template-columns:1fr; }
}

/* Ready detail page · simplified customer reading path */
.ready-simple-section { padding:clamp(4.5rem,7vw,7rem) var(--edge); background:#f8f5ee; }
.ready-simple-section:nth-of-type(even) { background:#eeeadf; }
.simple-section-head { display:grid; grid-template-columns:1.12fr .88fr; gap:4rem; align-items:end; margin-bottom:3rem; }
.simple-section-head > div > p { margin:0 0 1rem; color:#77720d; font:600 .6rem/1.5 Arial,sans-serif; letter-spacing:.2em; }
.simple-section-head h2 { max-width:12em; margin:0; font:400 clamp(2.8rem,4.5vw,4.9rem)/1.05 STSong,"Noto Serif SC",serif; letter-spacing:-.055em; }
.simple-section-head > p { max-width:40rem; margin:0; color:var(--muted); font-size:.78rem; line-height:1.95; }

.decision-cards { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.decision-card { position:relative; min-height:20rem; padding:2rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#f7f3eb; }
.decision-card::before { position:absolute; inset:0 0 auto; height:.3rem; background:var(--decision-color,#78955b); content:""; }
.decision-card.check { --decision-color:#c4962a; }
.decision-card.stop { --decision-color:#b75f4a; }
.decision-card > span { display:inline-block; color:var(--decision-color,#5f7e44); font:600 .6rem/1 Arial,sans-serif; letter-spacing:.12em; }
.decision-card h3 { max-width:12em; margin:4.4rem 0 1rem; font:400 1.65rem/1.25 STSong,"Noto Serif SC",serif; }
.decision-card p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.85; }
.decision-card > b { position:absolute; right:2rem; bottom:2rem; left:2rem; padding-top:1rem; border-top:1px solid var(--line); font-size:.62rem; line-height:1.65; }
.place-choice { display:grid; grid-template-columns:1.15fr repeat(3,1fr); margin-top:1.5rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.place-choice > * { min-height:10rem; padding:1.5rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.place-choice > div { color:white; background:#1a1b18; }
.place-choice span { color:#d8cc12; font-size:.57rem; letter-spacing:.12em; }
.place-choice h3 { margin:2.4rem 0 0; font:400 1.35rem/1.35 STSong,"Noto Serif SC",serif; }
.place-choice article b { font:400 1.15rem/1.3 STSong,"Noto Serif SC",serif; }
.place-choice article p { margin:1.8rem 0 0; color:var(--muted); font-size:.64rem; line-height:1.7; }

.simple-routes { color:#ede9dd; background:#171813!important; }
.simple-routes .simple-section-head > div > p { color:#d8cc12; }
.simple-routes .simple-section-head > p { color:#aaa79f; }
.shared-base-note { display:grid; grid-template-columns:auto .7fr 1.8fr; gap:2rem; align-items:center; padding:1.4rem 1.6rem; border:1px solid rgba(255,255,255,.2); }
.shared-base-note span { padding:.5rem .65rem; color:#171813; background:#d8cc12; font-size:.58rem; letter-spacing:.1em; }
.shared-base-note b { font:400 1.35rem/1.3 STSong,"Noto Serif SC",serif; }
.shared-base-note p { margin:0; color:#aaa79f; font-size:.66rem; line-height:1.75; }
.route-cards { display:grid; grid-template-columns:1fr 1fr; margin-top:1.5rem; border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.route-cards article { min-height:27rem; padding:2rem; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.route-cards article > div > span { color:#d8cc12; font:600 .57rem/1 Arial,sans-serif; letter-spacing:.16em; }
.route-cards h3 { margin:1.2rem 0 .5rem; font:400 2rem/1.2 STSong,"Noto Serif SC",serif; }
.route-cards article > div > p { margin:0; color:#aaa79f; font-size:.67rem; line-height:1.7; }
.route-cards ol { display:flex; align-items:center; gap:.5rem; margin:5rem 0 3rem; padding:0; list-style:none; }
.route-cards li { display:flex; flex:1; align-items:center; justify-content:center; min-height:4rem; padding:.65rem; border:1px solid rgba(255,255,255,.22); color:#d6d2c7; font-size:.62rem; line-height:1.45; text-align:center; }
.route-cards li + li::before { margin-left:-1.1rem; margin-right:.55rem; color:#d8cc12; content:"→"; }
.route-cards li:nth-child(3) { border-color:#8f8a37; background:rgba(216,204,18,.08); }
.route-cards li:nth-child(4) { color:#171813; border-color:#d8cc12; background:#d8cc12; }
.route-cards small { color:#aaa79f; font-size:.62rem; line-height:1.7; }
.simple-boundary { margin:1.5rem 0 0; padding:1.1rem 1.3rem; border-left:3px solid #d8cc12; color:#aaa79f; background:rgba(255,255,255,.04); font-size:.65rem; line-height:1.75; }

.simple-buying { background:#eeeadf; }
.buying-checklist { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.buying-checklist article { min-height:15rem; padding:1.4rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.buying-checklist span { color:#77720d; font:600 .57rem/1 Arial,sans-serif; }
.buying-checklist h3 { margin:3rem 0 .8rem; font:400 1.12rem/1.35 STSong,"Noto Serif SC",serif; }
.buying-checklist p { margin:0; color:var(--muted); font-size:.63rem; line-height:1.75; }
.quick-data { display:grid; grid-template-columns:repeat(4,1fr); margin-top:1.5rem; border-top:1px solid var(--line); border-left:1px solid var(--line); background:#f8f5ee; }
.quick-data > div { min-height:9rem; padding:1.4rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.quick-data span { display:block; color:#77720d; font-size:.58rem; letter-spacing:.1em; }
.quick-data b { display:block; margin:1.5rem 0 .5rem; font:400 1.25rem/1.2 STSong,"Noto Serif SC",serif; }
.quick-data small { color:var(--muted); font-size:.58rem; }
.buying-actions { display:flex; gap:2rem; align-items:center; justify-content:space-between; margin-top:1.5rem; padding:1.3rem 1.5rem; color:white; background:#1a1b18; }
.buying-actions p { margin:0; color:#aaa79f; font-size:.63rem; line-height:1.7; }
.buying-actions a { flex:none; color:#d8cc12; font-size:.64rem; letter-spacing:.06em; text-decoration:none; }

@media(max-width:1050px){
  .decision-cards { grid-template-columns:1fr; }
  .decision-card { min-height:14rem; }
  .decision-card h3 { margin-top:2rem; }
  .place-choice { grid-template-columns:1fr 1fr; }
  .buying-checklist { grid-template-columns:repeat(2,1fr); }
  .buying-checklist article:last-child { grid-column:1/-1; }
}
@media(max-width:760px){
  .simple-section-head { grid-template-columns:1fr; gap:1.5rem; }
  .decision-card { min-height:18rem; }
  .place-choice,
  .route-cards,
  .buying-checklist,
  .quick-data { grid-template-columns:1fr; }
  .place-choice > * { min-height:auto; }
  .place-choice article p { margin-top:1rem; }
  .shared-base-note { grid-template-columns:1fr; gap:.8rem; }
  .route-cards article { min-height:auto; }
  .route-cards ol { display:grid; grid-template-columns:1fr; margin:3rem 0 2rem; }
  .route-cards li + li::before { display:block; margin:-1.2rem 0 .4rem; content:"↓"; }
  .buying-checklist article,
  .buying-checklist article:last-child { grid-column:auto; min-height:auto; }
  .buying-checklist h3 { margin-top:1.5rem; }
  .quick-data > div { min-height:auto; }
  .buying-actions { align-items:flex-start; flex-direction:column; }
}

/* Ready color card and real sample presentation */
.color-board-layout { display:grid; grid-template-columns:1.55fr .45fr; border:1px solid var(--line); background:#fff; }
.color-board { position:relative; min-height:42rem; margin:0; overflow:hidden; border-right:1px solid var(--line); background:#fff; }
.color-board img { width:100%; height:100%; padding:1.2rem; object-fit:contain; }
.color-board button { position:absolute; right:1.2rem; bottom:1.2rem; padding:.85rem 1rem; border:0; color:white; background:#171813; font-size:.62rem; letter-spacing:.08em; }
.color-board-guide { display:flex; flex-direction:column; padding:2rem; color:#ede9dd; background:#181915; }
.color-board-guide > span { color:#d8cc12; font:600 .58rem/1 Arial,sans-serif; letter-spacing:.16em; }
.color-board-guide h3 { margin:2rem 0 3rem; font:400 1.8rem/1.25 STSong,"Noto Serif SC",serif; }
.color-board-guide ol { display:grid; gap:0; margin:0; padding:0; border-top:1px solid rgba(255,255,255,.2); list-style:none; }
.color-board-guide li { display:grid; grid-template-columns:2rem 1fr; gap:.5rem; padding:1.2rem 0; border-bottom:1px solid rgba(255,255,255,.2); }
.color-board-guide li b { color:#d8cc12; font:600 .56rem/1.5 Arial,sans-serif; }
.color-board-guide li p { margin:0; color:#aaa79f; font-size:.64rem; line-height:1.7; }
.color-board-guide > small { margin-top:auto; padding-top:2rem; color:#8e8c84; font-size:.57rem; line-height:1.7; }
.texture-section-head { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:end; margin:4rem 0 1.5rem; }
.texture-section-head span { color:#77720d; font:600 .57rem/1 Arial,sans-serif; letter-spacing:.16em; }
.texture-section-head h3 { margin:1rem 0 0; font:400 2rem/1.25 STSong,"Noto Serif SC",serif; }
.texture-section-head > p { margin:0; color:var(--muted); font-size:.68rem; line-height:1.8; }
.texture-sample-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.texture-sample-grid figure { margin:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#f3efe6; }
.texture-sample-grid figure > div { height:23rem; overflow:hidden; background:#d8d3c8; }
.texture-sample-grid img { display:block; width:150%; height:150%; object-fit:cover; object-position:42% 38%; transform:translate(-16%,-16%); }
.texture-sample-grid figcaption { display:grid; min-height:8.5rem; padding:1.25rem; }
.texture-sample-grid figcaption span { color:#77720d; font:600 .56rem/1 Arial,sans-serif; letter-spacing:.13em; }
.texture-sample-grid figcaption b { align-self:end; margin-top:1.3rem; font:400 1.2rem/1.2 STSong,"Noto Serif SC",serif; }
.texture-sample-grid figcaption small { margin-top:.4rem; color:var(--muted); font-size:.58rem; }
.sample-confirmation { display:grid; grid-template-columns:.45fr 1.55fr; gap:2rem; align-items:center; margin-top:1.5rem; padding:1.4rem 1.5rem; color:white; background:#191a17; }
.sample-confirmation > span { color:#d8cc12; font-size:.59rem; letter-spacing:.1em; }
.sample-confirmation ol { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:0; padding:0; background:rgba(255,255,255,.2); list-style:none; counter-reset:sample-step; }
.sample-confirmation li { counter-increment:sample-step; padding:1rem; background:#232420; font-size:.62rem; line-height:1.55; }
.sample-confirmation li::before { display:block; margin-bottom:.5rem; color:#d8cc12; content:"0" counter(sample-step); font:600 .55rem/1 Arial,sans-serif; }

@media(max-width:1050px){
  .color-board-layout { grid-template-columns:1fr; }
  .color-board { min-height:36rem; border-right:0; border-bottom:1px solid var(--line); }
  .color-board-guide > small { margin-top:2rem; }
  .texture-sample-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:760px){
  .color-board { min-height:22rem; }
  .color-board img { padding:.5rem; }
  .color-board button { right:.7rem; bottom:.7rem; }
  .texture-section-head { grid-template-columns:1fr; gap:1rem; margin-top:3rem; }
  .texture-sample-grid figure > div { height:17rem; }
  .texture-sample-grid figcaption { min-height:7.5rem; }
  .sample-confirmation { grid-template-columns:1fr; }
  .sample-confirmation ol { grid-template-columns:1fr 1fr; }
}