/* 静态首屏场景：抽象屏幕，不模拟应用界面。 */
.stage {
  position: relative;
  container-type: inline-size;
  aspect-ratio: 680 / 560;
  border-radius: var(--r-panel);
  overflow: hidden;
  background: radial-gradient(64% 52% at 58% 30%, var(--c-forest-lift) 0%, var(--c-transparent) 72%), var(--c-forest);
  color: var(--c-on-dark);
  box-shadow: var(--sh-stage);
}
.scene { --u: calc(100cqw / 680); position: absolute; inset: 0; }
.floor { position: absolute; inset-inline: 0; bottom: 0; height: 36%; background: linear-gradient(180deg, var(--c-transparent) 0%, var(--c-forest-floor) 34%, var(--c-forest-floor-2) 100%); }
.stand { position: absolute; z-index: 1; width: calc(300 * var(--u)); height: calc(100 * var(--u)); top: calc(436 * var(--u)); left: calc(50% - 134 * var(--u)); }
.st-alu1 { stop-color: var(--c-alu-1); }
.st-alu2 { stop-color: var(--c-alu-2); }
.st-alu3 { stop-color: var(--c-alu-3); }
.st-alu4 { stop-color: var(--c-alu-4); }
.st-shadow { stop-color: var(--c-floor-shadow); stop-opacity: 0.6; }
.st-shadow-0 { stop-color: var(--c-floor-shadow); stop-opacity: 0; }
.stand__side { fill: var(--c-alu-4); }
.stand__hl { fill: var(--c-alu-1); }
.phone { position: absolute; z-index: 2; width: calc(200 * var(--u)); height: calc(400 * var(--u)); top: calc(40 * var(--u)); left: calc(50% - 84 * var(--u)); padding: calc(3.5 * var(--u)); border-radius: calc(46 * var(--u)); background: linear-gradient(90deg, var(--c-ti-3) 0%, var(--c-ti-1) 7%, var(--c-ti-2) 50%, var(--c-ti-1) 93%, var(--c-ti-3) 100%); box-shadow: var(--sh-phone); }
.phone__key { position: absolute; width: calc(2.6 * var(--u)); border-radius: calc(2 * var(--u)); background: linear-gradient(90deg, var(--c-ti-3), var(--c-ti-2)); }
.phone__key--action { left: calc(-1.8 * var(--u)); top: calc(78 * var(--u)); height: calc(18 * var(--u)); }
.phone__key--up { left: calc(-1.8 * var(--u)); top: calc(110 * var(--u)); height: calc(32 * var(--u)); }
.phone__key--down { left: calc(-1.8 * var(--u)); top: calc(150 * var(--u)); height: calc(32 * var(--u)); }
.phone__key--side { right: calc(-1.8 * var(--u)); top: calc(124 * var(--u)); height: calc(52 * var(--u)); }
.phone__bezel { height: 100%; padding: calc(8 * var(--u)); border-radius: calc(42.5 * var(--u)); background: var(--c-ink); box-shadow: inset 0 0 0 1px var(--c-bezel-hl); }
.phone__screen { position: relative; height: 100%; border-radius: calc(35 * var(--u)); overflow: hidden; background: radial-gradient(120% 62% at 18% 92%, var(--c-lime) 0%, var(--c-transparent) 62%), radial-gradient(90% 55% at 88% 8%, var(--c-accent-soft) 0%, var(--c-transparent) 70%), linear-gradient(168deg, var(--c-accent-dark) 0%, var(--c-accent) 46%, var(--c-lime-soft) 100%); }
.phone__screen::after { content: ""; position: absolute; inset: 0; background: linear-gradient(118deg, var(--c-sheen) 0%, var(--c-transparent) 36%); }
.phone__arcs { position: absolute; inset: 0; width: 100%; height: 100%; }
.arc { fill: none; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.arc--1 { stroke: var(--c-arc-1); }
.arc--2 { stroke: var(--c-arc-2); }
.arc--3 { stroke: var(--c-arc-3); }
.phone__island { position: absolute; z-index: 1; top: calc(11 * var(--u)); left: 50%; width: calc(58 * var(--u)); height: calc(17 * var(--u)); border-radius: calc(10 * var(--u)); background: var(--c-ink); transform: translateX(-50%); }
.ui-card { position: absolute; z-index: 3; background: var(--c-bg); color: var(--c-text); border-radius: calc(24 * var(--u)); box-shadow: var(--sh-float); }
.ui-card--rule { top: calc(96 * var(--u)); right: calc(50% + 40 * var(--u)); width: calc(264 * var(--u)); padding: calc(18 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u)); transform: rotate(-1.5deg); }
.ui-card__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: calc(10 * var(--u)); border-bottom: 1px solid var(--c-border); }
.ui-card__title { font-family: var(--f-display); font-size: calc(14.5 * var(--u)); font-weight: var(--weight-bold); letter-spacing: -0.01em; }
.ui-card__tag { padding: calc(3 * var(--u)) calc(8 * var(--u)); border-radius: calc(6 * var(--u)); background: var(--c-bg-panel); color: var(--c-text-muted); font-family: var(--f-mono); font-size: calc(10.5 * var(--u)); }
.rule-lines { padding-top: calc(10 * var(--u)); padding-bottom: calc(8 * var(--u)); font-family: var(--f-mono); font-size: calc(12.4 * var(--u)); line-height: 1.9; color: var(--c-text); white-space: nowrap; }
.rule-lines__type { font-weight: var(--weight-semibold); color: var(--c-ink); }
.rule-lines__sep { color: var(--c-text-muted); }
.pol { font-weight: var(--weight-bold); }
.pol--proxy { color: var(--c-accent-dark); }
.pol--direct { color: var(--c-text-muted); font-weight: var(--weight-semibold); }
.pol--lit { position: relative; z-index: 0; }
.pol--lit::before { content: ""; position: absolute; z-index: -1; left: calc(-2 * var(--u)); right: calc(-2 * var(--u)); bottom: calc(2 * var(--u)); height: 46%; border-radius: calc(3 * var(--u)); background: var(--c-lime); }
.ui-row { display: flex; align-items: center; justify-content: space-between; padding-top: calc(11 * var(--u)); border-top: 1px solid var(--c-border); font-size: calc(12.5 * var(--u)); font-weight: var(--weight-medium); }
.ui-row__val { display: inline-flex; align-items: center; gap: calc(4 * var(--u)); color: var(--c-text-muted); }
.ui-row__chev { width: calc(12 * var(--u)); height: calc(12 * var(--u)); fill: none; stroke: var(--c-text-muted); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ui-card--verify { top: calc(368 * var(--u)); left: calc(50% + 40 * var(--u)); width: calc(272 * var(--u)); padding: calc(16 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u)); transform: rotate(1deg); }
.verify__top { display: flex; align-items: flex-start; gap: calc(12 * var(--u)); }
.app-mark { flex-shrink: 0; width: calc(44 * var(--u)); height: calc(44 * var(--u)); border-radius: var(--r-logo); }
.verify__meta { display: grid; gap: calc(7 * var(--u)); min-width: 0; }
.verify__k { font-size: calc(10.5 * var(--u)); font-weight: var(--weight-medium); color: var(--c-text-muted); line-height: 1.3; }
.verify__v { font-size: calc(12.5 * var(--u)); font-weight: var(--weight-semibold); line-height: 1.32; letter-spacing: -0.005em; }
.verify__v--mono { font-family: var(--f-mono); letter-spacing: 0.02em; }
.verify__foot { display: flex; align-items: center; gap: calc(8 * var(--u)); margin-top: calc(12 * var(--u)); padding-top: calc(11 * var(--u)); border-top: 1px solid var(--c-border); font-size: calc(12.2 * var(--u)); font-weight: var(--weight-semibold); }
.tick { display: inline-grid; place-items: center; width: calc(17 * var(--u)); height: calc(17 * var(--u)); border-radius: var(--r-pill); background: var(--c-lime); color: var(--c-forest); }
.tick svg { width: 62%; height: 62%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.bubble { position: absolute; z-index: 4; top: calc(60 * var(--u)); left: calc(50% + 78 * var(--u)); display: inline-flex; align-items: center; gap: calc(7 * var(--u)); height: calc(32 * var(--u)); padding: 0 calc(13 * var(--u)) 0 calc(11 * var(--u)); border-radius: calc(10 * var(--u)); background: var(--c-ink); color: var(--c-on-dark); font-size: calc(12.6 * var(--u)); font-weight: var(--weight-semibold); letter-spacing: 0.005em; white-space: nowrap; box-shadow: var(--sh-bubble); }
.bubble::after { content: ""; position: absolute; left: calc(14 * var(--u)); bottom: calc(-6 * var(--u)); width: calc(12 * var(--u)); height: calc(12 * var(--u)); background: var(--c-ink); border-radius: calc(2 * var(--u)); transform: rotate(45deg); }
.bubble__dot { width: calc(7 * var(--u)); height: calc(7 * var(--u)); border-radius: var(--r-pill); background: var(--c-accent); flex-shrink: 0; }

/* 分组能力列表与详情。 */
.feature-tabs { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); gap: var(--s-5); align-items: start; }
.feature-tabs > * { min-width: 0; }
.tab-list { display: flex; gap: var(--s-2); flex-wrap: wrap; margin: 0; padding: var(--s-2); border: 1px solid var(--c-border); border-radius: var(--r-card); background: var(--c-bg); color: var(--c-text); }
.tab-list--grouped { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; }
.tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--s-3);
  min-height: 48px;
  max-width: 100%;
  padding: var(--s-3) var(--s-4);
  border: 0;
  border-radius: var(--r-pill);
  background: var(--c-bg);
  color: var(--c-text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-align: left;
}
.tab:hover { background: var(--c-bg-panel); color: var(--c-text); }
.tab[aria-selected="true"] { background: var(--c-accent-tint); color: var(--c-text); }
.tab-list--grouped .tab { width: 100%; min-height: 76px; border-radius: 0; padding: 18px 24px; }
.tab-list--grouped .tab + .tab { border-top: 1px solid var(--c-border); }
.tab-list--grouped .tab[aria-selected="true"]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--c-accent); }
.tab__icon { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-focus); background: var(--c-accent); color: var(--c-forest); flex-shrink: 0; }
.tab__icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.tab__chevron { margin-left: auto; color: var(--c-text-muted); flex-shrink: 0; }
.tab-panel { min-width: 0; padding: var(--s-7); border-radius: var(--r-card); background: var(--c-bg); color: var(--c-text); box-shadow: var(--sh-card); }
.tab-panel p { margin-top: var(--s-4); line-height: 1.85; }
.tab-panel pre { margin-top: var(--s-5); }
pre .pol--proxy { color: var(--c-accent-soft); }
pre .pol--direct { color: var(--c-alu-2); }
.fact-note { display: inline-flex; align-items: center; gap: var(--s-2); max-width: 100%; margin-top: var(--s-5); padding: 7px 12px; border: 1px solid var(--c-border-strong); border-radius: var(--r-pill); background: var(--c-bg); color: var(--c-text-muted); font-size: var(--text-xs); }
.panel--forest .fact-note { background: var(--c-forest); color: var(--c-on-dark); border-color: var(--c-lime); }
.fact-note__check { display: inline-grid; place-items: center; width: 18px; height: 18px; flex-shrink: 0; border-radius: var(--r-pill); background: var(--c-lime); color: var(--c-forest); font-weight: var(--weight-bold); }
.toc { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin-bottom: var(--s-7); padding: var(--s-3); border: 1px solid var(--c-border); border-radius: var(--r-card); background: var(--c-bg); color: var(--c-text); }
.toc a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: var(--r-pill); color: var(--c-text-muted); font-size: var(--text-sm); }
.toc a:hover, .toc a[aria-current] { background: var(--c-ink); color: var(--c-on-dark); text-decoration: none; }
.faq-item { border-bottom: 1px solid var(--c-border); background: var(--c-bg); color: var(--c-text); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); min-height: 72px; padding: var(--s-5) 0; cursor: pointer; font-weight: var(--weight-semibold); list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; font-family: var(--f-mono); font-size: 22px; color: var(--c-accent-dark); flex-shrink: 0; }
.faq-item[open] summary::after { content: "−"; }
.faq-item__answer { padding-bottom: var(--s-5); color: var(--c-text-muted); line-height: 1.85; }
.term-card { padding: var(--s-6); border-radius: var(--r-card); border: 1px solid var(--c-border); background: var(--c-bg); color: var(--c-text); box-shadow: var(--sh-card); }
.term-card dt { font-family: var(--f-mono); font-size: 19px; font-weight: var(--weight-semibold); overflow-wrap: anywhere; }
.term-card dd { margin-top: var(--s-3); color: var(--c-text-muted); }
.store-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px; max-width: 100%; padding: 12px 22px; border: 1px solid var(--c-ink); border-radius: var(--r-btn); background: var(--c-ink); color: var(--c-on-dark); box-shadow: var(--sh-btn); text-align: left; }
.store-button:hover { background: var(--c-ink-hover); color: var(--c-on-dark); text-decoration: none; }
.store-button svg { width: 27px; height: 31px; fill: currentColor; }
.store-button__text { display: grid; min-width: 0; line-height: 1.3; }
.store-button__overline { font-size: 11px; font-weight: var(--weight-medium); }
.store-button__title { margin-top: 2px; font-size: 17px; font-weight: var(--weight-semibold); }
.store-button--primary { min-height: 72px; padding: 16px 28px; font-size: var(--text-lead); }
.fact-pills { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.fact-pill { display: inline-flex; align-items: center; gap: var(--s-2); min-height: 32px; max-width: 100%; padding: 6px 12px; border: 1px solid var(--c-border); border-radius: var(--r-pill); background: var(--c-bg-panel); color: var(--c-text-muted); font-size: var(--text-xs); line-height: 1.5; overflow-wrap: anywhere; }
.fact-pill__dot { width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--c-accent); flex-shrink: 0; }
.official-shot { width: 100%; max-width: 280px; min-width: 0; margin: 0 auto; padding: 0; flex-shrink: 0; }
.official-shot img { display: block; width: 100%; height: auto; border-radius: var(--r-shot); }
.official-shot { border: 1px solid var(--c-border); border-radius: var(--r-shot); background: var(--c-bg); color: var(--c-text); }
.official-shot figcaption { margin-top: var(--s-3); padding: 0 var(--s-3) var(--s-3); color: var(--c-text-muted); font-size: var(--text-xs); line-height: 1.6; }
.shot-row { display: flex; justify-content: center; align-items: flex-start; gap: var(--s-6); }
.device-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-5); min-width: 0; min-height: 360px; padding: var(--s-8); border-radius: var(--r-panel); background: var(--c-ink); color: var(--c-on-dark); }
.device-card--ipad { background: var(--c-forest); color: var(--c-on-dark); }
.device-card__icon { width: 64px; height: 80px; fill: none; stroke: currentColor; stroke-width: 2; }
.device-card p { max-width: 30em; color: var(--c-alu-2); }
.device-card .btn { margin-top: auto; }
.article-card { display: flex; flex-direction: column; gap: var(--s-4); min-width: 0; padding: var(--s-6); border: 1px solid var(--c-border); border-radius: var(--r-card); background: var(--c-bg); color: var(--c-text); box-shadow: var(--sh-card); }
.article-card h3 { font-size: 21px; }
.article-card h3 a { color: var(--c-text); }
.article-card p { color: var(--c-text-muted); font-size: var(--text-sm); line-height: 1.85; }
.article-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); font-size: var(--text-xs); color: var(--c-text-muted); }
.article-card__link { margin-top: auto; font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.callout { margin: 0; padding: var(--s-5); border-left: 3px solid var(--c-accent); border-radius: 0 var(--r-btn) var(--r-btn) 0; background: var(--c-accent-tint); color: var(--c-text); line-height: 1.85; }
.callout strong { display: block; margin-bottom: var(--s-2); }
.callout--neutral { background: var(--c-bg-panel); color: var(--c-text); border-color: var(--c-border-strong); }
.table-scroll { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
.data-table { width: 100%; border-collapse: collapse; text-align: left; font-size: var(--text-sm); }
.data-table th, .data-table td, .prose table th, .prose table td, .article-body table th, .article-body table td { min-width: 7em; padding: 16px 20px; border-bottom: 1px solid var(--c-border); overflow-wrap: normal; word-break: normal; vertical-align: top; }
.data-table th, .prose table th, .article-body table th { background: var(--c-bg-panel); color: var(--c-text); font-weight: var(--weight-semibold); }
.data-table td, .prose table td, .article-body 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; }
.data-table code, .prose table code, .article-body table code { overflow-wrap: anywhere; }
.dl-fab { position: fixed; z-index: 20; right: max(var(--gutter), env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: var(--s-3); max-width: calc(100% - var(--gutter) * 2); min-height: 56px; padding: 12px 18px; border: 1px solid var(--c-card-ring); border-radius: var(--r-btn); background: var(--c-ink); color: var(--c-on-dark); box-shadow: var(--sh-float); font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.dl-fab:hover { background: var(--c-ink-hover); color: var(--c-on-dark); text-decoration: none; }
.dl-fab svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.has-article-fab .site-footer { padding-bottom: 110px; }
.article-store-card { display: flex; align-items: center; justify-content: space-between; gap: var(--s-5); margin-top: var(--s-8); padding: var(--s-6); border-radius: var(--r-card); background: var(--c-forest); color: var(--c-on-dark); }
.article-store-card__copy { min-width: 0; }
.article-store-card p { margin-top: var(--s-2); color: var(--c-alu-2); font-size: var(--text-sm); }

/* 预览家具：仅使用真实内容的占位与色板。 */
.preview-logo { position: relative; border: 1.5px solid var(--c-border-strong); background: var(--c-bg-panel); color: var(--c-text-muted); }
.preview-logo::after { content: ""; position: absolute; inset: 25%; border: 1.5px dashed var(--c-border-strong); border-radius: var(--r-logo); }
.preview-section { padding-top: var(--section-space); padding-bottom: var(--section-space); }
.preview-section__heading { margin-bottom: var(--s-7); }
.preview-section__heading p { margin-top: var(--s-3); color: var(--c-text-muted); }
.preview-swatch-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.preview-swatch { display: grid; grid-template-rows: 64px auto; min-width: 0; border: 1px solid var(--c-border); border-radius: var(--r-btn); overflow: hidden; background: var(--c-bg); color: var(--c-text); }
.preview-swatch code { padding: var(--s-3); font-size: var(--text-xs); }
.preview-swatch__paint { border-bottom: 1px solid var(--c-border); }
.sw-bg { background: var(--c-bg); }
.sw-panel { background: var(--c-bg-panel); }
.sw-border { background: var(--c-border); }
.sw-border-strong { background: var(--c-border-strong); }
.sw-text { background: var(--c-text); }
.sw-muted { background: var(--c-text-muted); }
.sw-faint { background: var(--c-text-faint); }
.sw-ink { background: var(--c-ink); }
.sw-ink-hover { background: var(--c-ink-hover); }
.sw-on-dark { background: var(--c-on-dark); }
.sw-plaque { background: var(--c-plaque); }
.sw-plaque-label { background: var(--c-plaque-label); }
.sw-accent { background: var(--c-accent); }
.sw-accent-dark { background: var(--c-accent-dark); }
.sw-accent-tint { background: var(--c-accent-tint); }
.sw-accent-ring { background: var(--c-accent-ring); }
.sw-forest { background: var(--c-forest); }
.sw-lift { background: var(--c-forest-lift); }
.sw-floor { background: var(--c-forest-floor); }
.sw-floor2 { background: var(--c-forest-floor-2); }
.sw-lime { background: var(--c-lime); }
.sw-lime-soft { background: var(--c-lime-soft); }
.sw-accent-soft { background: var(--c-accent-soft); }
.sw-success { background: var(--c-success); }
.sw-warn { background: var(--c-warn); }
.sw-error { background: var(--c-error); }
.sw-alu1 { background: var(--c-alu-1); }
.sw-alu2 { background: var(--c-alu-2); }
.sw-alu3 { background: var(--c-alu-3); }
.sw-alu4 { background: var(--c-alu-4); }
.sw-ti1 { background: var(--c-ti-1); }
.sw-ti2 { background: var(--c-ti-2); }
.sw-ti3 { background: var(--c-ti-3); }
.sw-bezel { background: var(--c-bezel-hl); }
.sw-shadow { background: var(--c-floor-shadow); }
.sw-arc1 { background: var(--c-arc-1); }
.sw-arc2 { background: var(--c-arc-2); }
.sw-arc3 { background: var(--c-arc-3); }
.sw-sheen { background: var(--c-sheen); }
.sw-transparent { background: var(--c-transparent); }
.sw-ring { background: var(--c-card-ring); }
.sw-edge { background: var(--c-card-edge); }
.sw-veil { background: var(--c-veil); }
.preview-shot-placeholder { display: grid; place-content: center; gap: var(--s-3); width: 100%; aspect-ratio: 750 / 1334; border-radius: var(--r-shot); background: var(--c-bg-panel); color: var(--c-text-muted); text-align: center; }
.preview-type-display { font-family: var(--f-display); font-size: clamp(34px, 3.4vw, 48px); font-weight: var(--weight-bold); line-height: 1.14; letter-spacing: var(--tracking-title); }
.preview-rule { font-family: var(--f-mono); }
@media (max-width: 960px) {
  .stage { width: 100%; max-width: 640px; margin-inline: auto; }
  .feature-tabs { grid-template-columns: minmax(0, 1fr); }
  .tab-list--grouped { flex-direction: row; flex-wrap: nowrap; gap: var(--s-2); padding: var(--s-2); overflow-x: auto; border: 0; border-radius: 0; background: var(--c-bg-panel); color: var(--c-text); }
  .tab-list--grouped .tab { width: auto; min-height: 48px; padding: 10px 16px; border: 1px solid var(--c-border); border-radius: var(--r-pill); flex-shrink: 0; white-space: nowrap; }
  .tab-list--grouped .tab + .tab { border: 1px solid var(--c-border); }
  .tab-list--grouped .tab[aria-selected="true"]::before { display: none; }
  .tab__chevron { display: none; }
  .device-card { padding: var(--s-7); }
}
@media (max-width: 640px) {
  .stage { border-radius: var(--r-stage-mobile); }
  .ui-card--rule, .ui-card--verify { transform: none; }
  .tab-panel { padding: var(--s-5); }
  .shot-row { flex-direction: column; align-items: center; }
  .device-card { padding: var(--s-6); }
  .fact-pills { flex-direction: row; flex-wrap: wrap; }
  .article-store-card { flex-direction: column; align-items: flex-start; }
  .preview-swatch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .preview-type-display { font-size: 30px; }
}