.guide-head{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.guide-menu,.guide-inline,.guide-related a,.crumbs a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.guide-menu{font-weight:700;font-size:14px}
.guide-menu:hover,.guide-inline:hover,.guide-related a:hover,.crumbs a:hover{color:var(--tomato)}
.guide-main{padding-block:23px 40px}
.crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--copy);font-size:13px}
.guide-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,6vw,92px);padding-block:clamp(32px,4vw,58px);border-bottom:1px solid var(--rule)}
.guide-intro h1{font-size:clamp(52px,5.6vw,84px);line-height:1.05;letter-spacing:-.065em;margin:14px 0 16px;text-wrap:balance}
.guide-lede{font-size:clamp(16px,1.35vw,20px);line-height:1.55;color:var(--copy);max-width:540px}
.guide-play{margin-top:21px}.guide-meta{font:700 11px/1.4 var(--mono);color:var(--muted);margin-top:12px}
.guide-example{background:var(--tile,#f2e4cb);border:1px solid #adab8a;border-radius:8px;padding:clamp(18px,2.4vw,34px)}
.guide-art{display:flex;align-items:center;gap:4px;padding:18px 0 11px}
.guide-art img,.guide-blank{width:clamp(34px,4vw,60px);height:clamp(39px,4.4vw,65px)}
.guide-art img{object-fit:contain}
.guide-blank{display:grid;place-content:center;border:2px dashed #9e9170;border-radius:5px;font:600 24px/1 var(--serif)}
.guide-example h2,.guide-aside h2,.guide-answer h2,.guide-related h2,.guide-body>section>h2{font-size:clamp(22px,2.1vw,34px);line-height:1.17;letter-spacing:-.055em;margin:7px 0 9px}
.guide-example p,.guide-steps p,.guide-aside p,.guide-answer p{font-size:16px;color:var(--copy);line-height:1.55}
.guide-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(25px,6vw,92px);align-items:start;margin-block:clamp(30px,3.4vw,49px)}
.guide-steps{list-style:none;padding:0;margin:15px 0 0}
.guide-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;border-top:1px solid var(--rule);padding:13px 0}
.guide-number{font:600 italic 21px/1.25 var(--serif);color:var(--tomato)}
.guide-steps h3{font-size:21px;line-height:1.2;margin:0 0 4px}
.guide-aside{border-left:3px solid #92a375;padding:6px 0 7px 18px}
.guide-inline{display:inline-block;margin-top:10px;font-size:14px;font-weight:700}
.guide-answer,.guide-related{border-top:1px solid var(--rule);padding:18px 0 4px}
.guide-answer p{max-width:770px}.guide-related{margin-top:18px}.guide-related ul{display:flex;flex-wrap:wrap;gap:7px 24px;margin:8px 0;padding:0;list-style:none}
.guide-related a{font-size:15px}
@media(max-width:760px){.guide-head{min-height:62px}.guide-main{padding-top:14px}.guide-intro,.guide-body{grid-template-columns:1fr;gap:23px}.guide-intro{padding-block:23px 30px}.guide-intro h1{font-size:clamp(42px,8vw,62px)}.guide-menu{font-size:13px}.guide-example{padding:17px}.guide-art{padding-block:9px}.guide-art img,.guide-blank{width:39px;height:44px}.guide-footer .foot-inner{row-gap:8px}}
