.guide-breadcrumb{font-size:11px;padding-top:28px;color:var(--fg-3)}.guide-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;padding:48px 0;border-bottom:var(--border-strong)}.guide-intro h1{font-size:clamp(36px,4.4vw,64px)}.guide-intro .lead{margin-top:24px;font-size:15px}.guide-intro figure{max-width:340px;justify-self:center}.guide-intro figcaption{font-size:10px;color:var(--fg-3);text-align:center}.guide-date{font-size:10px;margin-top:24px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;padding:48px 0}.guide-layout aside nav{position:sticky;top:24px;display:grid;gap:18px;font-size:11px;line-height:1.6}.guide-article{max-width:760px}.guide-article section{margin-bottom:48px;scroll-margin-top:24px}.guide-article h2{font-size:28px;letter-spacing:-.035em;line-height:1.3;margin-bottom:20px}.guide-article p+p{margin-top:18px}.guide-note{font-size:12px;border-left:2px solid var(--kl-gold);padding-left:18px;margin-bottom:36px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.guide-card{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:28px 0;border-top:var(--border-strong);text-decoration:none}.guide-card p{grid-column:2;font-size:12px}.guide-card>span:last-child{grid-column:2}.guide-card:hover h3{text-decoration:underline}.guide-number{font-size:11px;color:var(--fg-3)}.guide-related{padding:32px 0 64px}.guide-related>h2{margin-bottom:28px}.guide-related>p{max-width:780px;margin:20px 0}.guide-calculator{border:var(--border-strong);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-calculator h2,.guide-calculator output,.guide-calculator noscript{grid-column:1/-1}.guide-calculator label{display:grid;gap:10px;font-size:12px}.guide-calculator input{min-width:0;width:100%;padding:12px;border:var(--border-strong);background:var(--kl-white);color:var(--kl-black)}.guide-calculator output{line-height:1.8;font-size:13px;border-top:var(--border-soft);padding-top:18px}.guide-callout{padding:36px 0;border-top:var(--border-strong)}.guide-callout p{margin:18px 0;max-width:760px}.site-header nav{gap:20px}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:32px}.guide-layout aside nav{position:static;grid-template-columns:1fr 1fr}.guide-intro{gap:24px}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}}
@media(max-width:600px){.guide-intro{grid-template-columns:1fr;padding:32px 0}.guide-intro figure{max-width:200px}.guide-intro h1{font-size:36px}.guide-grid{grid-template-columns:1fr}.guide-layout aside nav{grid-template-columns:1fr}.guide-calculator{grid-template-columns:1fr;padding:18px}.guide-article h2{font-size:24px}.guide-breadcrumb{line-height:1.8}.guide-layout{padding-top:28px}.guide-article section{margin-bottom:32px}}
.screen-lesson figure{margin:20px 0}.screen-lesson img{display:block;width:100%;max-height:560px;object-fit:contain;border:var(--border-soft);background:#fff}.screen-lesson figcaption,.discovery-screen figcaption{font-size:11px;line-height:1.7;margin-top:12px;color:var(--fg-3)}.discovery-nav{display:flex;gap:24px;flex-wrap:wrap;padding:24px 0;border-bottom:var(--border-strong)}.discovery-screen{border-bottom:var(--border-strong);padding:24px 0}.discovery-screen summary{cursor:pointer;font-size:18px}.discovery-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:24px}.discovery-columns img{width:100%;max-height:560px;object-fit:contain;background:#fff}.discovery-columns p+p{margin-top:20px}.discovery-choices{display:flex;flex-wrap:wrap;gap:12px}.discovery-choices button{font:inherit;border:var(--border-strong);padding:16px;background:var(--kl-white);color:var(--kl-black);cursor:pointer}.discovery-choices button[aria-pressed=true]{outline:2px solid var(--kl-gold);outline-offset:3px}.discovery-feedback{margin-top:24px;max-width:760px}.discovery-screen summary:focus-visible,.discovery-choices button:focus-visible{outline:2px solid var(--kl-gold);outline-offset:4px}@media(max-width:700px){.discovery-columns{grid-template-columns:1fr}.discovery-choices{display:grid}.discovery-nav{gap:16px}}

/* Frame real screenshots around their modal, preserving their original pixels. */
.modal-capture{position:relative;overflow:hidden;width:100%;background:#fff}
.modal-capture-craft{aspect-ratio:820/780;--capture-width:165.853659%;--capture-left:-32.926829%;--capture-top:-14.102564%}
.modal-capture-guide{aspect-ratio:620/800;--capture-width:219.354839%;--capture-left:-59.677419%;--capture-top:-12.5%}
.screen-lesson .modal-capture img,.discovery-columns .modal-capture img{position:absolute;display:block;width:var(--capture-width);max-width:none;max-height:none;height:auto;left:var(--capture-left);top:var(--capture-top);border:0}