.guide-hero{background:radial-gradient(circle at 87% 15%,#f2e0cb 0,transparent 30%),#fbf7ef;padding:75px 0 90px}
.guide-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.guide-hero h1{font-size:clamp(3.25rem,6vw,6rem);margin:0 0 20px}
.guide-hero p{color:#5f7064;max-width:650px;font-size:1.08rem}
.guide-breadcrumb{font-size:.83rem;color:#6b766d;margin-bottom:28px}
.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.guide-kicker{display:block;color:#ac674d;text-transform:uppercase;letter-spacing:.17em;font-size:.73rem;font-weight:700;margin:0 0 18px}
.guide-art{position:relative;isolation:isolate;aspect-ratio:1.1;border-radius:45% 55% 52% 48% / 52% 48% 52% 48%;background:#e5eee5;display:grid;place-items:center;max-width:430px}
.guide-art:after{content:"✳";position:absolute;color:#af7356;top:1%;right:5%;font-size:3rem}
.guide-art span{font-size:clamp(6rem,16vw,10rem);filter:drop-shadow(0 13px 11px #39523b21);transform:rotate(-9deg)}
.guide-art.lavender{background:#e8e4ef}.guide-art.peach{background:#f4e5d9}.guide-art.mint{background:#e4efdf}
.guide-tags{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 25px}
.guide-tags span{background:#fffdf8;border:1px solid #e3e3d9;border-radius:99px;padding:8px 12px;font-size:.75rem;color:#586f5d;font-weight:700}
.guide-content{background:#fffdf8;padding:85px 0 100px}
.guide-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px}
.guide-content h2{font-size:clamp(2rem,3.1vw,3.1rem)}
.guide-intro{color:#617168;font-size:1.06rem}
.guide-sidebar{position:sticky;top:24px}
.guide-sidecard{background:#eaf0e6;border:1px solid #dce4d8;border-radius:19px;padding:25px;margin-bottom:17px}
.guide-sidecard.alt{background:#f7eade;border-color:#e8dccf}
.guide-sidecard h2{font-size:1.65rem;margin-bottom:12px}
.guide-sidecard ul{padding-left:20px;margin:0;color:#526657;font-size:.88rem;line-height:1.8}
.guide-sidecard p{color:#607067;font-size:.87rem;margin:0}
.guide-list{display:grid;gap:13px;margin:26px 0 34px}
.guide-step{background:#fffdf8;border:1px solid #e2e6db;border-radius:16px;padding:22px;display:grid;grid-template-columns:27px 1fr;align-items:start;gap:16px;cursor:pointer}
.guide-step:has(input:checked){background:#eef3eb;border-color:#bcd0c0}
.guide-step input{height:22px;width:22px;accent-color:#2b654d;margin:3px 0 0;cursor:pointer}
.guide-step strong{display:block;font-size:1rem;margin-bottom:7px}
.guide-step span{display:block;font-size:.91rem;color:#627268;line-height:1.65}
.guide-step:has(input:checked) strong{color:#537360}
.guide-progress{height:10px;border-radius:50px;overflow:hidden;background:#e0e8dc;margin:12px 0}
.guide-progress-fill{height:100%;width:0;background:#326d56;transition:width .2s}
.guide-progress-label{font-size:.84rem;font-weight:700;color:#5b6b60}
.guide-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 35px}
.guide-tool{border:1px solid #bccdbd;border-radius:99px;background:#fffdf8;color:#2b654e;font-size:.82rem;font-weight:700;padding:10px 14px;cursor:pointer}
.guide-tool:hover{background:#f0f5ed}
.guide-note{border-left:4px solid #b57854;background:#f8f0e6;border-radius:0 11px 11px 0;color:#5b695f;font-size:.87rem;padding:20px;line-height:1.7}
.guide-notes{background:#f6f1e7;border-radius:19px;padding:25px;margin-top:35px}
.guide-notes h2{font-size:1.8rem;margin-bottom:8px}
.guide-notes p{font-size:.88rem;color:#617167}
.guide-notes textarea{width:100%;min-height:130px;background:#fffdf8;border:1px solid #bfcdbe;border-radius:12px;padding:13px;color:#2d4637;font:inherit;resize:vertical}
.guide-status{display:block;font-size:.77rem;color:#617167;min-height:20px;margin-top:8px}
.guide-library{background:#fffdf8;padding:90px 0}
.guide-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{display:flex;flex-direction:column;background:#faf7ef;border:1px solid #e3e3d7;border-radius:20px;overflow:hidden}
.guide-card-art{height:200px;display:grid;place-items:center;font-size:5rem;background:#e7eee4}
.guide-card:nth-child(2) .guide-card-art{background:#ebe7f1}.guide-card:nth-child(3) .guide-card-art{background:#f7e7da}
.guide-card-copy{padding:28px;display:flex;flex-direction:column;flex:1}
.guide-card-copy h2{font-size:2rem;margin:10px 0}
.guide-card-copy p{color:#617165;font-size:.92rem}
.guide-card-copy a{color:#2d674f;font-size:.91rem;font-weight:700;margin-top:auto}
.guide-card-copy a:hover{text-decoration:underline}
.guide-more{background:#e8f0e6;padding:70px 0}
.guide-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.guide-more p{color:#5a6f60}
@media(max-width:920px){.guide-content-grid{grid-template-columns:1fr}.guide-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-sidecard{margin:0}}
@media(max-width:740px){.guide-hero{padding:55px 0}.guide-hero-inner,.guide-more-grid{grid-template-columns:1fr}.guide-art{max-width:340px;margin:auto}.guide-content,.guide-library{padding:65px 0}.guide-library-grid{grid-template-columns:1fr}.guide-sidebar{grid-template-columns:1fr}.guide-more{padding:60px 0}}
@media(max-width:500px){.guide-step{padding:17px}.guide-art span{font-size:6rem}}
@media(prefers-reduced-motion:reduce){.guide-progress-fill{transition:none}}
@media print{.site-header,.site-footer,.guide-art,.guide-tools,.guide-sidebar,.guide-notes,.guide-more,.guide-breadcrumb{display:none!important}.guide-hero,.guide-content{padding:10px 0}.guide-hero-inner,.guide-content-grid{display:block}.guide-step{break-inside:avoid;padding:12px}.guide-step input{display:none}}