.demo-guide{background:var(--surface);border-top:1px solid #24372918;border-bottom:1px solid #24372918}
.guide-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}
.demo-guide h2{font-size:clamp(27px,3.2vw,49px);font-family:var(--font-head,'Zen Old Mincho',serif);line-height:1.5;font-weight:500;margin:20px 0}
.demo-guide p{font-size:14px;line-height:2;color:var(--text);opacity:.8}
.demo-guide small{font-size:10px;opacity:.65;line-height:1.7}
.guide-tool{background:#fffefbbd;border:1px solid #496a4a30;padding:22px;min-height:240px}
.guide-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.guide-choices button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:90px;border:1px solid #71877448;background:#fffefa;color:var(--text);font-weight:700;font-size:12px;text-align:left;padding:15px;line-height:1.55;transition:background .2s,transform .2s}
.guide-choices button:hover{transform:translateY(-3px)}
.guide-choices button.chosen{background:var(--accent);border-color:var(--accent)}
.guide-choices button span{flex:none}
.guide-result{display:flex;align-items:center;min-height:82px;background:#e8eee6;padding:18px 20px;margin-top:11px;color:#4a5d4d;font-size:14px;line-height:1.85}
.guide-result.active{background:var(--text);color:#fff}
.layout-creative .guide-choices button.chosen,.layout-industrial .guide-choices button.chosen{color:#14251c}
.layout-salon .demo-guide,.layout-photo .demo-guide,.layout-industrial .demo-guide,.layout-creative .demo-guide,.layout-corporate .demo-guide{background:var(--surface)}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:22px}.guide-tool{min-height:0}}
@media(max-width:560px){.guide-choices{grid-template-columns:1fr}.guide-choices button{min-height:56px}.guide-result{min-height:85px}.demo-guide h2{font-size:31px}.demo-guide{padding-top:60px;padding-bottom:60px}}
@media(max-width:400px){.layout-japan .hero-copy h1,.layout-cafe .hero-copy h1,.layout-photo .hero-copy h1,.layout-wellness .hero-copy h1{font-size:27px;line-height:1.48;letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.guide-choices button{transition:none}}