.tab-list{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background:var(--panel-2);border-radius:var(--r-sm);width:max-content;max-width:100%}
.tab-list [role=tab]{min-height:42px;padding:8px 18px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--muted);font-weight:600}
.tab-list [role=tab][aria-selected=true],.tab-list [role=tab].is-active{background:var(--panel);color:var(--accent-dark);box-shadow:var(--shadow-soft)}
[role=tabpanel][hidden]{display:none}
.toc-tabs{position:sticky;top:0;z-index:9;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:12px 0;background:var(--bg);scrollbar-width:thin;overscroll-behavior-x:contain}
.toc-tabs a{display:inline-flex;align-items:center;min-height:40px;flex:none;padding:7px 15px;border-radius:var(--r-pill);background:var(--panel);box-shadow:inset 0 0 0 1px var(--border);font-size:14px;white-space:nowrap}
.toc-tabs a.is-current,.toc-tabs a[aria-current]{color:var(--accent-dark);background:var(--login-bg);box-shadow:inset 0 0 0 1px var(--login-edge)}
.faq-list{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:22px 48px 22px 0;min-height:60px;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:10px;top:18px;color:var(--accent-dark);font:24px/1 var(--font-body)}
.faq-item[open] summary::after{content:"−"}
.faq-item>p,.faq-item>.faq-answer{max-width:70ch;padding-bottom:18px;color:var(--muted)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.plan-card{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-soft)}
.plan-card.is-featured{border-color:var(--accent);box-shadow:var(--shadow-panel)}
.plan-card .btn{margin-top:auto}
.plan-card h3{margin:0}
.plan-card p{color:var(--muted)}
.plan-price{font:700 36px/1.2 var(--font-display);font-variant-numeric:tabular-nums}
.plan-price small{font:14px var(--font-body);color:var(--muted)}
.plan-badge{position:absolute;right:16px;top:-13px;display:inline-flex;align-items:center;min-height:26px;padding:2px 12px;background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill);font-size:12px;font-weight:600}
.plan-facts{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--border)}
.plan-facts li::before{content:"✓";margin-right:9px;color:var(--success)}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-sm);background:var(--panel);box-shadow:var(--shadow-soft)}
.data-table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}
.data-table th,.data-table td{padding:15px 18px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table th{font-size:13px;white-space:nowrap;color:var(--text);background:var(--panel-2)}
.data-table td:first-child{font-weight:600;color:var(--text)}
.data-table tbody tr:last-child td{border-bottom:0}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.region-heading{margin-top:40px}
.line-type{font:600 12px var(--font-mono);color:var(--accent-dark)}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--border);overflow:hidden;border-radius:var(--r-sm);box-shadow:var(--shadow-soft)}
.platform-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:var(--panel);min-width:0}
.platform-card svg{width:28px;height:28px;flex:none;color:var(--accent-dark)}
.platform-card h3{margin:0}
.platform-card p{font-size:13px;color:var(--muted);margin-bottom:auto}
.platform-card .btn{font-size:13px;min-height:42px;padding-inline:12px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border-radius:var(--r-sm);overflow:hidden}
.article-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px;background:var(--panel)}
.article-card h3{margin:0}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{color:var(--muted);font-size:14px}
.article-card time{font:12px var(--font-mono);color:var(--muted)}
.badge,.tag{display:inline-flex;align-items:center;min-height:26px;max-width:100%;overflow:hidden;padding:3px 10px;border-radius:var(--r-pill);background:var(--login-bg);color:var(--accent-dark);font-size:12px;font-weight:600;white-space:nowrap}
.callout{margin:24px 0;padding:22px 24px;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--panel-2);color:var(--text)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:linear-gradient(90deg,var(--feat-a),var(--feat-b));border-radius:var(--r-sm);box-shadow:var(--shadow-panel)}
.promo-block h2{font-size:28px;margin:0 0 8px}
.promo-block p{margin:0;color:var(--muted)}
.promo-block .btn,.btn-secondary{flex-shrink:0;white-space:nowrap}
.feature-peek{position:relative;padding-top:32px;padding-bottom:72px;background:var(--bg)}
.showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:56px 64px;border-radius:var(--r-sm);overflow:hidden;background:radial-gradient(circle,var(--dot-ink) 1px,transparent 1.6px) 0 0/14px 14px,linear-gradient(90deg,var(--feat-a),var(--feat-b));box-shadow:var(--shadow-panel)}
.show-kicker{margin:0 0 16px;font:12px var(--font-mono);letter-spacing:.08em;color:var(--muted)}
.show-title{margin:0 0 16px;font:700 38px/1.2 var(--font-display)}
.show-text{margin:0 0 24px;max-width:38em;line-height:1.8;color:var(--muted)}
.show-nav{display:flex;gap:12px}
.round-btn{width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-cta)}
.round-btn:hover{background:var(--accent-dark)}
.round-btn svg{width:20px;height:20px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border)}
.feature-tab{display:flex;flex-direction:column;align-items:flex-start;min-height:210px;min-width:0;padding:26px;border:0;background:var(--panel);text-align:left;color:var(--text)}
.feature-tab[aria-selected=true]{background:var(--panel-2)}
.feature-tab strong{font-size:18px}.feature-tab span{color:var(--muted);margin-top:8px}
.mini-box{position:relative;display:block;width:35px;height:29px;margin-top:auto;background:linear-gradient(140deg,var(--box-front-a),var(--box-front-b));border-radius:var(--r-xs);box-shadow:var(--shadow-soft)}
.mini-box::before{content:"";position:absolute;left:5px;right:5px;top:7px;height:5px;background:var(--panel);border-radius:var(--r-pill)}
.mini-box::after{content:"";position:absolute;right:-7px;top:5px;width:8px;height:18px;background:var(--box-side);border-radius:0 var(--r-xs) var(--r-xs) 0}
.preview-section{padding-top:76px;padding-bottom:76px}
.preview-title{margin:0 0 26px}
.preview-note{max-width:68ch;color:var(--muted)}
.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}
.swatch{min-width:0;padding:8px;background:var(--panel);border-radius:var(--r-sm);box-shadow:var(--shadow-soft)}
.swatch-color{display:block;height:56px;border-radius:var(--r-xs);border:1px solid var(--border)}
.swatch code{display:block;padding:8px 4px 2px;font-size:11px}
.swatch-bg{background:var(--bg)}.swatch-panel{background:var(--panel)}.swatch-panel2{background:var(--panel-2)}
.swatch-border{background:var(--border)}.swatch-accent{background:var(--accent)}.swatch-accent-dark{background:var(--accent-dark)}
.swatch-text{background:var(--text)}.swatch-muted{background:var(--muted)}
.swatch-success{background:var(--success)}.swatch-warn{background:var(--warn)}.swatch-error{background:var(--error)}
.swatch-sky{background:var(--mist-sky)}.swatch-lav{background:var(--mist-lav)}.swatch-blush{background:var(--mist-blush)}
.swatch-pink{background:var(--ribbon-pink)}.swatch-blue{background:var(--ribbon-sky)}.swatch-mint{background:var(--ribbon-mint)}.swatch-honey{background:var(--honey)}
.type-sample{padding:20px 0;border-bottom:1px solid var(--border)}
.type-display{font:700 clamp(32px,4vw,54px)/1.2 var(--font-display)}
.type-body{font:18px/1.8 var(--font-body)}
.type-mono{font:14px/1.7 var(--font-mono)}
.sample-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media(max-width:1180px){.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.plan-grid,.article-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase{grid-template-columns:1fr;padding:40px 24px}.show-title{font-size:30px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.feature-grid{grid-template-columns:1fr}.feature-tab{min-height:145px}.promo-block{flex-direction:column;align-items:flex-start}.platform-card{padding:16px}.preview-section{padding-top:52px;padding-bottom:52px}}