:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#fff;font-synthesis:none;--blue:#0865ad;--line:#e2e8f0;--muted:#64748b}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #1aa0ff;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:65px;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.top-nav{max-width:1280px;height:100%;padding:0 32px;margin:auto;display:flex;justify-content:space-between;align-items:center}.logo{height:56px;width:auto;display:block}.nav-links{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:500}.nav-links a{color:#475569}.nav-links [aria-current]{color:var(--blue)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;padding:11px 17px;font-weight:600;font-size:14px;text-decoration:none!important}.button.dark{background:#0f172a;color:white}.primary{background:#0a82db;color:white}.primary:hover{background:#0865ad}.outline{background:white;border:1px solid var(--line);color:#475569}.access-layout{max-width:1220px;min-height:calc(100vh - 150px);margin:auto;padding:80px 32px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.access-intro>.eyebrow{margin:0 0 38px}.pill{display:inline-block;font-size:11px;font-weight:600;padding:6px 10px;border:1px solid #d7eafb;border-radius:30px;color:var(--blue);background:#eefaff}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.18;font-weight:600;margin:22px 0}h1 span{color:#64748b}.lead{font-size:16px;line-height:1.8;color:#64748b;max-width:510px}.intro-features{display:grid;gap:24px;margin:34px 0}.intro-features>div{display:flex;gap:16px;align-items:start}.intro-features>div>span{color:#0a82db;font-size:12px;background:#eefaff;border:1px solid #d7f1ff;border-radius:8px;padding:10px}.intro-features h2{font-size:14px;margin:0 0 5px;font-weight:600}.intro-features p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.access-note{font-size:12px;color:var(--muted);margin-top:35px}.auth-card{border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 16px 50px #0f172a08;background:white}.auth-tabs{display:flex;background:#f1f5f9;border-radius:8px;padding:4px;margin-bottom:30px}.auth-tabs button{width:50%;border:0;border-radius:5px;padding:10px;background:transparent;color:#64748b;font-size:14px;font-weight:600}.auth-tabs [aria-selected=true]{background:white;color:#0f172a;box-shadow:0 1px 4px #0f172a12}.auth-card h2{font-size:25px;letter-spacing:-.6px;margin:0 0 8px}.muted{color:var(--muted)}.auth-card p.muted{font-size:14px;line-height:1.7;margin:0 0 26px}label{display:block;font-size:13px;font-weight:500;margin:18px 0 8px}input:not([type=checkbox]){width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:12px;color:#0f172a;background:white;font-size:14px}input::placeholder{color:#94a3b8}.submit{width:100%;margin-top:24px;justify-content:space-between}.small{font-size:12px;color:var(--muted);line-height:1.7;margin:22px 0}.hint{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0}.consent{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.7;color:var(--muted)}.consent input{margin-top:4px}.card-footer{border-top:1px solid var(--line);padding-top:21px;margin-top:24px;text-align:center;font-size:11px;color:var(--muted)}#auth-message{padding:14px;border-radius:8px;background:#eefaff;color:#0865ad;font-size:13px;line-height:1.6;margin-top:20px}#auth-message.error{background:#fff1f2;color:#9f1239}.site-footer{border-top:1px solid var(--line);display:flex;gap:24px;padding:26px 32px;max-width:1280px;margin:auto;font-size:12px;color:var(--muted)}.site-footer span{margin-right:auto}.site-footer a{color:var(--muted)}.docs-toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px;gap:12px}.docs-toolbar>div{display:flex;align-items:center;gap:22px}.docs-toolbar strong{font-size:15px}.docs-layout{display:grid;grid-template-columns:280px minmax(0,800px) 200px;max-width:1440px;margin:auto;min-height:calc(100vh - 220px)}.docs-sidebar{padding:24px 20px 40px;border-right:1px solid var(--line);position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}.search-label{margin:0 0 8px;font-size:12px;color:var(--muted)}#docs-navigation details{margin-top:18px}#docs-navigation summary{font-size:12px;font-weight:650;cursor:pointer;padding:7px 0;line-height:1.6}#docs-navigation a{display:block;font-size:12px;line-height:1.55;padding:7px 12px;color:#64748b;border-left:1px solid var(--line);margin-left:4px}#docs-navigation a:hover{background:#f8fafc;text-decoration:none}#docs-navigation a[aria-current]{color:#0865ad;background:#eefaff;border-left:2px solid #1aa0ff;border-radius:0 5px 5px 0;font-weight:600}#article{padding:48px 54px 64px;outline:none;min-width:0}#article h1{font-size:38px;margin-top:20px}#article h2{font-size:22px;letter-spacing:-.4px;margin:36px 0 14px;scroll-margin-top:95px}#article p,#article li{color:#64748b;line-height:1.85;font-size:15px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px}.page-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}.page-links a{border:1px solid var(--line);border-radius:9px;padding:17px;font-size:13px;line-height:1.6}.page-links a:last-child{text-align:right}.page-links small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.on-this-page{padding:45px 20px 0 0;position:sticky;top:65px;align-self:start}.on-this-page>a{display:block;font-size:12px;color:var(--muted);margin:18px 0}.help-card{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:12px}.help-card p{color:var(--muted);line-height:1.8}.help-card a{font-weight:600}#sidebar-toggle{display:none}.noscript{padding:32px;text-align:center}@media(min-width:1500px){.access-layout{padding-top:110px;padding-bottom:110px}}@media(max-width:1100px){.access-layout{gap:48px}.docs-layout{grid-template-columns:260px minmax(0,1fr)}.on-this-page{display:none}#article{padding:40px 36px}.nav-links{gap:20px}h1{font-size:36px}}@media(max-width:760px){.top-nav{padding:0 20px}.nav-links{gap:18px}.nav-links>a:not([aria-current]){display:none}.access-layout{grid-template-columns:1fr;padding:36px 20px;gap:28px}.access-intro>.eyebrow{margin-bottom:22px}h1{font-size:32px}.intro-features,.access-note{display:none}.auth-card{padding:24px}.site-footer{padding:24px 20px;flex-wrap:wrap;gap:16px}.site-footer span{flex-basis:100%}.docs-toolbar{padding:0 20px}.docs-toolbar .pill{display:none}#sidebar-toggle{display:inline-flex}.docs-layout{display:block}.docs-sidebar{display:none;position:fixed;top:130px;bottom:0;left:0;width:min(320px,90vw);height:auto;z-index:20;background:white;box-shadow:10px 15px 30px #0f172a14}.docs-sidebar.open{display:block}#article{padding:30px 22px}#article h1{font-size:32px}.page-links{gap:10px}.page-links a{padding:12px}.docs-toolbar>div{gap:12px}}

/* Account forms remain inactive until managed authentication is connected. */
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset:disabled input{background:#f8fafc;color:#64748b}
button:disabled{cursor:not-allowed}
.text-button{border:0;padding:0;background:none;color:var(--blue);font-size:13px;cursor:pointer;text-decoration:underline}.back-to-login,#recovery-logout,#resend-confirmation{margin-top:18px}.account-actions{display:flex;gap:10px}.admin-panel{max-width:1100px;margin:0 auto;padding:42px 24px 70px;min-height:65vh}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-panel h1{font-size:32px}.admin-panel select{padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:white;color:#0f172a;font:inherit}.member-card{border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.member-card h2{font-size:16px;margin:0 0 6px}.member-card p{font-size:13px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}.member-actions{display:flex;flex-wrap:wrap;gap:8px}.member-card .pill{margin-top:8px}#admin-message{font-size:14px;line-height:1.7}#admin-message.error{color:#9f1239}#pending-panel .button{margin:8px 4px 0 0}@media(max-width:760px){.admin-header,.member-card{align-items:flex-start;flex-direction:column}.account-actions{gap:6px}.account-actions .button{padding:9px;font-size:12px}.docs-toolbar .pill{display:none}}

/* Structured, text-only documentation content. */
#article{overflow-wrap:anywhere}
#article li{padding-left:4px;margin:9px 0}
/* Definitions: a two-column bordered grid of term and description pairs; one column on phones. */
.article-definitions{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--line);overflow:hidden}
.article-definitions>div{background:#fff;padding:14px 16px;min-width:0}
.article-definitions>div:last-child:nth-child(odd){grid-column:1/-1}
.article-definitions dt{font-size:13px;font-weight:650;margin:0;color:#0f172a}
.article-definitions dd{margin:3px 0 0;font-size:13px;line-height:1.6;color:#64748b}
@media(max-width:760px){.article-definitions{grid-template-columns:1fr}}
/* Topic frame: breadcrumb and status badge, title, takeaway, reading time. */
.topic-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:30px;border:1px solid #d7eafb;background:#eefaff;color:var(--blue);white-space:nowrap}
.status-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-badge.is-planned{background:#fffbeb;border-color:#fde68a;color:#92400e}
#article .takeaway{font-size:20px;line-height:1.55;color:#0f172a;font-weight:500;letter-spacing:-.3px;border-left:3px solid #0a82db;padding:2px 0 2px 20px;margin:0 0 14px}
#article .reading-time{font-size:12px;line-height:1.6;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line);margin:0 0 8px}
.related-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.related-topics strong{flex-basis:100%;font-size:12px;color:var(--muted);margin-bottom:4px}
.related-topics a{border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:13px}
#article-contents a{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0}
.on-this-page{max-height:calc(100vh - 85px);overflow-y:auto}
/* Built-in line icons: decorative, sized by their wrapper, coloured by currentColor. */
.icon{display:inline-flex;width:22px;height:22px;flex:none;color:#0a82db}
.icon svg{width:100%;height:100%}
/* Callouts: a left-ruled note coloured by variant (note, important, gap). */
.callout{display:flex;gap:14px;margin:24px 0;padding:4px 0 4px 18px;border-left:3px solid #0a82db}
.callout>div{min-width:0}
.callout strong{font-size:14px;color:#0f172a}
#article .callout p{margin:4px 0 0;font-size:14px;line-height:1.7}
.callout.is-important{border-color:#9f1239}
.callout.is-important .icon{color:#9f1239}
.callout.is-gap{border-color:#fde68a}
.callout.is-gap .icon{color:#92400e}
@media(max-width:760px){#article .takeaway{font-size:18px;padding-left:16px}}
/* Cards: related points as an icon list with dividers. */
#article .cards{list-style:none;padding:0;margin:22px 0;border-top:1px solid var(--line)}
#article .cards li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;margin:0;border-bottom:1px solid var(--line)}
.cards li>div{min-width:0}
.cards strong{display:block;font-size:14px;color:#0f172a}
.cards span:not(.icon){display:block;font-size:14px;line-height:1.7;color:#475569}
/* Example: a receipt-style figure, always stamped "Illustrative" by the renderer. */
#article .example{margin:24px 0;padding:22px 24px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.example-stamp{display:inline-block;margin-bottom:10px;padding:3px 7px;border:1px dashed #fde68a;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#92400e;background:#fffbeb}
.example figcaption strong{display:block;font-size:16px;color:#0f172a}
#article .example figcaption p{margin:6px 0 14px;font-size:14px;line-height:1.7}
#article .example-lines{margin:0}
.example-lines>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed #cbd5e1;font-size:14px}
#article .example-lines dt{color:var(--muted);overflow-wrap:normal}
#article .example-lines dd{margin:0;color:#0f172a;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;min-width:0}
#article .example-footnote{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){#article .example{padding:18px 16px}}
/* Flow: an ordered list drawn as a vertical timeline with an icon node per step. */
.flow{list-style:none;padding:0;margin:24px 0}
#article .flow li{display:flex;gap:18px;position:relative;padding-bottom:22px;margin:0}
.flow li:not(:last-child)::before{content:"";position:absolute;left:19px;top:42px;bottom:4px;width:2px;background:#d7eafb}
.flow>li>div{min-width:0}
.flow .flow-node{width:40px;height:40px;border-radius:50%;background:#eefaff;border:1px solid #d7eafb;color:var(--blue);padding:9px}
.flow strong{display:block;font-size:15px;color:#0f172a;margin-top:9px}
#article .flow p{margin:4px 0 0}
/* Comparison: a real table with column and row headers; stacks into labelled rows on phones. */
.comparison{margin:22px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.comparison table{width:100%;border-collapse:collapse;font-size:14px}
.comparison th,.comparison td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line);line-height:1.6}
.comparison thead th{background:#f8fafc;font-size:12px;letter-spacing:.3px;color:var(--blue)}
.comparison tbody th{font-size:13px;color:#0f172a;width:24%}
.comparison td{color:#475569}
.comparison tr:last-child>*{border-bottom:0}
@media(max-width:760px){.comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.comparison table,.comparison tbody{display:block}.comparison tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}.comparison tbody tr:last-child{border-bottom:0}.comparison th,.comparison td{display:block;border:0;padding:6px 16px}.comparison tbody th{width:auto;color:var(--blue)}.comparison td::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted)}}
/* FAQ: native disclosures with dividers; the marker turns from + to - when open. */
.faq{margin:24px 0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:15px;font-weight:600;line-height:1.6;color:#0f172a;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:22px;text-align:center;font-size:18px;line-height:1.35;font-weight:400;color:#0a82db}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{color:var(--blue)}
.faq summary:focus-visible{outline:2px solid #0a82db;outline-offset:3px;border-radius:3px}
#article .faq p{margin:-4px 0 16px;font-size:14px;line-height:1.75}
/* Do and don't: two left-ruled columns, permitted (check) and prohibited (cross), stacked on phones. */
.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}
.do-dont section{min-width:0;padding:2px 0 2px 18px;border-left:3px solid #0a82db}
.do-dont section.is-dont{border-color:#9f1239}
#article .do-dont h3{margin:0 0 6px;font-size:14px;font-weight:650;color:#0f172a}
.do-dont ul{list-style:none;margin:0;padding:0}
#article .do-dont li{display:flex;gap:10px;margin:8px 0;padding:0;font-size:14px;line-height:1.7}
.do-dont .icon{width:18px;height:18px;margin-top:3px}
.do-dont .is-dont .icon{color:#9f1239}
@media(max-width:760px){.do-dont{grid-template-columns:1fr;gap:20px}}