.tab-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;align-items:start}
.tab-list{display:flex;flex-direction:column;gap:10px}
.tab-list [role="tab"]{position:relative;width:100%;min-height:76px;padding:16px 18px 18px 22px;border:0;border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;overflow:clip;transition:transform var(--fast) ease,box-shadow var(--fast) ease,background var(--fast) ease}
.tab-list [role="tab"]::before{position:absolute;inset:12px auto 12px 0;width:4px;border-radius:var(--radius-pill);background:var(--accent);content:"";opacity:0}
.tab-list [role="tab"] strong{display:block;font-size:16px}
.tab-list [role="tab"] small{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}
.tab-list [role="tab"][aria-selected="true"]{background:var(--bg-panel);box-shadow:0 12px 34px var(--soft-shadow);transform:translateX(4px)}
.tab-list [role="tab"][aria-selected="true"]::before{opacity:1}
.tab-progress{position:absolute;right:18px;bottom:8px;left:22px;height:2px;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}
.tab-progress::after{display:block;width:100%;height:100%;background:var(--accent);content:"";transform:scaleX(0);transform-origin:left}
[aria-selected="true"] .tab-progress::after{animation:tab-fill 8s linear forwards}
@keyframes tab-fill{to{transform:scaleX(1)}}
.tab-panels{min-width:0}
.tab-panel{min-height:390px;padding:clamp(26px,5vw,56px);border-radius:var(--radius-lg);background:var(--bg-panel-strong);color:var(--text)}
.tab-panel[hidden]{display:none}
.tab-panel p{max-width:760px;color:var(--text-muted)}
.tab-panel pre{margin-top:28px}
.toc-tabs{position:sticky;z-index:20;top:12px;display:flex;max-width:100%;gap:8px;margin-bottom:40px;padding:9px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);box-shadow:0 12px 30px var(--soft-shadow);overflow-x:auto;overscroll-behavior-inline:contain}
.toc-tabs a{flex:0 0 auto;padding:8px 15px;border-radius:var(--radius-pill);color:var(--text-muted);font-size:13px;font-weight:680;text-decoration:none}
.toc-tabs a:hover{background:var(--bg-panel);color:var(--accent-dark)}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);overflow:clip}
.faq-item summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;font-weight:740;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{width:10px;height:10px;flex-shrink:0;border-right:2px solid var(--accent-dark);border-bottom:2px solid var(--accent-dark);content:"";transform:rotate(45deg);transition:transform var(--fast) ease}
.faq-item[open] summary::after{transform:rotate(225deg)}
.faq-answer{padding:0 22px 22px;color:var(--text-muted)}
.term-card{position:relative;padding:26px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);box-shadow:0 16px 38px var(--soft-shadow)}
.term-card::before{display:block;width:32px;height:4px;margin-bottom:20px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-dark));content:""}
.term-card dt{font-family:var(--font-display);font-size:20px;font-weight:790}
.term-card dd{margin:10px 0 0;color:var(--text-muted)}
.client-card{display:flex;min-width:0;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);box-shadow:0 18px 46px var(--soft-shadow)}
.client-card.is-featured{border-color:var(--accent);box-shadow:0 22px 58px var(--card-shadow)}
.client-card.is-archived{background:var(--bg-panel);box-shadow:none}
.client-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.client-title{min-width:0}
.client-title h3{margin-bottom:4px}
.client-icon{width:54px;height:54px;flex-shrink:0}
.client-description{margin:18px 0;color:var(--text-muted)}
.client-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.version-slot:empty{display:none}
.badge,.tag,.chip{display:inline-flex;max-width:100%;min-height:26px;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:720;line-height:1.35;overflow:hidden}
.badge::before{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor;content:""}
.badge-primary{background:var(--deep);color:var(--hero-text)}
.badge-recommended{background:var(--panel-halo);color:var(--success)}
.badge-stopped{background:var(--bg-panel-strong);color:var(--text-muted)}
.tag{border:1px solid var(--border);background:var(--bg);color:var(--accent-dark)}
.chip{background:var(--bg-panel);color:var(--text)}
.post-card{display:flex;min-width:0;flex-direction:column;padding:28px;border-radius:var(--radius-lg);background:var(--bg);color:var(--text);box-shadow:0 18px 46px var(--soft-shadow)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-muted);font-family:var(--font-mono);font-size:12px}
.post-card h3{font-size:22px}
.post-card h3 a{color:var(--text);text-decoration:none}
.post-card h3 a:hover{color:var(--accent-dark)}
.post-card p{color:var(--text-muted)}
.post-link{margin-top:auto;font-weight:720}
.callout{position:relative;margin:28px 0;padding:22px 24px 22px 30px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text)}
.callout::before{position:absolute;inset:16px auto 16px 0;width:5px;border-radius:var(--radius-pill);background:var(--accent);content:""}
.callout strong{display:block;margin-bottom:5px}
.callout-warning{background:var(--bg);border-color:var(--warn)}
.callout-warning::before{background:var(--warn)}
.callout-success{background:var(--bg);border-color:var(--success)}
.callout-success::before{background:var(--success)}
.table-wrap{max-width:100%;border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:680px;margin:0}
.data-table{min-width:680px}
.prose{min-width:0}
.prose>*{max-width:760px}
.prose>pre,.prose>.table-wrap,.prose>.data-table,.prose>figure{max-width:100%}
.prose>.data-table{display:block;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose h2{margin-top:2.2em;scroll-margin-top:32px}
.prose h3{margin-top:1.7em}
.prose p,.prose li{color:var(--text-muted)}
.prose li+li{margin-top:.42em}
.end-download{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:64px;padding:30px;border-radius:var(--radius-lg);background:var(--deep);color:var(--hero-text);box-shadow:0 24px 58px var(--deep-shadow)}
.end-download h2,.end-download h3{color:var(--hero-text)}
.end-download p{margin:0;color:var(--hero-text-soft)}
.end-download-actions{display:flex;flex-wrap:wrap;gap:10px}
.dl-fab{position:fixed;z-index:70;right:22px;bottom:22px;display:flex;max-width:calc(100vw - 32px);align-items:center;gap:12px;padding:12px 17px 12px 12px;border:1px solid var(--hero-chip-border);border-radius:var(--radius-pill);background:var(--deep);color:var(--hero-text);font-weight:740;text-decoration:none;box-shadow:0 18px 46px var(--deep-shadow)}
.dl-fab:hover{color:var(--hero-text);transform:translateY(-2px)}
.dl-fab-icon{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:50%;background:var(--accent);color:var(--deep)}
.dl-fab-icon svg{width:18px;height:18px}
.platform-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.platform-pill{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:13px;text-decoration:none}
.platform-pill:hover{border-color:var(--accent);color:var(--accent-dark)}
.platform-pill svg{width:16px;height:16px;flex-shrink:0;color:var(--accent-dark)}
@media (max-width:820px){
  .tab-shell{grid-template-columns:1fr}
  .tab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tab-list [role="tab"][aria-selected="true"]{transform:none}
  .end-download{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tab-list{display:flex;max-width:100%;flex-direction:row;overflow-x:auto}
  .tab-list [role="tab"]{min-width:210px}
  .tab-panel{min-height:0}
  .toc-tabs{top:6px;border-radius:var(--radius-md)}
  .client-actions,.end-download-actions{flex-direction:column}
  .client-actions .btn,.end-download-actions .btn{width:100%}
  .dl-fab{right:16px;bottom:16px}
  .platform-pills{flex-direction:row;flex-wrap:wrap}
}