.guide-topic{min-height:100vh;color:var(--color-teal);background:radial-gradient(circle at 88% 8%,#d4af371f,#0000 24rem),radial-gradient(circle at 8% 34%,#004d4d12,#0000 26rem),linear-gradient(#f7f1da 0%,#fffcef 40%,#f2e9ca 100%);padding:116px 20px 96px;overflow:hidden}.guide-topic__hero,.guide-topic__steps,.guide-topic__example,.guide-topic__reading,.guide-topic__next{width:min(1120px,100%);margin-inline:auto}.guide-topic__hero{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:end;gap:clamp(36px,7vw,88px);padding:28px 0 clamp(64px,9vw,106px);display:grid}.guide-topic__breadcrumbs,.guide-topic__eyebrow,.guide-topic__hero>h1,.guide-topic__hero>p{grid-column:1}.guide-topic__breadcrumbs{color:#004d4d99;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.guide-topic__breadcrumbs a{color:#8a6c1d;text-underline-offset:4px}.guide-topic__eyebrow,.guide-topic__section-heading>span,.guide-topic__example>div:first-child>span,.guide-topic__next>span{color:#94701f;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.guide-topic__hero>h1{max-width:780px;font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:clamp(43px,6vw,72px);font-weight:500;line-height:1.06}.guide-topic__hero>p{color:#004d4db3;max-width:750px;margin:0;font-size:17px;line-height:1.9}.guide-topic__hero-tool{background:var(--color-teal);color:#fffaf0;border:1px solid #004d4db8;border-radius:4px;flex-direction:column;grid-area:1/2/span 4;min-height:340px;padding:28px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.guide-topic__hero-tool:hover{transform:translateY(-3px);box-shadow:0 18px 44px #1a3e3926}.guide-topic__hero-tool strong{font-family:var(--font-serif);margin-top:58px;font-size:29px;font-weight:500;line-height:1.3}.guide-topic__hero-tool>span{color:#fffaf0bd;margin-top:14px;font-size:14px;line-height:1.8}.guide-topic__hero-tool b{justify-content:space-between;gap:18px;margin-top:auto;padding-top:30px;font-size:14px;display:flex}.guide-topic__hero-tool i,.guide-topic__article-grid i{font-style:normal}.guide-topic__steps,.guide-topic__reading{border-top:1px solid #004d4d29;padding-top:clamp(48px,7vw,74px)}.guide-topic__section-heading{gap:10px;max-width:760px;display:grid}.guide-topic__section-heading h2,.guide-topic__example h2,.guide-topic__next h2{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.18}.guide-topic__section-heading p,.guide-topic__next p{color:#004d4da8;margin:0;font-size:15px;line-height:1.8}.guide-topic__steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.guide-topic__steps li{background:#fffcefb8;border:1px solid #004d4d24;border-radius:4px;min-height:270px;padding:24px}.guide-topic__steps li>span,.guide-topic__article-grid>a>span{color:#a37a1f;font-family:var(--font-serif);letter-spacing:.08em;font-size:13px}.guide-topic__steps h3{font-family:var(--font-serif);margin:48px 0 12px;font-size:23px;font-weight:600;line-height:1.35}.guide-topic__steps li p{color:#004d4da8;margin:0;font-size:14px;line-height:1.8}.guide-topic__example{background:linear-gradient(135deg,#fffcefe6,#f0e6c4c7);border:1px solid #d4af3761;border-radius:4px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,82px);margin-top:clamp(62px,9vw,104px);padding:clamp(28px,6vw,58px);display:grid}.guide-topic__example>div:first-child{align-content:start;gap:12px;display:grid}.guide-topic__example-copy{gap:18px;display:grid}.guide-topic__example-copy p{color:#004d4dcc;margin:0;font-size:17px;line-height:1.9}.guide-topic__example-copy small{color:#004d4d94;border-left:2px solid #94701f8c;padding-left:13px;font-size:13px;line-height:1.7}.guide-topic__example-copy a{color:#8a6c1d;text-underline-offset:4px;width:fit-content;font-size:14px;font-weight:800}.guide-topic__reading{margin-top:clamp(62px,9vw,104px)}.guide-topic__article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.guide-topic__article-grid>a{min-height:260px;color:var(--color-teal);background:#fffcefb8;border:1px solid #004d4d24;border-radius:4px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.guide-topic__article-grid>a:hover{border-color:#94701f8f;transform:translateY(-2px);box-shadow:0 14px 34px #1a3e3917}.guide-topic__article-grid strong{font-family:var(--font-serif);margin-top:24px;font-size:21px;font-weight:600;line-height:1.4}.guide-topic__article-grid p{color:#004d4da3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.guide-topic__article-grid b{color:#8a6c1d;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;font-size:13px;display:flex}.guide-topic__next{background:var(--color-teal);color:#fffaf0;border-radius:4px;margin-top:clamp(64px,9vw,108px);padding:clamp(32px,7vw,66px)}.guide-topic__next h2{color:#fffaf0;max-width:750px;margin-top:10px}.guide-topic__next p{color:#fffaf0bd;max-width:760px;margin-top:14px}.guide-topic__next>div{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.guide-topic__next a{color:#fffaf0;border:1px solid #fffaf0b8;border-radius:999px;padding:11px 17px;font-size:14px;font-weight:700;text-decoration:none}.guide-topic__next a:first-child{color:#143f3c;background:#d4af37;border-color:#d4af37}.guide-topic a:focus-visible{outline-offset:3px;outline:2px solid #b88922}@media (max-width:820px){.guide-topic__hero,.guide-topic__example{grid-template-columns:1fr}.guide-topic__hero-tool{grid-area:auto/1;min-height:270px}.guide-topic__steps ol{grid-template-columns:1fr}.guide-topic__steps li{min-height:0}.guide-topic__steps h3{margin-top:28px}}@media (max-width:640px){.guide-topic{padding:calc(96px + env(safe-area-inset-top)) 16px 68px}.guide-topic__hero{gap:34px;padding-top:8px}.guide-topic__hero>h1{font-size:clamp(38px,11vw,51px)}.guide-topic__hero-tool{min-height:240px;padding:22px}.guide-topic__hero-tool strong{margin-top:34px;font-size:26px}.guide-topic__example{gap:24px}.guide-topic__article-grid{grid-template-columns:1fr}.guide-topic__article-grid>a{min-height:0}}@media (prefers-reduced-motion:reduce){.guide-topic__hero-tool,.guide-topic__article-grid>a{transition:none}}