/* TALVE mineral / forest / teak. Rubik HE + Manrope EN. Open editorial composition, not repeated cards. */
.layer-edit{--layer-forest:#304b3f;--layer-paper:#faf7f0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);max-width:1320px;margin:80px auto;padding:clamp(24px,5vw,72px);background:var(--layer-forest);color:var(--layer-paper);border-radius:3px 3px 80px 3px;scroll-margin-top:160px}
.layer-edit h2{font-size:clamp(32px,3.4vw,52px);font-weight:400;letter-spacing:-.035em;line-height:1.22;margin:22px 0}.layer-edit p{line-height:1.85;max-width:52ch}.layer-edit .eyebrow{color:#ded7c5}.layer-intro img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-top:32px;border-radius:70px 2px 2px 2px}.layer-note{font-size:13px;color:#e0e6de}
.layer-edit fieldset{border:0;border-bottom:1px solid #748578;padding:0 0 24px;margin:0 0 25px;min-width:0}.layer-edit legend{font-size:15px;padding:0 0 15px;line-height:1.6;color:#fff}.layer-choices{display:flex;flex-wrap:wrap;gap:9px}.layer-choices label{position:relative;cursor:pointer;flex:1 1 auto}.layer-choices input{position:absolute;opacity:0;width:1px;height:1px}.layer-choices span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border:1px solid #8f9b90;border-radius:28px;font-size:14px;line-height:1.5;text-align:center}.layer-choices input:checked+span{background:var(--layer-paper);border-color:var(--layer-paper);color:#20392c}.layer-choices input:focus-visible+span{outline:3px solid white;outline-offset:4px}.layer-submit{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:14px 22px;border:0;background:#faf7f0;color:#20392c;border-radius:0;font:inherit;cursor:pointer}.layer-submit span{font-size:24px}.layer-edit button:focus-visible{outline:3px solid #fff;outline-offset:5px}.layer-result{border-top:1px solid #8f9b90;margin-top:30px;padding-top:20px;outline:none}.layer-result h3{font-size:23px;font-weight:400}.layer-result ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0;list-style:none;counter-reset:layer}.layer-result li{counter-increment:layer;border-bottom:1px solid #718376;padding:15px 0;line-height:1.6}.layer-result li:before{content:'0' counter(layer);display:block;font-size:12px;color:#d3dacd;margin-bottom:6px;font-variant-numeric:tabular-nums}.layer-reset{background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;color:inherit;font:inherit;min-height:44px;cursor:pointer}.layer-result[hidden]{display:none}.milky-guide .guide-hero figure{aspect-ratio:4/5;overflow:hidden;border-radius:2px 2px 100px 2px}.milky-guide .guide-hero img{height:100%;width:100%;object-fit:cover}.milky-guide .guide-prose details{padding:24px 0;border-block:1px solid #c9c7bd;margin-block:20px}.milky-guide summary{cursor:pointer;font-size:20px;line-height:1.6}.milky-guide .guide-prose h2{scroll-margin-top:140px}.milky-guide .guide-prose p{line-height:1.95}.milky-guide .guide-prose a{text-underline-offset:4px}
@media(max-width:760px){.layer-edit{grid-template-columns:1fr;margin:48px 12px;padding:30px 22px;border-end-end-radius:54px;gap:28px}.layer-intro img{max-height:240px;object-fit:cover}.layer-edit h2{font-size:34px}.layer-choices span{padding:10px 12px}.layer-result ol{grid-template-columns:1fr}.milky-guide .guide-hero figure{max-height:540px}.layer-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.layer-edit *{scroll-behavior:auto;transition:none}}
.milky-guide .guide-hero figure{width:100%;height:auto;min-width:0}.milky-guide .guide-hero img{object-position:center}
@media(max-width:800px){.milky-guide .guide-hero figure{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}}