/* Glossy surfaces and fluid layouts shared by the site and workspace. */
:root {
  --gloss-ink: #132329;
  --gloss-muted: #64767b;
  --gloss-teal: #10786e;
  --gloss-line: rgba(31, 65, 70, .12);
  --gloss-surface: linear-gradient(150deg, #fff, #f8fbfb);
  --gloss-shadow: 0 12px 40px rgba(25, 54, 62, .06), inset 0 1px 0 #fff;
}

body { line-height: 1.65; }
main { min-width: 0; max-width: 100%; }
button, input, select, textarea { max-width: 100%; }
button, .btn, summary { touch-action: manipulation; }
:focus-visible { outline: 3px solid #26b8a7; outline-offset: 4px; }
section[id], article[id] { scroll-margin-top: 9rem; }

/* Navigation uses real columns rather than an absolute centered layer. */
.public-body.home-page .public-header,
.public-body:not(.home-page) .public-header {
  position: sticky;
  inset: auto;
  top: 12px;
  width: min(1320px, calc(100% - 32px));
  height: auto;
  margin: 12px auto;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 18px;
  background: linear-gradient(120deg, rgba(29, 43, 47, .96), rgba(9, 18, 23, .94));
  box-shadow: 0 12px 36px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.public-body .public-header .public-header-inner {
  position: relative;
  max-width: none;
  min-height: 66px;
  height: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 10px 20px;
}
.public-body .public-header .public-header-inner .logo { color: #f4faf9; font-size: .86rem; letter-spacing: .035em; }
.public-body .public-header .public-header-inner .logo strong { color: #a6e7dc; }
.public-body .public-header .public-nav {
  position: static;
  transform: none;
  width: auto;
  min-width: 0;
  display: flex;
  justify-content: center;
  gap: 2px;
}
.public-body .public-header .public-nav a, .public-body .public-header .public-login {
  color: #cfdbdf;
  font-size: .84rem;
  padding: 9px 12px;
  white-space: nowrap;
  border-radius: 9px;
}
.public-body .public-actions { width: auto; gap: 8px; overflow: visible; flex-wrap: nowrap; }
.public-body .public-header .public-actions .public-cta {
  display: inline-flex;
  min-height: 40px;
  padding: 9px 17px;
  background: linear-gradient(180deg, #d8fff3, #a1e8d5);
  color: #102c28;
  border: 1px solid #c3f7e8;
  border-radius: 11px;
  box-shadow: 0 4px 16px rgba(110, 223, 192, .12), inset 0 1px 0 #effff9;
}
.public-body .public-menu { display: none; }
.public-body .public-footer { background: #0b151b; }
.public-body .footer-inner { gap: 3rem; }
.public-body .footer-columns { gap: 2rem; }
.public-body .footer-columns section { min-width: 0; }
.public-body .footer-columns a { overflow-wrap: anywhere; }
.public-body #cookie-banner {
  position: static !important;
  width: min(1320px, calc(100% - 32px));
  max-width: none !important;
  margin: 16px auto !important;
  border: 1px solid rgba(255, 255, 255, .1);
}
.public-body.has-cookie-banner .public-footer { padding-bottom: 3rem; }

/* Cinematic imagery, generous type, and a quiet glazed product preview. */
.public-body.home-page .pf-hero { min-height: min(850px, 90svh); }
.public-body.home-page .pf-hero-content {
  min-height: min(850px, 90svh);
  padding: clamp(4rem, 8vw, 7rem) 24px 5rem;
  gap: 3rem;
}
.public-body.home-page .pf-hero-shade {
  background: linear-gradient(180deg, rgba(5, 16, 23, .4), rgba(5, 16, 23, .12) 48%, #07121b 100%);
}
.public-body.home-page .pf-hero h1 { max-width: 970px; line-height: 1.06; font-size: clamp(2.8rem, 6vw, 6rem); }
.public-body.home-page .pf-hero-heading > p:last-child { max-width: 550px; color: #d1e4e6; line-height: 1.75; }
.public-body.home-page .pf-kicker { letter-spacing: .13em; font-size: .72rem; }
.public-body .pf-button { min-width: 210px; min-height: 52px; border-radius: 13px; }
.public-body .pf-button-light {
  background: linear-gradient(180deg, #f7fffc, #c9e8e0);
  border-color: rgba(234, 255, 249, .7);
  box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(0, 0, 0, .1);
  color: #173a35;
}
.public-body .pf-button-dark { border: 1px solid rgba(224, 255, 246, .24); background: rgba(14, 31, 39, .65); }
.public-body .pf-product-section, .public-body .pf-faq-section {
  background: radial-gradient(ellipse at 50% 0, #e8f3ef, transparent 60%), #f4f7f5;
  padding-block: clamp(4rem, 8vw, 7rem);
}
.public-body .pf-console {
  background: linear-gradient(135deg, #1b2b31, #0b151c 65%);
  border: 1px solid rgba(227, 255, 249, .22);
  border-radius: 24px;
  box-shadow: 0 35px 80px rgba(13, 43, 49, .22), inset 0 1px 0 rgba(255, 255, 255, .1);
}
.public-body .pf-console-body { grid-template-columns: 150px minmax(0, 1fr); min-height: 0; }
.public-body .pf-console-main { min-width: 0; }
.public-body :is(.pf-stat-grid article, .pf-chart-card, .pf-rank-card) {
  min-width: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015));
  border-color: rgba(216, 244, 236, .11);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.public-body .pf-console-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.public-body .pf-card-heading { gap: 8px; flex-wrap: wrap; }
.public-body .pf-rank-row { gap: 12px; align-items: center; }
.public-body .pf-rank-row span { min-width: 0; overflow-wrap: anywhere; }
.public-body .pf-rank-row i { flex-shrink: 0; }
.public-body .pf-rank-row strong { flex-shrink: 0; }
.public-body .pf-proof-section { padding-block: clamp(4rem, 8vw, 7rem); }
.public-body .pf-proof-grid { gap: 20px; background: none; margin-top: 3rem; }
.public-body .pf-proof-grid article {
  min-height: 290px;
  border: 1px solid var(--gloss-line);
  border-radius: 20px;
  background: var(--gloss-surface);
  box-shadow: var(--gloss-shadow);
}
.public-body .pf-proof-grid h3 { margin-top: 2.5rem; line-height: 1.2; }
.public-body .pf-statement-section { min-height: 650px; background: radial-gradient(ellipse at 50% 60%, #153331, #08151d 65%); }
.public-body .pf-faq-list { border-top: 0; display: grid; gap: 12px; }
.public-body .pf-faq-list details { border: 1px solid var(--gloss-line); border-radius: 14px; background: rgba(255, 255, 255, .7); }
.public-body .pf-faq-list summary { padding: 20px 24px; }
.public-body .pf-faq-list details p { padding: 0 24px 24px; }
.public-body:not(.home-page) .public-page-hero {
  min-height: 440px;
  padding-block: clamp(4rem, 8vw, 6.5rem);
  background: radial-gradient(ellipse at 65% 120%, rgba(51, 173, 152, .28), transparent 55%), linear-gradient(145deg, #203439, #09151c 70%);
}
.public-body:not(.home-page) .public-page-hero h1 { font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: 1.1; }
.public-body:not(.home-page) :is(.feature-grid article, .answer-grid article, .auth-card, .signup-benefits, .pricing-card) {
  border-radius: 20px;
  border-color: var(--gloss-line);
  box-shadow: var(--gloss-shadow);
}
.public-body:not(.home-page) .feature-grid article { background: var(--gloss-surface); }
.public-body:not(.home-page) .feature-grid h3 { margin-top: 1.5rem; line-height: 1.25; }
.public-body:not(.home-page) .btn { border-radius: 11px; }
.public-body:not(.home-page) .public-section { padding-block: clamp(3rem, 6vw, 5rem); }
.public-body:not(.home-page) :is(.feature-grid, .answer-grid, .pricing-grid) > * { min-width: 0; overflow-wrap: anywhere; }

/* The workspace keeps light and dark modes, with the same teal accent. */
body:not(.public-body) {
  --blue: #10786e;
  --blue-dark: #086157;
  --blue-light: #e0f2eb;
  --accent: #8be3cd;
  --accent-dim: #35b99f;
  background: radial-gradient(ellipse at 95% 0, #e3f1ed, transparent 45%), #f4f7f6;
  color: var(--gloss-ink);
}
body.dark-page:not(.public-body) {
  --gloss-ink: #e5efee;
  --gloss-muted: #a4b8bd;
  --gloss-line: rgba(191, 227, 217, .14);
  --gloss-surface: linear-gradient(145deg, #1b2b31, #101c24);
  --gloss-shadow: 0 14px 40px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(231, 255, 246, .06);
  --header-bg: rgba(15, 30, 37, .96);
  --header-border: rgba(204, 245, 231, .14);
  background: radial-gradient(ellipse at 100% 0, #1a3335, transparent 50%), #0b151c;
}
body:not(.public-body) .site-header {
  background: linear-gradient(120deg, rgba(255, 255, 255, .96), rgba(240, 247, 245, .95));
  border-bottom: 1px solid var(--gloss-line);
  box-shadow: 0 4px 24px rgba(27, 65, 71, .06);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
body:not(.public-body) .header-inner {
  width: min(1280px, 100%);
  max-width: none;
  height: auto;
  min-height: 100px;
  padding: 12px 28px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 20px;
}
body:not(.public-body) .header-actions { display: flex; align-items: center; gap: 10px; grid-column: 2; grid-row: 1; }
body:not(.public-body) .admin-menu-label-short { display: none; }
body:not(.public-body) .header-nav {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  overflow: visible;
  padding: 0 0 8px;
}
body:not(.public-body) .nav-link { min-height: 40px; display: inline-flex; align-items: center; padding: 8px 15px; border-radius: 10px; white-space: nowrap; }
body:not(.public-body) .nav-link.active { color: var(--gloss-teal); background: #e1f2ea; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65); }
body.dark-page:not(.public-body) .nav-link.active { color: #a0edda; background: rgba(133, 233, 203, .1); box-shadow: none; }
body.dark-page:not(.public-body) :is(.settings-field label, .filter-label, .admin-field label, .saved-alert label) { color: #a7babe; }
body:not(.public-body) .user-menu { margin: 0; }
body:not(.public-body) .user-menu-trigger { border-radius: 12px; }
body:not(.public-body) :is(.user-menu-panel, .admin-menu-panel) {
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(15, 43, 51, .18);
}
body:not(.public-body) :is(.user-menu-trigger, .theme-toggle-btn, .admin-menu-trigger) { min-height: 42px; }
body:not(.public-body) .container { width: min(1240px, calc(100% - 48px)); max-width: none; min-width: 0; padding: 32px 0; }
body:not(.public-body) :is(.idx-hero, .t50-hero, .trnd-hero, .niche-hero, .saved-hero, .admin-hero, .acct-hero) {
  background: radial-gradient(ellipse at 85% 10%, rgba(97, 220, 180, .16), transparent 55%), linear-gradient(125deg, #1c3439, #0b1922) !important;
  border-bottom-color: rgba(197, 232, 220, .13);
  color: #eef8f5;
}
body:not(.public-body) :is(.idx-hero, .t50-hero, .trnd-hero, .admin-hero)::after { display: none; }
body:not(.public-body) :is(.idx-hero, .t50-hero, .trnd-hero, .niche-hero, .saved-hero, .admin-hero, .acct-hero) h1 {
  font-family: var(--font-sans);
  font-weight: 600;
  color: #f0faf7 !important;
  line-height: 1.15;
  letter-spacing: -.04em;
  font-size: clamp(2.2rem, 4vw, 3.5rem);
}
body:not(.public-body) :is(.idx-hero-sub, .t50-hero-desc, .trnd-hero p, .admin-hero p) { color: #b7cccf !important; }
body:not(.public-body) :is(.idx-hero-sub, .t50-hero-desc) strong { color: #adebd6 !important; }
body:not(.public-body) :is(.idx-hero-actions, .t50-hero-actions) { flex-wrap: wrap; max-width: 100%; }
body:not(.public-body) .idx-hero-actions form { flex-wrap: wrap; }
body:not(.public-body) :is(.idx-hero-actions, .t50-hero-actions) .btn-outline { background: rgba(255, 255, 255, .06); color: #d5eee7; border-color: rgba(220, 250, 241, .22); }
body:not(.public-body) .idx-filter-wrap { position: relative; top: auto; z-index: 1; padding: 24px 0; background: transparent; border: 0; box-shadow: none; }
body:not(.public-body) .idx-filter-form { padding: 22px; border: 1px solid var(--gloss-line); background: var(--gloss-surface); border-radius: 18px; box-shadow: var(--gloss-shadow); }
body:not(.public-body) :is(.idx-body, .idx-filter-inner, .idx-hero-inner) { width: 100%; min-width: 0; max-width: 1280px; }
body:not(.public-body) .idx-filter-grid { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(110px, 1fr)) auto; gap: 16px; }
body:not(.public-body) .idx-filter-grid .filter-group { min-width: 0; width: 100%; margin: 0; }
body:not(.public-body) .idx-filter-grid .filter-group:first-child { grid-column: auto; }
body:not(.public-body) .idx-filter-drawer-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border-top-style: solid; padding-top: 20px; }
body:not(.public-body) :is(.input-small, .select-small, .input-wide, .settings-field input, .settings-field textarea, .niche-search input, .niche-search select, .niche-save input[type="text"]) {
  min-width: 0;
  min-height: 44px;
  border-radius: 11px;
}
body:not(.public-body) .idx-filter-grid :is(.input-small, .select-small) { width: 100%; }
body:not(.public-body) .btn { min-height: 42px; padding: 10px 16px; justify-content: center; border-radius: 11px; white-space: normal; }
body:not(.public-body) .btn-primary { background: linear-gradient(180deg, #208b7d, #107366); border-color: #12796c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 4px 12px rgba(14, 117, 100, .12); color: #fff; }
body:not(.public-body) :is(.niche-card, .niche-empty, .saved-card, .saved-empty, .settings-panel, .billing-panel, .admin-panel, .admin-stat-card, .filter-bar, .table-wrapper) {
  min-width: 0;
  background: var(--gloss-surface);
  border: 1px solid var(--gloss-line);
  border-radius: 18px;
  box-shadow: var(--gloss-shadow);
}
body:not(.public-body) :is(.niche-summary h2, .niche-card h3, .niche-fact strong, .saved-card h2, .niche-empty h2, .saved-empty h2, .page-title, .settings-panel h2) { font-family: var(--font-sans); color: var(--gloss-ink); letter-spacing: -.025em; }
body:not(.public-body) :is(.niche-card-sub, .niche-summary p, .score-key, .niche-fact span, .saved-summary, .page-subtitle) { color: var(--gloss-muted); }
body:not(.public-body) :is(.niche-detail-body, .niche-card-head, .saved-card) > * { min-width: 0; overflow-wrap: anywhere; }
body:not(.public-body) .niche-card-head .opportunity-score { min-width: 80px; background: linear-gradient(145deg, #173b35, #0e2525); border-color: #24584b; border-radius: 14px; }
body:not(.public-body) .opportunity-score strong { font-family: var(--font-sans); font-size: 2rem; font-weight: 600; }
body:not(.public-body) .niche-search { grid-template-columns: minmax(0, 1fr) 145px auto; }
body:not(.public-body) .niche-save { flex-wrap: wrap; }
body:not(.public-body) .niche-save input[type="text"] { flex: 1 1 230px; width: auto; }
body:not(.public-body) .niche-save .btn { flex-shrink: 0; }
body:not(.public-body) .saved-alert { flex-wrap: wrap; }
body:not(.public-body) .saved-actions { flex-wrap: wrap; }
body:not(.public-body) .settings-panel { max-width: 800px; padding: clamp(22px, 4vw, 36px); margin-bottom: 20px; }
body:not(.public-body) .settings-panel h2 { font-size: 1.5rem; margin-bottom: 12px; }
body:not(.public-body) .settings-panel > p { color: var(--gloss-muted); margin-bottom: 20px; }
body:not(.public-body) .settings-panel ul { padding-left: 20px; margin: 16px 0; }
body:not(.public-body) .settings-panel li + li { margin-top: 10px; }
body:not(.public-body) .settings-field textarea { font-family: var(--font-mono); font-size: .8rem; line-height: 1.7; resize: vertical; }
body:not(.public-body) .mcp-token-status { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: .85rem; color: var(--gloss-muted); }
body:not(.public-body) .mcp-token-status span { white-space: nowrap; }
body:not(.public-body) .page-title-row { gap: 20px; flex-wrap: wrap; }
body:not(.public-body) .page-title { font-size: 2rem; line-height: 1.2; }
body:not(.public-body) :is(.table-wrapper, .idx-table-wrap) { max-width: 100%; }
body:not(.public-body) .idx-table-wrap .table-wrapper { border: 0; border-radius: 0; box-shadow: none; }
body:not(.public-body) .builder-table th { padding-block: 16px; }
body:not(.public-body) .builder-table td { padding-block: 18px; }
body:not(.public-body) .builder-table tr:last-child td { border-bottom: 0; }
body:not(.public-body) .admin-sidebar { position: static; }

@media (max-width: 1100px) {
  .public-body .public-header .public-nav { display: none; }
  .public-body .public-menu { display: block; justify-self: end; position: static; margin: 0; }
  .public-body .public-menu summary { padding: 8px 12px; color: #e0efec; border: 1px solid rgba(228, 255, 246, .17); border-radius: 10px; min-height: 40px; }
  .public-body .public-menu nav { position: absolute; display: grid; right: 12px; top: calc(100% + 8px); width: min(300px, calc(100vw - 48px)); max-height: calc(100dvh - 120px); overflow-y: auto; padding: 8px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 16px; background: #15252d; box-shadow: 0 18px 50px rgba(0, 0, 0, .3); }
  .public-body .public-menu nav a { padding: 12px; color: #d7e8e5; border-radius: 8px; font-size: .9rem; }
  body:not(.public-body) .idx-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:not(.public-body) .idx-filter-grid .filter-group:first-child { grid-column: 1 / -1; }
  body:not(.public-body) .idx-filter-grid .filter-group--actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 820px) {
  .public-body .pf-console-body, .public-body .pf-console-grid { grid-template-columns: minmax(0, 1fr); }
  .public-body .pf-console-nav { display: none; }
  .public-body .pf-proof-grid { grid-template-columns: minmax(0, 1fr); }
  .public-body .pf-proof-grid article { min-height: 0; }
  .public-body .footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.public-body) .header-inner { padding-inline: 16px; }
  body:not(.public-body) .header-actions { gap: 6px; }
  body:not(.public-body) .user-menu-name { display: none; }
  body:not(.public-body) .admin-menu-trigger { font-size: .78rem; padding-inline: 8px; }
  body:not(.public-body) .nav-link { font-size: .8rem; padding: 8px 12px; }
  body:not(.public-body) .niche-search { grid-template-columns: minmax(0, 1fr); }
  body:not(.public-body) .niche-save { flex-direction: column; align-items: stretch; }
  body:not(.public-body) .niche-save input[type="text"] { flex: none; width: 100%; }
  body:not(.public-body) .niche-save .btn { width: 100%; }
  body:not(.public-body) .idx-table-wrap { margin-inline: 0; border: 1px solid var(--gloss-line); border-radius: 18px; }
  body:not(.public-body) .idx-hero-actions { width: 100%; }
  body:not(.public-body) .idx-hero-actions form { width: 100%; }
  body:not(.public-body) .idx-hero-actions form input[type="text"] { flex: 1; }
  body:not(.public-body) .idx-filter-drawer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .public-body.home-page .public-header, .public-body:not(.home-page) .public-header { width: calc(100% - 16px); top: 8px; margin-block: 8px; border-radius: 14px; }
  .public-body .public-header .public-header-inner { min-height: 60px; padding: 8px 12px; gap: 8px; }
  .public-body .public-header .public-header-inner .logo { font-size: .66rem; letter-spacing: 0; gap: 5px; }
  .public-body .public-header .public-header-inner .logo-img { width: 24px; height: 24px; }
  .public-body .public-header .public-login { display: none; }
  .public-body .public-header .public-actions .public-cta { font-size: .77rem; padding: 8px 12px; }
  .public-body .public-menu summary { font-size: .77rem; padding-inline: 10px; }
  .public-body.home-page .pf-hero, .public-body.home-page .pf-hero-content { min-height: 720px; }
  .public-body.home-page .pf-hero-content { padding: 4rem 20px; }
  .public-body .pf-action-row { width: 100%; gap: 12px; }
  .public-body .pf-button { width: 100%; min-width: 0; }
  .public-body .pf-console-main { padding: 18px; }
  .public-body .pf-console-bar { padding-inline: 18px; }
  .public-body .pf-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-body .pf-console-title strong { font-size: 1.1rem; }
  .public-body .pf-statement-section { min-height: 550px; padding-block: 5rem; }
  .public-body .pf-faq-list summary { padding: 18px; }
  .public-body .pf-faq-list details p { padding: 0 18px 18px; }
  body:not(.public-body) .header-inner { gap: 10px; padding-inline: 12px; }
  body:not(.public-body) .header-inner .logo { font-size: .7rem; gap: 5px; }
  body:not(.public-body) .header-inner .logo-img { width: 26px; height: 26px; }
  body:not(.public-body) .admin-menu-trigger { font-size: .75rem; gap: 0; padding-inline: 10px; }
  body:not(.public-body) .admin-menu-label { display: none; }
  body:not(.public-body) .admin-menu-label-short { display: inline; }
  body:not(.public-body) .admin-menu-trigger .user-menu-chevron { display: none; }
  body:not(.public-body) .container { width: calc(100% - 32px); padding-block: 24px; }
  body:not(.public-body) .idx-filter-inner, body:not(.public-body) .idx-hero-inner { padding-inline: 16px; }
  body:not(.public-body) .idx-filter-form { padding: 16px; }
  body:not(.public-body) .idx-filter-grid, body:not(.public-body) .idx-filter-drawer-grid { grid-template-columns: minmax(0, 1fr); }
  body:not(.public-body) .idx-filter-grid .filter-group--actions { flex-direction: row; flex-wrap: wrap; }
  body:not(.public-body) .niche-card-head { padding: 20px; gap: 12px; }
  body:not(.public-body) .niche-detail-body { padding-inline: 20px; }
  body:not(.public-body) .niche-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.public-body) .metric-row { grid-template-columns: 100px minmax(0, 1fr) 28px; }
  body:not(.public-body) .settings-actions { align-items: stretch; }
  body:not(.public-body) .settings-actions > * { flex: 1 1 170px; }
  body:not(.public-body) .settings-actions .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .public-body *, body:not(.public-body) * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}