
.home-guides{padding:90px 6vw;background:#fcfcfb;color:#07152e}.home-guides .guide-module-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.home-guides .guide-module-head h2{font-size:clamp(34px,3.4vw,52px);line-height:1.3;margin:0;letter-spacing:-.025em}.home-guides .guide-module-head>a{color:#0862ff;font-size:14px;padding:12px 0;white-space:nowrap}.home-guides .guide-module-intro{font-size:16px;color:#58667d;line-height:1.8;margin:16px 0 0}.home-guides .guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-guides .guide-card{border-top:2px solid #dce3ee;padding-top:24px;display:flex;flex-direction:column;min-width:0}.home-guides .guide-card:first-child{border-color:#0862ff}.home-guides .guide-card .category{color:#58667d;font-size:12px;margin:0 0 18px}.home-guides .guide-card h3{font-size:23px;line-height:1.55;letter-spacing:-.025em;margin:0 0 16px}.home-guides .guide-card>p{font-size:14px;line-height:1.85;color:#58667d;margin:0 0 20px}.home-guides .guide-card>a,.home-guides .guide-card>.upcoming{font-size:13px;margin-top:auto;padding:12px 0;display:block}.home-guides .guide-card>a{color:#0862ff}
@media(max-width:800px){.guide-header{min-height:72px;margin:0 24px;gap:16px}.guide-brand{font-size:21px;gap:8px}.guide-brand img{width:28px;height:28px}.guide-nav{gap:20px}.guide-nav .desktop-only{display:none}.guide-shell{padding:0 24px}.breadcrumb{padding:22px 0;font-size:12px}.guide-hero{padding:26px 0 36px}.guide-hero h1{font-size:38px;line-height:1.3}.guide-hero .intro{font-size:16px}.reading-layout{display:block;padding:28px 0 56px}.toc{position:static;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.toc li{border:0;padding:0;gap:8px}.article-body{font-size:16px;line-height:1.95}.article-body h2{font-size:25px}.article-body section+section{margin-top:40px;padding-top:28px}.answer{padding:20px;margin-bottom:32px}.resource-list>div{grid-template-columns:100px 1fr;gap:16px}.guide-cta{padding:26px}.guide-footer{margin:0 24px;gap:12px}.home-guides{padding:64px 6vw}.home-guides .guide-module-head{align-items:start;flex-direction:column;gap:16px;margin-bottom:28px}.home-guides .guide-cards{grid-template-columns:1fr;gap:28px}.home-guides .guide-card h3{font-size:23px}.home-guides .guide-card>p{max-width:560px}.home-guides .guide-card .category{margin-bottom:12px}}
@media(max-width:380px){.guide-header{margin:0 18px}.guide-shell{padding:0 18px}.guide-brand{font-size:19px}.guide-nav{font-size:12px;gap:12px}.guide-hero h1{font-size:33px}.toc ol{grid-template-columns:1fr}.guide-footer{margin:0 18px}.resource-list>div{grid-template-columns:1fr;gap:4px}.guide-cta{padding:22px}.home-guides .guide-card h3{font-size:21px}}

.guide-hero h1 .phrase{display:inline-block;white-space:nowrap}

.home-guides{scroll-margin-top:var(--header,80px)}.home-guides .guide-module-head h2,.home-guides .guide-card h3{text-wrap:balance}

.writing-template{background:var(--wash);padding:24px;margin:24px 0;overflow-wrap:anywhere}.writing-template ul{margin-bottom:0}.writing-example{margin:20px 0;padding:4px 0 4px 24px;border-left:3px solid var(--blue)}.writing-example p{margin:0}.related-guides{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.related-guides h2{font-size:23px}.related-guides ul{list-style:none;padding:0}.related-guides li{margin:0;padding:0}.related-guides a{display:block;padding:12px 0;font-size:15px;line-height:1.75}.guide-hero h1{text-wrap:balance}@media(max-width:380px){.writing-template{padding:18px}.writing-example{padding-left:18px}}

/* Keep the complete desktop navigation and a readable two-row mobile header. */
.site-nav a,.guide-nav a{white-space:nowrap}
@media(max-width:800px){
:root{--header:112px}
.site-header{height:var(--header);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-top:12px}
.site-nav{width:100%;min-height:44px;justify-content:space-between;gap:8px}
.guide-header{min-height:112px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-top:12px;gap:8px}
.guide-nav{width:100%;min-height:44px;justify-content:space-between;gap:8px;font-size:12px}
.guide-nav .optional-nav{display:none}
}

.guide-hero .intro,.article-body p,.home-guides .guide-module-intro,.home-guides .guide-card>p{text-wrap:pretty}

/* Directory-only layout; shared article and homepage styles stay independent. */
.guide-directory .directory-head{padding:48px 0 12px}
.guide-directory .directory-head h1{font-size:40px;line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0}
.guide-directory .topic-nav{display:flex;flex-wrap:wrap;column-gap:28px;margin-bottom:24px}
.guide-directory .topic-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#0754d9}
.guide-directory .directory-list{padding:0 0 36px}
.guide-directory .topic-group{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;scroll-margin-top:12px}
.guide-directory .topic-group+.topic-group{margin-top:40px}
.guide-directory .topic-heading{padding:26px 0 0}
.guide-directory .topic-heading h2{font-size:16px;line-height:1.5;font-weight:600;margin:0;color:var(--muted)}
.guide-directory .topic-articles{min-width:0;border-top:1px solid var(--line)}
.guide-directory .guide-row{border-bottom:1px solid var(--line)}
.guide-directory .guide-row h3{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.015em;margin:0}
.guide-directory .guide-row a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:22px 0}
.guide-directory .guide-row a:hover,.guide-directory .guide-row a:focus-visible{color:#0754d9;text-decoration:none}
.guide-directory .guide-row a:focus-visible{outline-offset:3px}
.guide-directory .guide-arrow{flex:none;font-size:20px;font-weight:400;color:var(--muted)}
.guide-directory .guide-row a:hover .guide-arrow,.guide-directory .guide-row a:focus-visible .guide-arrow{color:inherit}
.guide-directory .directory-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 40px}
.guide-directory .directory-end p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.guide-directory .directory-end a{font-size:14px;color:#0754d9;padding:12px 0}
@media(max-width:800px){
.guide-directory .directory-head{padding:32px 0 12px}
.guide-directory .directory-head h1{font-size:30px}
.guide-directory .topic-nav{column-gap:24px;margin-bottom:24px}
.guide-directory .topic-group{display:block}
.guide-directory .topic-group+.topic-group{margin-top:32px}
.guide-directory .topic-heading{padding:0 0 12px}
.guide-directory .topic-heading h2{font-size:15px}
.guide-directory .guide-row h3{font-size:18px;line-height:1.5}
.guide-directory .guide-row a{min-height:76px;padding:20px 0;gap:16px}
.guide-directory .guide-arrow{font-size:18px}
.guide-directory .directory-end{display:block;padding-bottom:28px}
}
@media(max-width:380px){.guide-directory{padding:0 20px}.guide-directory .topic-nav{column-gap:20px}}
.metadata a{text-decoration:underline;text-underline-offset:3px}
.article-body .planning-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;table-layout:fixed}
.planning-table th,.planning-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px;overflow-wrap:anywhere}
.planning-table th{color:var(--ink);background:var(--wash);font-weight:650}
.planning-table caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:12px}
@media(max-width:380px){.planning-table th,.planning-table td{padding:10px 6px;font-size:13px}}
