/* 2026-09-13: article navigation, reading and key management, scoped to the knowledge site. */
body { font-size: 18px; }
.desktop-nav .nav-link { font-size: 17px; }
.header-inner { grid-template-columns:minmax(175px,1fr) auto auto; }
.header-actions { flex-shrink:0; }
.header-actions .btn,.theme-btn,.api-header-balance { white-space:nowrap; }
.article-side .category-btn,.article-side .toc a,.article-side .toc button { font-size:15px; }
.card p,.muted,.field label,.notice,.detail-row,.api-call-table td { font-size: 16px; line-height: 1.75; }
.article-layout { grid-template-columns: 200px minmax(0,850px) 200px; justify-content: center; gap: 24px; }
.article-content { --reading-size:20px; padding:clamp(22px,3vw,42px); background:#fff; border:1px solid #e5e6eb; border-radius:20px; color:#1f2329; }
.article-content h1 { font-size:clamp(30px,3.2vw,44px); line-height:1.35; }
.article-content p,.article-content li,.article-content blockquote,.article-content .callout { font-size:var(--reading-size)!important; line-height:1.95; color:inherit; }
.article-content h2 { font-size:1.45em; margin-top:1.8em; }
.article-content h3 { font-size:1.18em; }
.article-content pre { font-size:15px; line-height:1.8; }
.reading-toolbar { display:flex; gap:8px; align-items:center; justify-content:flex-end; margin-bottom:20px; }
html[data-theme="terminal"] .article-content { background:#fff; border-color:#e5e6eb; color:#1f2329; }
#seedanceDocsContent { font-size:18px; line-height:1.85; }
#seedanceDocsContent p,#seedanceDocsContent li { font-size:18px; }
#seedanceDocsContent pre,#seedanceDocsContent code { font-size:15px; }
.key-dialog { width:min(900px,94vw); max-height:88vh; overflow:auto; padding:28px; color:var(--strong,#222); background:var(--surface,#fff); border:1px solid var(--line,#ddd); border-radius:20px; }
.key-dialog::backdrop { background:#14201888; }
.key-dialog h2 { margin:0 0 18px; font-size:25px; }
.key-row { padding:22px 0; border-top:1px solid var(--line,#ddd); display:grid; gap:14px; }
.key-row code { overflow-wrap:anywhere; font-size:15px; }
.consumption-records{display:grid;gap:8px}
.consumption-record{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px;border:1px solid var(--line,#e4e9f1);border-radius:12px;background:var(--surface,#fff)}
.consumption-record-main{min-width:0;flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;font-size:14px;line-height:1.4}
.consumption-record-main>.account-finance-reference,.consumption-record-main>p{flex-basis:100%;margin:0}
.consumption-record-main .account-finance-reference{min-width:0;display:flex;flex-wrap:wrap;gap:2px 16px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.consumption-record-main .account-finance-reference code{display:inline;max-width:none;margin:0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:inherit}
.consumption-record-main .tag{padding:2px 7px;min-height:0;font-size:11px;line-height:1.4}
.consumption-billing{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px;line-height:1.4}
.consumption-record-main>time,.consumption-record-main>p{margin:0;font-size:12px;line-height:1.4}
.consumption-record-amount{display:grid;gap:3px;text-align:right;flex-shrink:0;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}
.consumption-record-amount small{font-size:12px;line-height:1.4}
@media(max-width:600px){.consumption-record{padding:10px 12px;flex-direction:column;gap:6px}.consumption-record-amount{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;text-align:left}.consumption-record-main>.account-finance-reference>span{max-width:100%}}
.managed-key-name{display:grid;gap:5px}.managed-key-name span,.managed-key-field>label{color:var(--muted2,#555);font-size:15px;font-weight:700}.managed-key-name strong{font-size:20px;color:var(--strong,#222)}
.managed-key-box{grid-template-columns:minmax(0,1fr) auto auto}.managed-key-box code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-meta { display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;line-height:1.6;color:var(--muted2,#555); }
.key-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.key-card-actions .btn{white-space:nowrap}.key-card-actions [data-key-rotate]{width:100%}
#seedanceApiKeyBox #regenerateSeedanceKey{grid-column:1;width:100%}
.key-form { display:grid; gap:14px; margin-top:20px; }
.key-form label { display:grid; gap:6px; font-size:16px; }
.key-actions { display:flex; gap:10px; flex-wrap:wrap; }
.key-error { color:#b33446; min-height:24px; }
.key-form[hidden],.key-form [hidden]{display:none!important}
.key-page-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.key-page-head h3{margin:0}.key-page-head h3 span{font-size:16px;color:var(--muted)}
.key-status{min-height:24px;font-size:16px}.key-status.is-error{color:#b33446}
.account-api-keys{margin-top:20px}.account-api-keys .page-head{margin-bottom:14px}#accountApiKeyHost[hidden],#accountApiKeyLogin[hidden]{display:none!important}
.api-quick-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.api-quick-heading .btn{font-size:15px;white-space:nowrap;flex-shrink:0}
.key-quick-dialog{padding:0;width:min(560px,94vw);background:#fff;color:#1f293b;border-color:#e4e9f1}
.key-quick-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e4e9f1}
.key-quick-head h2{margin:0;font-size:25px;color:#1f293b}
.key-quick-close{border:0;background:none;color:#63748b;font:30px/1 system-ui;cursor:pointer;padding:6px}
.key-quick-body{padding:28px;display:grid;gap:18px}
.key-quick-body code{display:block;overflow-wrap:anywhere;white-space:normal;background:#f7f8fa;color:#344763;border-radius:14px;padding:22px;font:18px/1.7 var(--mono)}
.key-quick-body .btn{background:#fff;color:#1f293b;border-color:#dfe5ed;font-size:18px}
.key-quick-created,.key-quick-status{text-align:center;margin:0;color:#64748b;font-size:15px;line-height:1.6}
.key-quick-status{padding:0 14px}
@media(max-width:1150px){.article-layout{grid-template-columns:minmax(0,850px) 180px}.article-layout>.article-side:first-child{display:none}}
@media(min-width:781px) and (max-width:1320px){.header-inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.icon-btn.menu-btn{display:grid}}
@media(max-width:780px){.article-layout{display:block}.article-content{padding:22px 18px}.key-dialog{padding:20px}.desktop-nav .nav-link{font-size:16px}.managed-key-box,.key-card-actions{grid-template-columns:1fr 1fr}.managed-key-box code,.key-card-actions [data-key-rotate]{grid-column:1/-1}}