.guide{max-width:1240px;margin:auto;padding:0 5%}.guide-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center;padding:70px 0 45px}.guide h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-2.4px;line-height:1.06}.guide h1 em,.guide h2 em{color:#543ee8}.guide-lede{font-size:18px;line-height:1.65;max-width:600px;color:#665b72}.guide-readtime,.guide-caption,.guide-colophon{font-size:12px;color:#796c85;line-height:1.65}.guide-note{position:relative;transform:rotate(2deg);border:1px solid #dfd5ef;border-radius:18px;padding:36px 32px;background:#efebff;box-shadow:0 18px 45px #4c38680b}.guide-note .eyebrow{font-size:8px;letter-spacing:1.4px;color:#745c99;margin-top:12px}.guide-note .guide-formula{font:40px/1.12 var(--serif);letter-spacing:-1.5px;color:#4b3383;margin-bottom:24px}.guide-note>p:last-child{font-size:14px;line-height:1.8;color:#74618d;margin:0}.guide-star{position:absolute;right:24px;top:15px;font-size:39px;color:#d98065}.guide-jump{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 30px;padding:18px 0;font-size:12px;color:#604c78}.guide-section{padding:56px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.guide h2{font-size:40px;line-height:1.1;margin-bottom:20px}.guide .eyebrow{color:#7a6792;font-size:9px;letter-spacing:1.5px}.guide-intro{max-width:670px;color:#756780;font-size:15px;line-height:1.7}.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.guide-example{padding:27px;border:1px solid #e7dfef;background:#f5f0fc;border-radius:17px}.guide-example:nth-child(2),.guide-example:nth-child(3){background:#fff5ec;border-color:#f0e2d7}.guide-example h3{font:600 13px/1.5 var(--sans);color:#685476;margin-bottom:18px;letter-spacing:0}.guide-example blockquote{margin:0 0 20px;font:23px/1.5 var(--serif);letter-spacing:-.35px}.guide-example p{font-size:12px;color:#7c6a88;line-height:1.65;margin:0}.guide-prompts,.guide-checklist{display:grid;grid-template-columns:1fr 1.25fr;gap:10%}.guide-prompts>div p:last-child{font-size:14px;color:#756780;max-width:330px}.guide-prompts ol{margin:0;padding-left:26px}.guide-prompts li{font-size:15px;padding:0 0 14px 9px;color:#62556f}.guide-prompts li::marker{font:italic 19px var(--serif);color:#8b75a6}.guide-template-label{margin-top:27px;color:#624d78;font-size:12px}.guide-template{padding:22px;background:#fffefa;border:1px solid #d6c9e3;border-radius:14px;max-width:780px;line-height:1.7;font-size:15px;min-height:285px}.guide-checklist ul{margin:0;padding-left:20px}.guide-checklist li{font-size:15px;color:#62556f;margin-bottom:15px;padding-left:7px}.guide-cta{margin:45px 0 25px;padding:44px;border-radius:20px;background:#29213f;color:#fff}.guide-cta .eyebrow{color:#c6b5e3}.guide-cta h2{font-size:45px}.guide-cta>p:not(.eyebrow):not(.guide-caption){max-width:680px;color:#d4c9e2;line-height:1.7;font-size:15px}.guide-cta .primary{background:#b7a4ff;color:#21162d}.guide-cta .secondary{background:transparent;border-color:#736283;color:#eee7f8}.guide-cta .guide-caption{color:#b8a8cb;margin:17px 0 0}.guide-colophon{padding:0 0 30px;font-size:11px}.guide-start{font-weight:650;color:#543ee8}.guide-template:focus{outline:3px solid #8d75c7;outline-offset:3px}
@media(max-width:720px){.guide{padding:0 6%}.guide-hero{grid-template-columns:1fr;padding:35px 0;gap:20px}.guide h1{font-size:44px;letter-spacing:-1.7px}.guide-lede{font-size:16px}.guide-note{transform:none;padding:25px;max-width:480px;width:100%}.guide-note .guide-formula{font-size:35px}.guide-jump{gap:10px 20px;font-size:11px}.guide-section{padding:35px 0}.guide h2{font-size:34px}.guide-examples,.guide-prompts,.guide-checklist{grid-template-columns:1fr;gap:18px}.guide-example{padding:24px}.guide-example blockquote{font-size:22px}.guide-template{min-height:410px;padding:18px;font-size:16px}.guide-cta{padding:28px 23px;margin-top:30px}.guide-cta h2{font-size:35px}.guide-cta .button-row{flex-direction:column;align-items:stretch}.guide-cta .primary,.guide-cta .secondary{font-size:12px}.site-header nav .guide-start{display:inline-flex!important;font-size:11px}}
@media(min-width:721px) and (max-width:900px){.guide-hero{grid-template-columns:1fr;gap:26px}.guide-note{max-width:540px;transform:none}}
@media print{.guide{max-width:none;padding:0}.guide-jump,.guide-cta,.guide-caption,.guide-colophon{display:none}.guide-hero{padding:10px 0}.guide-section{padding:20px 0}.guide-note{transform:none}.guide-example{break-inside:avoid}.guide-template{min-height:250px;height:auto}.guide h1{font-size:40px}.guide h2{font-size:27px}}
