.editorial-page { background:#faf8f3; color:#262723; padding:24px 0 56px; font-family:"IBM Plex Sans",var(--font); }
.editorial-container { max-width:1160px; width:calc(100% - 80px); margin-inline:auto; }
.editorial-page h1,.editorial-page h2 { font-family:"Fraunces",Georgia,serif; font-weight:550; letter-spacing:-.045em; }
.editorial-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; }
.editorial-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.editorial-intro { padding:32px 0; }
.editorial-intro h1 { font-size:clamp(36px,4.5vw,56px); line-height:1.1; }
.editorial-intro > p { max-width:720px; margin-top:18px; font-size:19px; line-height:1.5; color:#53544d; }
.editorial-page a:focus-visible { outline:2px solid #262723; outline-offset:4px; }
.use-case-index { display:flex; flex-wrap:wrap; gap:4px 28px; border-block:1px solid #d7d5cd; padding:12px 0; }
.use-case-index a { min-height:44px; display:inline-flex; align-items:center; gap:12px; font-size:15px; }
.use-case-index a:hover,.editorial-link:hover { text-decoration:underline; text-underline-offset:4px; }
.use-case-section { display:grid; grid-template-columns:1fr 1.35fr; gap:64px; padding:40px 0; border-bottom:1px solid #d7d5cd; scroll-margin-top:24px; }
.use-case-audience { color:#53544d; font-size:14px; margin-bottom:12px; }
.use-case-section h2 { font-size:34px; line-height:1.15; max-width:390px; }
.use-case-copy { font-size:17px; line-height:1.6; }
.use-case-copy p { color:#474841; }
.use-case-copy ul { margin:18px 0; padding-left:21px; }
.use-case-copy li { padding-left:3px; margin-bottom:8px; }
.use-case-copy .use-case-note { font-size:14px; }
.editorial-link { display:inline-block; margin-top:14px; padding-block:9px; text-decoration:underline; text-underline-offset:4px; font-size:15px; }
.use-case-help { padding-top:32px; }
.use-case-help h2 { font-size:30px; }
.use-case-help p { margin-top:12px; color:#474841; }
.use-case-help > div { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:14px; }
.use-case-help a { text-decoration:underline; text-underline-offset:4px; padding-block:10px; }
.legal-page .editorial-container { max-width:840px; }
.legal-source { padding:16px 20px; border:1px solid #d7d5cd; border-radius:8px; margin-bottom:24px; }
.legal-source p { font-size:14px; line-height:1.6; color:#53544d; }
.legal-page a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.legal-copy { font-size:17px; line-height:1.7; overflow-wrap:anywhere; }
.legal-copy h2 { font-size:27px; line-height:1.25; margin:32px 0 14px; }
.legal-copy p { color:#474841; margin:14px 0; }
.legal-copy ul,.legal-copy ol { padding-left:24px; margin:16px 0; }
.legal-copy li { margin:10px 0; }
.legal-related { display:flex; flex-wrap:wrap; gap:10px 24px; border-top:1px solid #d7d5cd; padding-top:24px; margin-top:32px; }
.legal-related a { padding-block:8px; font-size:15px; }
@media(max-width:760px) { .editorial-container { width:calc(100% - 40px); } .use-case-section { grid-template-columns:1fr; gap:20px; padding-block:30px; } .use-case-section h2 { font-size:30px; max-width:100%; } .use-case-copy { font-size:16px; } .editorial-intro { padding-block:28px; } .editorial-intro > p { font-size:18px; } .legal-copy { font-size:16px; } .legal-copy h2 { font-size:25px; } }
