/* HOLiUS Design System Stabilization v1 — mobile first, fixed geometry */
:root{
  --ds-font-page-title:28px;--ds-font-section-title:20px;--ds-font-card-title:15px;--ds-font-body:14px;--ds-font-button:14px;--ds-font-secondary:13px;--ds-font-meta:12px;--ds-font-min:12px;
  --ds-font-reading:19px;--ds-font-preview:19px;
  --ds-leading-heading:1.35;--ds-leading-body:1.6;--ds-leading-reading:1.74;--ds-leading-meta:1.45;
  --ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-section:30px;
  --ds-space-page-x:16px;--ds-card-pad:16px;--ds-card-pad-compact:12px;
  --ds-touch-min:44px;--ds-control-min:48px;
  --ds-icon-sm:18px;--ds-icon-md:20px;--ds-icon-lg:24px;
  --ds-radius-modal:22px;--ds-radius-card:16px;--ds-radius-input:14px;--ds-radius-button:10px;--ds-radius-pill:999px;
  --theme-radius-modal:var(--ds-radius-modal);--theme-radius-sheet:var(--ds-radius-modal);--theme-radius-card:var(--ds-radius-card);--theme-radius-control:var(--ds-radius-input);--theme-radius-button:var(--ds-radius-button);--theme-radius-badge:8px;--theme-radius-image:var(--ds-radius-card);
  --theme-leading-body:var(--ds-leading-body);--theme-leading-heading:var(--ds-leading-heading);--theme-section-gap:var(--ds-space-section);
}
body{font-size:var(--ds-font-body);line-height:var(--ds-leading-body)}
.page-title,.page-hero h1,.news-page-head h1{font-size:var(--ds-font-page-title);line-height:var(--ds-leading-heading)}
.section-title,.home-block-head h2{font-size:var(--ds-font-section-title);line-height:var(--ds-leading-heading)}
button,.btn,.button,input,select,textarea{font-size:var(--ds-font-button)}
button,.btn,.button,.theme-card-action,.design-tab{min-height:var(--ds-touch-min)}
input:not([type="checkbox"]):not([type="radio"]),select{min-height:var(--ds-control-min)}
[data-numeric],.rank,.score,.price,.market-price,.home-progress-copy>strong{font-variant-numeric:tabular-nums}

/* Design picker: one scroll container, fixed header/tabs, same language for theme/font. */
.theme-picker-dialog{border-radius:var(--ds-radius-modal);overscroll-behavior:contain}
.design-tabs{display:flex;position:relative;z-index:19;background:var(--theme-surface);border-bottom:1px solid var(--theme-border)}
.design-tab{font-size:14px;min-height:44px}
.theme-group-title{font-size:13px}
.theme-choice strong{font-size:14px;line-height:var(--ds-leading-heading)}
.theme-choice small{font-size:13px;line-height:var(--ds-leading-meta)}
.theme-card-action{font-size:14px;min-height:44px}
.font-choice-preview{min-height:92px;height:auto!important;padding:16px!important;display:flex;flex-direction:column;justify-content:center;gap:4px}
.font-choice-preview b,.font-choice-preview span{font-size:var(--ds-font-preview)!important;line-height:1.5!important}
.font-choice-preview small{font-size:13px!important;line-height:var(--ds-leading-meta)!important}
.font-choice-wrap .theme-choice{min-height:174px!important}
.font-choice-wrap .theme-choice>strong{font-size:14px!important;font-weight:700}
.font-choice-wrap .theme-choice>small{font-size:13px!important}
.theme-choice strong,.theme-choice small,.home-news-numbered a,.home-quick-slot>strong{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;white-space:normal!important;text-overflow:ellipsis}
.theme-choice strong,.theme-choice small,.home-news-numbered a,.home-quick-slot>strong{-webkit-line-clamp:2}

@media(max-width:760px){
  :root{--ds-font-page-title:24px;--ds-font-section-title:18px;--ds-font-meta:12.5px;--ds-font-reading:18px;--ds-space-page-x:16px}
  .container{width:min(calc(100% - (var(--ds-space-page-x) * 2)),1180px)!important}
  .home-dashboard{gap:var(--ds-space-section)!important}
  .home-block-head h2{font-size:18px!important}
  .home-today-card blockquote{font-size:18px!important;line-height:var(--ds-leading-reading)!important}
  .home-routine-copy strong{font-size:15px!important}.home-routine-copy small{font-size:13px!important}
  .home-quick-grid .home-quick-slot{min-height:66px!important}.home-quick-grid .home-quick-slot>strong{font-size:12.5px!important;line-height:1.3!important}
  .home-news-channel-head strong{font-size:15px!important}.home-news-channel-head small,.home-news-channel-head>a,.home-news-numbered li>span{font-size:12.5px!important}
  .home-news-numbered a{font-size:14px!important;line-height:1.45!important}.home-news-item-share{min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important}
  .home-progress-copy>span{font-size:13.5px!important}.home-progress-copy>strong{font-size:14px!important}.home-progress-detail{font-size:12.5px!important;line-height:1.5!important}

  .theme-picker-dialog{
    display:flex!important;flex-direction:column!important;width:calc(100vw - 24px)!important;height:82dvh!important;max-height:82dvh!important;
    margin:9dvh auto!important;padding:0!important;overflow:hidden!important;border:1px solid var(--theme-border)!important;
  }
  .theme-picker-head{position:relative!important;top:auto!important;flex:0 0 auto;margin:0!important;padding:14px 14px 10px!important;background:var(--theme-surface)!important;backdrop-filter:none!important}
  .theme-picker-head h2{font-size:21px!important}.theme-picker-head p{font-size:13px!important;line-height:1.5!important}
  .theme-picker-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .design-tabs{position:relative!important;top:auto!important;flex:0 0 auto;margin:0!important;padding:0 14px 10px!important;gap:6px;background:var(--theme-surface)!important}
  .design-tab{font-size:14px!important;min-height:44px!important}
  [data-design-panel]{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:10px 14px max(18px,env(safe-area-inset-bottom));scrollbar-gutter:stable}
  [data-design-panel][hidden]{display:none!important}
  .theme-picker-grid,.style-picker-grid{margin-top:0!important}
  .theme-picker-foot{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:18px 0 0!important;padding:0!important;border-top:0!important;background:transparent!important;backdrop-filter:none!important}
  .theme-picker-foot>*{min-height:44px!important;font-size:13px!important}
  .font-picker-foot>*{grid-column:1/-1}
  .theme-group-grid,.theme-admin-grid,.font-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .theme-choice-wrap .theme-choice{padding:10px!important}.theme-choice strong{font-size:14px!important}.theme-choice small{font-size:13px!important;min-height:0!important}
  .theme-card-action{font-size:14px!important;min-height:44px!important}
  .font-choice-wrap .theme-choice{min-height:174px!important;padding:10px!important}.font-choice-preview{min-height:92px!important;padding:16px!important;margin-bottom:8px!important}
  .font-choice-preview b,.font-choice-preview span{font-size:19px!important}.font-choice-preview small{font-size:13px!important}
}
@media(max-width:380px){:root{--ds-space-page-x:14px}.theme-picker-dialog{width:calc(100vw - 16px)!important;margin:9dvh 8px!important}.theme-group-grid,.theme-admin-grid,.font-group-grid{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.theme-picker-dialog,.design-tab,[data-design-panel]{scroll-behavior:auto!important}}