/* DOM brandbook v2, September 2026. Prototype-only identity layer. */
@font-face{font-family:Syne;src:url('/help-center/assets/fonts/600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Syne;src:url('/help-center/assets/fonts/700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/help-center/assets/fonts/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/help-center/assets/fonts/dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/help-center/assets/fonts/dm-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#1A1025;--muted:#635570;--purple:#6B3FA0;--dark:#1A1025;--lavender:#EDE5F8;--line:#e6ddef;--cream:#FAF8FF;--violet:#8B5CC8;--mid:#3D2760}
body{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.625;color:var(--ink)}
h1,h2,h3{font-family:Syne,sans-serif;font-weight:600;letter-spacing:-.02em}
.logo{width:190px;height:auto;display:block;object-fit:contain}.header>a,footer>a{padding:10px;flex-shrink:0}.header{height:112px}.header-caption{font-size:14px;color:var(--muted)}
.preview-bar{height:auto;min-height:32px;font-size:12px;letter-spacing:.03em;color:var(--mid);background:var(--cream)}.preview-end{font-size:12px}.preview-dot{background:var(--purple)}
.eyebrow{color:var(--purple);font-size:12px;font-weight:600;letter-spacing:.12em}.plain{font-size:14px;color:var(--purple);min-height:44px}.nav-link{font-size:14px;min-height:44px}.nav-brand{font-size:16px}.language{font-size:12px}.help-nav{background:var(--dark)}
.hero{background:var(--lavender);height:350px}.hero h1{font-size:48px;line-height:56px;font-weight:600;letter-spacing:-.02em}.hero p{font-size:18px;line-height:29px;color:var(--mid)}.hero-shape:before{background:var(--purple)}.hero-shape:after{background:#B89EE0}.hero-art{opacity:.8}.search{border-radius:10px;min-height:56px}.search input{font-size:16px}.search input::placeholder{color:var(--muted)}
.knowledge-layout{padding-top:48px}.section-title h2{font-size:28px;line-height:36px}.section-title>span{font-size:12px;color:var(--muted)}.category-grid{gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px;box-shadow:0 3px 12px #1a102504;min-height:240px}.category-card:hover{background:var(--cream);border-color:#B89EE0}.category-icon{width:32px;height:32px}.category-card h3{font-size:22px;line-height:30px;color:var(--ink)}.category-card p{font-size:16px;line-height:26px;color:var(--muted)}.card-arrow{color:var(--purple)}
.home-aside h2{font-size:28px;line-height:36px}.home-aside p,.featured-article,.aside-questions a{font-size:14px;color:var(--mid)}.reading-meta,.prototype-note{font-size:12px;color:var(--muted)}.aside-note{background:var(--cream);border-radius:20px}
.button{border-radius:12px;min-height:44px;font-weight:600;font-size:14px}.button.solid{background:var(--purple);color:white}.button.outline{background:var(--lavender);color:var(--purple);border-color:transparent}.contact-band{background:var(--lavender)}.contact-band h2{font-size:36px;line-height:44px}.contact-band p{font-size:16px;color:var(--mid)}
.article h1{font-size:48px;line-height:56px;letter-spacing:-.02em}.article-deck{font-size:18px;line-height:29px;color:var(--mid)}.article section p{font-size:16px;line-height:26px;color:var(--mid)}.article section h2{font-size:28px;line-height:36px}.article-meta,.breadcrumbs,.article-tag,.read-time{font-size:12px;color:var(--muted)}.article-tag{color:var(--purple)}.article-nav nav a{font-size:14px;min-height:44px;color:var(--mid)}.article-nav nav a.active{color:var(--purple);background:var(--lavender);border-radius:10px}.takeaway,.callout{border-radius:20px}.takeaway p,.callout p{font-size:16px}.article figure{border-radius:20px}.image-zoom{border-radius:20px;overflow:hidden}figcaption,.media-disclosure{font-size:12px;line-height:17px;color:var(--muted)}.text-button,.video-toolbar a{font-size:14px;min-height:44px}.article-feedback button{min-height:44px;border-radius:12px}.article-row{border-radius:20px}.article-row h2{font-size:22px;line-height:30px}.article-row p{font-size:16px}.back-link{font-size:14px;min-height:44px}.category-heading h1{font-size:48px;line-height:56px}footer p,footer>span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.header,.nav-inner{padding-left:24px;padding-right:24px}.category-card{padding:20px 16px}.category-grid{gap:12px}.category-card h3{font-size:20px}}
@media(max-width:700px){.header{height:96px;padding:0 16px}.logo{width:160px}.header-caption{display:none}.preview-bar{padding:6px 20px;font-size:10px}.preview-end{font-size:10px}.hero{height:330px}.hero h1{font-size:36px;line-height:44px}.hero p{font-size:16px;line-height:26px}.hero-content{padding:0 20px}.hero-art,.hero-shape{display:none}.nav-inner{padding:0 20px;gap:20px}.nav-link{font-size:12px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{min-height:0;padding:24px}.category-card h3{font-size:22px}.category-card p{font-size:16px}.article h1,.category-heading h1{font-size:34px;line-height:42px}.article section h2{font-size:26px;line-height:34px}.article section p{font-size:16px;line-height:26px}.article-deck{font-size:18px}.article-meta{flex-wrap:wrap;gap:8px}.contact-band h2{font-size:28px;line-height:36px}.section-title h2{font-size:26px}.breadcrumbs{flex-wrap:wrap}.video-toolbar{flex-wrap:wrap}.article-nav{display:none}.eyebrow{font-size:11px}.plain{font-size:12px}.preview-end{display:none}}
.takeaway strong,.takeaway p,.article section strong{color:var(--mid)}.article-nav>.eyebrow{font-size:12px}.article-nav>.back-link{font-size:14px;color:var(--purple)}
/* Article components follow the same DOM identity as the knowledge base. */
.article .author-mark{background:transparent;border-radius:0;width:32px;height:32px}.author-mark img{display:block;width:32px;height:32px}
.article .takeaway{background:#FAF8FF;border:1px solid #EDE5F8}.article .takeaway strong{font-weight:600;color:#3D2760}.article .takeaway p{color:#3D2760}
.article .step-title>span{background:#EDE5F8;color:#6B3FA0;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;min-width:32px;height:32px}
.article .callout{background:#FAF8FF;border-left-color:#6B3FA0;color:#3D2760}.article .callout strong{color:#3D2760}
.article .media-label{color:#3D2760;background:#EDE5F8;font-size:12px}.article .video-frame{border-radius:20px;overflow:hidden;background:#1A1025}.article .transcript{border-color:#EDE5F8;border-radius:12px;color:#3D2760}.article .transcript summary{min-height:44px;font-weight:500}
/* Feedback stays within the article column, with comfortable inner margins. */
.article-feedback{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:40px 0 0;padding:32px;border:1px solid #D8C6EE;border-top:4px solid #6B3FA0;border-radius:20px;background:linear-gradient(120deg,#F3ECFC,#FAF8FF);box-shadow:0 8px 24px #3D276008}
.article-feedback>div{min-width:0;margin:0}
.article-feedback strong{display:block;font-family:Syne,sans-serif;font-size:24px;line-height:1.3;font-weight:600;color:#3D2760}
.article-feedback p{margin:8px 0 0;font-size:14px;line-height:1.6;color:#635570}
.feedback-actions{display:flex;gap:12px;flex-wrap:wrap}
.article-feedback button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid #B89ED8;border-radius:12px;background:#fff;color:#6B3FA0;font-size:14px;line-height:1.5;font-weight:600;transition:background .15s,box-shadow .15s}
.article-feedback button[data-feedback="yes"],.feedback-detail button{background:#6B3FA0;border-color:#6B3FA0;color:#fff}
.article-feedback button:hover{background:#EDE5F8;box-shadow:0 3px 10px #3D276010}
.article-feedback button[data-feedback="yes"]:hover,.feedback-detail button:hover,.article-feedback button.chosen{background:#53307E;border-color:#53307E;color:#fff}
.article-feedback button:focus-visible{outline:3px solid #8B5CC8;outline-offset:4px}
.article-feedback button:disabled{cursor:default;opacity:.65}
.feedback-detail{display:grid;gap:12px;grid-column:1/-1;width:100%;padding-top:22px;border-top:1px solid #D8C6EE}
.feedback-detail[hidden]{display:none}
.feedback-detail label{font-size:15px;font-weight:600;color:#3D2760}
.feedback-detail textarea{box-sizing:border-box;width:100%;min-height:112px;resize:vertical;border:1px solid #B89ED8;border-radius:12px;padding:14px 16px;font:inherit;color:#2F2837;background:#fff}
.feedback-detail textarea:focus{outline:3px solid #DCCCF0;outline-offset:2px}
.feedback-detail button{justify-self:start}
.article-feedback #feedback-note{grid-column:1/-1;margin:0;font-size:14px;line-height:1.6}
#feedback-note:empty{display:none}
@media(max-width:600px){.article-feedback{margin-top:32px;padding:24px 20px;gap:20px}.article-feedback strong{font-size:22px}.article-feedback>div{margin:0}.feedback-actions{flex-direction:column;gap:10px}.feedback-actions button,.feedback-detail button{width:100%}}
.category-count{display:block;margin-top:16px;font-size:12px;color:#6B3FA0;font-weight:600}.article-row{margin-bottom:12px}.related .article-row h2{font-size:20px;line-height:28px}.article section ol,.article section ul{color:#3D2760;padding-left:24px}.article section li{padding:5px 0}.article section a:not(.article-row){color:#6B3FA0;text-decoration:underline;text-underline-offset:3px}#search-results{max-height:420px;overflow:auto}#search-results a{padding:12px 0;border-bottom:1px solid #EDE5F8}.editorial-page{max-width:1180px;margin:40px auto 80px}.editorial-page h1{font-size:48px;line-height:56px}.editorial-page h2{font-size:28px}.editorial-page section{margin:44px 0}.editorial-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.editorial-stats>div,.editorial-card{border:1px solid #EDE5F8;border-radius:20px;padding:24px;background:#FAF8FF}.editorial-stats strong{display:block;font:600 40px Syne;color:#6B3FA0}.editorial-stats span{font-size:14px}.topic-chips{display:flex;gap:12px;flex-wrap:wrap}.topic-chips span{padding:10px 16px;background:#EDE5F8;border-radius:12px;color:#3D2760}.editorial-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial-card h3{font-size:22px;line-height:30px}.editorial-label{font-size:12px;color:#6B3FA0;font-weight:600}.editorial-card p{font-size:16px}.editorial-page li{margin:12px 0}@media(max-width:1200px){.editorial-page{margin:30px 24px 60px}}@media(max-width:700px){.editorial-stats{grid-template-columns:1fr 1fr}.editorial-list{grid-template-columns:1fr}.editorial-page h1{font-size:34px;line-height:42px}.editorial-card{padding:20px}}