/* Docs center. Loads after site/site.css and reuses its tokens, header, buttons, FAQ and lifecycle styles. No new colors. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.help-wrap{width:min(1440px,100%)}
html{scroll-padding-top:92px}
.help-page .site-nav>a[aria-current=page]{background:var(--mint);color:var(--green);font-weight:550}

/* Three columns: nav 248 / article ≤760 / toc 208 */
.doc-layout{display:grid;grid-template-columns:248px minmax(0,1fr) 208px;gap:48px;align-items:start;padding-top:36px;padding-bottom:80px}
.doc-bar{display:none}

/* Sidebar */
.doc-side{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto;padding:0 6px 24px 0;scrollbar-width:thin}
.doc-side-head{display:none}
.doc-search{position:relative;display:flex;align-items:center;margin-bottom:22px}
.doc-search>.icon{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.doc-search input{width:100%;height:40px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:0 36px 0 36px;font-size:14px;outline:none;-webkit-appearance:none;appearance:none}
.doc-search input::placeholder{color:#9aa395}
.doc-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.doc-search kbd{position:absolute;right:9px;font:inherit;font-size:11px;line-height:1;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:3px 6px;background:#fafbf8}
.doc-search input:not(:placeholder-shown)+kbd{display:none}
.doc-group+.doc-group{margin-top:22px}
.doc-group h2{font-size:12px;letter-spacing:1px;font-weight:600;color:#8b938c;margin:0 0 6px 12px}
html:lang(en) .doc-group h2{text-transform:uppercase;font-size:11px}
.doc-group a{display:block;padding:7px 12px;border-radius:7px;font-size:14px;line-height:1.5;color:var(--text-secondary);border-left:2px solid transparent}
.doc-group a:hover{background:#edf0e9;color:var(--ink)}
.doc-group a[aria-current=page]{background:var(--mint);color:var(--green);font-weight:600;border-left-color:var(--green);border-radius:0 7px 7px 0}
.doc-search-count{font-size:12px;color:var(--muted);margin:0 0 8px 4px}
.doc-search-results ul{display:grid;gap:2px}
.doc-search-results a{display:block;padding:9px 12px;border-radius:7px}
.doc-search-results a:hover,.doc-search-results a:focus-visible{background:#edf0e9}
.doc-search-results b{display:block;font-size:14px;font-weight:600}
.doc-search-results small{display:block;font-size:12px;color:var(--muted);line-height:1.55;margin-top:2px;overflow-wrap:anywhere}
.doc-search-empty{font-size:13px;color:var(--text-secondary);padding:12px;background:#f5f7f0;border:1px solid #e9eddf;border-radius:7px}
.doc-search-empty a{color:var(--green);text-decoration:underline}

/* Article */
.doc-main{min-width:0;outline:none}
.doc-article{max-width:760px}
.doc-crumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);margin-bottom:12px}
.doc-crumb a{color:var(--text-secondary)}.doc-crumb a:hover{color:var(--green);text-decoration:underline}
.doc-crumb .icon{width:14px;height:14px}
.doc-head h1{font-size:36px;line-height:1.3;font-weight:600;letter-spacing:-.3px}
.doc-head .lead{font-size:16px;max-width:none;margin-top:14px}
.doc-article>h2{display:flex;align-items:center;gap:8px;font-size:22px;line-height:1.4;font-weight:600;margin:48px 0 14px;padding-top:4px}
.doc-article>h2 .anchor{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--muted);opacity:0;transition:opacity .15s}
.doc-article>h2:hover .anchor,.doc-article>h2 .anchor:focus-visible{opacity:1}
.doc-article>h2 .anchor:hover{background:#edf0e9;color:var(--green)}
.doc-article>h2 .anchor .icon{width:15px;height:15px}
.doc-article>p{margin-top:12px;color:#3d4f45}
.doc-article a:not(.doc-card):not(.anchor):not(.btn),.doc-help a{color:var(--green);font-weight:500;text-decoration:underline;text-decoration-color:#23594259;text-underline-offset:3px}
.doc-article a:not(.doc-card):not(.anchor):not(.btn):hover{text-decoration-color:var(--green)}
.doc-article b{font-weight:600;color:var(--ink)}
.doc-article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#eef1ea;border:1px solid var(--border);border-radius:4px;padding:1px 5px}
.doc-list{margin-top:12px;display:grid;gap:8px;color:#3d4f45}
.doc-list li{position:relative;padding-left:22px}
ul.doc-list li:before{content:'';position:absolute;left:6px;top:.72em;width:6px;height:6px;border-radius:50%;background:#9fb79a}
.num-list{counter-reset:n}
.num-list li{counter-increment:n;padding-left:34px}
.num-list li:before{content:counter(n);position:absolute;left:0;top:.18em;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--green);font-size:12px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}

/* Tables: scroll inside their own container on narrow screens */
.doc-table{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}
.doc-table:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.doc-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}
.doc-table th,.doc-table td{text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid var(--border)}
.doc-table thead th{border-top:0;background:#fafbf8;font-size:12px;font-weight:600;color:#68786c;white-space:nowrap}
.doc-table tbody th{font-weight:550;color:var(--ink);min-width:7em}
.doc-table td{color:var(--text-secondary)}

/* Callouts: icon + bold title + text, never color alone */
.doc-note{display:flex;gap:12px;margin-top:20px;padding:14px 16px;border-radius:var(--radius);border:1px solid #e3e8dc;background:#eef1e8;font-size:14px}
.doc-note>.icon{margin-top:3px;color:var(--green)}
.doc-note b{display:block;font-weight:600;color:var(--ink)}
.doc-note p{color:var(--text-secondary);margin-top:2px}
.doc-note.warn{background:#fbf3e6;border-color:#f0e0c4}.doc-note.warn>.icon{color:var(--warning)}
.doc-note.danger{background:#fbefee;border-color:#efd3d1}.doc-note.danger>.icon{color:var(--danger)}
.doc-note.boundary{background:var(--green-dark);border-color:var(--green-dark);position:relative;overflow:hidden}
.doc-note.boundary:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff0b .7px,transparent .7px);background-size:5px 5px}
.doc-note.boundary>.icon{color:var(--lime)}.doc-note.boundary b{color:#fff}.doc-note.boundary p{color:#c1d4b6}
.doc-note.boundary b,.doc-note.boundary p,.doc-note.boundary .icon{position:relative}
.doc-note.boundary p b{display:inline;color:var(--lime)}

/* Flow (same visual language as the website lifecycle) */
.doc-flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:18px;padding:22px 20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.doc-flow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-right:10px;min-width:0}
.doc-flow li:not(.last):after{content:'';position:absolute;top:10px;left:28px;right:4px;height:1px;background:#d4dccd}
.doc-flow .lc-dot{font-size:11px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}
.doc-flow li.last .lc-dot{border-color:var(--green);background:var(--green);color:#fff}
.doc-flow b{font-size:14px;font-weight:600;line-height:1.4}.doc-flow small{font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}

/* Steps & cards */
.doc-steps{display:grid;gap:12px;margin-top:16px}
.doc-steps li{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}
.doc-steps .step-no{height:max-content;font-variant-numeric:tabular-nums}
.doc-steps h3{font-size:16px;font-weight:600;line-height:1.5}
.doc-steps p{font-size:14px;color:var(--text-secondary);margin-top:4px}
.doc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.doc-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color .17s,background .17s}
.doc-card:hover{border-color:#cbd6c7;background:#fbfcf9}
.doc-card .cap-icon{width:38px;height:38px;flex:none}.doc-card .cap-icon .icon{width:19px;height:19px}
.doc-card>span:nth-child(2){flex:1;min-width:0}
.doc-card b{display:block;font-size:15px;font-weight:600}.doc-card small{display:block;font-size:13px;color:var(--muted);line-height:1.55}
.doc-card>.icon{width:16px;height:16px;color:var(--muted);transition:transform .17s}.doc-card:hover>.icon{transform:translateX(2px);color:var(--green)}
.doc-article .faq-list{margin-top:8px}
.doc-article .faq-list summary{font-size:15px;padding:16px 4px}

/* Help strip + pager */
.doc-help{max-width:760px;display:flex;gap:12px;margin-top:56px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:#fafbf8;font-size:14px}
.doc-help>.icon{color:var(--green);margin-top:3px}
.doc-help b{font-weight:600}.doc-help p{color:var(--text-secondary);margin-top:2px}
.doc-help a{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.doc-help a .icon{width:15px;height:15px}
.doc-pager{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.doc-pager a{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .17s}
.doc-pager a:hover{border-color:var(--green)}
.doc-pager a.next{grid-column:2;text-align:right;align-items:flex-end}
.doc-pager small{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.doc-pager small .icon{width:14px;height:14px}
.doc-pager b{font-size:15px;font-weight:600;color:var(--green)}

/* On this page */
.doc-toc{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}
.doc-toc h2{font-size:12px;letter-spacing:1px;font-weight:600;color:#8b938c;margin-bottom:10px}
html:lang(en) .doc-toc h2{text-transform:uppercase;font-size:11px}
.doc-toc ul{border-left:1px solid var(--border)}
.doc-toc a{display:block;margin-left:-1px;padding:5px 0 5px 14px;border-left:2px solid transparent;font-size:13px;line-height:1.5;color:var(--muted)}
.doc-toc a:hover{color:var(--ink)}
.doc-toc a[aria-current]{color:var(--green);font-weight:600;border-left-color:var(--green)}

.help-footer{padding-top:0}
.help-footer .footer-base{margin-top:0;align-items:center}
.help-footer .brand{font-size:17px}.help-footer .brand-mark{width:28px;height:30px;border-radius:8px}.help-footer .brand-mark .icon{width:17px;height:17px}
.doc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--green-dark);color:#fff;font-size:13px;padding:10px 16px;border-radius:7px;box-shadow:0 8px 20px -10px #183f3366}

/* ≤1200: drop the right TOC */
@media (max-width:1200px){.doc-layout{grid-template-columns:232px minmax(0,1fr);gap:40px}.doc-toc{display:none}}
/* ≤1000: sidebar becomes a drawer opened from a sticky docs bar */
@media (max-width:1000px){
 .doc-layout{display:block;padding-top:28px}
 .doc-bar{display:block;position:sticky;top:68px;z-index:20;background:rgba(246,247,243,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
 .doc-bar .wrap{display:flex;align-items:center;gap:12px;height:52px}
 .doc-bar-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:14px;cursor:pointer;flex:none}
 .doc-bar-btn:hover{background:#f1f4ed}.doc-bar-btn .icon{width:16px;height:16px}
 .doc-bar-current{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html{scroll-padding-top:136px}
 .doc-side{position:fixed;inset:0;z-index:50;max-height:none;padding:0;background:#183f3333;display:none}
 .doc-side.open{display:block}
 .doc-side>*{background:var(--bg)}
 .doc-side.open:before{content:'';position:absolute;inset:0 auto 0 0;width:min(320px,86vw);background:var(--bg);box-shadow:16px 0 32px -20px #183f3366}
 .doc-side>*{position:relative;width:min(320px,86vw);padding-left:20px;padding-right:20px}
 .doc-side>.doc-search{padding:0;margin:0 20px 22px;width:calc(min(320px,86vw) - 40px)}
 .doc-side-head{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid var(--border);margin-bottom:16px;font-size:15px}
 .doc-side-close{width:44px;height:44px;border:0;background:transparent;border-radius:7px;display:grid;place-items:center;cursor:pointer;margin-right:-10px}
 .doc-side-close:hover{background:#edf0e9}
 .doc-side .doc-nav,.doc-side .doc-search-results{padding-bottom:32px;max-height:calc(100vh - 140px);overflow:auto}
 .doc-group a{padding:10px 12px}
 body.side-open{overflow:hidden}
 .doc-article,.doc-help,.doc-pager{max-width:none}
}
@media (max-width:780px){
 .doc-bar{top:60px}html{scroll-padding-top:124px}
 .doc-head h1{font-size:29px}.doc-article>h2{font-size:20px;margin-top:40px}
 .doc-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:0;padding:18px 18px 4px}
 .doc-flow li{flex-direction:row;align-items:center;gap:12px;padding:0 0 16px;flex-wrap:wrap}
 .doc-flow li:not(.last):after{top:24px;bottom:2px;left:10px;right:auto;width:1px;height:auto}
 .doc-flow .lc-dot{margin:0}.doc-flow small{flex-basis:100%;padding-left:33px;margin-top:-6px}
 .doc-cards{grid-template-columns:1fr}
}
@media (max-width:540px){
 .doc-layout{padding-top:20px;padding-bottom:56px}
 .doc-head h1{font-size:25px}.doc-head .lead{font-size:15px}
 .doc-article>h2{font-size:18px}
 .doc-article>h2 .anchor{opacity:1}
 .doc-table th,.doc-table td{padding:10px 12px}
 .doc-table table{font-size:13px}
 .doc-steps li{flex-direction:column;gap:8px;padding:16px}
 .doc-pager{grid-template-columns:1fr}.doc-pager a.next{grid-column:1}
 .help-footer .footer-base{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.doc-card>.icon{transition:none}}