/* CHILLS local design layer — source-verified selectors, 2026-09-30.
   Grain, noise-fine and the existing textured brand background are preserved. */
:root {
  --color-ink-900:#10110e; --color-ink-850:#181a16; --color-ink-800:#20231d;
  --color-ink-700:#34382f; --color-ink-600:#776f5e; --color-void:#181a16;
  --color-paper:#f4f1e9; --color-paper-dim:#bbb6aa; --color-paper-faint:#a29d91;
  --color-acid:#ffe24d; --premium-accent-soft:#f3d766; --premium-control:#776f5e;
  --radius-card:20px; --spacing-section:40px; --spacing-beat:40px; --spacing-head:32px;
  --premium-gutter:40px; --text-h1:clamp(2.5rem,4.4vw,4rem);
  --text-h2:clamp(2rem,3.2vw,2.75rem); --text-h3:clamp(1.5rem,2.3vw,1.75rem);
}
html { color-scheme:dark; scroll-padding-top:96px; }
body { font-size:17px; line-height:1.6; color:var(--color-paper); background-color:var(--color-ink-900); }
html[lang='ru'] { --font-display:var(--font-sans); }
body [hidden] { display:none!important; }
body .shell,body .legal-shell { width:min(1180px,calc(100% - 2 * var(--premium-gutter))); margin-inline:auto; }
body .shell-narrow { width:min(760px,calc(100% - 2 * var(--premium-gutter))); margin-inline:auto; }
body h1,body h2,body h3 { text-wrap:balance; overflow-wrap:normal; word-break:normal; }
body h1,body .text-display,body .text-h1,body .legal-hero h1,body .error-page h1 { font-size:var(--text-h1); line-height:1.1; letter-spacing:-.035em; }
body h2.text-h2,body .text-h2,body .seo-section h2 { font-size:var(--text-h2); line-height:1.15; letter-spacing:-.025em; }
body .text-h3 { font-size:var(--text-h3); line-height:1.2; }
body .lead { font-size:clamp(1.0625rem,1.6vw,1.25rem); line-height:1.6; }
body .marker,body .kicker,body .legal-kicker,body .cp-eyebrow,body .team-role,body .next-when,body .eyebrow {
  font-size:14px; line-height:1.5; letter-spacing:.06em; color:var(--color-paper-faint);
}
body .dim,body .faint,body .seo-section p,body .seo-card ul,body .seo-small,body .pt-details { color:var(--color-paper-dim); }
body .form-after,body .form-channels,body .price-people,body .price-specs dt,body .price-per,body .price-rate small,
body .site-breadcrumb,body .privacy-footer,body .privacy-notice,body .legal-updated,body .close-legal { font-size:14px; line-height:1.6; color:var(--color-paper-faint); }
body .section-head { margin-bottom:32px; }
body main .section,body main .section-beat,body main .seo-section { padding-block:40px!important; }
body main .section.pt-0,body main .section-beat.pt-0 { padding-top:0!important; }
body main .next.section { padding-bottom:40px!important; }
body :is(.panel,.panel-live,.price-card,.price-constant,.seo-card,.hub-tool,.form-shell,.offer-survey,.pt-gate,.pt-skills,.iv-box,.iv-honest) {
  border-radius:var(--radius-card); background-color:var(--color-ink-850);
}
body .btn { min-height:48px; padding:12px 22px; font-size:16px; line-height:1.4; font-weight:600; white-space:normal; text-align:center; transition:background-color .18s,border-color .18s,color .18s; }
body .btn-primary { color:#10110e; background-color:#ffe24d; }
body .btn-primary:hover { background-color:#fff06f; }
body .btn-ghost,body .cp-details,body a.cp-jump { border-color:var(--premium-control); color:var(--color-paper); }
body .btn-sm { min-height:44px; padding:10px 16px; font-size:14px; }
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid var(--color-acid); outline-offset:4px; }
body .btn-primary:focus-visible { outline-color:var(--color-paper); box-shadow:0 0 0 2px var(--color-ink-900); }
body :is(.field-input,.phone-hero__country,.phone-hero__input,.pt-field input,.pt-field select,.fc-bar input,.fc-bar select,.pron-lab .search,#fcImportMode,#fcImportFile) {
  min-height:48px; min-width:0; max-width:100%; border:1px solid var(--premium-control); border-radius:12px;
  background-color:var(--color-ink-900); color:var(--color-paper); font-size:16px; line-height:1.5;
}
body :is(input,textarea)::placeholder { color:var(--color-paper-faint); opacity:1; }
body .field-input--area { min-height:112px; }
body .privacy-notice.shell { margin-block:16px; margin-inline:auto; }
body .privacy-notice a { color:var(--color-paper); text-underline-offset:3px; }
body .site-breadcrumb { padding-block:18px; font-size:12px; letter-spacing:.035em; }
body .site-breadcrumb a { color:var(--color-paper-dim); }
/* Stable method list: every step readable at every scroll position. */
body main #metoda.wheel { height:auto!important; min-height:0!important; padding-block:40px!important; }
body #metoda .wheel-stage { position:static!important; inset:auto!important; height:auto!important; min-height:0!important; padding:0!important; display:block; overflow:visible!important; }
body #metoda .wheel-inner { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:start; gap:64px; }
body #metoda .wheel-head { position:static; align-self:start; }
body #metoda .wheel-head h2 { margin:16px 0; font-size:var(--text-h2); line-height:1.15; }
body #metoda .wheel-viewport { position:static; height:auto!important; perspective:none!important; overflow:visible; mask-image:none!important; -webkit-mask-image:none!important; }
body #metoda .wheel-band { display:none!important; }
body #metoda .wheel-drum { position:static; inset:auto; transform:none!important; transform-style:flat; display:grid; gap:0; }
body #metoda .wheel-drum::before,body #metoda .wheel-item::before { display:none; }
body #metoda .wheel-item { position:static; inset:auto; transform:none!important; opacity:1!important; height:auto!important; margin:0!important; padding:20px 0; display:grid; grid-template-columns:36px minmax(0,1fr); gap:16px; align-content:start; border-bottom:1px solid var(--color-ink-700); }
body #metoda .wheel-item:first-child { padding-top:0; }
body #metoda .wheel-num { padding:3px 0 0; font-size:14px; line-height:1.5; color:var(--premium-accent-soft); }
body #metoda .wheel-body h3 { font-size:24px; line-height:1.2; margin:0 0 8px; }
body #metoda .wheel-body p { font-size:16px; line-height:1.6; }
/* Static course grid: no pin spacing, fades, perspective or inert offers. */
body .cp { --cp-paper:var(--color-paper); --cp-dim:var(--color-paper-dim); --cp-line:var(--color-ink-700); --cp-mustard:var(--premium-accent-soft); height:auto!important; min-height:0!important; margin:0!important; padding-block:40px; }
body .cp .cp-stage { position:static!important; inset:auto!important; transform:none!important; height:auto!important; min-height:0!important; max-height:none!important; padding:0; display:block; }
body .cp .cp-layout { width:min(1180px,calc(100% - 2 * var(--premium-gutter))); grid-template-columns:1fr; gap:32px; align-items:start; }
body .cp .cp-heading { max-width:760px; }
body .cp .cp-heading h2 { font-size:var(--text-h2); line-height:1.15; margin-top:12px; }
body .cp .cp-scene { height:auto!important; overflow:visible!important; }
body .cp .cp-pair { position:static!important; inset:auto!important; transform:none!important; opacity:1!important; visibility:visible!important; height:auto!important; pointer-events:auto!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body .cp .cp-pair+.cp-pair { margin-top:24px!important; }
body .cp .cp-hint,body .cp .cp-transition,body .cp .cp-progress { display:none!important; }
body .cp .cp-card { border-radius:var(--radius-card); padding:28px; background-color:var(--color-ink-850); }
body .cp .cp-card h3 { font-size:28px; font-weight:700; line-height:1.2; margin:16px 0 12px; }
body .cp .cp-name { display:inline; }
body .cp .cp-description,body .cp .cp-features li { font-size:16px; line-height:1.6; }
body .cp .cp-description { margin-bottom:20px; }
body .cp .cp-features { margin-bottom:24px; }
body .cp .cp-features li { padding-block:14px; gap:12px; }
body .cp .cp-eyebrow,body .cp .cp-number { font-size:14px; line-height:1.5; color:var(--color-paper-faint); letter-spacing:.035em; }
body .cp .cp-label,body .cp .cp-number { color:var(--premium-accent-soft); }
body .cp .cp-footer { padding-top:20px; gap:20px; }
body .cp .cp-price { font-size:26px; letter-spacing:-.03em; }
body .cp .cp-details { min-height:48px; font-size:15px; padding:12px 20px; }
/* Remove scroll-dependent invisibility while keeping the texture layers. */
body .reveal,body .next-step,body .team-figure img,body .mark,body .mark-svg { animation:none!important; opacity:1!important; clip-path:none!important; transform:none!important; }
body .marks { height:auto!important; min-height:0!important; }
body .marks-list { gap:20px; }
body .team-list { gap:48px; }
body .team-row { gap:40px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body .team-figure { border-radius:20px; aspect-ratio:1; }
body .team-figure img { object-fit:cover; object-position:center; }
body .team-figure::after { opacity:.2; }
body .team-copy,body .team-row[data-flip=true] .team-copy { padding-inline:0; }
body .team-name,body .team-row[data-flip=true] .team-name { font-size:clamp(2.25rem,4vw,3.5rem); line-height:1.06; margin-inline:0; }
body .team-surname { color:var(--color-paper-dim); }
body .team-badge,body .price-flag { font-family:var(--font-sans); font-size:12px; line-height:1.5; letter-spacing:.045em; padding:6px 12px; }
body .next-steps { gap:28px; }
body .next .next-promise { margin-top:32px; font-size:var(--text-h3); }
body .pain-copy { column-gap:48px; }
body .pain-list { margin-top:24px; }
body .price-grid { gap:24px; margin-top:32px; }
body .price-card { padding:28px; }
body .price-card h3 { font-size:26px; }
body .price-specs dt,body .price-specs dd,body .price-for { font-size:16px; }
body .price-specs>div { padding-block:12px; }
body .price-rate small { font-size:14px; }
body .price-founder { margin-top:24px; }
body .price-branch { display:none; }
/* Study Hub: four tools form one balanced 2x2 grid. */
body .hub-hero { padding-block:32px; }
body .hub-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body .hub-tool { padding:28px; }
body .hub-tool h2 { font-size:28px; line-height:1.2; margin:12px 0; }
body .hub-specs { margin-block:20px; gap:12px; padding-block:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
body .hub-specs dd { font-size:24px; }
body .hub-feats { margin-bottom:24px; }
body .hub-tool .btn { margin-top:20px; }
/* Tool and form layout. */
body .fc-hero { padding-block:24px; }
body .pt-page,body .iv-page { padding-block:24px 40px; }
body .pt-intro { max-width:704px; }
body .pt-gate { width:100%; padding:28px; gap:18px; }
body .pt-intro>.lead { max-width:60ch; }
body .pt-gate .privacy-notice { margin-block:0 8px; }
body .pt-gate__lead,body .pt-consent,body .pt-field>span { font-size:16px; }
body .pt-details { max-width:704px; }
body .pt-rules { margin-block:24px; }
body .pt-options .pt-option { border-color:var(--premium-control); padding:16px 20px; }
body .pt-options .pt-option.is-on { border-color:var(--color-acid); }
body .offer-flow { padding-block:32px 40px; }
body .offer-survey { padding:28px; }
body .offer-step h1,body .offer-step h2 { font-size:32px; line-height:1.2; }
body .offer-option,body .quiz-opt,body .iv-track,body .fc-option { border-color:var(--premium-control); min-height:48px; font-size:16px; }
body .fc-cats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body .fc-cat { padding:16px; border-color:var(--premium-control); }
body .fc-cat .marker { display:none; }
body .fc-cat strong { font-size:18px; line-height:1.35; padding-right:28px; }
body .fc-cat__lead { font-size:14px; line-height:1.5; max-width:none; }
body .fc-cat__count { top:16px; right:12px; font-size:14px; }
body .fc-hint,body .fc-list__lv,body .fc-list__term em,body .fc-list .fc-list__forms,body .fc-pill { font-size:14px; color:var(--color-paper-dim); }
body .fc-forms span { font-size:16px; color:var(--color-paper); }
body .fc-actions kbd { opacity:1; color:var(--color-paper-faint); }
body .fc-foot { flex-wrap:wrap; gap:12px 24px; }
body .fc-link { min-height:44px; font-size:14px; }
body .fc-face { transition-duration:.2s; }
body .iv-honest { padding:20px; margin-block:24px; }
body .iv-tracks { gap:12px; }
body .ux-context { padding:20px; margin-block:20px; border:1px solid var(--color-ink-700); border-radius:16px; background-color:var(--color-ink-850); }
body .ux-context p { margin:8px 0; }
body .ux-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
body .ux-status { color:var(--color-paper-dim); font-size:14px; line-height:1.5; }
body .ux-status[role=alert] { color:#ffb4ab; }
body #fcImportDialog { width:min(560px,calc(100% - 32px)); margin:auto; padding:28px; border:1px solid var(--premium-control); border-radius:20px; color:var(--color-paper); background:var(--color-ink-850); }
body #fcImportDialog::backdrop { background:#000a; backdrop-filter:blur(4px); }
body #fcImportDialog label { display:grid; gap:8px; margin-block:16px; }
body #fcImportFile { padding:12px; }
body #fcImportMode { padding:12px; }
body #fcImportDialog .btn { margin-top:12px; }
/* Pronunciation shares the same reading scale; the IPA retains its display size. */
body .pron-lab .hero { padding-block:32px 40px; gap:16px 48px; }
body .pron-lab .hero h1 { font-size:var(--text-h1); line-height:1.12; letter-spacing:-.035em; }
body .pron-lab .hero-copy { margin-top:0; font-size:18px; }
body .pron-lab .progress-card { border-radius:20px; padding:24px; }
body .pron-lab .progress-card span,body .pron-lab .progress-card small,body .pron-lab .filters button span,body .pron-lab .sound-card small,body .pron-lab .mic-status,body .pron-lab .record-consent em { font-size:14px; line-height:1.5; letter-spacing:0; }
body .pron-lab .section-head { padding-top:32px; margin-bottom:24px; }
body .pron-lab .section-head h2,body .pron-lab .coach h2 { font-size:var(--text-h2); line-height:1.15; letter-spacing:-.025em; }
body .pron-lab .workspace { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
body .pron-lab .detail,body .pron-lab .coach-card { border-radius:20px; padding:24px; }
body .pron-lab .sound-card { border-radius:12px; border-color:var(--premium-control); min-width:0; }
body .pron-lab .sound-card.active { border-color:var(--color-acid); }
body .pron-lab .guide { grid-template-columns:minmax(0,1fr); gap:24px; }
body .pron-lab .mouth { width:min(100%,320px); margin:auto; }
body .pron-lab .filters { margin-block:24px; flex-wrap:wrap; overflow:visible; }
body .pron-lab .filters button,body .pron-lab .round-action,body .pron-lab .coach-controls button { min-height:48px; border-color:var(--premium-control); }
body .pron-lab .filters button.active,body .pron-lab .coach-controls .record { border-color:var(--color-acid); }
body .pron-lab .lab { padding-bottom:40px; }
body .pron-lab .coach { padding-block:40px; gap:40px; }
body .pron-lab .coach-card blockquote { font-size:26px; }
/* Legal reading widths and responsive tables without hiding columns. */
body .legal-hero { padding-block:40px; }
body .legal-hero h1 { max-width:22ch; }
body .legal-intro { font-size:18px; }
body .legal-layout { padding-block:40px; gap:48px; }
body .legal-copy { max-width:68ch; min-width:0; }
body .legal-section { padding-bottom:32px; margin-bottom:32px; }
body .legal-section h2 { font-size:28px; line-height:1.2; }
body .legal-section p,body .legal-section li { font-size:16px; line-height:1.7; }
body .legal-toc a { font-size:14px; min-height:44px; }
body .legal-copy table { width:100%; border-collapse:collapse; font-size:14px; }
body .legal-copy th,body .legal-copy td { padding:12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--color-ink-700); overflow-wrap:anywhere; }
body .legal-copy th { color:var(--color-paper); }
body .legal-copy td { color:var(--color-paper-dim); }
/* Compact task footers retain contact and legal navigation. */
body[data-premium-page=tool] .footer-top { padding-block:32px 24px; }
body[data-premium-page=tool] .footer-top>.shell>.grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
body[data-premium-page=tool] .close-content,body[data-premium-page=tool] .close-mark-strip { display:none; }
body[data-premium-page=tool] .close-band { padding:0; min-height:0; }
body .footer-top { padding-block:40px 24px; }
body .close-content { padding-block:32px; }
body .close-mark-strip { height:clamp(100px,16vw,210px); }
body .close-mark { font-size:clamp(96px,20vw,250px); }
body .privacy-footer { padding:20px var(--premium-gutter) 24px; }
body .privacy-footer nav { gap:8px 16px; }
body .privacy-footer nav a,body .privacy-footer nav button { min-height:44px; }
body .close-legal { padding-block:16px; }
body .info-facts__label { font-family:var(--font-sans); font-size:12px; letter-spacing:.05em; }
body .info-facts__value { font-size:18px; line-height:1.45; }
body .info-facts__cell { padding:16px; }
@media (max-width:1023px) {
  :root { --premium-gutter:32px; --text-h1:clamp(2.25rem,5vw,3rem); }
  body>header>.shell { gap:12px; }
  body>header>.shell>nav { display:none!important; }
  body>header .burger { display:flex!important; margin-left:0; }
  body .nav-overlay { display:block; top:72px; max-height:calc(100dvh - 72px); overflow:auto; }
  body>header>.shell>.btn { margin-left:auto; }
  body #metoda .wheel-inner { gap:32px; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
  body .pron-lab .workspace { grid-template-columns:1fr; }
  body .pron-lab .coach { grid-template-columns:1fr; }
  body .pron-lab .sound-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
  body .legal-layout { grid-template-columns:200px minmax(0,1fr); gap:32px; }
}
@media (max-width:767px) {
  :root { --premium-gutter:20px; --radius-card:16px; --text-h1:clamp(2.125rem,8.7vw,2.5rem); --text-h2:clamp(1.75rem,7vw,2rem); --text-h3:1.5rem; --spacing-section:24px; --spacing-beat:24px; }
  body { font-size:16px; }
  body main .section,body main .section-beat,body main .seo-section { padding-block:24px!important; }
  body main .next.section { padding-bottom:24px!important; }
  body .section-head { margin-bottom:24px; }
  body .text-h1,body .text-display { margin-bottom:20px; }
  body .lead { font-size:17px; }
  body .privacy-notice { font-size:14px; }
  body>header>.shell>.btn { display:none; }
  body>header .burger { margin-left:auto; }
  body .nav-list { gap:0; }
  body .nav-link { font-size:clamp(24px,6vw,32px); min-height:48px; padding-block:8px; }
  body .nav-overlay-inner { padding-block:24px; }
  body main #metoda.wheel { padding-block:24px!important; }
  body #metoda .wheel-inner { grid-template-columns:1fr; gap:24px; }
  body #metoda .wheel-item { padding-block:16px; }
  body #metoda .wheel-body h3 { font-size:22px; }
  body .cp { padding-block:24px; }
  body .cp .cp-layout { gap:24px; }
  body .cp .cp-card { padding:24px; }
  body .cp .cp-card h3 { font-size:26px; }
  body .cp .cp-details { width:auto; }
  body .team-list { gap:32px; }
  body .team-row { grid-template-columns:1fr; gap:24px; }
  body .team-row[data-flip=true] { direction:ltr; }
  body .team-row[data-flip=true] .team-copy { text-align:left; }
  body .team-figure { border-radius:16px; max-width:480px; }
  body .team-row[data-flip=true] .team-body { margin-left:0; }
  body .team-name { font-size:36px; }
  body .next-steps { gap:24px; }
  body .price-card { padding:24px; }
  body .price-grid { gap:24px; }
  body .hub-tools { grid-template-columns:1fr; }
  body .hub-hero { padding-block:24px; }
  body .hub-tool { padding:24px; }
  body .hub-tool h2 { font-size:26px; }
  body .hub-tool__lead { line-height:1.5; }
  body .hub-specs { margin-block:16px; padding-block:12px; }
  body .hub-feats { gap:8px; margin-bottom:16px; }
  body .pt-gate { padding:20px; }
  body .pt-phone__row { grid-template-columns:96px minmax(0,1fr); }
  body .pt-field input,body .pt-field select { padding-inline:12px; }
  body .pt-nav { grid-template-columns:1fr 1fr; }
  body .offer-flow { padding-block:16px 24px; }
  body .offer-survey { padding:24px 20px; }
  body .offer-step h1,body .offer-step h2 { font-size:28px; }
  body .fc-hero { padding-block:16px 24px; }
  body .fc-return,body .iv-return { margin-bottom:16px; }
  body .fc-cats { grid-template-columns:1fr; gap:8px; }
  body .fc-cat { padding:12px 16px; }
  body .fc-cat__lead { display:none; }
  body .fc-cat strong { font-size:16px; }
  body .fc-cat__count { top:13px; }
  body .fc-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body .fc-card { min-height:340px; }
  body .fc-face { padding:24px; border-radius:16px; }
  body .fc-term { font-size:32px; }
  body .fc-actions { gap:8px; }
  body .fc-actions .btn { flex:1 1 auto; }
  body .ux-context { padding:16px; }
  body #fcImportDialog { padding:24px 20px; }
  body .pron-lab .hero { padding-block:24px; gap:16px; }
  body .pron-lab .hero h1 { font-size:clamp(32px,8.5vw,38px); }
  body .pron-lab .hero-copy { font-size:17px; }
  body .pron-lab .progress-card { margin-top:8px; padding:20px; }
  body .pron-lab .section-head { padding-top:24px; }
  body .pron-lab .search { margin-top:16px; }
  body .pron-lab .filters { gap:8px; }
  body .pron-lab .filters button { padding:10px 12px; font-size:14px; }
  body .pron-lab .sound-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  body .pron-lab .sound-card { min-height:72px; }
  body .pron-lab .sound-card small { font-size:12px; }
  body .pron-lab .detail,body .pron-lab .coach-card { padding:20px; border-radius:16px; }
  body .pron-lab .coach { padding-block:24px; gap:24px; }
  body .pron-lab .coach-card blockquote { font-size:24px; }
  body .pron-lab .detail-actions button { min-height:48px; }
  body .legal-hero { padding-block:32px; }
  body .legal-hero h1 { font-size:clamp(30px,8.3vw,40px); line-height:1.12; letter-spacing:-.035em; }
  html[lang=ru] body .legal-hero h1 { font-size:clamp(26px,7.5vw,34px); letter-spacing:-.04em; }
  body .legal-layout { grid-template-columns:1fr; padding-block:24px; gap:24px; }
  body .legal-toc { position:static; display:flex; flex-wrap:wrap; gap:8px; overflow:visible; }
  body .legal-toc a { flex:0 1 auto; white-space:normal; border-color:var(--premium-control); font-size:14px; padding:10px 14px; }
  body .legal-section { margin-bottom:24px; padding-bottom:24px; }
  body .legal-section h2 { font-size:26px; }
  body .legal-copy table { display:block; max-width:100%; overflow-x:auto; }
  body .legal-copy table[data-premium-labels] { display:table; }
  body .legal-copy table[data-premium-labels] thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
  body .legal-copy table[data-premium-labels] tbody,body .legal-copy table[data-premium-labels] tr,body .legal-copy table[data-premium-labels] td { display:block; width:100%; }
  body .legal-copy table[data-premium-labels] tr { margin-block:12px; padding:8px; border:1px solid var(--color-ink-700); border-radius:12px; }
  body .legal-copy table[data-premium-labels] td { border:0; }
  body .legal-copy table[data-premium-labels] td::before { content:attr(data-label); display:block; margin-bottom:4px; color:var(--color-paper); font-weight:600; }
  body[data-premium-page=tool] .footer-top>.shell>.grid { grid-template-columns:1fr 1fr; gap:24px; }
  body .footer-top { padding-block:24px; }
  body .close-content { padding-block:24px; }
  body .info-facts__cell { padding:12px; }
  body .info-facts__value { font-size:16px; line-height:1.5; }
  body .info-facts__label { font-size:12px; letter-spacing:.035em; }
}
@media (max-width:639px) { body .cp .cp-pair { grid-template-columns:1fr; } }
@media (max-width:359px) {
  :root { --premium-gutter:16px; }
  body>header .wordmark { font-size:22px; }
  body>header>.shell { gap:8px; }
  body .info-facts__cell { padding:10px 8px; }
  body .info-facts__value { font-size:15px; }
  body .pron-lab .sound-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body .price-specs>div { gap:12px; }
  body .price-specs dd { text-align:right; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  body *,body *::before,body *::after { animation-duration:.01ms!important; animation-delay:0ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

body #metoda .wheel-viewport { transform:none!important; width:auto; grid-column:auto; inset:auto; }
body .hub-tool>.btn { margin-block:16px 4px; }
/* Reconcile scoped legacy declarations in the compiled release. */
body .hub-tool h2 { overflow-wrap:normal; }
body .offer-survey__progress { margin-block:20px 24px; }
body .offer-step__lead { margin-bottom:24px; }
body .offer-back { font-family:var(--font-sans); font-size:14px; letter-spacing:0; text-transform:none; min-height:44px; }
body .legal-copy .table-wrap { min-width:0; max-width:100%; }
body .content-facts .seo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:767px) {
  body .footer-top,body[data-premium-page=tool] .footer-top { padding-block:24px!important; }
  body .footer-top>.shell>.grid { gap:24px!important; }
  body .footer-top nav[aria-label=Contact] ul { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 20px; }
  body .footer-top nav[aria-label=Contact] a { font-size:14px; min-height:44px; }
  body .content-facts .seo-grid { grid-template-columns:1fr; }
}
body .lang-switch button { min-width:44px; height:44px; font-size:12px; }
body .lang-switch { border-color:var(--premium-control); }
body .lang-switch button:not([aria-pressed=true]) { min-width:44px; height:44px; }
body .info-facts .info-facts__value { font-size:18px; line-height:1.45; }
@media(max-width:767px) { body .info-facts .info-facts__value { font-size:16px; line-height:1.5; } }
@media(max-width:359px) { body .info-facts .info-facts__value { font-size:15px; } }
/* Legal header keeps a compact home route next to the language control. */
body>header.legal-header>.legal-header__row { display:flex; align-items:center; gap:16px; min-height:72px; }
body>header.legal-header>.legal-header__row>.legal-nav { display:flex!important; align-items:center; gap:16px; margin-left:auto; }
body .legal-nav a { display:inline-flex; align-items:center; min-height:44px; }
body .content-tools-nav { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px 20px; margin:16px auto; padding-inline:var(--premium-gutter); font-size:14px; }
body .content-tools-nav a { display:inline-flex; align-items:center; min-height:44px; color:var(--color-paper-dim); text-underline-offset:4px; }
body .content-logistics>.shell>.seo-grid,body .content-logistics .seo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body .content-facts .seo-card h2 { font-size:28px; line-height:1.2; margin-bottom:12px; }
body #uxConfirmAbandon { width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; margin:auto; padding:28px; border:1px solid var(--premium-control); border-radius:20px; color:var(--color-paper); background:var(--color-ink-850); }
body #uxConfirmAbandon::backdrop { background:#000a; backdrop-filter:blur(4px); }
body #uxConfirmAbandon h2 { margin:0 0 16px; font-size:26px; line-height:1.2; }
body #uxConfirmAbandon p { color:var(--color-paper-dim); margin:12px 0 20px; }
body #uxConfirmAbandon .ux-actions { display:flex; flex-wrap:wrap; gap:12px; }
body #uxConfirmAbandon button { min-height:48px; }
@media(max-width:1023px) {
  body>header.legal-header>.legal-header__row>.legal-nav>a:not(.legal-home) { display:none; }
  body>header.legal-header .lang-switch { margin-left:0; }
}
@media(max-width:767px) {
  body>header.legal-header>.legal-header__row { gap:8px!important; }
  body>header.legal-header>.legal-header__row>.legal-nav { gap:8px; }
  body .legal-header .legal-brand { gap:8px; }
  body .legal-header .wordmark { font-size:22px; }
  body .legal-nav .legal-home { font-size:14px; }
  body .content-logistics .seo-grid { grid-template-columns:1fr; }
  body .content-facts .seo-card h2 { font-size:26px; }
  body #uxConfirmAbandon { padding:24px 20px; border-radius:16px; }
}
/* Shared native confirmation dialogs from the UX module. */
body dialog.ux-confirm { width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; margin:auto; padding:28px; border:1px solid var(--premium-control); border-radius:20px; color:var(--color-paper); background:var(--color-ink-850); }
body dialog.ux-confirm::backdrop { background:#000a; backdrop-filter:blur(4px); }
body dialog.ux-confirm h2 { margin:0 0 16px; font-size:26px; line-height:1.2; }
body dialog.ux-confirm p { color:var(--color-paper-dim); margin:12px 0 20px; }
body dialog.ux-confirm button { min-height:48px; }
body dialog.ux-confirm label { display:grid; gap:8px; margin-block:16px; }
@media(max-width:767px) { body dialog.ux-confirm { padding:24px 20px; border-radius:16px; } }
/* Legacy Astro menu used a768px breakpoint; keep the1024px compact menu functional. */
@media(max-width:1023px) {
  body #nav-overlay:not([hidden]) { display:block!important; position:fixed; inset:72px 0 0; z-index:49; padding-top:0; max-height:calc(100dvh - 72px); overflow-y:auto; background:var(--color-ink-900); }
  body #nav-overlay[data-open=true] { opacity:1; visibility:visible; pointer-events:auto; }
  body #nav-overlay .nav-overlay-inner { min-height:calc(100dvh - 72px); padding-block:24px; }
  body #nav-overlay[data-open=true] .nav-list li,body #nav-overlay[data-open=true] .nav-foot { opacity:1; transform:none; }
}
body .hub-tool>.btn { margin-top:16px!important; margin-bottom:4px!important; }
body .hub-tools { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
@media(max-width:767px) { body .hub-tools { grid-template-columns:1fr!important; } }
/* Visual regression fixes confirmed in17-template screenshots. */
body .pt-intro .pt-gate { width:100%; max-width:704px; }
body .hub-tools .hub-tool.panel-live h2 { font-size:28px; line-height:1.2; margin:12px 0; }
body[data-premium-page] .hub-hero { padding-block:32px; }
body .legal-copy table { table-layout:fixed; }
body .legal-copy table th:first-child { width:20%; }
body .legal-copy table th:nth-child(2) { width:30%; }
body .legal-copy table th,body .legal-copy table td { word-break:normal; overflow-wrap:break-word; }
@media(max-width:767px) {
  body[data-premium-page] .hub-hero { padding-block:24px; }
  body .hub-tools .hub-tool.panel-live h2 { font-size:26px; }
  body .legal-copy table[data-premium-labels] th,body .legal-copy table[data-premium-labels] td { width:100%; }
}
body .pron-lab .progress-card strong { flex-shrink:0; white-space:nowrap; }
/* Oct1 team typography: one shared scale and measured edge-letter overlap. */
#echipa .team-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:center; }
#echipa .team-row .team-copy { padding-inline:0; overflow:visible; }
#echipa .team-row .team-name {
  --team-name-shift:0px; margin:0; font-size:clamp(48px,5.5vw,80px); line-height:1.04;
  font-weight:800; letter-spacing:-.04em; transform:translateX(var(--team-name-shift));
}
#echipa .team-row .team-surname { transform:translateX(calc(-1 * var(--team-name-shift))); }
#echipa .team-row[data-flip=true] .team-name { margin:0; }
#echipa .team-row .team-role { margin-top:24px; }
@media(min-width:900px) {
  #echipa .team-row[data-flip=false] { direction:ltr; }
  #echipa .team-row[data-flip=true] { direction:rtl; }
  #echipa .team-row>* { direction:ltr; }
  #echipa .team-row[data-flip=false] .team-copy { text-align:left; }
  #echipa .team-row[data-flip=true] .team-copy { text-align:right; }
  #echipa .team-row .team-figure { width:100%; max-width:none; }
}
@media(max-width:899px) {
  #echipa .team-row,#echipa .team-row[data-flip=true] { grid-template-columns:1fr; gap:24px; direction:ltr; }
  #echipa .team-row .team-copy,#echipa .team-row[data-flip=true] .team-copy { text-align:left; }
  #echipa .team-row .team-name { font-size:36px; line-height:1.1; transform:none; }
  #echipa .team-row .team-surname { transform:none; }
  #echipa .team-row .team-figure { width:100%; max-width:480px; justify-self:center; }
  #echipa .team-row[data-flip=true] .team-body { margin-left:0; }
}