/* Contextual guidance, using each host's existing type and colors. */
.bench-guidance{font:400 14px/1.65 Inter,Arial,sans-serif;color:inherit;border-left:3px solid #91a820;padding:4px 0 4px 16px;margin:22px 0;max-width:760px;overflow-wrap:anywhere}.bench-guidance p{font:inherit;color:inherit;margin:6px 0}.bench-guidance a{color:inherit;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:6px 0}.bench-guidance summary{cursor:pointer;font-weight:600;padding:8px 0}.bench-guidance button{font:inherit;min-height:44px;max-width:100%;padding:8px 12px;white-space:normal}.bench-guidance blockquote{font:inherit;margin:10px 0;padding:0 12px;border-left:1px solid currentColor}.bench-guidance [role=status]:empty{display:none}.bench-guidance a:focus-visible,.bench-guidance summary:focus-visible{outline:3px solid #91a820;outline-offset:3px}
.bench-guide{max-width:920px;margin:auto;padding:25px 28px 70px;color:var(--text-primary)}.bench-guide h1{font:400 clamp(38px,6vw,64px)/1.12 Anton,Impact,sans-serif;letter-spacing:-.025em}.bench-guide h2{font:600 24px/1.3 Inter,Arial,sans-serif;margin:0 0 12px}.bench-guide p,.bench-guide li{font:400 16px/1.75 Inter,Arial,sans-serif}.bench-guide .guide-lede{font-size:20px;max-width:720px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:34px 0}.guide-grid section{border-top:1px solid var(--border-strong);padding-top:20px}.guide-example{background:var(--surface-card);border:1px solid var(--border-strong);border-left:5px solid var(--brand-accent);padding:24px;margin:32px 0}.guide-example p{margin:10px 0}.guide-example .example-label,.bench-guide .eyebrow{font:12px/1.5 Consolas,monospace;letter-spacing:.04em}.guide-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:28px 0}.guide-actions a{color:inherit;padding:12px 16px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.guide-actions a:first-child{background:var(--brand-lime);color:#20271c;text-decoration:none;border:1px solid #20271c}.bench-guide details{margin:24px 0;border-top:1px solid var(--border-strong);padding-top:18px}.bench-guide summary{cursor:pointer;font:600 16px/1.5 Inter,Arial,sans-serif}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-list article{border-top:1px solid var(--border-strong);padding-top:20px}.guide-list a{color:inherit}.guide-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.guide-header a{color:inherit}.guide-header .theme-toggle{border:1px solid var(--border-strong);font:12px Inter,Arial,sans-serif}.guide-header .theme-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor}
@media(max-width:650px){.guide-grid,.guide-list{grid-template-columns:1fr}.bench-guide{padding:16px 20px 40px}.guide-example{padding:18px}.guide-header{gap:12px;flex-wrap:wrap}.guide-header nav{gap:12px}.bench-guidance{padding-left:12px}}
/* Existing homepage cards retain their layout, with separate action links. */
.concept-home .feature-card .card-action{display:block;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0}.concept-home .bench-link{display:inline-block;color:inherit;font:13px/1.5 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px}.concept-home .experiments article{padding:20px 0;border-bottom:1px solid #67735f}.concept-home .experiments article p{font-size:13px;line-height:1.6;color:#d1d7c7;max-width:450px}.concept-home .experiments article>a{padding:8px 0;min-height:44px;border:0}.concept-home .experiments article .bench-link{font-size:13px}.concept-home .mini-preview{cursor:default}.concept-home .mini-preview small{line-height:1.5}

.workshop-tool>.skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:var(--brand-lime,#d6ed7b);color:#20271c}.workshop-tool>.skip:focus{top:12px}

/* Shared explanation rhythm: separate sections, keep headings with their text. */
.bench-guide{--guide-section-space:clamp(32px,4vw,48px)}
.bench-guide>section{margin-block:var(--guide-section-space)}
.bench-guide section>p{margin-block:0}
.bench-guide section>p+p{margin-block-start:12px}
.bench-guide .guide-example>h2{margin-block-start:16px}
.bench-guide .guide-actions{margin-block:var(--guide-section-space)}
/* Secondary explanations always follow the primary action on a separate row. */
.concept-home a.bench-link,.concept-home .experiments article>a.bench-link,
.bench-guidance>a{display:block;width:fit-content;max-width:100%;margin-block-start:12px;clear:both;text-align:left}
.concept-home a.bench-link:focus-visible{outline:3px solid var(--brand-lime,#d6ed7b);outline-offset:4px}
