/* Consumer App art direction. Optional tokens never reach the back office. */
.case-product[data-mode="app"] .suite-app.app-designed {
  --app-canvas: #e9e6e0; --app-panel: #dedad2; --app-input: #f3f0eb;
  --app-ink: #262621; --app-muted: #626259; --app-rule: #ccc9c1;
  --app-accent: #272821; --app-on-accent: #fff; --app-nav: #e3dfd7;
  --demo-accent: var(--app-accent); --demo-ink: var(--app-ink); --demo-tint: var(--app-panel);
  --suite-rule: var(--app-rule); --suite-muted: var(--app-muted); --suite-surface: var(--app-panel);
  --chart-1: var(--app-accent); --grid: var(--app-rule); --axis-ink: var(--app-muted); --ink: var(--app-ink);
  background: var(--app-canvas); color: var(--app-ink); grid-template-columns: 184px minmax(0,1fr);
}
.case-product[data-mode="app"] .suite-app.app-learning { --app-canvas:#072f29; --app-panel:#104139; --app-input:#173f37; --app-ink:#f4efda; --app-muted:#b8c8b9; --app-rule:#31564a; --app-accent:#e7c875; --app-on-accent:#173b2c; --app-nav:#092a25; color-scheme:dark; }
.case-product[data-mode="app"] .suite-app.app-fitness { --app-canvas:#121614; --app-panel:#242a26; --app-input:#202722; --app-ink:#f3f4eb; --app-muted:#aab5ac; --app-rule:#394139; --app-accent:#d1f434; --app-on-accent:#172109; --app-nav:#181d19; color-scheme:dark; }
.case-product[data-mode="app"] .suite-app.app-brand { --app-canvas:#e9e5dc; --app-panel:#dcd5c8; --app-input:#f4f0e8; --app-ink:#252721; --app-muted:#626155; --app-rule:#c9c4b7; --app-accent:#313a2d; --app-on-accent:#f9f7ee; --app-nav:#ded9ce; }
.case-product[data-mode="app"] .suite-app.app-music { --app-canvas:#0c171d; --app-panel:#1a2b32; --app-input:#15262e; --app-ink:#ecf0f0; --app-muted:#a5b9c0; --app-rule:#32464d; --app-accent:#b6e4e4; --app-on-accent:#112b32; --app-nav:#0a1217; color-scheme:dark; }
.case-product[data-mode="app"] .suite-app.app-commerce { --app-canvas:#f0eae4; --app-panel:#e5dcd2; --app-input:#fcf9f4; --app-ink:#33251f; --app-muted:#766459; --app-rule:#d9cec3; --app-accent:#c82a20; --app-on-accent:#fff9ee; --app-nav:#faf5ed; }
.case-product[data-mode="app"] .suite-app.app-notice { --app-canvas:#e4ebf3; --app-panel:#d4dfeb; --app-input:#f5f8fc; --app-ink:#152f50; --app-muted:#526780; --app-rule:#bfcddd; --app-accent:#153b72; --app-on-accent:#fff; --app-nav:#d7e2ee; }
.case-product[data-mode="app"] .suite-app.app-watchlist { --app-canvas:#111c25; --app-panel:#1c2b37; --app-input:#172630; --app-ink:#ebf1f4; --app-muted:#a6b8c7; --app-rule:#344754; --app-accent:#a5e4cd; --app-on-accent:#14382d; --app-nav:#0d161e; color-scheme:dark; }
.case-product[data-mode="app"] .suite-app.app-matching { --app-canvas:#f3e3e2; --app-panel:#e8cecf; --app-input:#fbf0ee; --app-ink:#4f2933; --app-muted:#825a63; --app-rule:#dbbdc0; --app-accent:#9b3b55; --app-on-accent:#fff4f2; --app-nav:#f6eae7; }

.suite-app.app-designed .suite-app-header { background:var(--app-nav); border:0; padding-inline:28px; }
.suite-app.app-designed .suite-app-nav { background:var(--app-nav); border:0; padding-top:28px; }
.suite-app.app-designed .suite-app-nav button { color:var(--app-muted); border-radius:4px; min-height:50px; }
.suite-app.app-designed .suite-app-nav button[aria-current] { color:var(--app-accent); background:var(--app-panel); }
.suite-app.app-designed .suite-avatar { background:var(--app-panel); color:var(--app-accent); }
.suite-app.app-designed .suite-app-content { padding:28px 32px 48px; }
.suite-app.app-designed .suite-page-title { margin-bottom:24px; align-items:start; }
.suite-app.app-designed .suite-page-title h3 { font-size:30px; font-weight:550; }
.suite-app.app-designed .suite-page-title p { color:var(--app-muted); max-width:56ch; }
.suite-app.app-designed :is(h3,h4,h5) { color:inherit; }
.suite-app.app-designed .suite-section { margin-top:32px; }
.suite-app.app-designed .suite-section > header h4 { font-size:19px; }
.suite-app.app-designed .demo-button { border-color:var(--app-rule); color:var(--app-ink); background:transparent; }
.suite-app.app-designed .demo-button.is-primary { border:0; background:var(--app-accent); color:var(--app-on-accent); }
.suite-app.app-designed :is(button,input,select,textarea):focus-visible { outline-color:var(--app-accent); }
.suite-app.app-designed .suite-filters { gap:12px; }
.suite-app.app-designed .suite-search { background:var(--app-input); color:var(--app-muted); border:0; min-height:48px; padding-inline:16px; }
.suite-app.app-designed .suite-search input { color:var(--app-ink); }
.suite-app.app-designed input::placeholder, .suite-app.app-designed textarea::placeholder { color:var(--app-muted); opacity:1; }
.suite-app.app-designed .suite-filter-chips button { color:var(--app-muted); border:0; background:var(--app-panel); min-height:40px; }
.suite-app.app-designed .suite-filter-chips button[aria-pressed="true"] { background:var(--app-accent); color:var(--app-on-accent); }
.suite-app.app-designed .suite-stats { border:0; background:var(--app-panel); padding:22px 20px; border-radius:8px; }
.suite-app.app-designed .suite-stats > div { border-color:var(--app-rule); }
.suite-app.app-designed .suite-stats dd { font-size:30px; color:var(--app-ink); }
.suite-app.app-designed :is(.suite-note,.suite-overline,.suite-record-bridge p,.suite-record-bridge small,.suite-specs dt,.suite-tag) { color:var(--app-muted); }
.suite-app.app-designed :is(.suite-path li>span,.suite-tag,.suite-empty,.suite-account-heading,.suite-selected-material,.suite-profile-prompt,.suite-order-summary,.suite-quote,.suite-choice-list label,.suite-inbox,.suite-projects blockquote) { background:var(--app-panel); color:var(--app-ink); }
.suite-app.app-designed .suite-empty { min-height:180px; border-radius:8px; flex-direction:column; text-align:center; }
.suite-app.app-designed .suite-tag.is-active { background:var(--app-panel); color:var(--app-accent); }
.suite-app.app-designed :is(.suite-week b,.suite-week i.is-today) { color:var(--app-accent); }
.suite-app.app-designed :is(.suite-week i.is-today,.suite-week i) { border-color:var(--app-rule); }
.suite-app.app-designed :is(.suite-progress>span,.suite-timeline li::before,.suite-allocation>i) { background:var(--app-panel); }
.suite-app.app-designed :is(.suite-progress>span>i,.suite-timeline li.is-done::before,.suite-allocation>i>b) { background:var(--app-accent); }
.suite-app.app-designed :is(.suite-choice-list input,.suite-toggle-row input,.suite-size-options input) { accent-color:var(--app-accent); }
.suite-app.app-designed .suite-form { color:var(--app-ink); }
.suite-app.app-designed .suite-form :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea), .suite-app.app-designed .suite-inline-form input, .suite-app.app-designed .suite-message-form textarea { background:var(--app-input); color:var(--app-ink); border-color:var(--app-rule); min-height:48px; }
.suite-app.app-designed .suite-form input[readonly] { background:var(--app-panel)!important; }
.suite-app.app-designed .suite-error, .suite-app.app-designed .suite-image-error { color:#b93632; }
.suite-app.app-designed:is(.app-learning,.app-fitness,.app-music,.app-watchlist) :is(.suite-error,.suite-image-error) { color:#ffb2a3; }
.suite-app.app-designed .suite-error { padding:14px 16px; background:var(--app-panel); border-inline-start:3px solid currentColor; }
.suite-app.app-designed .suite-feedback { background:var(--app-panel); color:var(--app-ink); }
.suite-app.app-designed :is(.suite-inbox>aside>button,.suite-chat-messages p,.suite-interest-tags span,.suite-event-date) { background:var(--app-input); color:var(--app-ink); }
.suite-app.app-designed :is(.suite-inbox>aside>button[aria-pressed="true"],.suite-chat-messages .is-self p) { background:var(--app-accent); color:var(--app-on-accent); }
.suite-app.app-designed .suite-inbox :is(header,aside), .suite-app.app-designed .suite-message-form { border-color:var(--app-rule); }
.suite-app.app-designed .suite-chart { --chart-1:var(--app-accent); --axis-ink:var(--app-muted); --grid:var(--app-rule); --ink:var(--app-ink); --surface:var(--app-panel); }
.suite-app.app-designed .suite-periods button[aria-pressed="true"] { color:var(--app-accent); border-color:var(--app-accent); }
.suite-app.app-designed .suite-market-list .demo-button[aria-pressed="true"] { color:var(--app-accent); }
.suite-app.app-designed:is(.app-learning,.app-fitness,.app-music,.app-watchlist) .suite-positive { color:#a6e4c4!important; }
.suite-app.app-designed:is(.app-learning,.app-fitness,.app-music,.app-watchlist) .suite-negative { color:#ffb0a3!important; }
.suite-app.app-designed .suite-record-bridge { padding:18px; background:var(--app-panel); border:0; border-radius:4px; }
.suite-app.app-designed .suite-record-bridge strong { line-height:1.7; }
.suite-app.app-designed .suite-object-image { border-radius:6px; background:var(--app-panel); }
.suite-app.app-designed .suite-object-image > .demo-art { height:240px; }
.suite-app.app-designed .suite-object { padding-bottom:14px; }
.suite-app.app-designed .suite-object footer .demo-button { min-height:44px; }
.suite-app.app-designed .demo-favorite { color:var(--app-muted); }
.suite-app.app-designed .suite-app-main img { background:var(--app-panel); }
.suite-app.app-designed .suite-app-main img[data-load-state="error"] { opacity:0; }
.suite-app.app-designed .suite-image-error { color:var(--app-ink); background:var(--app-panel); padding:12px; }
.app-fitness .suite-fitness-hero > .suite-image-error { position:absolute; top:20px; inset-inline:20px; z-index:2; color:#ffb2a3; }

/* مِداد: a photographic reading desk, followed by a quiet study path. */
.app-learning .suite-wordmark { color:var(--app-accent); font-size:26px; }
.app-learning .suite-learning-hero { position:relative; display:grid; grid-template-columns:1fr 1.05fr; padding:0; gap:0; min-height:350px; background:#15483b; border-radius:12px; overflow:hidden; }
.app-learning .suite-learning-hero > div { padding:30px; position:relative; z-index:1; }
.app-learning .suite-learning-hero h3 { font-size:36px; margin:10px 0; }
.app-learning .suite-learning-hero .demo-art { width:100%; height:100%; min-height:350px; border-radius:0; object-position:56% center; }
.app-learning .suite-learning-hero .demo-button { background:var(--app-accent); color:var(--app-on-accent); }
.app-learning .suite-learning-hero .suite-progress { margin-top:24px; }
.app-learning .suite-classroom > article { padding:28px; background:#e8e0c8; color:#253e30; border-radius:8px; --app-muted:#596650; --app-ink:#253e30; --app-input:#f5efd9; --app-panel:#d9d3b9; --app-accent:#245c42; --app-on-accent:#fff; --app-rule:#b8bda6; }
.app-learning .suite-classroom > aside button { background:var(--app-panel); border:0; color:var(--app-ink); }
.app-learning .suite-classroom > aside button[aria-pressed="true"] { color:var(--app-accent); background:#1c5043; }
.app-learning .suite-path li { padding-block:20px; }
.app-learning .suite-object-image .demo-art { height:210px; }

/* NHANH+: the session is the hero, the photograph carries its intensity. */
.app-fitness .suite-wordmark { font-style:italic; font-weight:850; color:var(--app-accent); font-size:25px; }
.app-fitness .suite-fitness-hero { position:relative; display:grid; grid-template-columns:1fr; background:#202822; padding:0; border-radius:0; overflow:hidden; min-height:400px; }
.app-fitness .suite-fitness-hero > .demo-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% 38%; }
.app-fitness .suite-fitness-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,14,10,.91),rgba(8,14,10,.1)); } /* taste-skill-ignore: neutral photographic scrim keeps overlaid content readable. */
.app-fitness .suite-fitness-hero > div { position:relative; z-index:1; padding:36px; width:60%; display:flex; flex-direction:column; align-items:start; justify-content:end; color:#fff; }
.app-fitness .suite-fitness-hero h3 { font-size:44px; line-height:1.05; font-weight:750; margin:28px 0 16px; }
.app-fitness .suite-fitness-hero p { color:#d5ded4; line-height:1.7; }
.app-fitness .suite-fitness-hero > div > span { color:#d1f434; font-size:12px; }
.app-fitness .suite-fitness-hero .demo-button { margin-top:24px; min-height:48px; padding-inline:24px; background:var(--app-accent); color:var(--app-on-accent); }
.app-fitness .suite-stats { border-radius:0; border-inline-start:4px solid var(--app-accent); }
.app-fitness .suite-training-grid article { background:var(--app-panel); }
.app-fitness .suite-training-grid article > div { padding:22px; }
.app-fitness .suite-training-grid .demo-art { height:230px; }
.app-fitness .suite-workout { background:var(--app-panel); color:var(--app-ink); }
.app-fitness .suite-workout-console { background:var(--app-panel); color:var(--app-ink); }

/* NORDFORM: a studio journal in stone and timber. */
.app-brand .suite-wordmark { font-weight:750; letter-spacing:.04em; font-size:22px; }
.app-brand .suite-brand-intro { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:10px 28px; }
.app-brand .suite-brand-intro > span { display:none; }
.app-brand .suite-brand-intro h3 { margin:0; font-size:64px; line-height:1; font-weight:500; letter-spacing:-.055em; }
.app-brand .suite-brand-intro p { max-width:30ch; padding-bottom:5px; }
.app-brand .suite-brand-feature { grid-template-columns:1.6fr 1fr; background:#d7cfbf; margin-top:28px; }
.app-brand .suite-brand-feature > .demo-art { height:390px; object-position:50% 55%; }
.app-brand .suite-brand-feature > div { padding:32px; }
.app-brand .suite-brand-feature h4 { font-size:34px; }
.app-brand .suite-object-image, .app-brand .demo-button { border-radius:0; }
.app-brand .suite-object-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.app-brand .suite-object-image > .demo-art { height:310px; }
.app-brand .suite-brand-gallery > .demo-art { height:400px; }
.app-brand .suite-material-samples i { height:110px; }

/* Эхо: sleeve art and playback share one continuous listening space. */
.app-music .suite-music-feature { grid-template-columns:1fr 1fr; background:#20363e; border-radius:8px; overflow:hidden; }
.app-music .suite-music-feature > .demo-art { height:400px; object-fit:cover; }
.app-music .suite-music-feature > div { padding:36px; justify-content:center; }
.app-music .suite-music-feature h3 { font-size:42px; letter-spacing:-.045em; }
.app-music .suite-music-feature :is(p,small,span) { color:#bdcfd3; }
.app-music .suite-music-feature .demo-button { color:var(--app-on-accent); background:var(--app-accent); }
.app-music .suite-track { background:transparent; border-color:var(--app-rule); padding-block:16px; }
.app-music .suite-track > button { color:var(--app-ink); }
.app-music .suite-track button > span { color:var(--app-muted); }
.app-music .suite-track > .demo-button:first-child .demo-art { border-radius:3px; }
.app-music .suite-playlist-grid > button { color:var(--app-ink); background:var(--app-panel); padding:14px; }
.app-music .suite-playlist-grid .demo-art { height:230px; }
.app-music .suite-music-detail > div > .demo-art { height:420px; object-fit:cover; }
.app-music .suite-player { background:#29444e; color:var(--app-ink); border:0; border-radius:8px; }

/* BelanjaKita: a storefront with product-led category browsing. */
.app-commerce.suite-app .suite-app-header { background:#bf251d; color:#fff6ec; }
.app-commerce .suite-app-header .suite-avatar { background:#a61e18; color:#fff; }
.app-commerce .suite-commerce-promo { background:#c82a20; color:#fff6e7; padding:32px; grid-template-columns:1fr 1fr; gap:24px; border-radius:12px; }
.app-commerce .suite-commerce-promo h3 { font-size:42px; font-weight:700; }
.app-commerce .suite-commerce-promo :is(p,span) { color:#ffddd0; }
.app-commerce .suite-commerce-promo .suite-promo-price { color:#fff5bb; font-size:26px; }
.app-commerce .suite-commerce-promo .demo-button { color:#9e2118; background:#fff5df; min-height:46px; }
.app-commerce .suite-commerce-promo > .demo-art { height:290px; border-radius:8px; object-fit:cover; }
.app-commerce .suite-category-grid > button { padding:0; overflow:hidden; display:grid; grid-template-columns:90px 1fr; gap:16px; background:#fbf7ef; text-align:start; }
.app-commerce .suite-category-grid .demo-art { width:90px; height:95px; object-fit:cover; }
.app-commerce .suite-category-grid > button > svg { display:none; }
.app-commerce .suite-object { background:#faf6ef; border-radius:8px; padding:10px; }
.app-commerce .suite-object-image > .demo-art { height:230px; }
.app-commerce .suite-object-info { margin-top:12px; }
.app-commerce .suite-object footer > span { color:#a32920; font-weight:650; }
.app-commerce .suite-voucher { background:#f2d896; border-radius:8px; color:#503914; }
.app-commerce .suite-order-list > article { background:var(--app-input); border:0; border-radius:8px; }

/* Securities account: navy balance, lighter service and account surfaces. */
.app-notice .suite-wordmark { font-weight:700; color:#163968; }
.app-notice .suite-finance-balance { background:#14365f; color:#f3f7ff; border-radius:12px; min-height:220px; padding:32px; }
.app-notice .suite-finance-balance strong { font-size:48px; letter-spacing:-.035em; }
.app-notice .suite-finance-balance p { color:#c2d3e7; }
.app-notice .suite-finance-balance .demo-button { color:#e7f1ff; background:#2b507b; padding:12px 16px; }
.app-notice .suite-finance-grid > .suite-section { background:#f1f5fa; padding:24px; border-radius:10px; }
.app-notice .suite-app-content > .suite-section { background:#f1f5fa; padding:24px; border-radius:10px; }
.app-notice .suite-notice-article { padding:30px; background:var(--app-input); }

/* Market terminal: compact quotes and a dedicated chart stage. */
.app-watchlist .suite-wordmark { font-weight:650; color:#cce9e2; }
.app-quote-tape { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:8px; }
.app-quote-tape button { border:0; color:var(--app-ink); background:var(--app-panel); padding:20px; text-align:start; border-radius:5px; }
.app-quote-tape span { display:block; color:var(--app-muted); font-size:12px; }
.app-quote-tape strong { display:block; font-size:24px; font-weight:500; margin-block:12px 7px; font-variant-numeric:tabular-nums; }
.app-quote-tape small { font-size:12px; }
.app-watchlist .suite-finance-grid > .suite-section:first-child { background:#192d38; padding:24px; border-radius:5px; }
.app-watchlist .suite-price-heading strong { font-size:40px; }
.app-watchlist .suite-finance-grid { gap:24px; }
.app-watchlist .suite-chart { min-height:190px; }
.app-watchlist .suite-market-list article { min-height:84px; }
.app-watchlist .suite-symbol-layout > .suite-section { background:var(--app-panel); padding:20px; }

/* Matching: portraits are the content, with warm, restrained social chrome. */
.app-matching .suite-wordmark { font-weight:650; font-size:19px; }
.app-matching .suite-matching-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.app-matching .suite-matching-grid .suite-object { background:#faefeb; border-radius:16px; padding-bottom:16px; overflow:hidden; }
.app-matching .suite-matching-grid .suite-object-image { border-radius:0; }
.app-matching .suite-matching-grid .suite-object-image > .demo-art { height:340px; }
.app-matching .suite-matching-grid .suite-object > :is(.suite-object-info,p,footer) { margin-inline:16px; }
.app-matching .suite-matching-grid .suite-object-image > span { background:#faefeb; color:#693e47; border-radius:20px; padding:7px 12px; }
.app-matching .suite-matching-grid .suite-object h4 { font-size:23px; }
.app-matching .suite-profile-detail > div > .demo-art { height:520px; }
.app-matching .suite-profile-prompt { border-radius:12px; }
.app-matching .suite-events article { background:#faefeb; padding:20px; border-radius:12px; margin-bottom:12px; border:0; }

/* The outer viewer stays neutral but stops inserting a large white band. */
.case-viewer:has(.suite-app.app-designed) .viewer-header { background:#20251f; color:#f0f1e9; }
.case-viewer:has(.suite-app.app-designed) .case-demo-label { color:#bdc6b5; }
.case-viewer:has(.suite-app.app-designed) .case-mode-tabs { background:#343a32; border-color:transparent; }
.case-viewer:has(.suite-app.app-designed) .case-mode-tabs button { color:#c3cbbc; }
.case-viewer:has(.suite-app.app-designed) .case-mode-tabs button[aria-selected="true"] { background:#e4e8dc; color:#273022; }
.case-viewer:has(.suite-app.app-designed) .sheet-close { color:#eef0e7; }
.case-viewer:has(.suite-app.app-designed) .sheet-close:hover { background:#41493c; color:#fff; }

@media(max-width:1000px) and (min-width:701px) {
  .case-product[data-mode="app"] .suite-app.app-designed { grid-template-columns:150px minmax(0,1fr); }
  .suite-app.app-designed .suite-app-content { padding-inline:24px; }
  .app-brand .suite-brand-intro h3 { font-size:46px; }
  .app-matching .suite-matching-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .app-commerce .suite-category-grid > button { grid-template-columns:1fr; padding:10px; }
  .app-commerce .suite-category-grid .demo-art { width:100%; height:100px; }
}
@media(max-width:700px) {
  .case-product[data-mode="app"] .suite-app.app-designed { display:flex; flex-direction:column; }
  .suite-app.app-designed .suite-app-header { flex:none; min-height:64px; padding:12px 20px; }
  .suite-app.app-designed .suite-app-nav { flex:none; padding:8px 6px max(8px,env(safe-area-inset-bottom)); gap:0; flex-direction:row; }
  .suite-app.app-designed .suite-app-nav button { padding:6px 2px; min-height:48px; border-radius:6px; font-size:11px; gap:5px; }
  .suite-app.app-designed .suite-app-nav button[aria-current] { background:transparent; color:var(--app-accent); }
  .suite-app.app-designed .suite-app-main { flex:1; width:100%; }
  .suite-app.app-designed .suite-app-content { padding:24px 20px 32px; }
  .suite-app.app-designed .suite-page-title { gap:14px; margin-bottom:20px; }
  .suite-app.app-designed .suite-page-title h3 { font-size:26px; }
  .suite-app.app-designed .suite-page-title p { font-size:12px; line-height:1.75; margin-top:8px; }
  .suite-app.app-designed .suite-page-title > .demo-button { max-width:96px; padding:8px; min-height:40px; font-size:11px; }
  .suite-app.app-designed .suite-section { margin-top:28px; }
  .suite-app.app-designed .suite-section > header { gap:12px; }
  .suite-app.app-designed .suite-section > header h4 { font-size:18px; }
  .suite-app.app-designed .suite-stats { gap:0; padding:20px 14px; }
  .suite-app.app-designed .suite-stats > div { padding-inline:12px; }
  .suite-app.app-designed .suite-stats > div:first-child { padding-inline-start:0; }
  .suite-app.app-designed .suite-stats dd { font-size:26px; }
  .suite-app.app-designed .suite-stats dt { font-size:11px; line-height:1.6; }
  .suite-app.app-designed .suite-stats small { display:block; margin:5px 0 0; font-size:11px; }
  .suite-app.app-designed .suite-object-grid { gap:24px 14px; }
  .suite-app.app-designed .suite-object-image > .demo-art { height:180px; }
  .suite-app.app-designed .suite-object h4 { font-size:17px; }
  .suite-app.app-designed .suite-object footer { gap:6px; }
  .suite-app.app-designed .suite-record-bridge { padding:16px; margin-top:28px; }
  .suite-app.app-designed .suite-record-bridge > span { flex-wrap:wrap; }
  .suite-app.app-designed .suite-record-bridge small { margin-inline-start:0; }
  .app-learning .suite-learning-hero { display:flex; flex-direction:column-reverse; min-height:0; }
  .app-learning .suite-learning-hero > .demo-art { height:210px; min-height:0; width:100%; }
  .app-learning .suite-learning-hero > div { padding:22px; }
  .app-learning .suite-learning-hero h3 { font-size:29px; margin:8px 0; }
  .app-learning .suite-learning-hero p { font-size:13px; }
  .app-learning .suite-learning-hero .demo-button { margin:18px 0 0; min-height:44px; width:100%; }
  .app-learning .suite-learning-hero .suite-progress { margin-top:18px; }
  .app-learning .suite-classroom > article { padding:20px; }
  .app-learning .suite-classroom > article > .demo-art { height:220px; }
  .app-fitness .suite-fitness-hero { min-height:380px; }
  .app-fitness .suite-fitness-hero > .demo-art { object-position:57% 30%; }
  .app-fitness .suite-fitness-hero::after { background:linear-gradient(0deg,rgba(9,16,11,.98),rgba(9,16,11,.04) 90%); } /* taste-skill-ignore: neutral photographic scrim keeps overlaid content readable. */
  .app-fitness .suite-fitness-hero > div { width:100%; padding:24px; padding-top:140px; }
  .app-fitness .suite-fitness-hero h3 { font-size:36px; max-width:12ch; margin:18px 0 12px; }
  .app-fitness .suite-fitness-hero .demo-button { margin-top:20px; width:100%; }
  .app-fitness .suite-training-grid article > div { padding:18px; }
  .app-fitness .suite-training-grid .demo-art { height:240px; }
  .app-brand .suite-brand-intro { display:block; }
  .app-brand .suite-brand-intro h3 { font-size:55px; }
  .app-brand .suite-brand-intro p { margin-top:18px; font-size:13px; max-width:32ch; }
  .app-brand .suite-brand-feature { display:flex; flex-direction:column; margin-top:24px; }
  .app-brand .suite-brand-feature > .demo-art { height:290px; width:100%; }
  .app-brand .suite-brand-feature > div { padding:24px; width:100%; }
  .app-brand .suite-brand-feature h4 { font-size:30px; margin:12px 0; }
  .app-brand .suite-object-grid { grid-template-columns:1fr; }
  .app-brand .suite-object-image > .demo-art { height:310px; }
  .app-brand .suite-brand-gallery > .demo-art { height:300px; }
  .app-music .suite-music-feature { display:flex; flex-direction:column; }
  .app-music .suite-music-feature > .demo-art { height:290px; width:100%; object-fit:cover; }
  .app-music .suite-music-feature > div { padding:24px; }
  .app-music .suite-music-feature h3 { font-size:36px; margin:14px 0 12px; }
  .app-music .suite-music-feature .demo-button { margin-top:20px; min-height:46px; }
  .app-music .suite-music-detail > div > .demo-art { height:320px; }
  .app-music .suite-playlist-grid .demo-art { height:140px; }
  .app-commerce .suite-commerce-promo { padding:24px; gap:20px; display:flex; flex-direction:column-reverse; }
  .app-commerce .suite-commerce-promo > .demo-art { height:230px; width:100%; }
  .app-commerce .suite-commerce-promo h3 { font-size:32px; margin:12px 0; }
  .app-commerce .suite-commerce-promo .suite-promo-price { font-size:25px; }
  .app-commerce .suite-commerce-promo p { margin-top:8px; }
  .app-commerce .suite-commerce-promo .demo-button { width:100%; margin-top:18px; }
  .app-commerce .suite-category-grid { gap:10px; }
  .app-commerce .suite-category-grid > button { display:flex; flex-direction:column; align-items:stretch; gap:0; border-radius:8px; padding:0 0 12px; text-align:center; }
  .app-commerce .suite-category-grid .demo-art { width:100%; height:95px; margin-bottom:12px; }
  .app-commerce .suite-object { padding:8px; }
  .app-commerce .suite-object-image > .demo-art { height:155px; }
  .app-commerce .suite-object h4 { font-size:15px; }
  .app-commerce .suite-object footer { flex-wrap:wrap; }
  .app-commerce .suite-object footer .demo-button { margin-inline-start:auto; }
  .app-notice .suite-finance-balance { padding:26px; min-height:240px; gap:22px; }
  .app-notice .suite-finance-balance strong { font-size:42px; margin-block:20px 12px; }
  .app-notice .suite-finance-balance .demo-button { min-height:44px; padding:10px 14px; }
  .app-notice .suite-finance-grid > .suite-section, .app-notice .suite-app-content > .suite-section { padding:20px; }
  .app-notice .suite-notice-article { padding:20px; }
  .app-notice .suite-market-list article { grid-template-columns:minmax(0,1fr) 55px 52px 24px; gap:6px; }
  .app-quote-tape { gap:8px; margin-top:24px; }
  .app-quote-tape button { padding:16px 12px; }
  .app-quote-tape strong { font-size:22px; margin-top:12px; }
  .app-watchlist .suite-finance-grid > .suite-section:first-child { padding:20px; margin-top:20px; }
  .app-watchlist .suite-finance-grid > .suite-section:first-child > header h4 { font-size:16px; }
  .app-watchlist .suite-price-heading strong { font-size:34px; }
  .app-watchlist .suite-price-heading { gap:10px; flex-wrap:wrap; }
  .app-matching .suite-page-title { display:block; }
  .app-matching .suite-page-title > .demo-button { margin-top:14px; padding:0; border:0; }
  .app-matching .suite-matching-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
  .app-matching .suite-matching-grid .suite-object:first-child { grid-column:1/-1; }
  .app-matching .suite-matching-grid .suite-object-image > .demo-art { height:210px; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-image > .demo-art { height:360px; }
  .app-matching .suite-matching-grid .suite-object h4 { font-size:19px; }
  .app-matching .suite-matching-grid .suite-object:first-child h4 { font-size:26px; }
  .app-matching .suite-matching-grid .suite-object > :is(.suite-object-info,p,footer) { margin-inline:12px; }
  .app-matching .suite-matching-grid .suite-object footer { flex-wrap:wrap; }
  .app-matching .suite-profile-detail > div > .demo-art { height:440px; }
  .case-viewer:has(.suite-app.app-designed) .viewer-header { min-height:66px; padding:10px 16px; display:flex; flex-wrap:nowrap; gap:10px; }
  .case-viewer:has(.suite-app.app-designed) .case-heading { min-width:0; flex:1; }
  .case-viewer:has(.suite-app.app-designed) .case-heading h2 { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .case-viewer:has(.suite-app.app-designed) .case-demo-label { font-size:10px; }
  .case-viewer:has(.suite-app.app-designed) .case-mode-tabs { position:static; width:auto; margin:0; order:0; flex:none; }
  .case-viewer:has(.suite-app.app-designed) .case-mode-tabs button { font-size:11px; min-height:36px; min-width:0; padding:7px 10px; }
  .case-viewer:has(.suite-app.app-designed) .sheet-close { width:32px; height:36px; flex:none; }
}
@media(max-width:360px) {
  .suite-app.app-designed .suite-app-content { padding-inline:16px; }
  .suite-app.app-designed .suite-app-header { padding-inline:16px; }
  .suite-app.app-designed .suite-page-title h3 { font-size:23px; }
  .suite-app.app-designed .suite-stats { padding-inline:12px; }
  .suite-app.app-designed .suite-stats dd { font-size:23px; }
  .suite-app.app-designed .suite-stats > div { padding-inline:9px; }
  .app-fitness .suite-fitness-hero > div { padding-inline:20px; }
  .app-fitness .suite-fitness-hero h3 { font-size:32px; }
  .app-notice .suite-finance-balance { padding:22px; }
  .app-notice .suite-finance-balance strong { font-size:36px; }
  .app-notice .suite-finance-grid > .suite-section, .app-notice .suite-app-content > .suite-section { padding:14px; }
  .app-quote-tape button { padding-inline:10px; }
  .app-quote-tape strong { font-size:19px; }
  .app-matching .suite-matching-grid .suite-object-image > .demo-art { height:180px; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-image > .demo-art { height:320px; }
  .app-commerce .suite-object-image > .demo-art { height:130px; }
  .app-brand .suite-brand-intro h3 { font-size:49px; }
}

/* Detail and compact-shell refinements found during browser review. */
.app-fitness .suite-workout-console { padding:24px; }
.app-designed .suite-wordmark { font-size:22px; }
.suite-app.app-designed .suite-page-title > div, .suite-app.app-designed .suite-account-heading > div { min-width:0; }
.suite-app.app-designed :is(.suite-page-title p,.suite-account-heading strong,.suite-account-heading span) { overflow-wrap:anywhere; }
.app-fitness .suite-fitness-hero > .demo-art { object-position:60% 0%; }
.app-commerce .suite-app-header .demo-button { color:#fff6ec; }
.app-commerce .suite-commerce-promo > div { min-width:0; width:100%; }
.app-fitness .suite-exercise-steps > button { background:#1b211c; color:#dce5d8; border-color:#394139; }
.app-fitness .suite-exercise-steps > button[aria-pressed="true"] { background:#354223; color:#e4fbaa; border-color:#7b8c40; }
.app-learning .suite-classroom .suite-quiz, .app-learning .suite-lesson-body blockquote { background:var(--app-panel); }
.app-learning .suite-classroom > aside button[aria-pressed="true"] small { color:#e3c875; }
.suite-app.app-designed .demo-player { background:var(--app-panel); color:var(--app-ink); border-color:var(--app-rule); }
@media(max-width:700px) {
  .app-fitness .suite-fitness-hero > .demo-art { object-position:57% 30%; }
  .suite-app.app-designed .suite-stats { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; }
  .suite-app.app-designed .suite-stats > div:last-child { grid-column:auto; display:block; }
  .case-viewer:has(.app-designed) .case-heading { display:block; }
  .case-viewer:has(.app-designed) .case-mode-tabs button { white-space:nowrap; width:auto; }
  .case-viewer:has(.app-designed) .case-mode-tabs button { flex:none; }
  .app-fitness .suite-workout-console { padding:22px; }
  .suite-app.app-designed:is(.app-notice,.app-watchlist) .suite-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .suite-app.app-designed:is(.app-notice,.app-watchlist) .suite-stats > div { padding:0; border:0; }
  .suite-app.app-designed:is(.app-notice,.app-watchlist) .suite-stats dd { font-size:24px; white-space:nowrap; }
  .app-music .suite-music-feature > .demo-art { height:240px; }
  .app-music .suite-music-feature > div { padding:22px; }
  .app-music .suite-music-feature h3 { font-size:32px; }
  .app-music .suite-music-feature p { font-size:12px; line-height:1.7; }
  .app-brand .suite-brand-feature > .demo-art { height:250px; }
  .app-brand .suite-brand-feature > div > p { display:none; }
  .app-brand .suite-brand-feature .demo-button { margin-top:12px; }
  .app-matching .suite-page-title { display:flex; align-items:start; gap:12px; }
  .app-matching .suite-page-title > div { min-width:0; }
  .app-matching .suite-page-title > .demo-button { margin-top:0; flex:none; max-width:76px; }
  .app-matching .suite-page-title h3 { font-size:23px; }
  .app-matching .suite-wordmark { font-size:18px; }
  .app-matching .suite-matching-grid .suite-object:first-child { display:grid; grid-template-rows:300px auto auto; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-image { grid-area:1/1; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-image > .demo-art { height:300px; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-image > span { display:none; }
  .app-matching .suite-matching-grid .suite-object:first-child .suite-object-info { grid-area:1/1; align-self:end; position:relative; z-index:1; margin:0; padding:40px 18px 18px; color:#fff9f0; background:linear-gradient(0deg,rgba(32,28,23,.85),transparent); pointer-events:none; } /* taste-skill-ignore: neutral photographic scrim keeps overlaid content readable. */
  .app-matching .suite-matching-grid .suite-object:first-child .suite-overline { display:none; }
  .app-matching .suite-matching-grid .suite-object:first-child :is(.demo-favorite,h4 small) { color:#fff5ed; }
  .app-matching .suite-matching-grid .suite-object:first-child .demo-favorite { pointer-events:auto; }
  .app-matching .suite-matching-grid .suite-object:first-child > p { margin-top:14px; }
}