.app-help-link { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; color:var(--primary-dark); font-size:12px; font-weight:600; }
.app-help-link .icon { width:17px; height:17px; }
.auth-help-link { display:block; margin-top:24px; text-align:center; font-size:12px; }
body:has(.docs-main) { min-width:0; }
.docs-header { padding-inline:clamp(20px,4vw,64px); }
.docs-header-home { border-left:1px solid var(--border); padding-left:18px; font-size:13px; font-weight:600; white-space:nowrap; }
.docs-main { max-width:1480px; margin:0 auto; padding:38px clamp(20px,4vw,64px) 64px; }
.docs-main h1 { font-size:34px; letter-spacing:-.8px; line-height:1.3; }
.docs-main p,.docs-main li,.docs-main td,.docs-main th { font-size:13px; line-height:1.85; }
.docs-main a { text-underline-offset:4px; }
.docs-main a:hover { text-decoration:underline; }
.docs-main h1:focus { outline:none; }
.docs-hero { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr); gap:52px; align-items:center; padding:38px; border:1px solid #d3e5ef; border-radius:16px; background:linear-gradient(120deg,#eef7fb,#f9fcff); }
.docs-hero h1 { font-size:40px; margin:16px 0 14px; }
.docs-hero>div>p { max-width:540px; color:#4d6176; margin:0 0 24px; }
.docs-search { display:flex; align-items:center; gap:12px; background:white; border:1px solid #a9c3d5; border-radius:9px; padding:0 16px; box-shadow:0 3px 12px #1a426209; }
.docs-search:focus-within { outline:2px solid var(--primary); outline-offset:3px; }
.docs-search .icon { color:var(--primary-dark); }
.docs-search input { width:100%; min-width:0; min-height:54px; padding:14px 0; border:0; box-shadow:none; background:transparent; border-radius:9px; font-size:13px; }
.docs-search input:focus { outline:none; box-shadow:none; }
.docs-hero>div>.docs-search-note { font-size:11px; color:#5f7185; margin:10px 0 0; }
.docs-start-card { display:block; padding:25px; background:white; border:1px solid #d6e5ee; border-radius:12px; color:var(--ink); box-shadow:0 5px 18px #1c496408; }
.docs-main .docs-start-card:hover { color:var(--ink); text-decoration:none; border-color:#81b4d0; }
.docs-start-label { font-size:11px; color:var(--primary-dark); font-weight:600; }
.docs-start-card h2 { font-size:19px; margin:12px 0 8px; }
.docs-start-card p { color:#5c6d81; font-size:12px; margin:0; }
.docs-start-card>strong { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:var(--primary-dark); }
.docs-mini-steps { display:flex; align-items:center; justify-content:space-between; gap:7px; border-top:1px solid #edf1f5; padding-top:18px; margin:18px 0 22px; font-size:11px; color:#48637a; }
.docs-mini-steps span { background:#eff6fa; padding:6px 10px; border-radius:5px; }
.docs-mini-steps .icon { width:12px; }
.docs-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0 36px; }
.docs-shortcuts a { display:flex; align-items:center; gap:10px; background:white; border:1px solid var(--border); border-radius:9px; padding:17px 19px; font-size:12px; font-weight:600; }
.docs-shortcuts a>.icon:last-child { margin-left:auto; width:15px; }
.docs-browse-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; }
.docs-browse-heading h2 { font-size:19px; margin:0; }
.docs-filters { display:flex; flex-wrap:wrap; gap:8px; margin:17px 0 8px; }
.docs-filters button { border:1px solid var(--border); color:#4a5c72; background:white; border-radius:20px; padding:9px 14px; min-height:40px; font-size:11px; }
.docs-filters button[aria-pressed="true"] { background:var(--primary-dark); border-color:var(--primary-dark); color:white; }
.docs-filters button:hover { border-color:var(--primary-dark); }
.docs-result-count { color:var(--muted); font-size:11px!important; margin:15px 0; }
.docs-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.docs-guide-card { display:flex; align-items:flex-start; gap:15px; border:1px solid var(--border); border-radius:10px; padding:22px; background:white; color:var(--ink); }
.docs-main .docs-guide-card:hover { border-color:#98b8ce; color:var(--ink); text-decoration:none; box-shadow:0 2px 8px #26465e08; }
.docs-guide-card:hover h3 { color:var(--primary-dark); text-decoration:underline; text-underline-offset:4px; }
.docs-guide-card>div { min-width:0; flex:1; }
.docs-guide-card>.icon { width:16px; color:var(--primary-dark); align-self:center; }
.docs-guide-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; color:var(--primary-dark); background:#eff6fa; flex-shrink:0; }
.docs-category-label { display:block; color:#637386; font-size:10px; margin-bottom:6px; }
.docs-guide-card h3 { margin:0 0 7px; font-size:14px; }
.docs-guide-card p { margin:0; font-size:12px; color:#5b6b7f; line-height:1.75; }
.docs-support { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--border); padding-top:26px; margin-top:32px; }
.docs-support>div { display:flex; align-items:flex-start; gap:14px; }
.docs-support .icon { color:var(--primary-dark); }
.docs-support h2 { margin:0 0 5px; font-size:14px; }
.docs-support p { margin:0; color:var(--muted); font-size:12px; }
.docs-support>a { flex-shrink:0; }
.docs-empty,.docs-not-found { padding:46px 24px; text-align:center; border:1px solid var(--border); background:white; border-radius:12px; }
.docs-empty>.icon { width:26px; height:26px; color:var(--primary-dark); }
.docs-empty p,.docs-not-found p { color:var(--muted); }
.docs-reading-layout { display:grid; grid-template-columns:210px minmax(0,1fr) 180px; gap:32px; align-items:start; }
.docs-desktop-nav,.docs-toc { position:sticky; top:calc(var(--appbar-height) + 24px); max-height:calc(100vh - var(--appbar-height) - 48px); overflow:auto; scrollbar-width:thin; }
.docs-all-guides { display:flex; gap:7px; align-items:center; font-size:12px; font-weight:600; padding:0 6px 18px; }
.docs-all-guides .icon { width:12px; }
.docs-nav-group { margin:0 0 21px; }
.docs-nav-group h2 { color:#53677d; margin:0 0 7px; padding:0 10px; font-size:10px; font-weight:700; }
.docs-nav-group a { display:block; font-size:11px; color:#506077; border-radius:6px; padding:9px 10px; line-height:1.6; }
.docs-nav-group a[aria-current="page"] { background:#e6f2f9; color:#005e8d; font-weight:600; }
.docs-reading-main { min-width:0; }
.docs-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:0 0 20px; font-size:11px; color:var(--muted); }
.docs-breadcrumb .icon { width:11px; height:11px; }
.docs-article { background:white; border:1px solid var(--border); border-radius:12px; padding:30px clamp(22px,3vw,42px) 36px; }
.docs-article-heading { border-bottom:1px solid var(--border); padding-bottom:19px; margin-bottom:28px; }
.docs-article-heading h1 { margin:14px 0; font-size:30px; }
.docs-article-heading>p { color:#5b6b7e; margin:0 0 16px; }
.docs-article-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.docs-article-tools>span { margin-right:auto; font-size:11px; color:#647188; }
.docs-article-tools .button { padding:6px 8px; min-height:36px; font-size:10px; }
.docs-article-tools .icon { width:14px; height:14px; }
.docs-section { scroll-margin-top:calc(var(--appbar-height) + 20px); margin-top:30px; }
.docs-section h2 { font-size:18px; margin:0 0 14px; line-height:1.5; }
.docs-section p { margin:0 0 14px; color:#42526a; }
.docs-section h3 { font-size:13px; }
.docs-steps { list-style:none; padding:0; margin:20px 0; }
.docs-steps li { position:relative; padding:0 0 20px 42px; }
.docs-steps li:last-child { padding-bottom:0; }
.docs-step-number { position:absolute; left:0; top:0; width:27px; height:27px; border-radius:8px; display:grid; place-items:center; background:#eaf4fb; color:var(--primary-dark); font-size:12px; font-weight:600; }
.docs-steps h3 { margin:0 0 6px; line-height:1.8; }
.docs-steps p { margin:0; }
.docs-bullets { padding-left:21px; color:#42526a; }
.docs-bullets li { padding-left:4px; margin-bottom:10px; }
.docs-callout { display:flex; align-items:flex-start; gap:12px; margin:20px 0; padding:18px; border-radius:8px; border:1px solid #d7e7f2; background:#f2f8fc; }
.docs-callout>.icon { width:17px; color:var(--primary-dark); }
.docs-callout h3 { margin:0 0 6px; }
.docs-callout p { margin:0; font-size:12px; }
.docs-table-scroll { overflow:auto; border:1px solid var(--border); border-radius:8px; margin:20px 0; }
.docs-table-scroll table { width:100%; border-collapse:collapse; }
.docs-table-scroll th,.docs-table-scroll td { padding:14px; vertical-align:top; white-space:normal; text-align:left; border-bottom:1px solid var(--border); font-size:12px; }
.docs-table-scroll thead th { background:#f5f8fb; font-size:11px; color:#53657b; text-transform:none; letter-spacing:normal; }
.docs-table-scroll tbody th { width:32%; min-width:110px; font-weight:600; color:var(--ink); text-transform:none; letter-spacing:normal; }
.docs-table-scroll tbody td { color:#42526a; }
.docs-table-scroll tbody tr:last-child>* { border-bottom:0; }
.docs-toc { padding-top:36px; }
.docs-toc h2 { font-size:11px; color:#53657b; margin:0 0 13px; }
.docs-toc nav>a { display:block; border-left:2px solid var(--border); padding:8px 0 8px 12px; color:#4d5f76; font-size:11px; line-height:1.6; }
.docs-toc nav>a:hover { border-color:var(--primary); color:var(--primary-dark); }
.docs-toc-support { display:flex; align-items:flex-start; gap:7px; margin-top:22px; font-size:11px; line-height:1.7; }
.docs-toc-support .icon { width:15px; height:15px; }
.docs-related { margin-top:28px; }
.docs-related>h2 { font-size:16px; margin-bottom:15px; }
.docs-related .docs-guide-card { margin-top:10px; padding:18px 20px; }
.docs-mobile-nav,.docs-mobile-toc { display:none; }
.docs-widget { padding:20px; border:1px solid #c8dce9; background:#f7fbfe; border-radius:10px; margin:20px 0; }
.docs-widget .field { margin:0; }
.docs-widget select { width:100%; min-width:0; white-space:normal; }
.docs-widget .docs-widget-hint { font-size:12px; color:#5d7084; margin:16px 0 0; }
.docs-status-result { padding-top:20px; }
.docs-status-result h3 { margin:0 0 8px; font-size:16px; }
.docs-status-result h4 { font-size:12px; margin:20px 0 7px; }
.docs-status-result p { font-size:12px; }
.docs-status-result>a { display:inline-flex; gap:10px; align-items:center; font-size:12px; font-weight:600; }
.docs-status-note { display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid #eadcb4; background:#fffaf0; border-radius:7px; }
.docs-status-note .icon { width:16px; color:var(--warning); }
.docs-checklist-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.docs-checklist-heading h3 { margin:0 0 7px; font-size:15px; }
.docs-checklist-heading p { font-size:11px; margin:0; }
.docs-checklist #docs-checklist-count { font-size:11px; margin:20px 0 4px; }
.docs-checklist progress { display:block; width:100%; height:7px; margin:8px 0 20px; accent-color:var(--primary-dark); border:0; border-radius:10px; overflow:hidden; }
.docs-checklist progress::-webkit-progress-bar { background:#dfeaf1; }
.docs-checklist progress::-webkit-progress-value { background:var(--primary-dark); }
.docs-checklist-row { display:flex; align-items:flex-start; gap:12px; padding:15px 0; border-top:1px solid #dce6ed; cursor:pointer; }
.docs-checklist-row input { margin:4px 0 0; width:18px; height:18px; flex-shrink:0; accent-color:var(--primary-dark); }
.docs-checklist-row strong { display:block; font-size:12px; line-height:1.8; margin-bottom:4px; }
.docs-checklist-row span>span { display:block; font-size:11px; line-height:1.8; color:#52657b; }
.docs-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:24px clamp(20px,4vw,64px); border-top:1px solid var(--border); color:#5f6e80; background:white; font-size:10px; line-height:1.8; }
@media (max-width:1200px) {
  .docs-reading-layout { grid-template-columns:190px minmax(0,1fr); gap:24px; }
  .docs-toc { display:none; }
  .docs-mobile-toc { display:flex; flex-direction:column; gap:9px; border-bottom:1px solid var(--border); padding-bottom:22px; font-size:12px; }
  .docs-hero { gap:28px; padding:28px; }
  .docs-header .brand-product { display:none; }
}
@media (max-width:800px) {
  .docs-main { padding:24px 20px 36px; }
  .docs-hero { grid-template-columns:minmax(0,1fr); gap:24px; }
  .docs-start-card { padding:22px; }
  .docs-start-card .docs-mini-steps { justify-content:flex-start; gap:12px; }
  .docs-start-card>strong { justify-content:flex-start; }
  .docs-shortcuts { grid-template-columns:minmax(0,1fr); gap:8px; margin-bottom:28px; }
  .docs-shortcuts a { padding:14px 18px; }
  .docs-guide-grid { grid-template-columns:minmax(0,1fr); }
  .docs-reading-layout { display:block; }
  .docs-desktop-nav { display:none; }
  .docs-mobile-nav { display:block; margin:0 0 24px; background:white; border:1px solid var(--border); border-radius:8px; padding:0 16px; }
  .docs-mobile-nav summary { display:flex; justify-content:space-between; gap:10px; padding:16px 0; cursor:pointer; font-size:12px; font-weight:600; }
  .docs-mobile-nav nav { padding:8px 0; }
  .docs-mobile-nav[open] summary .icon { transform:rotate(180deg); }
  .docs-article { padding:24px; }
  .docs-article-heading h1 { font-size:27px; }
  .docs-support { align-items:flex-start; flex-direction:column; gap:16px; }
}
@media (max-width:520px) {
  .docs-header { height:68px; padding-inline:16px; gap:10px; }
  .docs-header .brand>span { display:none; }
  .docs-header .brand img { width:28px; height:28px; margin:0; }
  .docs-header-home { font-size:12px; border:0; padding:0; }
  .docs-return { font-size:10px; padding:8px; gap:5px; }
  .docs-return .icon { width:13px; }
  .docs-main { padding-inline:14px; }
  .docs-hero { padding:22px; }
  .docs-hero h1 { font-size:32px; }
  .docs-search { padding-inline:12px; gap:8px; }
  .docs-search input { font-size:12px; }
  .docs-start-card .docs-mini-steps { gap:6px; }
  .docs-mini-steps span { padding:6px 7px; }
  .docs-guide-card { padding:18px; gap:12px; }
  .docs-guide-icon { width:30px; height:30px; }
  .docs-article { padding:22px 18px; }
  .docs-widget { padding:16px; }
  .docs-breadcrumb { font-size:10px; }
  .app-help-link span { display:none; }
  .app-help-link { min-width:32px; min-height:36px; justify-content:center; }
}
@media print {
  body:has(.docs-main) { background:white; }
  body:has(.docs-main) .skip-link,.docs-header,.docs-desktop-nav,.docs-toc,.docs-mobile-nav,.docs-mobile-toc,.docs-breadcrumb,.docs-related,.docs-article-tools,.docs-footer,.docs-checklist-heading button { display:none!important; }
  .docs-main { padding:0; max-width:none; }
  .docs-reading-layout { display:block; }
  .docs-article { padding:0; border:0; }
  .docs-section { margin-top:24px; }
  .docs-section h2,.docs-section h3 { break-after:avoid; }
  .docs-steps li,.docs-callout,.docs-checklist-row,tr { break-inside:avoid; }
  .docs-table-scroll { overflow:visible; }
}
