.chips,.fact-pills {
  display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;min-width:0;
}
.chip,.fact-pill {
  display:inline-flex;align-items:center;gap:8px;min-height:28px;max-width:100%;
  padding:4px 11px;font-family:var(--f-mono);font-size:12px;line-height:1.5;
  color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);
  border-radius:var(--r-xs);overflow-wrap:anywhere;
}
.chip::before,.fact-pill::before {content:"";width:5px;height:5px;flex-shrink:0;border-radius:var(--r-line);background:var(--c-accent)}
.badge {display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 9px;border-radius:var(--r-xs);background:var(--c-panel);color:var(--c-accent-dark);font-size:12px;font-weight:var(--weight-semibold);overflow-wrap:anywhere}
.badge--neutral {background:var(--c-panel-2);color:var(--c-muted)}
.store-button {
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;
  padding:10px 22px;border:1px solid var(--c-accent);border-radius:var(--r-md);
  background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--sh-btn);
  font-weight:var(--weight-bold);line-height:1.25;
  transition:background-color var(--duration-fast),transform var(--duration-fast);
}
.store-button:hover {background:var(--c-accent-dark);color:var(--c-on-accent);transform:translateY(-1px)}
.store-button svg {width:24px;height:24px}
.store-button__copy {display:flex;flex-direction:column;gap:2px}
.store-button__top {font-size:11px;font-weight:var(--weight-medium)}
.store-button__name {font-size:16px}
.tabs {min-width:0}
.tabs [role="tablist"] {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:40px}
.tabs [role="tab"] {
  display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:68px;min-width:0;
  padding:12px 14px;border:1px solid var(--c-border);border-radius:var(--r-md);
  background:var(--c-bg);color:var(--c-text);font-size:16px;font-weight:var(--weight-semibold);
}
.tabs [role="tab"]:hover {border-color:var(--c-accent)}
.tabs [role="tab"][aria-selected="true"] {background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);box-shadow:var(--sh-btn)}
.tab-icon {display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--r-sm);background:var(--c-panel);color:var(--c-accent)}
.tab-icon svg {width:20px;height:20px}
.tabs [role="tabpanel"] {min-width:0}
.feature-split {display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch}
.feature-copy {display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.feature-copy h2 {font-size:30px}
.feature-copy p {color:var(--c-muted);line-height:1.9}
.feature-copy .callout {margin-top:auto;width:100%}
.feature-stage {
  min-width:0;min-height:340px;position:relative;overflow:clip;padding:44px 34px;
  border-radius:var(--r-lg);background:var(--c-panel);color:var(--c-text);
}
.setting-card {width:78%;padding:0;position:relative;z-index:1}
.setting-card__title {padding:14px 18px;border-bottom:1px solid var(--c-border);font-size:13px;font-weight:var(--weight-bold)}
.setting-list {list-style:none;margin:0;padding:0}
.setting-list li {display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:48px;padding:12px 18px;font-size:14px}
.setting-list li+li {border-top:1px solid var(--c-border)}
.setting-list__chevron {color:var(--c-muted);flex-shrink:0}
.snippet-card {
  position:relative;z-index:2;width:75%;margin-left:auto;margin-top:-16px;padding:18px 22px;
  background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);
  border-radius:var(--r-md);box-shadow:var(--sh-card);
}
.snippet-card pre {margin:0;padding:0;border:0;background:var(--c-bg);color:var(--c-text)}
.snippet-card__label {font-family:var(--f-mono);font-size:11px;color:var(--c-muted);margin-bottom:8px}
.toc {
  display:flex;flex-wrap:wrap;gap:8px;padding:12px;
  border:1px solid var(--c-border);border-radius:var(--r-md);
  background:var(--c-bg);color:var(--c-text);margin-bottom:36px;min-width:0;
}
.toc a {display:block;min-height:44px;padding:10px 14px;border-radius:var(--r-xs);font-size:14px}
.toc a:hover,.toc a[aria-current="location"] {background:var(--c-panel);color:var(--c-accent-dark)}
.toc--sticky {position:sticky;top:12px;z-index:10;box-shadow:var(--sh-card)}
.faq-item {border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text)}
.faq-item+.faq-item {margin-top:12px}
.faq-item summary {position:relative;list-style:none;cursor:pointer;min-height:60px;padding:18px 52px 18px 20px;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker {display:none}
.faq-item summary::after {content:"+";position:absolute;right:20px;top:17px;font-family:var(--f-mono);font-size:20px;color:var(--c-accent)}
.faq-item[open] summary::after {content:"−"}
.faq-item[open] summary {border-bottom:1px solid var(--c-border)}
.faq-item__body {padding:20px;color:var(--c-muted)}
.faq-item__body p:last-child {margin-bottom:0}
.term-card {border-top:3px solid var(--c-accent)}
.term-card__word {font-family:var(--f-mono);font-size:20px;font-weight:var(--weight-bold);margin-block:12px}
.term-card__category {font-size:12px;color:var(--c-muted)}
.official-shot {width:100%;max-width:280px;margin:0 auto;flex-shrink:0;min-width:0;padding:0}
.official-shot img {display:block;width:100%;height:auto;border-radius:var(--r-md)}
.official-shot img {outline:1px solid var(--c-border);outline-offset:-1px}
.official-shot figcaption {margin-top:12px;font-size:12px;line-height:1.7;color:var(--c-muted);text-align:center}
.shot-row {display:flex;justify-content:center;align-items:flex-start;gap:32px}
.device-entry {display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.device-entry__icon {display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--c-panel);color:var(--c-accent)}
.device-entry__icon svg {width:30px;height:30px}
.device-entry h3,.device-entry p {margin:0}
.device-entry p {color:var(--c-muted)}
.device-entry .text-link {margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
.article-card {display:flex;flex-direction:column;align-items:flex-start}
.article-card__meta {display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--c-muted);font-size:12px;margin-bottom:18px}
.article-card h3 {font-size:22px;line-height:1.5}
.article-card p {color:var(--c-muted);font-size:14px}
.article-card__link {margin-top:auto;display:block;min-height:44px;padding-top:10px;color:var(--c-accent-dark);font-size:14px;font-weight:var(--weight-semibold)}
.callout {margin:24px 0;padding:18px 22px;border:1px solid var(--c-border);border-left:3px solid var(--c-accent);border-radius:var(--r-sm);background:var(--c-panel);color:var(--c-text)}
.callout p:last-child {margin-bottom:0}
.callout--plain {background:var(--c-bg);color:var(--c-text)}
.table-scroll {max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--c-border);border-radius:var(--r-md)}
.data-table {width:100%;border-collapse:collapse;font-size:14px;text-align:left;background:var(--c-bg);color:var(--c-text)}
.data-table th,.data-table td,.prose th,.prose td,.article-body th,.article-body td {min-width:7em;padding:14px 18px;border-bottom:1px solid var(--c-border);overflow-wrap:normal;word-break:normal;vertical-align:top}
.data-table th,.prose th,.article-body th {background:var(--c-panel);color:var(--c-text);font-weight:var(--weight-semibold)}
.data-table tr:last-child td {border-bottom:0}
.prose table,.article-body table {display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;border-collapse:collapse;overscroll-behavior-inline:contain}
.prose table td code,.article-body table td code,.data-table td code {overflow-wrap:anywhere}
.store-guide {display:flex;align-items:center;justify-content:space-between;gap:28px;border-left:3px solid var(--c-accent)}
.store-guide__copy {min-width:0}
.store-guide h2 {font-size:24px}
.store-guide .store-button {flex-shrink:0}
.dl-fab {
  position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
  z-index:15;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);
  min-height:56px;padding:12px 18px;border:1px solid var(--c-accent);border-radius:var(--r-md);
  background:var(--c-bg);color:var(--c-accent-dark);box-shadow:var(--sh-glow);font-size:14px;font-weight:var(--weight-bold);
}
.dl-fab svg {width:22px;height:22px;flex-shrink:0}
.has-article-fab .site-footer {padding-bottom:108px}
.device {position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-height:480px}
.anchor {position:relative;width:min(500px,100%)}
.glow {
  position:absolute;left:12%;top:18%;width:780px;height:640px;transform:translate(-30%,-24%);
  background:radial-gradient(closest-side,var(--a-glow) 0%,var(--a-glow-soft) 52%,var(--a-none) 100%);
  pointer-events:none;z-index:0;
}
.orbit {
  position:absolute;left:50%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none;z-index:1;
  -webkit-mask-image:linear-gradient(90deg,var(--a-none) 0%,var(--c-mask) 36%);
  mask-image:linear-gradient(90deg,var(--a-none) 0%,var(--c-mask) 36%);
}
.orbit__ring {position:absolute;left:50%;top:50%;border-radius:var(--r-pill);transform:translate(-50%,-50%)}
.orbit__ring--in {width:600px;height:600px;border:1px dashed var(--a-34)}
.orbit__ring--out {width:740px;height:740px;border:1px solid var(--c-border)}
.orbit-tags {position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:2}
.orbit-tag {
  position:absolute;transform:translate(-50%,-50%);font-family:var(--f-mono);font-size:11px;letter-spacing:.02em;
  color:var(--c-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap;
}
.orbit-tag--a {left:-193px;top:-230px}
.orbit-tag--b {left:150px;top:-260px}
.orbit-tag--c {left:304px;top:6px}
.orbit-tag--d {left:193px;top:230px}
.orbit-tag--e {left:-172px;top:246px}
.float {position:relative;z-index:3;animation:verify-bob 6s ease-in-out 2.2s infinite}
.verify {position:relative;background:var(--c-bg);color:var(--c-text);border:1.5px solid var(--c-accent);border-radius:var(--r-lg);box-shadow:var(--sh-glow);overflow:hidden}
.verify__head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid var(--c-border)}
.verify__title {display:flex;align-items:center;gap:10px;font-size:14px;font-weight:var(--weight-bold);letter-spacing:-.01em}
.status-dot {position:relative;width:9px;height:9px;flex-shrink:0}
.status-dot__core {position:absolute;inset:0;border-radius:var(--r-pill);background:var(--c-accent)}
.status-text {display:grid;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent-dark);font-weight:var(--weight-semibold)}
.status-text__run,.status-text__done {grid-area:1/1;justify-self:end}
.status-text__run {opacity:0;animation:verify-out 2s linear both}
.status-text__done {opacity:1;animation:verify-in 2s var(--ease-out) both}
.verify__body {background:var(--c-panel);color:var(--c-text);padding:14px 14px 12px}
.group {list-style:none;margin:0;padding:0;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-md)}
.group__row {position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px 14px;animation:verify-row .5s var(--ease-out) both}
.group__row+.group__row::before {content:"";position:absolute;left:56px;right:0;top:0;height:1px;background:var(--c-border)}
.group__row--1 {animation-delay:.35s}
.group__row--2 {animation-delay:.65s}
.group__row--3 {animation-delay:.95s}
.group__ico {width:30px;height:30px;flex-shrink:0;border-radius:var(--r-sm);background:var(--c-panel-2);color:var(--c-accent);display:grid;place-items:center}
.group__ico svg {width:16px;height:16px}
.group__txt {display:flex;flex-direction:column;min-width:0}
.group__k {font-size:12px;color:var(--c-muted);line-height:1.4}
.group__v {font-size:14.5px;font-weight:var(--weight-semibold);line-height:1.45;overflow-wrap:anywhere}
.group__v--mono {font-family:var(--f-mono);font-size:14px;font-weight:var(--weight-medium);letter-spacing:.01em}
.tick {position:relative;width:22px;height:22px;flex-shrink:0;border-radius:var(--r-pill);border:1.5px solid var(--c-border)}
.tick__on {position:absolute;inset:-1.5px;border-radius:var(--r-pill);background:var(--c-success);color:var(--c-on-accent);box-shadow:0 0 0 4px var(--g-success);display:grid;place-items:center;animation:verify-tick .35s var(--ease-out) both}
.tick__on svg {width:13px;height:13px}
.group__row--1 .tick__on {animation-delay:.7s}
.group__row--2 .tick__on {animation-delay:1s}
.group__row--3 .tick__on {animation-delay:1.3s}
.verify__foot {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-top:11px;padding:0 4px;font-family:var(--f-mono);font-size:11px;color:var(--c-muted);letter-spacing:.02em}
.rulecard {position:absolute;left:-56px;bottom:-46px;z-index:4;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-card);padding:11px 16px 12px 14px;font-family:var(--f-mono);font-size:13px;line-height:1.6;min-width:178px}
.rulecard::before {content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--c-accent);border-radius:var(--r-detail)}
.rulecard__sec {font-size:11px;color:var(--c-muted)}
.rulecard__line {color:var(--c-text);font-weight:var(--weight-medium)}
.rulecard__kw {color:var(--c-accent);font-weight:var(--weight-bold)}
.preview .float,.preview .group__row,.preview .tick__on,.preview .status-text__run,.preview .status-text__done {animation:none}
.preview .status-text__run {display:none}
.preview-palette {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.swatch {margin:0;min-width:0;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden;background:var(--c-bg);color:var(--c-text)}
.swatch__color {height:64px;border-bottom:1px solid var(--c-border)}
.swatch figcaption {padding:12px;font-family:var(--f-mono);font-size:11px;overflow-wrap:anywhere}
.swatch--bg {background:var(--c-bg)}
.swatch--panel {background:var(--c-panel)}
.swatch--panel2 {background:var(--c-panel-2)}
.swatch--border {background:var(--c-border)}
.swatch--accent {background:var(--c-accent)}
.swatch--dark {background:var(--c-accent-dark)}
.swatch--text {background:var(--c-text)}
.swatch--muted {background:var(--c-muted)}
.swatch--success {background:var(--c-success)}
.swatch--warn {background:var(--c-warn)}
.swatch--error {background:var(--c-error)}
.preview-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.preview-shot {
  aspect-ratio:750/1334;width:100%;display:grid;place-items:center;text-align:center;
  border:1px solid var(--c-border);border-radius:var(--r-md);
  background:var(--c-panel);color:var(--c-muted);font-family:var(--f-mono);font-size:12px;
}
.preview-shot span {padding:20px}
.type-display {font-family:var(--f-display);font-size:clamp(34px,3.4vw,48px);font-weight:var(--weight-heavy);line-height:1.18}
@keyframes verify-row {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes verify-tick {from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes verify-out {0%,82%{opacity:1}100%{opacity:0}}
@keyframes verify-in {0%,82%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes verify-bob {0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (max-width:1180px) {
  .orbit-tag--c {display:none}
  .tabs [role="tab"] {font-size:14px;gap:8px;padding:10px}
}
@media (max-width:960px) {
  .device {justify-content:center;min-height:0;padding-bottom:40px}
  .orbit,.orbit-tags {display:none}
  .rulecard {left:12px}
  .feature-split {gap:28px}
  .feature-stage {padding:28px 20px}
  .verify__head {flex-wrap:wrap}
}
@media (max-width:768px) {
  .tabs [role="tablist"] {display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;margin-bottom:24px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .tabs [role="tab"] {flex:0 0 auto;min-height:52px;border-radius:var(--r-pill);padding:8px 14px;scroll-snap-align:start}
  .tab-icon {width:28px;height:28px}
  .feature-split {grid-template-columns:minmax(0,1fr)}
  .store-guide {align-items:flex-start;flex-direction:column}
}
@media (max-width:640px) {
  .chips,.fact-pills {justify-content:center;gap:6px}
  .chip,.fact-pill {font-size:10.5px;padding:4px 8px}
  .shot-row {flex-direction:column;align-items:center}
  .official-shot {max-width:280px}
  .verify__head {gap:8px;padding:14px 16px}
  .status-text {font-size:10.5px;letter-spacing:.06em}
  .verify__body {padding:10px}
  .group__row {grid-template-columns:26px minmax(0,1fr) 18px;gap:8px;padding:12px 10px}
  .group__ico {width:26px;height:26px}
  .group__v {font-size:12px}
  .group__v--mono {font-size:12px}
  .tick {width:18px;height:18px}
  .rulecard {bottom:-46px}
  .feature-stage {min-height:320px}
  .setting-card {width:90%}
  .snippet-card {width:88%}
  .callout {padding:16px}
  .dl-fab {right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-height:52px;padding:10px 14px;font-size:12px}
}
@media (prefers-reduced-motion:reduce) {
  .float,.group__row,.tick__on,.status-text__run,.status-text__done {animation:none}
  .status-text__run {display:none}
  .status-text__done {opacity:1;transform:none}
}