.get-actions,.cta-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; min-width:0; }
.get-actions .btn,.cta-row .btn { max-width:100%; }
.get-note { margin:0 0 40px; font-size:13.5px; color:var(--c-muted); }
.get-note [data-pkg-ver] { font-family:var(--font-mono); font-size:12.5px; color:var(--c-text); }
.store-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:56px;
  max-width:100%;
  padding:10px 22px;
  background:var(--c-text);
  color:var(--c-on-dark);
  border:var(--stroke) solid var(--c-text);
  border-radius:var(--r-0);
  text-decoration:none;
}
.store-button:hover { background:var(--c-text-hover); color:var(--c-on-dark); border-color:var(--c-text-hover); }
.store-button svg { width:24px; height:28px; flex-shrink:0; }
.store-button-copy { display:block; text-align:left; }
.store-button small { display:block; font-size:11px; line-height:1.3; }
.store-button strong { display:block; font-size:16px; font-weight:500; line-height:1.5; }
.fact-row,.tag-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0; margin:0; list-style:none; }
.fact,.tag { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:5px 10px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-muted); font-size:12px; overflow-wrap:anywhere; }
.fact b { font-weight:500; color:var(--c-text); }
.tag { background:var(--c-panel); color:var(--c-text); font-family:var(--font-mono); }
.tag-accent { background:var(--c-panel-2); color:var(--c-accent-dark); border-color:var(--c-panel-2); }
.step-number { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:32px; background:var(--c-accent); color:var(--c-on-dark); font-family:var(--font-mono); font-size:14px; }
.feature-tabs { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr); gap:48px; }
.tab-list { display:flex; flex-direction:column; min-width:0; }
.tab-list [role="tab"] { display:flex; align-items:center; gap:16px; width:100%; min-height:76px; padding:16px 20px; border-left:2px solid var(--c-transparent); border-bottom:var(--stroke) solid var(--c-border); text-align:left; background:var(--c-bg); color:var(--c-text); }
.tab-list [role="tab"]:hover { background:var(--c-panel); color:var(--c-text); }
.tab-list [role="tab"][aria-selected="true"] { border-left-color:var(--c-text); }
.tab-panels { min-width:0; }
.tab-panel { min-width:0; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); }
.tab-copy { padding:32px; min-height:230px; }
.tab-copy p { margin:0; color:var(--c-muted); line-height:1.85; }
.tab-material { min-width:0; padding:24px 32px; border-top:var(--stroke) solid var(--c-border); background:var(--c-panel); color:var(--c-text); }
.tab-material pre { margin:0; padding:0; border:0; }
.tab-panel:focus-visible { outline-offset:4px; }
.quick-band { position:relative; overflow-x:clip; background:linear-gradient(100deg,var(--c-panel-2),var(--c-bg) 70%,var(--c-warm)); color:var(--c-text); }
.quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px; }
.quick-step { min-width:0; }
.quick-step h3 { margin-top:24px; margin-bottom:16px; font-weight:400; }
.quick-step p { color:var(--c-muted); }
.interface-label { display:block; padding:16px 20px; margin-top:24px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); font-family:var(--font-mono); font-size:13px; }
.quick-band .text-link { display:inline-block; margin-top:40px; }
.toc { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:48px; padding:16px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); }
.toc a { display:block; min-height:44px; padding:10px 14px; text-decoration:none; font-size:14px; }
.toc a:hover,.toc a[aria-current="location"] { background:var(--c-panel-2); color:var(--c-accent-dark); }
.faq { border-top:var(--stroke) solid var(--c-border); }
.faq details { border-bottom:var(--stroke) solid var(--c-border); }
.faq summary { position:relative; padding:24px 44px 24px 0; list-style:none; cursor:pointer; font-size:17px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:12px; top:24px; color:var(--c-accent); font-family:var(--font-mono); }
.faq details[open] summary::after { content:"−"; }
.faq-answer { padding:0 36px 24px 0; max-width:840px; color:var(--c-muted); }
.faq-answer p:last-child { margin-bottom:0; }
.term-card { border:var(--stroke) solid var(--c-border); padding:28px; background:var(--c-bg); color:var(--c-text); min-width:0; }
.term-card h3 { font-family:var(--font-mono); font-size:19px; margin-bottom:12px; overflow-wrap:anywhere; }
.term-card p { color:var(--c-muted); margin-bottom:16px; }
.term-card .term-category { display:block; margin-bottom:20px; font-size:12px; color:var(--c-accent-dark); }
.plat-grid { display:flex; flex-wrap:wrap; gap:20px; }
.plat-card { position:relative; flex:1 1 300px; min-width:0; max-width:100%; padding:36px 28px 28px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); }
.plat-card h3 { margin-bottom:16px; }
.plat-card p { color:var(--c-muted); }
.plat-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:24px; }
.plat-actions > a { max-width:100%; }
.plat-card::before { display:none; position:absolute; top:0; right:0; content:attr(data-mine); padding:4px 10px; background:var(--c-panel-2); color:var(--c-accent-dark); font-size:11px; }
html[data-visitor-os="ios"] .plat-card[data-plat="ios"] { order:-1; }
html[data-visitor-os="mac"] .plat-card[data-plat="mac"] { order:-1; }
html[data-visitor-os="windows"] .plat-card[data-plat="windows"] { order:-1; }
html[data-visitor-os="android"] .plat-card[data-plat="android"] { order:-1; }
html[data-visitor-os="linux"] .plat-card[data-plat="linux"] { order:-1; }
html[data-visitor-os="ios"] .plat-card[data-plat="ios"]::before,
html[data-visitor-os="mac"] .plat-card[data-plat="mac"]::before,
html[data-visitor-os="windows"] .plat-card[data-plat="windows"]::before,
html[data-visitor-os="android"] .plat-card[data-plat="android"]::before,
html[data-visitor-os="linux"] .plat-card[data-plat="linux"]::before { display:block; }
.wx-open-tip { position:fixed; z-index:90; left:50%; bottom:24px; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); padding:16px 24px; background:var(--c-text); color:var(--c-on-dark); border:var(--stroke) solid var(--c-text); font-size:14px; text-align:center; }
.official-shots { display:flex; flex-wrap:wrap; justify-content:center; gap:32px; }
.official-shot { width:100%; max-width:280px; min-width:0; flex-shrink:0; margin:0; }
.official-shot img { display:block; width:100%; height:auto; border-radius:var(--r-shot); }
.official-shot { border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); border-radius:var(--r-0); }
.official-shot figcaption { padding:14px 16px; border-top:var(--stroke) solid var(--c-border); font-size:12px; color:var(--c-muted); }
.device-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.device-entry { display:flex; align-items:flex-start; gap:20px; padding:28px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); text-decoration:none; min-width:0; }
.device-entry:hover { border-color:var(--c-accent); }
.device-entry svg { width:32px; height:40px; flex-shrink:0; }
.device-entry h3 { margin-bottom:8px; font-size:20px; }
.device-entry p { margin:0; color:var(--c-muted); font-size:14px; }
.article-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:28px; border:var(--stroke) solid var(--c-border); background:var(--c-bg); color:var(--c-text); }
.article-card h3 { font-size:21px; margin-top:24px; }
.article-card h3 a { text-decoration:none; }
.article-card h3 a:hover { color:var(--c-accent); }
.article-card p { font-size:14px; color:var(--c-muted); }
.article-card .text-link { margin-top:auto; font-size:14px; }
.callout { margin:32px 0; padding:24px 28px; border:var(--stroke) solid var(--c-border); border-left:2px solid var(--c-accent); background:var(--c-panel-2); color:var(--c-text); }
.callout p:last-child { margin-bottom:0; }
.callout-title { display:block; margin-bottom:10px; font-weight:500; }
.article-store-card { padding:28px; border:var(--stroke) solid var(--c-border); background:var(--c-panel); color:var(--c-text); margin-top:56px; }
.article-store-card p { color:var(--c-muted); }
.table-scroll { overflow-x:auto; max-width:100%; min-width:0; -webkit-overflow-scrolling:touch; }
.data-table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
.data-table th,.data-table td,.prose table th,.prose table td {
  min-width:7em;
  padding:16px 20px;
  border:var(--stroke) solid var(--c-border);
  vertical-align:top;
  overflow-wrap:normal;
  word-break:normal;
}
.data-table th,.prose table th { background:var(--c-panel); color:var(--c-text); font-weight:500; }
.data-table td,.prose table td { background:var(--c-bg); color:var(--c-text); }
.prose table,.article-body table {
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
  min-width:0;
  border-collapse:collapse;
}
.article-body table th,.article-body table td { min-width:7em; padding:16px 20px; border:var(--stroke) solid var(--c-border); overflow-wrap:normal; word-break:normal; }
.dl-fab { position:fixed; z-index:15; bottom:24px; right:24px; display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; max-width:calc(100% - 48px); padding:12px 20px; border:var(--stroke) solid var(--c-text); background:var(--c-text); color:var(--c-on-dark); text-decoration:none; font-size:14px; }
.dl-fab svg { flex-shrink:0; width:20px; height:20px; }
.dl-fab:hover { background:var(--c-text-hover); color:var(--c-on-dark); }
@media (max-width:900px) {
  .feature-tabs { gap:24px; grid-template-columns:minmax(220px,.85fr) minmax(0,1.3fr); }
  .quick-grid { gap:24px; }
}
@media (max-width:640px) {
  .get-actions,.cta-row { align-items:stretch; }
  .get-actions .btn,.cta-row .btn { flex:1 1 auto; }
  .get-note { margin-bottom:28px; }
  .fact-row { justify-content:center; }
  .fact { padding:4px 7px; font-size:11px; }
  .feature-tabs { grid-template-columns:minmax(0,1fr); gap:0; }
  .feature-tabs .tab-list,.feature-tabs .tab-panels { display:contents; }
  .feature-tabs [role="tab"] { min-height:68px; padding-inline:12px; grid-column:1; }
  .feature-tabs [role="tabpanel"] { grid-column:1; margin-bottom:16px; }
  .feature-tabs [role="tab"]:nth-child(1) { grid-row:1; }
  .feature-tabs [role="tab"]:nth-child(2) { grid-row:3; }
  .feature-tabs [role="tab"]:nth-child(3) { grid-row:5; }
  .feature-tabs [role="tab"]:nth-child(4) { grid-row:7; }
  .feature-tabs [role="tab"]:nth-child(5) { grid-row:9; }
  .feature-tabs [role="tab"]:nth-child(6) { grid-row:11; }
  .feature-tabs [role="tabpanel"]:nth-child(1) { grid-row:2; }
  .feature-tabs [role="tabpanel"]:nth-child(2) { grid-row:4; }
  .feature-tabs [role="tabpanel"]:nth-child(3) { grid-row:6; }
  .feature-tabs [role="tabpanel"]:nth-child(4) { grid-row:8; }
  .feature-tabs [role="tabpanel"]:nth-child(5) { grid-row:10; }
  .feature-tabs [role="tabpanel"]:nth-child(6) { grid-row:12; }
  .tab-copy { min-height:0; padding:24px; }
  .tab-material { padding:20px 24px; }
  .quick-grid,.device-grid { grid-template-columns:minmax(0,1fr); }
  .quick-grid { gap:48px; }
  .plat-card { flex-basis:100%; padding:36px 22px 24px; }
  .plat-actions .btn { flex:1 1 auto; }
  .official-shots { flex-direction:column; align-items:center; }
  .official-shot { margin-inline:auto; }
  .device-entry { padding:22px; }
  .toc { gap:4px; padding:8px; }
  .toc a { padding-inline:10px; }
  .callout { padding:22px; }
  #install table,#install tbody,#install tr,#install td { display:block; width:100%; }
  #install thead { display:none; }
  #install tr { margin-bottom:20px; border:var(--stroke) solid var(--c-border); }
  #install td { min-width:0; border:0; border-bottom:var(--stroke) solid var(--c-border); }
  #install td:last-child { border-bottom:0; }
  #install code { word-break:normal; overflow-wrap:normal; white-space:pre; display:block; max-width:100%; overflow-x:auto; }
  .dl-fab { width:52px; height:52px; min-height:52px; padding:0; right:16px; bottom:16px; border-radius:var(--r-pill); }
  .dl-fab .dl-fab-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}

/* Static design sheet furniture; never used as application screenshots. */
.symbol-bank { position:absolute; width:0; height:0; overflow:hidden; }
.preview-static .stage * { animation:none; }
.preview-static .hero .badge-dot { animation:none; }
.swatch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:16px; }
.swatch { min-width:0; border:var(--stroke) solid var(--c-border); }
.swatch-color { display:block; height:72px; }
.swatch code { display:block; padding:12px; font-size:12px; }
.swatch-bg { background:var(--c-bg); }
.swatch-panel { background:var(--c-panel); }
.swatch-panel-2 { background:var(--c-panel-2); }
.swatch-warm { background:var(--c-warm); }
.swatch-border { background:var(--c-border); }
.swatch-line { background:var(--c-line-quiet); }
.swatch-accent { background:var(--c-accent); }
.swatch-accent-dark { background:var(--c-accent-dark); }
.swatch-text { background:var(--c-text); }
.swatch-hover { background:var(--c-text-hover); }
.swatch-muted { background:var(--c-muted); }
.swatch-success { background:var(--c-success); }
.swatch-warn { background:var(--c-warn); }
.swatch-error { background:var(--c-error); }
.swatch-on-dark { background:var(--c-on-dark); }
.swatch-ann-from { background:var(--c-ann-from); }
.swatch-ann-to { background:var(--c-ann-to); }
.swatch-transparent { background:var(--c-transparent); }
.preview-stack { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
.preview-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.preview-shot-placeholder { width:100%; aspect-ratio:750 / 1334; border-radius:var(--r-shot); background:linear-gradient(180deg,var(--c-panel-2),var(--c-panel)); color:var(--c-muted); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; font-family:var(--font-mono); font-size:13px; }
.preview-shot-placeholder span { font-family:var(--font-body); font-size:12px; }
.preview-caption { margin-top:24px; color:var(--c-muted); font-size:13px; }
.preview-static .hero .fact-row { display:none; }
.preview-static .hero .plat-chip { display:inline-flex; }