/*
Theme Name: Practical Guide
Version: 1.0
*/
body{background:#fff}.site-header{border-top:5px solid var(--accent);border-bottom:1px solid #dbe3e8}.site-header .brand{font-size:23px}.guide-layout{display:grid;grid-template-columns:235px 1fr;gap:55px;padding-top:50px}.guide-rail{background:var(--paper);padding:28px 25px;align-self:start;position:sticky;top:25px;border-radius:10px}.guide-rail strong{font-size:21px;color:var(--accent)}.guide-rail>p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:20px}.guide-rail>a{display:block;padding:14px 0;border-top:1px solid #27415225;font-size:12px}.rail-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:var(--accent);background:#fff;margin-top:27px;font-size:28px}.guide-hero{padding:30px 0 45px}.guide-badge{display:inline-block;border:1px solid var(--accent);border-radius:6px;padding:4px 10px;color:var(--accent);font-size:11px;font-weight:750}.guide-hero h1{font-size:clamp(36px,3.5vw,51px);font-weight:800;letter-spacing:-2.5px;margin:25px 0 22px;max-width:700px}.guide-hero>p{font-size:16px;max-width:560px}.guide-hero .primary-link{border-radius:6px;margin-top:12px}.guide-checks{padding:30px 0 20px}.guide-checks .section-label h2{font-size:23px}.check-row{display:flex;gap:23px;padding:24px 0;border-top:1px solid #dbe3e8}.check-number{background:var(--paper);color:var(--accent);border-radius:8px;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:19px}.check-row h3{font-size:20px;margin:0 0 7px}.check-row p{font-size:14px;margin:0}.guide-latest{padding:35px 0}.guide-latest h2{font-size:24px}.guide-latest .empty-state{background:var(--paper);border:0;border-radius:10px}.guide-about{padding:28px;border-left:4px solid var(--accent);background:#f7f9fa;margin-top:20px}.guide-about h2{font-size:20px}.guide-about p{font-size:14px;margin:0}.variant-1 .guide-rail{border-radius:0;border-left:3px solid var(--accent)}.variant-1 .check-number{border-radius:50%}.variant-2 .guide-hero{padding:35px;background:var(--paper);border-radius:12px}.variant-2 .guide-hero h1{font-size:42px;font-weight:700}.variant-2 .guide-rail{background:#fff;border:1px solid #dbe3e8}.variant-2 .check-row{border:1px solid #dbe3e8;padding:21px;border-radius:10px;margin-bottom:13px}.design-guide .article-content{border-left:4px solid var(--accent);padding-left:30px}.design-guide .product-card{border-radius:10px}
@media(max-width:760px){.guide-layout{display:block;padding-top:25px}.guide-rail{position:static;display:flex;align-items:center;gap:14px;padding:14px 16px;flex-wrap:wrap}.guide-rail .eyebrow,.guide-rail>p:not(.eyebrow),.rail-icon{display:none}.guide-rail strong{font-size:16px;width:100%}.guide-rail>a{border:0;padding:0;font-size:11px}.guide-hero{padding:35px 0 25px}.guide-hero h1{font-size:36px;letter-spacing:-2px}.variant-2 .guide-hero{margin-top:25px;padding:25px}.variant-2 .guide-hero h1{font-size:33px}.guide-checks .section-label h2{font-size:21px}.guide-checks .section-label>span{display:none}.check-row{gap:15px}.check-number{width:40px;height:40px;font-size:16px}.check-row h3{font-size:18px}.check-row p{font-size:13px}.guide-about{padding:22px}.guide-latest .empty-state{padding:22px}}