/* Profit Studio — unified workspace, September 2026. */
html{--bg:#f3f5f9;--card:#fff;--surface:#f8fafc;--surface-2:#edf1f7;--ink:#19283f;--text:var(--ink);--muted:#63738b;--line:#dfe6ef;--border:var(--line);--accent:#365fe3;--accent2:#365fe3;--shadow:0 4px 20px #182b4808;--workspace-active:#edf2ff}
html[data-resolved-theme="dark"]{--bg:#0e1522;--card:#161f2e;--surface:#111a28;--surface-2:#1c283a;--ink:#e9eef7;--text:var(--ink);--muted:#a0aec3;--line:#2b394e;--border:var(--line);--accent:#8daaff;--accent2:#8daaff;--workspace-active:#233659;--shadow:0 4px 20px #00000012}
html body{background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
html .sidebar{width:244px;padding:25px 14px 16px;background:var(--card);color:var(--ink);border-right:1px solid var(--line);box-shadow:none;overflow-y:auto}
html .brand{margin:0 10px 22px;gap:10px}
html .brand-mark{width:37px;height:37px;border-radius:11px;background:#365fe3;box-shadow:none}
html .brand strong{color:var(--ink);font-size:16px;letter-spacing:-.5px}
html .brand small{color:var(--muted)}
html .sidebar nav{display:grid;gap:3px;overflow:visible}
html .nav-group-label{margin:18px 12px 7px;font-size:10px;font-weight:650;letter-spacing:.1em;color:var(--muted)}
html .nav-item{padding:9px 11px;border:1px solid transparent;border-radius:9px;color:var(--muted);gap:10px;background:transparent;min-height:47px}
html .nav-item>span{background:transparent;color:inherit;width:26px;height:28px;border-radius:7px;font-size:19px}
html .nav-item div strong{font-size:13px;font-weight:600;color:inherit}
html .nav-item div small{font-size:10px;color:var(--muted);margin-top:1px}
html .nav-item:hover{background:var(--surface-2);color:var(--ink)}
html .nav-item.active{background:var(--workspace-active);color:var(--accent);border-color:transparent;box-shadow:none}
html .nav-item.active>span{background:transparent;color:var(--accent)}
html .nav-item.active small{color:var(--muted)}
html .sidebar-user{grid-template-columns:32px minmax(0,1fr) 24px 24px;gap:7px;margin-top:auto;padding:18px 6px 0;border-top:1px solid var(--line)}
html .sidebar-user strong{color:var(--ink)}
html .avatar{width:32px;height:32px;background:var(--workspace-active);color:var(--accent)}
html .app-shell main{margin-left:244px;padding:0 32px 40px;max-width:2200px;min-width:0}
html .topbar{position:relative;top:auto;height:auto;min-height:100px;padding:22px 0;gap:18px;flex-wrap:wrap;background:transparent;box-shadow:none;border-bottom:0}
html .topbar>div:nth-of-type(2){flex:1;min-width:150px}
html .topbar h1{font-size:24px;line-height:1.25;font-weight:700;color:var(--ink);letter-spacing:-.7px}
html .topbar .eyebrow{color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.12em}
html .top-actions{gap:7px;align-items:center;flex-wrap:wrap}
html .marketplace-tabs{background:var(--surface-2);border:1px solid var(--line);padding:4px;border-radius:10px;box-shadow:none;min-width:0;width:auto}
html .marketplace-tabs button{min-height:34px;padding:7px 12px;color:var(--muted);font-size:12px;border-radius:7px;box-shadow:none}
html .marketplace-tabs button.active{background:var(--card);color:var(--accent);box-shadow:0 1px 3px #12254215}
html .primary-btn,html .upload-btn{background:#365fe3;color:white;border-radius:9px;box-shadow:none;font-size:12px;font-weight:650;min-height:40px;padding:10px 15px}
html .primary-btn:hover,html .upload-btn:hover{background:#284ec8;transform:none;box-shadow:none}
html .secondary-btn,html .theme-switcher,html .language-control{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:none;font-size:12px;min-height:40px}
html .secondary-btn{font-weight:600;padding:9px 13px}
html .text-btn{font-weight:600;font-size:12px}
html .section-nav{position:relative;top:auto;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:0 0 12px;margin:0 0 24px;min-height:44px}
html .section-nav-caption{display:none}
html .section-nav-items{gap:5px;overflow-x:auto;flex-wrap:nowrap;width:100%}
html .section-nav-items button{flex-shrink:0;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:none;min-height:36px}
html .section-nav-items button.active{background:var(--workspace-active);color:var(--accent);border-color:transparent}
html .card,html .products-card,html .report-panel,html .metric,html .inventory-action-card,html .inventory-products-panel{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
html .card{padding:23px;margin-bottom:18px}
html .card-head{gap:14px;align-items:center;margin-bottom:20px}
html .card h2{font-size:18px;font-weight:650;line-height:1.35}
html .eyebrow{font-weight:650;font-size:10px;letter-spacing:.1em;color:var(--muted)}
html .muted{color:var(--muted);font-size:13px;line-height:1.65}
html .welcome-line{margin:6px 0 22px}
html .welcome-line h2{font-size:25px;letter-spacing:-.7px;font-weight:650}
html .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
html .metric{padding:22px;min-height:144px}
html .metric:before{inset:22px auto auto 0;width:3px;height:26px;border-radius:0 3px 3px 0}
html .metric .label{font-size:12px;font-weight:550;margin-bottom:15px}
html .metric .value{font-size:clamp(22px,2vw,32px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
html .metric .hint{color:var(--muted);font-size:11px;margin-top:10px}
html .today-grid,html .dashboard-bottom-grid,html .finance-grid{gap:20px}
html .today-summary{gap:14px}
html .today-card,html .notifications-card{min-height:0}
html .notification-list{max-height:260px}
html .director-card{background:var(--card);border-color:var(--line);color:var(--ink)}
html .director-card .muted,html .director-card .eyebrow{color:var(--muted)}
html .director-grid h3{color:var(--ink)}
html .report-panel{padding:20px;margin-bottom:22px}
html .report-list{flex-wrap:wrap;gap:10px;max-height:270px;overflow:auto}
html .report-chip{border-radius:9px;background:var(--surface);color:var(--ink);border-color:var(--line);white-space:normal}
html .report-chip.selected{background:var(--workspace-active);border-color:var(--accent);color:var(--ink)}
html .report-chip-open{min-width:210px}
html .period-presets{gap:8px;flex-wrap:wrap}
html .period-presets>button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:38px;padding:8px 12px}
html .quality-result{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
html .quality-result>div:not([class]){background:var(--surface);color:var(--ink)}
html .app-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),html .app-shell select,html .app-shell textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:40px;font-size:13px;line-height:1.4;max-width:100%}
html input::placeholder,html textarea::placeholder{color:var(--muted);opacity:.85}
html button:focus-visible,html input:focus-visible,html select:focus-visible,html textarea:focus-visible,html a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html button:disabled{cursor:not-allowed;opacity:.55}
html .products-toolbar{padding:16px;background:var(--card);border-bottom:1px solid var(--line);gap:10px}
html .search-wrap{display:flex;align-items:center;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:border-color .18s,box-shadow .18s}
html .search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
html .search-wrap>span{position:relative;display:block;width:16px;height:16px;flex:0 0 16px;color:var(--muted);font-size:0}
html .search-wrap>span:before{content:"";position:absolute;width:8px;height:8px;left:1px;top:1px;border:1.7px solid currentColor;border-radius:50%}
html .search-wrap>span:after{content:"";position:absolute;width:6px;height:1.7px;left:9px;top:11px;border-radius:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
html .app-shell .search-wrap input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;min-width:0;min-height:40px;padding:9px 8px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;outline:0}
html .table-wrap{overflow:auto;max-width:100%;overscroll-behavior-x:contain}
html th{background:var(--surface);color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.025em;padding:14px 12px;border-color:var(--line)}
html td{padding:15px 12px;font-size:12px;border-color:var(--line);font-variant-numeric:tabular-nums}
html tbody tr:hover td{background:var(--surface)}
html .products-table td:first-child{background:var(--card)}
html .inventory-actions-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
html .inventory-hero h2,html .procurement-hero h2,html .review-agent-hero h2{font-size:28px;line-height:1.25;color:var(--ink)}
html .inventory-action-card{padding:22px}
html .inventory-sales-card{padding:0;overflow:hidden}
html .inventory-sales-card>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;list-style:none;border-bottom:1px solid transparent}
html .inventory-sales-card[open]>summary{border-bottom-color:var(--line)}
html .inventory-sales-card>summary::-webkit-details-marker{display:none}
html .inventory-sales-card>summary span{display:grid;gap:3px}
html .inventory-sales-card>summary b{font-size:18px}
html .inventory-sales-card>summary small{color:var(--muted);font-size:12px;font-weight:400}
html .inventory-sales-card>summary i{color:var(--accent);font-size:12px;font-style:normal;font-weight:650}
html .inventory-sales-content{padding:20px 22px 22px}
html .inventory-sales-toolbar{display:grid;grid-template-columns:160px 160px 180px minmax(220px,1fr) auto auto auto;gap:10px;align-items:end}
html .inventory-sales-sku-field{min-width:0}
html .inventory-sales-selection{display:flex;align-items:center;gap:10px;min-height:40px;margin:12px 0 16px;flex-wrap:wrap;color:var(--muted);font-size:12px}
html .inventory-sales-selected{display:flex;gap:6px;flex-wrap:wrap}
html .inventory-sales-selected button{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--workspace-active);color:var(--ink);font:inherit;cursor:pointer}
html .inventory-sales-selected button i{font-style:normal;color:var(--accent);font-size:15px;line-height:1}
html .inventory-sales-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
html .inventory-sales-stat{position:relative;display:grid;gap:4px;padding:16px 17px;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
html .inventory-sales-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}
html .inventory-sales-stat-2:before{background:#1ca376}
html .inventory-sales-stat-3:before{background:#ef9a23}
html .inventory-sales-stat span,html .inventory-sales-stat small{color:var(--muted);font-size:11px}
html .inventory-sales-stat strong{font-size:20px;font-variant-numeric:tabular-nums}
html .inventory-sales-table{border:1px solid var(--line);border-radius:11px}
html .inventory-sales-table table{min-width:1040px;width:100%;border-collapse:collapse}
html .inventory-sales-table td:nth-child(1){white-space:nowrap}
html .inventory-sales-table td:nth-child(3){min-width:160px}
html .inventory-sales-table td:nth-child(3) small{display:block;color:var(--muted);margin-top:3px}
html .inventory-sales-table td:nth-child(4){max-width:220px;overflow-wrap:anywhere}
html .inventory-sales-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--surface-2);white-space:nowrap;font-size:11px;font-weight:600}
html .inventory-sales-status.restored{background:#e2f7ee;color:#087855}
html .inventory-sales-status.pending{background:#fff1d6;color:#9b5b00}
html .inventory-sales-status.dismissed{background:#f8e7ea;color:#a12b40}
html[data-resolved-theme="dark"] .inventory-sales-status.restored{background:#143e34;color:#70dfba}
html[data-resolved-theme="dark"] .inventory-sales-status.pending{background:#493819;color:#ffd584}
html[data-resolved-theme="dark"] .inventory-sales-status.dismissed{background:#472733;color:#ff9fb1}
html .inventory-sales-empty{text-align:center;color:var(--muted);padding:34px}
html .inventory-quick-form,html .inventory-product-form,html .expense-form{gap:12px}
html .expense-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin:20px 0}
html .expense-form #expense-description{grid-column:1/-1}
html .expense-form #add-expense{justify-self:start}
html .review-policy-grid>div{min-height:0}
#workspace-menu,.workspace-backdrop{display:none}
@media(min-width:901px) and (max-width:1400px){html .top-actions{flex-basis:100%;justify-content:flex-end}html .topbar{gap:12px}html .metrics{gap:12px}html .metric{padding:18px}}
@media(max-width:900px){
  html .sidebar{display:flex;position:fixed;width:264px;inset:0 auto 0 0;height:100dvh;z-index:100;transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s}
  html .sidebar nav{display:grid}html .sidebar .brand,html .sidebar .nav-item div,html .sidebar .nav-item small,html .sidebar .nav-group-label,html .sidebar .sidebar-user{display:revert}
  html .sidebar .brand{display:flex}html .sidebar .sidebar-user{display:grid}html .sidebar .nav-item div strong,html .sidebar .nav-item div small{display:block}
  html .app-shell main{margin-left:0;padding:0 18px 30px;width:100%}
  #workspace-menu{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;cursor:pointer;flex-shrink:0}
  .workspace-menu-open{overflow:hidden}.workspace-menu-open .sidebar{transform:translateX(0);visibility:visible}
  .workspace-menu-open .workspace-backdrop{display:block;position:fixed;inset:0;background:#07112080;z-index:90;border:0}
  html .topbar{padding:18px 0;gap:12px;min-height:0}html .topbar h1{font-size:20px}
  html .topbar>div:nth-of-type(2){order:0;min-width:0}html .marketplace-tabs{order:1}
  html .top-actions{order:2;flex:1;justify-content:flex-end;gap:6px}html .top-actions .upload-btn{white-space:nowrap}
  html .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  html .today-grid,html .dashboard-bottom-grid,html .finance-grid,html .executive-grid{grid-template-columns:minmax(0,1fr)}
  html .section-nav{margin-bottom:18px}html .card{padding:18px}
  html .inventory-sales-card{padding:0}html .inventory-sales-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}html .inventory-sales-sku-field{grid-column:1/-1}html .inventory-sales-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  html .app-shell main{padding:0 12px 24px}html .topbar>div:nth-of-type(2){flex-basis:calc(100% - 55px)}
  html .topbar .eyebrow{font-size:8px}html .top-actions{justify-content:flex-start;flex-basis:100%}
  html .marketplace-tabs{width:100%;display:flex}html .marketplace-tabs button{flex:1}
  html .top-actions .upload-btn{flex-basis:100%;text-align:center}html .theme-label{display:none}
  html .metrics{gap:10px}html .metric{padding:15px;min-height:128px}html .metric .value{font-size:21px}
  html .metric .label{font-size:11px}html .metric .hint{font-size:10px}html .welcome-line{align-items:flex-start;gap:10px}
  html .welcome-line h2{font-size:20px}html .data-status{font-size:9px;white-space:nowrap}
  html .card-head{align-items:flex-start;flex-wrap:wrap}html .card h2{font-size:17px}
  html .inventory-sales-card>summary,html .inventory-sales-content{padding:16px}html .inventory-sales-toolbar,html .inventory-sales-summary{grid-template-columns:minmax(0,1fr)}html .inventory-sales-toolbar .primary-btn,html .inventory-sales-toolbar .secondary-btn{width:100%}
  html .expense-form,html .inventory-quick-form,html .inventory-product-form{grid-template-columns:minmax(0,1fr)}
  html .report-panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}html .report-chip{width:100%}
  html .report-chip-open{min-width:0}html .review-agent-hero h2,html .inventory-hero h2{font-size:24px}
}
/* Replace legacy narrow-rail and warehouse-only header rules. */
html[data-resolved-theme="light"]{--accent:#365fe3;--accent2:#365fe3;--bg:#f3f5f9;--card:#fff;--muted:#63738b;--line:#dfe6ef;--border:#dfe6ef;--shadow:0 4px 20px #182b4808}
html .topbar{display:flex}
html .topbar>#marketplace-tabs{order:0;min-width:0}
html .top-actions .secondary-btn,html .top-actions .upload-btn{font-size:12px}
html .top-actions .secondary-btn:before,html .top-actions .upload-btn:after{display:none}
@media(max-width:560px){html .topbar>#marketplace-tabs{order:1}html .top-actions>*{flex:0 1 auto}html .top-actions .upload-btn{flex-basis:100%}}
html .nav-item{justify-content:flex-start}
html .nav-item.active>span{box-shadow:none}
html .sidebar .brand div,html .sidebar-user>div:nth-child(2),html .sidebar-user .icon-btn{display:block}
html .language-control{width:auto;flex-shrink:0;gap:6px;padding:0 8px}
html .top-actions .language-control select{width:88px;min-width:88px;border:0;background:transparent;padding:5px;font-size:12px}
html .top-actions .theme-switcher{width:auto;flex:0 0 auto}
html body:has(#view-inventory:not(.hidden)) .topbar{display:flex;justify-content:flex-start}
html body:has(#view-inventory:not(.hidden)) .topbar>#marketplace-tabs,html body:has(#view-inventory:not(.hidden)) .topbar>div:nth-of-type(2){display:flex}
html body:has(#view-inventory:not(.hidden)) .topbar>div:nth-of-type(2){display:block}
html body:has(#view-inventory:not(.hidden)) .theme-switcher,html body:has(#view-inventory:not(.hidden)) .language-control{background:var(--card)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html *,html *:before,html *:after{transition:none!important;animation-duration:.01ms!important}}

/* Knowledge base */
html .knowledge-view{display:grid;gap:22px;padding-bottom:30px}
html .knowledge-view.hidden{display:none}
html .knowledge-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:center;padding:34px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--workspace-active) 82%,var(--card)),var(--card));overflow:hidden;position:relative}
html .knowledge-hero:after{content:"?";position:absolute;right:248px;bottom:-58px;color:color-mix(in srgb,var(--accent) 9%,transparent);font-size:230px;font-weight:800;line-height:1;pointer-events:none}
html .knowledge-hero-copy{position:relative;z-index:1;max-width:760px}
html .knowledge-hero h2{margin:6px 0 10px;color:var(--ink);font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-1.2px}
html .knowledge-hero-copy>p:not(.eyebrow){max-width:670px;color:var(--muted);font-size:15px;line-height:1.7}
html .knowledge-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
html .knowledge-hero-aside{display:grid;gap:3px;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);position:relative;z-index:1}
html .knowledge-hero-aside span,html .knowledge-hero-aside small{color:var(--muted);font-size:11px}
html .knowledge-hero-aside strong{color:var(--accent);font-size:34px;line-height:1.2}
html .knowledge-search-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,560px);gap:24px;align-items:center;margin:0}
html .knowledge-search-card h2{margin:3px 0}
html .knowledge-search{width:100%;min-width:0}
html .knowledge-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}
html .knowledge-section-head h2{margin-top:4px;color:var(--ink);font-size:22px;line-height:1.25}
html .knowledge-section-head .muted{margin-top:4px}
html .knowledge-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html .knowledge-step{display:flex;align-items:flex-start;gap:13px;min-height:164px;padding:19px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:var(--shadow)}
html .knowledge-step>b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:var(--workspace-active);color:var(--accent);font-size:12px}
html .knowledge-step h3{margin:3px 0 6px;color:var(--ink);font-size:15px}
html .knowledge-step p{color:var(--muted);font-size:12px;line-height:1.58}
html .knowledge-step .text-btn{margin-top:9px;text-align:left}
html .knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html .knowledge-map-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 12px;min-height:222px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:var(--shadow);transition:border-color .18s,transform .18s}
html .knowledge-map-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}
html .knowledge-map-card>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--workspace-active);color:var(--accent);font-size:18px;font-weight:700}
html .knowledge-map-card h3{margin:1px 0 7px;color:var(--ink);font-size:16px}
html .knowledge-map-card p{color:var(--ink);font-size:12px;line-height:1.55}
html .knowledge-map-card small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5}
html .knowledge-map-card>button{grid-column:2;justify-self:start;margin-top:14px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:650;cursor:pointer}
html .knowledge-rules-card,html .knowledge-faq-card{margin:0}
html .knowledge-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html .knowledge-rules>div{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
html .knowledge-rules b{color:var(--accent);font-size:11px;letter-spacing:.08em}
html .knowledge-rules p{color:var(--muted);font-size:12px;line-height:1.6}
html .knowledge-rules strong{color:var(--ink)}
html .knowledge-faq{display:grid;gap:8px}
html .knowledge-faq details{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
html .knowledge-faq summary{position:relative;padding:16px 48px 16px 17px;color:var(--ink);font-size:13px;font-weight:650;cursor:pointer;list-style:none}
html .knowledge-faq summary::-webkit-details-marker{display:none}
html .knowledge-faq summary:after{content:"+";position:absolute;right:18px;top:13px;color:var(--accent);font-size:20px;font-weight:400}
html .knowledge-faq details[open] summary:after{content:"−"}
html .knowledge-faq details p{padding:0 17px 17px;color:var(--muted);font-size:12px;line-height:1.7;max-width:1050px}
html .knowledge-filtered{display:none!important}
html .knowledge-empty{padding:34px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--muted);background:var(--surface)}
html .knowledge-empty strong{display:block;margin-bottom:4px;color:var(--ink);font-size:16px}
@media(max-width:1100px){html .knowledge-steps,html .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html .knowledge-hero{grid-template-columns:1fr;padding:24px}html .knowledge-hero:after{display:none}html .knowledge-hero-aside{grid-template-columns:auto 1fr;align-items:center}html .knowledge-hero-aside strong{grid-row:1/3;grid-column:1;font-size:30px}html .knowledge-search-card{grid-template-columns:1fr}html .knowledge-rules{grid-template-columns:1fr}}
@media(max-width:560px){html .knowledge-view{gap:18px}html .knowledge-hero{padding:20px}html .knowledge-hero h2{font-size:27px}html .knowledge-hero-actions>*{width:100%}html .knowledge-steps,html .knowledge-grid{grid-template-columns:1fr}html .knowledge-step{min-height:0}html .knowledge-map-card{min-height:0}html .knowledge-section-head{align-items:flex-start;flex-direction:column}}