/* 물가 연대기 — clean information system */
:root{
  color-scheme:light;
  --plane:#ffffff;
  --panel:#ffffff;
  --head:#ffffff;
  --headink:#111827;
  --ink:#111827;
  --ink2:#4b5563;
  --muted:#6B7684;
  --rule:#dfe4ea;
  --rule2:#edf0f3;
  --grid:#edf0f3;
  --axis:#aab3bf;
  --field:#f7f8fa;
  --hover:#f5f7f9;
  --sel:#eff4ff;
  --selrule:#b9cdfb;
  --accent:#2563eb;
  --accent2:#1d4ed8;
  --up:#e04444;
  --down:#2563eb;
  --flat:#6B7684;
  --wage-up:#16845b;
  --fuel-gas:#ef6a45;
  --fuel-diesel:#2563eb;
  --uptint:#fff6f5;
  --downtint:#f3f7ff;
  --seedbg:#fffaf0;
  --seedink:#78510b;
  --seedrule:#f1d596;
  --shadow:none;
  --card-radius:14px;
  --s1:#2563eb;--s2:#ef6a45;--s3:#169b70;--s4:#df9400;--s5:#d9578a;--s6:#667085;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --plane:#111418;--panel:#161a20;--head:#111418;--headink:#f4f6f8;--ink:#f4f6f8;
  --ink2:#c2c8d0;--muted:#8d97a5;--rule:#303640;--rule2:#252b33;--grid:#252b33;
  --axis:#505966;--field:#1c2128;--hover:#20262e;--sel:#1d2d4e;--selrule:#395b9a;
  --accent:#75a3ff;--accent2:#9abcff;--up:#ff7770;--down:#75a3ff;--flat:#929ba8;
  --uptint:#251c1d;--downtint:#182237;--seedbg:#211d15;--seedink:#e4c682;--seedrule:#51452e;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --plane:#111418;--panel:#161a20;--head:#111418;--headink:#f4f6f8;--ink:#f4f6f8;
    --ink2:#c2c8d0;--muted:#8d97a5;--rule:#303640;--rule2:#252b33;--grid:#252b33;
    --axis:#505966;--field:#1c2128;--hover:#20262e;--sel:#1d2d4e;--selrule:#395b9a;
    --accent:#75a3ff;--accent2:#9abcff;--up:#ff7770;--down:#75a3ff;--flat:#929ba8;
    --uptint:#251c1d;--downtint:#182237;--seedbg:#211d15;--seedink:#e4c682;--seedrule:#51452e;
  }
}

*{box-sizing:border-box}
html{background:var(--plane);scroll-behavior:auto}
body,button,input,select,textarea{
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
body{
  margin:0!important;
  background:var(--plane)!important;
  background-image:none!important;
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  letter-spacing:-.014em;
}
small{font-size:max(13px,.875em)}
button,input,select,textarea{font-size:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}

/* header */
.top{
  position:sticky!important;
  top:0;
  z-index:50;
  background:color-mix(in srgb,var(--panel) 96%,transparent)!important;
  border:0!important;
  border-bottom:1px solid var(--rule)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
.top-in{
  width:min(1400px,calc(100% - 40px));
  max-width:none!important;
  min-height:72px!important;
  height:auto!important;
  margin:0 auto;
  padding:11px 0!important;
  display:grid!important;
  grid-template-columns:auto minmax(420px,470px) minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center;
}
.brand{display:flex!important;align-items:center!important;gap:11px!important;color:var(--ink)!important;text-align:left;white-space:nowrap}
.brand-logo{display:block;width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 5px 10px rgba(79,70,229,.18))}
.brand-copy{display:grid!important;gap:1px;line-height:1.1}.brand b{font-size:20px!important;font-weight:600!important;letter-spacing:-.045em!important}.brand-copy>span{display:block!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.035em!important}
.header-discovery{display:flex!important;align-items:center;gap:8px;min-width:0}
.header-search{position:relative;flex:0 1 215px;min-width:170px}
.header-search .search input{
  width:100%;min-height:44px!important;padding:9px 42px 9px 15px!important;
  border:1px solid var(--rule)!important;border-radius:10px!important;background:var(--field)!important;
  box-shadow:none!important;font-size:15px!important;
}
.header-search .search input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important}
.header-search .search::after{right:14px!important;top:7px!important;color:var(--muted)!important;font-size:23px!important}
.header-search .results{
  top:52px!important;left:50%!important;right:auto!important;width:min(640px,calc(100vw - 32px))!important;max-height:min(560px,72vh)!important;
  padding:8px!important;transform:translateX(-50%)!important;border:1px solid var(--rule)!important;border-radius:16px!important;
  background:var(--panel)!important;box-shadow:0 22px 60px rgba(17,24,39,.16)!important;scrollbar-width:thin;
}
.search-result-group-head{position:sticky;top:-8px;z-index:2;padding:9px 12px 7px;border-top:1px solid var(--rule2);background:color-mix(in srgb,var(--panel) 94%,var(--field));color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.06em}.search-result-group-head:first-child{border-top:0}
.header-search .rr.search-result-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:12px!important;min-height:92px!important;width:100%!important;padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--rule2)!important;border-radius:10px!important;text-align:left!important}
.header-search .rr.search-result-row:last-child{border-bottom:0!important}.header-search .rr.search-result-row:hover,.header-search .rr.search-result-row[data-on="1"]{background:var(--hover)!important}.header-search .rr.search-result-row[data-on="1"]{box-shadow:inset 3px 0 var(--accent)!important}
.header-search .search-result-row .item-mini-icon{width:44px;height:44px;border-radius:13px}.header-search .search-result-row .item-mini-icon svg{width:25px;height:25px}
.search-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--search-brand) 12%,var(--panel));color:var(--search-brand);font-size:13px;font-weight:600;letter-spacing:-.04em}
.brand-logo-box{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand,var(--search-brand)) 18%,var(--rule));background:var(--logo-bg,#fff)!important}
.brand-logo-box .brand-logo-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0;overflow:hidden;padding:4px;color:var(--brand,var(--search-brand));font-size:12px;font-weight:600;letter-spacing:-.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.brand-logo-box .brand-logo-fallback[hidden]{display:none!important}
.brand-logo-box img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:7px;object-fit:contain;object-position:center;background:transparent}
.brand-logo-box[data-logo-shape="wide"] img{padding:6px 3px}
.brand-logo-box[data-logo-shape="symbol"] img{padding:5px}
.search-brand-mark.brand-logo-box img{padding:6px}.search-brand-mark.brand-logo-box[data-logo-shape="symbol"] img{padding:4px}
.search-result-copy{display:grid;min-width:0;gap:2px}.search-result-kicker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.015em}.search-result-name{color:var(--ink);font-size:16px;font-weight:600;line-height:1.35;white-space:normal;word-break:keep-all}.search-result-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}
.search-result-value{display:grid;min-width:104px;gap:3px;text-align:right;white-space:nowrap}.search-result-value b{color:var(--ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.search-result-value em{color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.search-result-value em.up{color:var(--up)}.search-result-value em.down{color:var(--down)}
.header-search .nores{padding:34px 20px!important;color:var(--muted)!important;font-size:13px!important;text-align:center!important}
.header-popular{position:relative;order:-1;flex:none}
.popular-toggle{
  position:relative;width:260px;min-height:44px!important;margin-top:7px;padding:11px 12px 7px!important;gap:10px!important;
  justify-content:flex-start!important;text-align:left!important;
  overflow:visible;border:1px solid var(--rule)!important;border-radius:10px!important;background:var(--panel)!important;
  color:var(--ink)!important;box-shadow:none!important;font-size:14px!important;
}
.popular-toggle:hover,.popular-toggle[aria-expanded="true"]{border-color:var(--ink)!important;background:var(--hover)!important}
.popular-toggle i,.live-dot::before{width:7px!important;height:7px!important;background:#22a765!important;box-shadow:none!important}
.popular-live-label{
  position:absolute;z-index:2;top:0;left:13px;display:flex;align-items:center;gap:6px;min-height:23px;padding:3px 9px;
  transform:translateY(-50%);border:1px solid var(--ink);border-radius:999px;background:var(--panel);color:var(--ink);
  box-shadow:0 4px 12px rgba(15,23,42,.1);pointer-events:none
}
.popular-live-label b{font-size:13px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.popular-ticker-viewport{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-align:left}
.popular-ticker-viewport strong{max-width:96px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.popular-ticker-viewport em{color:var(--muted);font-size:13px;font-style:normal}.ticker-rank{color:var(--accent);font-size:13px;font-weight:600}.ticker-rate{font-size:13px;font-weight:600}
.popular-popover{
  top:62px!important;left:0!important;right:auto!important;width:min(720px,calc(100vw - 28px))!important;padding-top:0!important;
  overflow:visible!important;border:1px solid var(--rule)!important;border-radius:10px!important;background:var(--panel)!important;
  box-shadow:0 14px 38px rgba(17,24,39,.12)!important;
}
.popular-popover-label{
  position:absolute;top:-18px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;
  border:1px solid var(--rule);border-radius:999px;background:var(--panel);box-shadow:0 8px 20px rgba(17,24,39,.1);white-space:nowrap;
}
.popular-popover-label i{width:8px;height:8px;border-radius:50%;background:#22a765;box-shadow:0 0 0 4px rgba(34,167,101,.12)}
.popular-popover-label h2{margin:0;color:var(--ink);font-size:13px;font-weight:600;letter-spacing:-.02em}
.popular-popover-label span{padding-left:7px;border-left:1px solid var(--rule2);color:var(--accent);font-size:13px;font-weight:600}
.popular-grid{display:grid;overflow:hidden;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column}
.popular-rank-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:12px 15px;border-bottom:1px solid var(--rule2)!important;text-align:left}
.popular-rank-card:nth-child(-n+5){border-right:1px solid var(--rule2)!important}.popular-rank-card:hover,.popular-rank-card:focus-visible{background:var(--hover)!important}
.popular-rank-no{color:var(--accent);font-size:14px;font-weight:600}.popular-rank-name{display:grid;min-width:0}.popular-rank-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px}.popular-rank-name em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;font-style:normal}
.popular-rank-value{display:grid;text-align:right}.popular-rank-value b{color:var(--ink);font-size:13px}.popular-rank-value em{font-size:13px;font-style:normal;font-weight:600}.popular-empty{grid-column:1/-1;margin:0;padding:28px;color:var(--muted);text-align:center}
body[data-page="search"] .header-popular .popular-popover:not([hidden]){display:block!important}
.main-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px!important;row-gap:3px!important;min-width:0;overflow:visible!important;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{
  min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;
}
.main-nav a:hover{color:var(--ink)!important;background:transparent!important}
.main-nav a[aria-current="page"]{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 -2px var(--ink)}
.app-status{display:flex!important;align-items:center;gap:6px!important;color:var(--muted)!important;font-size:13px!important;white-space:nowrap}
.theme-toggle,.account-btn{
  min-height:36px!important;border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--ink)!important;box-shadow:none!important;
}
.theme-toggle{width:36px!important;height:36px!important}.account-btn{padding:7px 10px!important}.theme-toggle:hover,.account-btn:hover{background:var(--hover)!important;border-color:var(--ink)!important}

/* shared layout */
.shell,.page-head,.marketbar-in,.strip,.year-rank-page,.site-footer-in{
  width:min(1400px,calc(100% - 40px))!important;
  max-width:none!important;
  margin-left:auto!important;margin-right:auto!important;
}
.shell{padding:28px 0 64px!important;gap:20px!important}
.page-head{padding:42px 0 18px!important}.page-head small{color:var(--accent)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.12em!important}
.page-head h1{margin:7px 0 0!important;font-size:clamp(32px,4vw,50px)!important;line-height:1.12!important;letter-spacing:-.055em!important}
.page-head p{max-width:800px;margin:12px 0 0!important;color:var(--muted)!important;font-size:16px!important;line-height:1.7!important}
.share-page-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:8px 13px!important;border:1px solid var(--rule)!important;border-radius:9px!important;background:var(--panel)!important;color:var(--ink2)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;transition:border-color .15s ease,background .15s ease,color .15s ease!important}
.share-page-btn:hover,.share-page-btn:focus-visible{border-color:var(--ink)!important;background:var(--hover)!important;color:var(--ink)!important;outline:0!important}.share-page-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)!important}
.share-page-btn[data-share-state="done"]{border-color:color-mix(in srgb,var(--accent) 40%,var(--rule))!important;background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;color:var(--accent)!important}
.share-page-icon{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px}.share-page-icon svg{display:block;width:17px;height:17px}.page-head-share{align-self:flex-end;margin-bottom:7px}.summary-intro-actions{display:flex;align-items:center;gap:8px;flex:none}
.panel,.year-rank-panel,.summary-panel{
  border:1px solid var(--rule)!important;border-radius:12px!important;background:var(--panel)!important;
  box-shadow:none!important;overflow:hidden;
}
.ph,.summary-panel-head,.year-rank-head{min-height:60px!important;padding:15px 20px!important;border-bottom:1px solid var(--rule)!important;background:var(--panel)!important}
.ph h2,.summary-panel-head h2,.year-rank-head h2{margin:0!important;color:var(--ink)!important;font-size:18px!important;font-weight:600!important;letter-spacing:-.03em!important}
.ph .aux,.summary-panel-head>span{color:var(--muted)!important;font-size:13px!important}.pb{padding:18px 20px!important}.pb.flush{padding:0!important}
.seg{padding:3px!important;gap:2px!important;border:1px solid var(--rule)!important;border-radius:9px!important;background:var(--field)!important;box-shadow:none!important}
.seg button{min-height:34px!important;padding:6px 11px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:13px!important;box-shadow:none!important}
.seg button[aria-pressed="true"]{background:var(--panel)!important;color:var(--ink)!important;box-shadow:0 1px 3px rgba(17,24,39,.1)!important}
.btn{min-height:40px!important;padding:8px 14px!important;border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--ink)!important;box-shadow:none!important;font-weight:600!important}
.btn:hover{border-color:var(--ink)!important;background:var(--hover)!important}
input,select,textarea{border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--field)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important}

/* light utility bars */
.marketbar{border:0!important;background:transparent!important}
.marketbar-in{min-height:54px!important;margin-top:18px!important;padding:8px 12px!important;border:1px solid var(--rule)!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:none!important}
.marketbar .tk{padding:4px 13px!important;border-right:1px solid var(--rule2)!important}.marketbar .tk:first-child{padding-left:2px!important}.marketbar .tk .n{color:var(--muted)}
.marketbar .top-ctl{padding-left:12px!important;border-left:0!important}.marketbar .seg button,.marketbar select{min-height:34px!important}
.strip{margin-top:10px!important;border:1px solid var(--seedrule)!important;border-radius:8px!important;background:var(--seedbg)!important;color:var(--seedink)!important}
.strip-in{padding:9px 12px!important;font-size:13px!important}

/* dashboard */
body[data-page="dashboard"] .shell{padding-top:40px!important}
.summary-intro{align-items:flex-end!important;margin-bottom:30px!important}
.summary-intro small,.summary-panel-head small{margin:0 0 7px!important;color:var(--accent)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.09em!important}
.summary-intro h1{font-size:clamp(34px,4.5vw,54px)!important;font-weight:600!important;line-height:1.1!important;letter-spacing:-.06em!important}
.summary-intro p{margin-top:12px!important;color:var(--muted)!important;font-size:16px!important}
.summary-date{padding:8px 11px!important;border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--field)!important;color:var(--muted)!important;font-size:13px!important}
.summary-kpis{gap:12px!important;margin-bottom:18px!important}
.summary-kpis article,.summary-kpis article:first-child{
  min-height:292px!important;padding:21px!important;border:1px solid var(--rule)!important;border-radius:12px!important;
  background:var(--panel)!important;background-image:none!important;color:var(--ink)!important;box-shadow:none!important;
}
.summary-kpis span,.summary-kpis article:first-child span{margin-bottom:12px!important;color:var(--muted)!important;font-size:13px!important}
.summary-kpis b,.summary-kpis article:first-child b{color:var(--ink)!important;font-size:25px!important}.summary-kpis b.down{color:var(--down)!important}
.summary-kpis em,.summary-kpis article:first-child em{color:var(--muted)!important;font-size:13px!important}
.kpi-item-main{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:16px;align-items:center}.kpi-item-main>div{min-width:0}.kpi-item-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(15,23,42,.06);border-radius:17px;font-style:normal;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.kpi-item-icon svg{display:block;width:32px;height:32px}.kpi-item-icon.tone-pink{background:#fff0f5;color:#db2777}.kpi-item-icon.tone-green{background:#eaf8ef;color:#16905a}.kpi-item-icon.tone-amber{background:#fff7df;color:#c77a08}.kpi-item-icon.tone-red{background:#fff0ed;color:#e34d3d}.kpi-item-icon.tone-blue{background:#edf5ff;color:#2f6bdc}.kpi-item-icon.tone-violet{background:#f2efff;color:#7655c5}.kpi-item-icon.tone-orange{background:#fff1e8;color:#e66d1e}.kpi-item-icon.tone-slate{background:#f0f2f5;color:#526478}
.item-mini-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid rgba(15,23,42,.06);border-radius:11px;font-style:normal;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.item-mini-icon svg{display:block;width:21px;height:21px}.item-mini-icon.tone-pink{background:#fff0f5;color:#db2777}.item-mini-icon.tone-green{background:#eaf8ef;color:#16905a}.item-mini-icon.tone-amber{background:#fff7df;color:#c77a08}.item-mini-icon.tone-red{background:#fff0ed;color:#e34d3d}.item-mini-icon.tone-blue{background:#edf5ff;color:#2f6bdc}.item-mini-icon.tone-violet{background:#f2efff;color:#7655c5}.item-mini-icon.tone-orange{background:#fff1e8;color:#e66d1e}.item-mini-icon.tone-slate{background:#f0f2f5;color:#526478}.item-name-copy{display:block;min-width:0}.item-with-mini{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center}.year-rank-select{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center}.year-rank-select .item-name-copy>b,.year-rank-select .item-name-copy>span{display:block}.board-select{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;text-align:left!important}.board-select .item-mini-icon{width:34px;height:34px}.board-select .item-name-copy{display:block;text-align:left}.board-select .item-name-copy b,.board-select .item-name-copy em{display:block;margin-left:0;text-align:left}.board-select .item-name-copy em{margin-top:3px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.35!important;font-weight:540!important}.popular-rank-card{grid-template-columns:30px 34px minmax(0,1fr) auto!important}.popular-rank-card .item-mini-icon{width:34px;height:34px}.summary-rank-row .item-name-copy,.summary-mini-row .item-name-copy{min-width:0}
.kpi-item-icon.tone-fruit,.item-mini-icon.tone-fruit{background:#fff0ed;color:#e34d3d}.kpi-item-icon.tone-vegetable,.item-mini-icon.tone-vegetable{background:#e8f8ee;color:#168b50}.kpi-item-icon.tone-food,.item-mini-icon.tone-food{background:#fff5dc;color:#bd7000}.kpi-item-icon.tone-preference,.item-mini-icon.tone-preference{background:#f2edff;color:#7149c6}.kpi-item-icon.tone-coffee,.item-mini-icon.tone-coffee{background:#eee7ff;color:#4c1d95}.kpi-item-icon.tone-cola,.item-mini-icon.tone-cola{background:#fff0f1;color:#e21f2f}.kpi-item-icon.tone-essential,.item-mini-icon.tone-essential{background:#eaf2ff;color:#316dca}.kpi-item-icon.tone-protein,.item-mini-icon.tone-protein{background:#fff0f1;color:#d84b5b}.kpi-item-icon.tone-transport,.item-mini-icon.tone-transport{background:#e9f7ff;color:#087da5}.kpi-item-icon.tone-service,.item-mini-icon.tone-service{background:#eef1f5;color:#52667b}.kpi-item-icon.tone-energy,.item-mini-icon.tone-energy{background:#fff1e7;color:#d86a20}.kpi-item-icon.tone-neutral,.item-mini-icon.tone-neutral{background:#f1f3f6;color:#667085}
.kpi-item-icon.tone-carrot,.item-mini-icon.tone-carrot,.page-item-icon.tone-carrot{background:#fff0df;color:#f27a18}.kpi-item-icon.tone-tomato,.item-mini-icon.tone-tomato,.page-item-icon.tone-tomato{background:#fff0ee;color:#e54438}.kpi-item-icon.tone-grape,.item-mini-icon.tone-grape,.page-item-icon.tone-grape{background:#f5efff;color:#7c43b5}.kpi-item-icon.tone-banana,.item-mini-icon.tone-banana,.page-item-icon.tone-banana{background:#fff8d9;color:#d99a00}.kpi-item-icon.tone-peach,.item-mini-icon.tone-peach,.page-item-icon.tone-peach{background:#fff0eb;color:#ef765f}.kpi-item-icon.tone-strawberry,.item-mini-icon.tone-strawberry,.page-item-icon.tone-strawberry{background:#fff0f2;color:#df3f55}.kpi-item-icon.tone-watermelon,.item-mini-icon.tone-watermelon,.page-item-icon.tone-watermelon{background:#eaf8ef;color:#23834e}.kpi-item-icon.tone-onion,.item-mini-icon.tone-onion,.page-item-icon.tone-onion{background:#fff7dc;color:#c98309}.kpi-item-icon.tone-garlic,.item-mini-icon.tone-garlic,.page-item-icon.tone-garlic{background:#f7f3e7;color:#9a7b36}.kpi-item-icon.tone-potato,.item-mini-icon.tone-potato,.page-item-icon.tone-potato{background:#f8f0e4;color:#a56a2b}.kpi-item-icon.tone-sweetpotato,.item-mini-icon.tone-sweetpotato,.page-item-icon.tone-sweetpotato{background:#f5edff;color:#814ba8}.kpi-item-icon.tone-cucumber,.item-mini-icon.tone-cucumber,.page-item-icon.tone-cucumber{background:#e8f8ec;color:#138a47}.kpi-item-icon.tone-pumpkin,.item-mini-icon.tone-pumpkin,.page-item-icon.tone-pumpkin{background:#fff1df;color:#e57416}.kpi-item-icon.tone-apple,.item-mini-icon.tone-apple,.page-item-icon.tone-apple{background:#fff0ee;color:#e1473d}.kpi-item-icon.tone-pear,.item-mini-icon.tone-pear,.page-item-icon.tone-pear{background:#eff8dd;color:#73a626}.kpi-item-icon.tone-citrus,.item-mini-icon.tone-citrus,.page-item-icon.tone-citrus{background:#fff2dc;color:#ed8212}
.kpi-item-icon.tone-apple svg,.item-mini-icon.tone-apple svg,.page-item-icon.tone-apple svg,.kpi-item-icon.tone-tomato svg,.item-mini-icon.tone-tomato svg,.page-item-icon.tone-tomato svg{filter:drop-shadow(0 1px 1px rgba(120,24,24,.16))}
.kpi-card-title{display:block}.kpi-main-button{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.kpi-main-button:hover b{color:var(--accent)!important}.kpi-main-button:focus-visible{border-radius:9px}.kpi-subrank{display:grid;margin-top:17px;border-top:1px solid var(--rule2)}.kpi-subrank button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;height:42px;padding:0;border:0;border-bottom:1px solid var(--rule2);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.kpi-subrank button:last-child{border-bottom:0}.kpi-subrank button:hover span{color:var(--accent)}.summary-kpis article .kpi-subrank button>span{display:flex!important;align-items:center;min-width:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)!important;font-size:13px!important;font-weight:600}.kpi-subrank button i{display:inline-grid;place-items:center;flex:0 0 22px;margin-right:6px;color:var(--muted);font-size:13px;font-style:normal;font-variant-numeric:tabular-nums}.summary-kpis article .kpi-subrank button>em{margin:0!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}.kpi-subrank button em.up{color:var(--up)!important}.kpi-subrank button em.down{color:var(--down)!important}
.summary-layout{gap:18px!important}.summary-side{gap:18px!important}
@media(min-width:901px){
  .summary-layout{align-items:stretch!important}
  .summary-layout>.summary-cpi,.summary-layout>.summary-side,.summary-side>.summary-panel{height:100%}
  .summary-side>.summary-panel{display:flex;flex-direction:column}
  .summary-side .summary-mini-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));flex:1;padding:0!important}
  .summary-side .summary-mini-row{height:100%;min-height:0}
}
.summary-cpi-stats{display:flex;gap:32px;padding:18px 22px 4px}.summary-cpi-stats>div{display:grid}.summary-cpi-stats span,.summary-cpi-stats em{color:var(--muted);font-size:13px;font-style:normal}.summary-cpi-stats b{color:var(--ink);font-size:25px;line-height:1.25;letter-spacing:-.04em}.summary-cpi-stats>div:first-child b{color:var(--accent)}
.summary-cpi-wrap{width:100%;padding:0 14px;overflow:hidden}.summary-cpi-wrap canvas{display:block;max-width:100%}.summary-cpi-legend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 22px 18px;color:var(--muted);font-size:13px}.summary-cpi-legend span{display:flex;align-items:center;gap:7px}.summary-cpi-legend i{display:block;width:18px;height:3px;border-radius:99px;background:var(--accent)}.summary-cpi-legend em{font-style:normal}
.summary-ranking-lower{margin-top:18px}.summary-ranking-lower .summary-list{max-height:none;overflow:visible}
.summary-panel-head{padding:17px 20px!important}.summary-panel-head h2{font-size:19px!important}.summary-panel-head>button{padding:7px 9px!important;border-radius:7px!important;background:var(--field)!important;color:var(--ink2)!important;font-size:13px!important}
.summary-panel-head>button:hover{background:var(--hover)!important;color:var(--ink)!important}
.summary-ranking-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.summary-ranking-switch{display:flex;padding:3px;border:1px solid var(--rule);border-radius:9px;background:var(--field)}.summary-ranking-switch button{min-height:31px;padding:5px 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.summary-ranking-switch button[aria-pressed="true"]{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px rgba(15,23,42,.1)}.summary-ranking-actions>[data-go],.summary-ranking-filter{min-height:37px;padding:7px 10px;border:1px solid var(--rule);border-radius:8px;background:var(--panel);color:var(--ink2);font-size:13px;font-weight:600;cursor:pointer}.summary-ranking-actions>[data-go]:hover,.summary-ranking-filter:hover{border-color:var(--ink);color:var(--ink)}.summary-ranking-filter{border-color:color-mix(in srgb,var(--accent) 24%,var(--rule));background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--accent)}.summary-ranking-filter span{margin-left:4px;font-size:14px}.summary-group-row .group-count{color:var(--ink2);font-weight:600}.summary-group-row .item-name-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-group-row:hover .item-name-copy>b{color:var(--accent)}
.summary-rank-head{padding:11px 20px!important;background:var(--field)!important;border-bottom:1px solid var(--rule2)!important}
.summary-rank-row{padding:14px 20px!important;border-top:0!important;border-bottom:1px solid var(--rule2)!important}.summary-rank-row:last-child{border-bottom:0!important}.summary-rank-row:hover{background:var(--hover)!important}
.summary-rank-row .no,.summary-mini-row .no{color:var(--muted)!important}.summary-rank-row .item b{font-size:15px!important}.summary-rank-row .item span{font-size:13px!important}.summary-rank-row .rate{font-size:14px!important}
.summary-mini-list{padding:4px 0!important}.summary-mini-row{padding:12px 17px!important}.summary-mini-row:hover{background:var(--hover)!important}.summary-mini-row .item b{font-size:14px!important}
.government-panel{margin-top:18px!important}.government-grid{gap:0!important;background:var(--panel)!important}
.government-card{min-height:164px!important;padding:20px!important;border-right:1px solid var(--rule2)!important;border-bottom:1px solid var(--rule2)!important;background:var(--panel)!important;background-image:none!important}
.government-card.current{background:var(--field)!important}.government-card .term i{border:1px solid var(--rule)!important;border-radius:6px!important;background:var(--panel)!important;color:var(--muted)!important}
.government-card h3{margin-top:12px!important;font-size:17px!important}.government-card .rate{font-size:28px!important}.government-card .indices{font-size:13px!important}
.government-bar{height:4px!important;background:var(--rule2)!important}.government-bar i{background:var(--accent)!important}
.government-note{padding:14px 20px!important;border-top:1px solid var(--rule)!important;background:var(--field)!important;color:var(--muted)!important;font-size:13px!important}
@media(max-width:700px){.summary-ranking-lower .summary-panel-head{align-items:flex-start;flex-direction:column}.summary-ranking-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.summary-ranking-actions>[data-go]{margin-left:auto}.summary-ranking-switch{flex:0 0 auto}.summary-ranking-filter{order:3}.summary-group-row .group-count{display:none}}
@media(max-width:430px){.summary-ranking-actions{gap:6px}.summary-ranking-switch button{padding:5px 9px}.summary-ranking-actions>[data-go]{padding:7px 8px}}

/* supplied horizontal brand logo */
.brand .brand-logo-wide{display:block;width:190px;height:auto;flex:0 0 190px;filter:none}.site-footer-brand>.site-footer-brand-logo{display:block;width:166px;height:auto;flex:0 0 166px;border-radius:0}.site-footer-tagline{max-width:240px;color:var(--muted)!important;font-size:13px!important;line-height:1.45}
@media(max-width:700px){.brand .brand-logo-wide{width:160px;flex-basis:160px}.site-footer-brand>.site-footer-brand-logo{width:138px;flex-basis:138px}}
@media(max-width:430px){.brand .brand-logo-wide{width:146px;height:auto;flex-basis:146px}.site-footer-brand{align-items:flex-start;flex-direction:column}.site-footer-tagline{font-size:13px!important}}

/* item detail */
body[data-page="item"] .page-head{padding-top:38px!important}
body[data-page="item"] .page-head>div:first-child{flex:1;min-width:0}
body[data-page="item"] .page-head h1{font-size:clamp(30px,4.1vw,44px)!important;line-height:1.08!important}
body[data-page="item"] .item-quick-stats{gap:11px;margin-top:22px}
body[data-page="item"] .item-quick-stat{min-height:132px;padding:16px 18px 14px;border-radius:17px}
body[data-page="item"] .item-quick-stat::before{left:18px;right:18px}
body[data-page="item"] .item-quick-stat>span{margin-bottom:11px}
body[data-page="item"] .item-quick-stat strong,body[data-page="item"] .item-quick-stat .trend-value{min-height:32px;font-size:25px}
body[data-page="item"] .item-quick-stat .trend-word{font-size:15px}
body[data-page="item"] .item-quick-stat small{padding-top:9px;font-size:13px}
@media(max-width:900px) and (min-width:521px){body[data-page="item"] .item-quick-stat{min-height:124px;padding:15px 16px 13px}}
@media(max-width:520px){body[data-page="item"] .item-quick-stats{gap:4px;margin-top:14px}body[data-page="item"] .item-quick-stat{min-height:100px;padding:11px 7px 9px;border-radius:12px}body[data-page="item"] .item-quick-stat::before{left:7px;right:7px}body[data-page="item"] .item-quick-stat>span{margin-bottom:7px}body[data-page="item"] .item-quick-stat strong,body[data-page="item"] .item-quick-stat .trend-value{font-size:17px}body[data-page="item"] .item-quick-stat .trend-word{font-size:13px}body[data-page="item"] .item-quick-stat small{padding-top:6px;font-size:13px}}
.item-sticky-summary[hidden]{display:none!important}.item-sticky-summary{--item-sticky-top:72px;position:fixed;z-index:46;top:var(--item-sticky-top);left:0;right:0;padding:8px 20px;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 12px 28px rgba(15,23,42,.1);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.item-sticky-summary.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.item-sticky-summary-in{display:grid;grid-template-columns:38px minmax(180px,1fr) auto auto;align-items:center;gap:12px;width:min(1400px,calc(100% - 40px));margin:0 auto}.item-sticky-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.item-sticky-icon svg{display:block;width:24px;height:24px}.item-sticky-icon.tone-pink{background:#fff0f5;color:#db2777}.item-sticky-icon.tone-green,.item-sticky-icon.tone-vegetable{background:#e8f8ee;color:#168b50}.item-sticky-icon.tone-amber,.item-sticky-icon.tone-food{background:#fff5dc;color:#bd7000}.item-sticky-icon.tone-red,.item-sticky-icon.tone-fruit{background:#fff0ed;color:#e34d3d}.item-sticky-icon.tone-blue,.item-sticky-icon.tone-essential{background:#eaf2ff;color:#316dca}.item-sticky-icon.tone-violet,.item-sticky-icon.tone-preference,.item-sticky-icon.tone-coffee{background:#f2edff;color:#7149c6}.item-sticky-icon.tone-orange,.item-sticky-icon.tone-energy{background:#fff1e8;color:#e66d1e}.item-sticky-icon.tone-slate,.item-sticky-icon.tone-service,.item-sticky-icon.tone-neutral{background:#eef1f5;color:#52667b}.item-sticky-icon.tone-protein{background:#fff0f1;color:#d84b5b}.item-sticky-icon.tone-transport{background:#e9f7ff;color:#087da5}.item-sticky-identity{min-width:0}.item-sticky-identity strong,.item-sticky-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sticky-identity strong{font-size:14px;line-height:1.25;letter-spacing:-.025em}.item-sticky-identity span{margin-top:3px;color:var(--muted);font-size:13px}.item-sticky-price{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:baseline;text-align:right;white-space:nowrap}.item-sticky-price>span{color:var(--muted);font-size:13px}.item-sticky-price b{font-size:15px;font-variant-numeric:tabular-nums}.item-sticky-price small{grid-column:1/-1;color:var(--muted);font-size:13px}.item-sticky-change{min-width:170px;text-align:right;white-space:nowrap;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.item-sticky-change .up{color:var(--up)}.item-sticky-change .down{color:var(--down)}.item-sticky-change .flat{color:var(--muted)}
body[data-page="item"] #chart-panel,body[data-page="item"] #item-context-panel,body[data-page="item"] #comments-panel{border:1px solid var(--rule)!important;border-radius:12px!important;box-shadow:none!important}
body[data-page="item"] #chart-panel>.ph{min-height:64px!important;padding:16px 20px!important}
body[data-page="item"] #chart-panel>.ph h2{font-size:19px!important}
body[data-page="item"] .chartbar{padding:11px 16px!important;border-bottom:1px solid var(--rule)!important;background:var(--field)!important}
body[data-page="item"] #views button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
body[data-page="item"] #views button svg{display:block;width:18px;height:18px;flex:0 0 18px;color:currentColor}
body[data-page="item"] #chart{height:520px!important;min-height:520px!important;padding:18px 20px 4px!important}
body[data-page="item"] #chart svg{display:block!important;width:100%!important;height:490px!important;min-height:490px!important}
.chart-estimate-note{margin-left:7px;color:var(--muted);font-size:13px}.tip .r small{margin-left:4px;color:var(--muted);font-size:13px;font-weight:600}
.legend{padding:12px 18px!important;border-top:1px solid var(--rule2)!important}.hintbar{padding:12px 18px!important;border-top:1px solid var(--rule2)!important;background:var(--field)!important;color:var(--muted)!important}
.comment-form input,.comment-form textarea{background:var(--field)!important}.comment-form textarea{min-height:110px!important}.comment-list{border-top:1px solid var(--rule2)!important}.comment-item{border-bottom:1px solid var(--rule2)!important}
.frequency-controls{display:none;align-items:center;gap:10px;margin-left:auto}body[data-page="item"] .frequency-controls{display:flex}.frequency-controls .seg button:disabled{opacity:.42;cursor:not-allowed}.frequency-note{color:var(--muted);font-size:13px}
.period-chart-message{display:grid;place-items:center;height:100%;min-height:360px;color:var(--muted);font-size:14px;text-align:center}
#item-context-panel{display:none}body[data-page="item"] #item-context-panel{display:block}.item-context-loading{padding:18px;color:var(--muted);text-align:center}.item-change-summary{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:18px}.item-change-lead{padding:22px;border:1px solid var(--rule2);border-radius:12px;background:linear-gradient(145deg,var(--field),var(--panel))}.item-change-lead small{display:block;margin-bottom:9px;color:var(--muted);font-size:13px;font-weight:600}.item-change-lead b{display:block;color:var(--ink);font-size:26px;line-height:1.2;letter-spacing:-.045em}.item-change-lead b.up{color:var(--up)}.item-change-lead b.down{color:var(--down)}.item-change-lead p{margin:10px 0 0;color:var(--ink2);font-size:13px;line-height:1.7}.item-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-factor{padding:16px;border:1px solid var(--rule2);border-radius:11px;background:var(--panel)}.item-factor i{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:9px;background:var(--sel);color:var(--accent);font-style:normal}.item-factor i svg{width:18px;height:18px}.item-factor b{display:block;margin-bottom:6px;font-size:14px}.item-factor p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.item-context-caveat{margin:14px 0 0;padding:11px 13px;border-left:3px solid var(--accent);background:var(--field);color:var(--muted);font-size:13px;line-height:1.65}.item-news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:26px 0 10px}.item-news-head h3{margin:0;font-size:18px}.item-news-head span{color:var(--muted);font-size:13px}.item-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-news-card{display:grid;min-height:150px;padding:17px;border:1px solid var(--rule2);border-radius:11px;background:var(--panel);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.item-news-card:hover{transform:translateY(-1px);border-color:var(--accent)}.item-news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.item-news-card b{display:block;margin:10px 0 7px;font-size:15px;line-height:1.5;letter-spacing:-.02em}.item-news-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.item-news-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--rule);border-radius:11px;color:var(--muted);font-size:13px;text-align:center}.item-source-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid var(--rule2);color:var(--muted);font-size:13px}.item-source-row a{color:var(--accent);font-weight:600;text-decoration:none}.item-source-row a:hover{text-decoration:underline}

.item-group-trail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 15px}.item-group-trail[hidden]{display:none}.item-group-trail span,.item-group-trail button{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:0;border-radius:8px;background:var(--field);color:var(--ink2);font-size:13px;font-weight:600;line-height:1}.item-group-trail button{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.item-group-trail button:hover,.item-group-trail button:focus-visible{transform:translateY(-1px);background:var(--sel);box-shadow:0 5px 14px rgba(15,23,42,.08);outline:0}.item-group-trail i{color:var(--muted);font-size:15px;font-style:normal}.item-group-trail .item-group-primary{color:#fff}.item-group-trail.cat-food .item-group-primary{background:#b9670d}.item-group-trail.cat-ingredient .item-group-primary{background:#168052}.item-group-trail.cat-preference .item-group-primary{background:#6841ad}.item-group-trail.cat-essential .item-group-primary{background:#3268b8}.item-group-trail.cat-transport .item-group-primary{background:#087da5}.item-group-trail.cat-service .item-group-primary{background:#526478}
.item-variants{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.item-variants>strong{margin-right:3px;color:var(--ink2);font-size:13px}.item-variant{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 11px;border:1px solid var(--rule);border-radius:10px;background:var(--panel);color:var(--ink2);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.item-variant:hover:not([aria-current="true"]){border-color:#e21f2f;background:#fff7f7;transform:translateY(-1px)}.item-variant b{color:inherit;font-size:13px;white-space:nowrap}.item-variant small{max-width:170px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.item-variant[aria-current="true"]{border-color:#e21f2f;background:#fff0f1;color:#c81727;box-shadow:0 0 0 1px rgba(226,31,47,.08)}.item-variant-current{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:#e21f2f;color:#fff;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.02em;white-space:nowrap}.item-variants-loading{color:var(--muted);font-size:13px}
.item-related-products{width:min(100%,1040px);margin-top:24px;padding:17px;border:1px solid var(--rule2);border-radius:16px;background:linear-gradient(145deg,var(--field),var(--panel))}.item-related-products[hidden]{display:none}.item-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.item-related-head strong{color:var(--ink);font-size:16px}.item-related-head span{color:var(--muted);font-size:13px}.item-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-related-product{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:66px;padding:10px 12px;border:1px solid var(--rule2);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.item-related-product:hover{border-color:var(--accent);background:var(--field);transform:translateY(-1px)}.item-related-product .item-mini-icon{width:40px;height:40px;border-radius:12px}.item-related-product>span{min-width:0}.item-related-product b,.item-related-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-related-product b{font-size:13px}.item-related-product small{margin-top:4px;color:var(--muted);font-size:13px}.item-related-product em{color:var(--accent);font-size:13px;font-style:normal;font-weight:600;white-space:nowrap}
.item-related-loading{display:grid;min-height:66px;place-items:center;border:1px dashed var(--rule2);border-radius:12px;background:var(--panel);color:var(--muted);font-size:13px}
.item-related-product[aria-current="page"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:inset 3px 0 var(--accent),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent);cursor:default;transform:none}.item-related-product[aria-current="page"] em{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--accent);color:#fff}.item-related-product:disabled{opacity:1;transform:none}.comparison-price-grid{min-width:920px}.comparison-price-grid thead tr:first-child th{vertical-align:top}.comparison-table-item{display:grid;grid-template-columns:10px minmax(110px,1fr);align-items:center;gap:3px 8px;text-align:left}.comparison-table-item>i{grid-row:1/3;width:10px;height:10px;border-radius:50%}.comparison-table-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.comparison-table-item small{color:var(--muted);font-size:13px;font-weight:600}.comparison-subhead th{padding-top:7px!important;padding-bottom:7px!important;color:var(--muted)!important;font-size:13px!important}.comparison-price{min-width:110px;white-space:nowrap}.comparison-table-help{color:var(--muted)}
@media(max-width:760px){.item-related-head{display:grid;gap:4px}.item-related-list{grid-template-columns:1fr}.item-related-product{grid-template-columns:38px minmax(0,1fr) auto}.item-related-product .item-mini-icon{width:38px;height:38px}}
.item-related-products{width:min(100%,1320px)}.item-related-head strong em{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:999px;background:var(--sel);color:var(--accent);font-size:13px;font-style:normal;vertical-align:2px}.item-related-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:390px;padding-right:4px;overflow-y:auto;scrollbar-width:thin}.item-related-product{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:60px;padding:9px 11px;border-radius:11px}.item-related-product .item-mini-icon{width:38px;height:38px;border-radius:11px}.item-related-product b{font-size:13px}.item-related-product small{margin-top:3px;font-size:13px}.item-related-product em{font-size:13px}
@media(max-width:1080px) and (min-width:761px){.item-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.item-related-list{grid-template-columns:1fr;max-height:430px}.item-related-product{grid-template-columns:36px minmax(0,1fr) auto}.item-related-product .item-mini-icon{width:36px;height:36px}}
@media(max-width:700px){.item-sticky-summary{padding:7px 12px}.item-sticky-summary-in{grid-template-columns:34px minmax(0,1fr) auto;width:100%;gap:9px}.item-sticky-icon{width:34px;height:34px;border-radius:10px}.item-sticky-icon svg{width:21px;height:21px}.item-sticky-identity strong{font-size:13px}.item-sticky-price>span,.item-sticky-price small{display:none}.item-sticky-price b{font-size:13px}.item-sticky-change{grid-column:2/-1;min-width:0;margin-top:-6px;font-size:13px;text-align:left}.item-sticky-summary.is-visible{box-shadow:0 8px 20px rgba(15,23,42,.12)}}

/* Filled, high-contrast icon system */
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon,.category-detail-icon,.dashboard-category-card .category-icon){
  border-width:1px!important;
  border-style:solid!important;
  border-color:color-mix(in srgb,currentColor 30%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 5px 14px color-mix(in srgb,currentColor 12%,transparent)!important;
}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon,.category-detail-icon,.dashboard-category-card .category-icon) svg{
  overflow:visible;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.42));
}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon,.category-detail-icon,.dashboard-category-card .category-icon) svg.solid-icon [fill="currentColor"][opacity]{opacity:.9!important}

:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-fruit,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-apple,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-tomato,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-strawberry{background:#ffdeda!important;color:#b82129!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-vegetable,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-cucumber,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-watermelon{background:#d8f4e2!important;color:#075f38!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-food{background:#ffedbd!important;color:#8a4800!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-preference,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-coffee{background:#e7dcff!important;color:#4d1e9c!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-cola{background:#ffd9df!important;color:#b6001e!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-essential{background:#dbe8ff!important;color:#174b9c!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-protein{background:#ffdce2!important;color:#a8223f!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-transport{background:#ccefff!important;color:#005b7c!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-service{background:#e2e7ed!important;color:#34485f!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-energy{background:#ffe1cd!important;color:#a8410a!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-neutral{background:#e5e9ef!important;color:#35465a!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-carrot,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-citrus,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-pumpkin{background:#ffe4c7!important;color:#b94d00!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-grape{background:#e9ddff!important;color:#5c2695!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-banana,
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-onion{background:#fff0b8!important;color:#976000!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-peach{background:#ffdcd1!important;color:#b6402f!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-pear{background:#e2f2bf!important;color:#4d7514!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-garlic{background:#eee5cf!important;color:#6d5118!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-potato{background:#ead8c0!important;color:#70400e!important}
:is(.kpi-item-icon,.item-mini-icon,.page-item-icon).tone-sweetpotato{background:#e6d7f7!important;color:#632d85!important}

.dashboard-category-card .category-icon{background:color-mix(in srgb,var(--cat-bg) 72%,var(--cat) 28%)!important;color:color-mix(in srgb,var(--cat) 88%,#000)!important}
.category-detail-icon{background:color-mix(in srgb,var(--category-color,#7246b7) 20%,var(--panel))!important;color:color-mix(in srgb,var(--category-color,#7246b7) 86%,#000)!important}

/* tables and lists */
.wl{width:100%}.wl tr{border-bottom:1px solid var(--rule2)!important}.wl tr:last-child{border-bottom:0!important}.wl tr:hover{background:var(--hover)!important}.wl th.rank{color:var(--muted)!important}.wl td.nm b{font-size:14px!important}.wl td.nm em{color:var(--muted)!important}.wl td.searches{color:var(--muted)!important;font-size:13px!important}
.tabs{padding:8px!important;border-bottom:1px solid var(--rule)!important;background:var(--panel)!important;gap:2px!important}.tabs button{min-height:38px!important;padding:8px 12px!important;border-radius:7px!important;color:var(--muted)!important}.tabs button[aria-pressed="true"]{background:var(--field)!important;color:var(--ink)!important}
.scroll,.year-rank-scroll{overflow:auto}.grid,.year-rank-table{width:100%;border-collapse:collapse}.grid th,.year-rank-table th{padding:12px 14px!important;border-bottom:1px solid var(--rule)!important;background:var(--field)!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important}.grid td,.year-rank-table td{padding:13px 14px!important;border-bottom:1px solid var(--rule2)!important;background:var(--panel)!important;font-size:14px!important}.grid tbody tr:hover td,.year-rank-table tbody tr:hover td{background:var(--hover)!important}.year-rank-table tr[data-top="true"] td{background:var(--downtint)!important}.year-rank-no{color:var(--muted)!important}.year-rank-rate{font-weight:600!important}.change-kind{border-radius:5px!important;background:var(--field)!important}
.grid tbody tr.current-year-row>th,.grid tbody tr.current-year-row>td{background:linear-gradient(90deg,rgba(79,70,229,.105),rgba(79,70,229,.035))!important;border-top:1px solid rgba(79,70,229,.18)!important;border-bottom:1px solid rgba(79,70,229,.18)!important;color:var(--ink)!important;font-weight:600!important}
.grid tbody tr.current-year-row>th:first-child{box-shadow:inset 4px 0 0 var(--accent)}
.grid tbody tr.current-year-row:hover>th,.grid tbody tr.current-year-row:hover>td{background:linear-gradient(90deg,rgba(79,70,229,.15),rgba(79,70,229,.06))!important}
.year-live{display:inline-flex!important;align-items:center!important;margin:4px 0 0 7px!important;padding:3px 7px!important;border:1px solid rgba(79,70,229,.18)!important;border-radius:999px!important;background:rgba(79,70,229,.11)!important;color:var(--accent)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;vertical-align:middle!important}
.price-extreme-cell{white-space:nowrap}.price-extreme{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:31px!important;height:20px!important;margin-right:7px!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:-.02em!important;vertical-align:1px!important;white-space:nowrap!important}.price-extreme.price-low{border-color:rgba(37,99,235,.18)!important;background:#eaf2ff!important;color:#1d5ed1!important}.price-extreme.price-high{border-color:rgba(225,61,70,.18)!important;background:#fff0f1!important;color:#d8323c!important}
.year-rank-table th.ranking-current-year-head,.year-rank-table td.ranking-current-year{background:rgba(79,70,229,.09)!important;color:var(--ink)!important;box-shadow:inset 1px 0 rgba(79,70,229,.14),inset -1px 0 rgba(79,70,229,.14)}
.year-rank-table th.ranking-current-year-head{color:var(--accent)!important;font-weight:600!important}.year-rank-table td.ranking-current-year b{color:var(--accent)!important;font-weight:600!important}
.board-feed-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid var(--rule);background:var(--panel)}
.board-feed-status>div{display:flex;align-items:baseline;gap:12px;min-width:0}.board-feed-status b{color:var(--ink);font-size:15px}.board-feed-status span,.board-feed-status em{color:var(--muted);font-size:13px;font-style:normal}.board-feed-status em{flex:0 0 auto}
.market-more-wrap{display:flex;justify-content:center;padding:18px 20px 22px;border-top:1px solid var(--rule2);background:var(--panel)}.market-more{min-width:260px;min-height:46px;padding:11px 24px;border:1px solid var(--rule);border-radius:11px;background:var(--field);color:var(--ink);font-size:13px;font-weight:600;transition:border-color .15s ease,background .15s ease,transform .15s ease}.market-more:hover{border-color:var(--accent);background:var(--sel);color:var(--accent2);transform:translateY(-1px)}
.market-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px 16px;border-bottom:1px solid var(--rule);background:var(--panel)}.market-categories button{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-height:46px;padding:9px 12px;border:1px solid var(--rule2);border-radius:10px;background:var(--panel);color:var(--ink2);text-align:left}.market-categories button:hover{border-color:var(--accent);background:var(--hover)}.market-categories button[aria-pressed="true"]{border-color:var(--accent);background:var(--sel);color:var(--accent2);box-shadow:0 0 0 1px var(--accent)}.market-categories i{display:grid;place-items:center;width:22px;height:22px;font-style:normal}.market-categories i svg{display:block;width:21px;height:21px}.market-categories span{font-size:13px;font-weight:600;white-space:nowrap}.market-categories em{display:grid;place-items:center;min-width:25px;height:22px;padding:0 6px;border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.market-category-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.market-category-badge.cat-food{background:#fff2e8;color:#b45309}.market-category-badge.cat-ingredient{background:#eaf8ef;color:#187044}.market-category-badge.cat-preference{background:#f5edff;color:#7446a8}.market-category-badge.cat-essential{background:#edf5ff;color:#285e9f}.market-category-badge.cat-transport{background:#e9f7ff;color:#087da5}.market-category-badge.cat-service{background:#eef1f4;color:#45566c}.market-sector{display:block;margin-top:4px;color:var(--muted);font-size:13px;white-space:nowrap}.market-category-combo{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid transparent;border-radius:999px;white-space:nowrap;font-size:13px;line-height:1}.market-category-combo small{color:currentColor;font-size:13px;font-weight:600;opacity:.68}.market-category-combo i{font-size:14px;font-style:normal;font-weight:500;opacity:.45}.market-category-combo b{font-size:13px;font-weight:600}.market-category-combo.cat-food{border-color:#f7ddc8;background:#fff2e8;color:#b45309}.market-category-combo.cat-ingredient{border-color:#cfead9;background:#eaf8ef;color:#187044}.market-category-combo.cat-preference{border-color:#e2d4f5;background:#f5edff;color:#7446a8}.market-category-combo.cat-essential{border-color:#d6e5f7;background:#edf5ff;color:#285e9f}.market-category-combo.cat-transport{border-color:#c9e9f7;background:#e9f7ff;color:#087da5}.market-category-combo.cat-service{border-color:#dce2e8;background:#eef1f4;color:#45566c}
.year-rank-page{padding:28px 0 64px!important}.year-rank-head p{font-size:13px!important}.year-rank-head .tag{border-radius:6px!important}.year-rank-table th{position:static!important;top:auto!important}
.year-rank-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.year-rank-actions label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap}.year-rank-actions select{min-width:104px;min-height:38px;padding:7px 30px 7px 10px;border-radius:8px!important;background:var(--panel)!important;color:var(--ink)!important;font-weight:600}.year-rank-actions .tag{white-space:nowrap}
.year-rank-categories{display:flex;align-items:center;gap:8px;padding:13px 20px;border-bottom:1px solid var(--rule);background:var(--panel);overflow-x:auto;scrollbar-width:none}.year-rank-categories::-webkit-scrollbar{display:none}.ranking-category{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:39px;padding:7px 9px 7px 10px;border:1px solid var(--rule2);border-radius:999px;background:var(--panel);color:var(--ink2);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.ranking-category:hover{border-color:var(--accent);background:var(--hover);transform:translateY(-1px)}.ranking-category[aria-pressed="true"]{border-color:var(--accent);background:var(--sel);color:var(--accent2);box-shadow:0 0 0 1px rgba(37,99,235,.08)}.ranking-category i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--field);color:currentColor;font-style:normal}.ranking-category i svg{width:15px;height:15px}.ranking-category span{font-size:13px;font-weight:600;white-space:nowrap}.ranking-category em{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.ranking-category[aria-pressed="true"] em{background:var(--panel);color:var(--accent2)}.ranking-category.cat-ingredient i{color:#178253;background:#e9f8ef}.ranking-category.cat-processed i{color:#c36b0c;background:#fff4dd}.ranking-category.cat-essential i{color:#3268b8;background:#edf5ff}.ranking-category.cat-preference i{color:#7346b7;background:#f5edff}.ranking-category.cat-alcohol i{color:#b34b67;background:#fff0f4}.ranking-category.cat-transport i{color:#087da5;background:#e9f7ff}.ranking-category.cat-fuel i{color:#d45b24;background:#fff0e8}.ranking-category.cat-service i{color:#526478;background:#eef1f4}.year-rank-empty b{display:block;margin-bottom:7px;color:var(--ink);font-size:15px}.year-rank-empty small{display:block;color:var(--muted);font-size:13px}
.rkrow{border-bottom:1px solid var(--rule2)!important}.rkrow:hover{background:var(--hover)!important}.rankgrid{border-top:1px solid var(--rule2)!important}.rankcol{border-right:1px solid var(--rule2)!important}.rankcol h3{background:var(--field)!important}

/* category detail */
.category-detail-page{display:none;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:10px 0 72px}
body[data-page="category"] .shell{display:none}body[data-page="category"] .category-detail-page{display:block}
body[data-page="category"] .page-head{padding-top:34px!important;padding-bottom:18px!important}
.regional-price-page{display:none;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:8px 0 72px}
body[data-page="regions"] .marketbar,body[data-page="regions"] .strip,body[data-page="regions"] .shell{display:none}
body[data-page="regions"] .regional-price-page{display:block}
body[data-page="regions"] .page-head{padding-top:34px!important;padding-bottom:18px!important}
.notice-page{display:none;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:8px 0 72px}body[data-page="notices"] .marketbar,body[data-page="notices"] .strip,body[data-page="notices"] .shell{display:none}body[data-page="notices"] .notice-page{display:block}body[data-page="notices"] .page-head{padding-top:34px!important;padding-bottom:18px!important}
.notice-board{overflow:hidden;border:1px solid var(--rule);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.notice-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:23px 25px;border-bottom:1px solid var(--rule2)}.notice-board-head small{display:block;margin-bottom:5px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.12em}.notice-board-head h2{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.04em}.notice-board-head p{margin:7px 0 0;color:var(--muted);font-size:13px}.notice-board-head>span{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.notice-filters{display:flex;gap:7px;padding:14px 20px;border-bottom:1px solid var(--rule2);background:var(--field)}.notice-filters button{min-height:38px;padding:7px 14px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);color:var(--muted);font-size:13px;font-weight:600}.notice-filters button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#fff}.notice-list{min-height:180px}.notice-row{border-bottom:1px solid var(--rule2)}.notice-row:last-child{border-bottom:0}.notice-row summary{display:grid;grid-template-columns:105px 78px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:76px;padding:15px 22px;cursor:pointer;list-style:none}.notice-row summary::-webkit-details-marker{display:none}.notice-row summary:hover{background:var(--hover)}.notice-date{color:var(--muted);font-family:"Azeret Mono",monospace;font-size:12px;font-variant-numeric:tabular-nums}.notice-category{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:600}.notice-category.update{background:var(--sel);color:var(--accent2)}.notice-category.notice{background:#fff3d7;color:#9a6500}.notice-row-title{min-width:0}.notice-row-title b,.notice-row-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-row-title b{color:var(--ink);font-size:15px}.notice-row-title span{margin-top:4px;color:var(--muted);font-size:13px}.notice-chevron{color:var(--muted);font-size:20px;transition:transform .16s ease}.notice-row[open] .notice-chevron{transform:rotate(180deg)}.notice-detail{padding:0 22px 20px 219px}.notice-detail ul{margin:0;padding:15px 17px 15px 34px;border-radius:12px;background:var(--field);color:var(--ink2);font-size:13px;line-height:1.8}.notice-empty{padding:50px 20px;color:var(--muted);font-size:13px;text-align:center}
.notice-new-badge{position:absolute;left:50%;top:-9px;transform:translateX(-50%);padding:2px 5px;border-radius:999px;background:#ef4444;color:#fff;font-family:"Azeret Mono",monospace;font-size:8px;font-style:normal;font-weight:600;line-height:1.4;letter-spacing:.04em;box-shadow:0 2px 6px rgba(239,68,68,.25)}.notice-new-badge[hidden]{display:none!important}.footer-notice-link,.notice-menu-link b{position:relative}.site-footer-links .footer-notice-link{display:inline-flex;align-items:center;padding:7px 0;color:var(--ink2);font-size:14px;font-weight:600;text-decoration:none}.site-footer-links .footer-notice-link:hover,.site-footer-links .footer-notice-link:focus-visible{color:var(--accent2);outline:none;text-decoration:underline}.notice-menu-link .notice-new-badge{left:auto;right:-4px;top:-6px;transform:none}
@media(max-width:760px){.notice-page{width:calc(100% - 28px);padding-bottom:36px}.notice-board{border-radius:15px;box-shadow:none}.notice-board-head{align-items:flex-start;flex-direction:column;padding:18px}.notice-filters{padding:12px 14px}.notice-filters button{flex:1;padding-left:8px;padding-right:8px}.notice-row summary{grid-template-columns:78px 65px minmax(0,1fr);gap:9px;min-height:82px;padding:13px 14px}.notice-chevron{display:none}.notice-row-title span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notice-detail{padding:0 14px 15px}.notice-detail ul{padding:13px 14px 13px 31px}}
.regional-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:14px}
.regional-summary article{min-width:0;padding:20px;border:1px solid var(--rule);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}
.regional-summary article>span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:600}
.regional-summary article>b{display:block;color:var(--ink);font-size:25px;line-height:1.2;letter-spacing:-.045em}
.regional-summary article>b.up{color:var(--up)}
.regional-summary article>p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.regional-summary-intro{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel))!important}
.regional-board{overflow:hidden;border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.regional-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--rule2)}
.regional-board-head small{display:block;margin-bottom:5px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.12em}
.regional-board-head h2{margin:0 0 5px;font-size:21px;letter-spacing:-.035em}
.regional-board-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.regional-tabs{display:flex;flex:none;padding:4px;border:1px solid var(--rule);border-radius:11px;background:var(--field)}
.regional-tabs button{min-height:36px;padding:7px 13px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600}
.regional-tabs button[aria-pressed="true"]{background:var(--panel);color:var(--accent);box-shadow:0 2px 8px rgba(15,23,42,.09)}
.regional-visuals{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.72fr)}
.regional-map-card{order:2;min-width:0;padding:17px 18px 15px;border-left:1px solid var(--rule2);background:color-mix(in srgb,var(--accent) 2.5%,var(--panel))}
.regional-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.regional-map-head small{display:block;margin-bottom:3px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.12em}.regional-map-head h3{margin:0;color:var(--ink);font-size:16px;letter-spacing:-.025em}.regional-map-head>span{padding:5px 8px;border-radius:999px;background:var(--sel);color:var(--accent2);font-size:11px;font-weight:600;white-space:nowrap}
.regional-map-wrap{width:100%;max-width:340px;margin:0 auto}.regional-map-svg{display:block;width:100%;height:auto;overflow:visible}.regional-map-region{--region-tone:var(--muted);cursor:pointer;fill:color-mix(in srgb,var(--region-tone) var(--region-heat),var(--field));stroke:var(--panel);stroke-width:2.4;stroke-linejoin:round;transition:fill .15s ease,filter .15s ease,stroke .15s ease}.regional-map-region.up{--region-tone:var(--up)}.regional-map-region.down{--region-tone:var(--down)}.regional-map-region.flat{--region-tone:var(--muted)}.regional-map-region:hover,.regional-map-region:focus-visible,.regional-map-region.is-selected{outline:none;filter:drop-shadow(0 3px 4px rgba(15,23,42,.2));stroke:var(--ink);stroke-width:4}.regional-map-label{pointer-events:none;fill:var(--ink);stroke:var(--panel);stroke-width:4;stroke-linejoin:round;paint-order:stroke;dominant-baseline:middle;text-anchor:middle;font-family:inherit;font-size:12px;font-weight:600}.regional-map-focus{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-height:39px;margin-top:-2px;padding:8px 10px;border:1px solid var(--rule2);border-radius:10px;background:var(--panel)}.regional-map-focus span,.regional-map-focus em{color:var(--muted);font-size:11px;font-style:normal}.regional-map-focus b{color:var(--ink);font-size:12px}.regional-map-focus.is-guide{display:block;text-align:center}.regional-map-legend{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;color:var(--muted);font-size:11px}.regional-map-legend i{height:7px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--up) 20%,var(--field)),var(--up))}.regional-map-source{display:block;margin-top:7px;color:var(--muted);font-size:10px;text-align:right}
.regional-ranking{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(9,minmax(62px,auto));grid-auto-flow:column}
.regional-row{display:grid;grid-template-columns:30px 54px minmax(90px,1fr) 86px 68px;gap:10px;align-items:center;min-height:62px;padding:11px 18px;border-bottom:1px solid var(--rule2);cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.regional-row:hover,.regional-row:focus-visible{outline:none;background:var(--hover)}.regional-row.is-selected{background:var(--sel);box-shadow:inset 3px 0 var(--accent)}
.regional-row:nth-child(odd){border-right:0}.regional-row:nth-child(-n+9){border-right:1px solid var(--rule2)}.regional-row:nth-last-child(-n+2){border-bottom:1px solid var(--rule2)}.regional-row:nth-child(9),.regional-row:last-child{border-bottom:0}
.regional-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--field);color:var(--muted);font-family:"Azeret Mono",monospace;font-size:13px;font-weight:600}
.regional-row:nth-child(-n+3) .regional-rank{background:var(--sel);color:var(--accent)}
.regional-name{font-size:14px}.regional-bar{height:7px;overflow:hidden;border-radius:999px;background:var(--field)}
.regional-bar i{display:block;height:100%;border-radius:inherit}.regional-bar i.up{background:var(--up)}.regional-bar i.down{background:var(--down)}.regional-bar i.flat{background:var(--muted)}
.regional-row>strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.regional-row>strong.up{color:var(--up)}.regional-row>strong.down{color:var(--down)}.regional-row>strong.flat{color:var(--muted)}
.regional-index{color:var(--ink2);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.regional-index small{display:block;margin-bottom:2px;color:var(--muted);font-size:13px}
.regional-detail,.regional-comments{overflow:hidden;margin-top:14px;border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.regional-detail{scroll-margin-top:calc(var(--header-h) + 14px)}.regional-detail[hidden],.regional-comments[hidden]{display:none!important}
.regional-detail-head,.regional-comments>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid var(--rule2)}.regional-detail-head small,.regional-comments>header small{display:block;margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.12em}.regional-detail-head h2,.regional-comments>header h2{margin:0;color:var(--ink);font-size:20px;letter-spacing:-.035em}.regional-detail-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.regional-detail-head>span{padding:6px 10px;border-radius:999px;background:var(--sel);color:var(--accent2);font-size:12px;font-weight:600;white-space:nowrap}.regional-comments>header>span{color:var(--muted);font-size:13px;font-weight:600}
.regional-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--rule2)}.regional-detail-kpis article{min-width:0;padding:18px 20px;border-right:1px solid var(--rule2)}.regional-detail-kpis article:last-child{border-right:0}.regional-detail-kpis span,.regional-detail-kpis small{display:block;color:var(--muted);font-size:12px}.regional-detail-kpis b{display:block;margin:6px 0 3px;color:var(--ink);font-size:23px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.regional-detail-kpis b.up{color:var(--up)}.regional-detail-kpis b.down{color:var(--down)}.regional-detail-kpis b.flat{color:var(--muted)}
.regional-detail-compare{padding:17px 20px 19px}.regional-detail-compare>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink2);font-size:13px}.regional-detail-compare strong{color:var(--up);font-size:14px}.regional-detail-track{height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:var(--field)}.regional-detail-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--up) 55%,var(--accent)),var(--up))}.regional-detail-compare p{margin:14px 0 0;padding:12px 14px;border-radius:11px;background:var(--field);color:var(--ink2);font-size:12px;line-height:1.65}.regional-detail-compare p b{color:var(--ink)}
.regional-comment-body{padding:18px 20px 8px}.regional-comment-form textarea{min-height:96px}
.regional-cpi-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;margin-top:14px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--rule));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));font-size:13px;line-height:1.65}
.regional-cpi-notice b{color:var(--ink)}.regional-cpi-notice span{color:var(--ink2)}.regional-cpi-notice a{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.regional-cpi-notice a:hover{text-decoration:underline}
@media(max-width:760px){.regional-price-page{width:calc(100% - 28px);padding-bottom:36px}.regional-summary{grid-template-columns:1fr 1fr;gap:8px}.regional-summary-intro{grid-column:1/-1}.regional-summary article{padding:15px;border-radius:14px;box-shadow:none}.regional-summary article>b{font-size:20px}.regional-board{border-radius:15px;box-shadow:none}.regional-board-head{align-items:stretch;flex-direction:column;padding:16px}.regional-tabs{width:100%}.regional-tabs button{flex:1;min-height:40px}.regional-visuals{grid-template-columns:1fr}.regional-map-card{order:0;padding:15px 14px;border-left:0;border-bottom:1px solid var(--rule2)}.regional-map-wrap{max-width:330px}.regional-map-focus{grid-template-columns:1fr auto}.regional-map-focus span{grid-column:1/-1}.regional-ranking{order:1;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.regional-row{grid-template-columns:28px 44px minmax(70px,1fr) 78px;min-height:57px;padding:10px 12px}.regional-row:nth-child(-n+9){border-right:0}.regional-row:nth-child(9){border-bottom:1px solid var(--rule2)}.regional-row:nth-last-child(2){border-bottom:1px solid var(--rule2)}.regional-index{display:none}.regional-detail,.regional-comments{border-radius:15px;box-shadow:none}.regional-detail-head,.regional-comments>header{padding:16px}.regional-detail-head h2,.regional-comments>header h2{font-size:18px}.regional-detail-kpis{grid-template-columns:1fr 1fr}.regional-detail-kpis article{padding:15px}.regional-detail-kpis article:nth-child(2){border-right:0}.regional-detail-kpis article:nth-child(-n+2){border-bottom:1px solid var(--rule2)}.regional-detail-kpis b{font-size:19px}.regional-detail-compare{padding:15px}.regional-comment-body{padding:14px 14px 7px}.regional-comment-form{grid-template-columns:1fr}.regional-cpi-notice{grid-template-columns:1fr;gap:5px;padding:14px}.regional-cpi-notice a{justify-self:start}}
.category-detail-hero{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:18px;padding:24px 26px;border:1px solid var(--rule);border-radius:22px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--category-color,#7246b7) 7%,var(--panel)));box-shadow:var(--shadow)}
.category-detail-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid color-mix(in srgb,var(--category-color,#7246b7) 22%,transparent);border-radius:22px;background:color-mix(in srgb,var(--category-color,#7246b7) 13%,var(--panel));color:var(--category-color,#7246b7)}.category-detail-icon svg{width:42px;height:42px}
.category-detail-copy small,.category-chart-card header small,.category-items-card header small{display:block;margin-bottom:5px;color:var(--category-color,#7246b7);font-size:13px;font-weight:600;letter-spacing:.1em}.category-detail-copy h2{margin:0;color:var(--ink);font-size:34px;letter-spacing:-.045em}.category-detail-copy p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.category-detail-count{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--category-color,#7246b7) 12%,var(--panel));color:var(--category-color,#7246b7);font-size:13px;font-weight:600;white-space:nowrap}
.category-detail-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;margin:-2px 0 18px;padding:2px 1px 6px;scrollbar-width:none}.category-detail-nav::-webkit-scrollbar{display:none}.category-detail-nav button{flex:0 0 auto;min-height:39px;padding:8px 14px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);color:var(--ink2);font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.category-detail-nav button:hover{border-color:var(--category-color,#7246b7);color:var(--category-color,#7246b7)}.category-detail-nav button[aria-pressed="true"]{border-color:var(--category-color,#7246b7);background:var(--category-color,#7246b7);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--category-color,#7246b7) 24%,transparent)}
.category-chart-card,.category-items-card{overflow:hidden;margin-top:18px;border:1px solid var(--rule);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.category-chart-card>header,.category-items-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid var(--rule2)}.category-chart-card h3,.category-items-card h3{margin:0;font-size:21px;letter-spacing:-.035em}.category-chart-card header strong{color:var(--category-color,#7246b7);font-size:15px}.category-items-card header>span{color:var(--muted);font-size:13px}
.category-chart-side{display:flex;align-items:center;justify-content:flex-end;gap:13px}.category-compare-tabs{display:inline-flex;padding:3px;border:1px solid var(--rule);border-radius:10px;background:var(--field)}.category-compare-tabs[hidden]{display:none!important}.category-compare-tabs button{min-height:31px;padding:6px 10px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.category-compare-tabs button[aria-pressed="true"]{background:var(--panel);color:var(--category-color,#7246b7);box-shadow:0 2px 7px rgba(15,23,42,.1)}
.category-line-chart{padding:20px 22px 17px}.category-line-canvas{width:100%;overflow:hidden}.category-line-canvas svg{display:block;width:100%;height:auto;min-height:330px}.category-line-grid{stroke:var(--rule2);stroke-width:1}.category-line-y-label,.category-line-x-label{fill:var(--muted);font-family:inherit;font-size:13px;font-weight:600}.category-line-zero{stroke:var(--ink2);stroke-width:1.6}.category-line-average{stroke:var(--category-color,#7246b7);stroke-width:1.5;stroke-dasharray:7 6;opacity:.52}.category-line-average-label{fill:var(--category-color,#7246b7);font-family:inherit;font-size:13px;font-weight:600}.category-line-path{fill:none;stroke:var(--category-color,#7246b7);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.category-line-point{cursor:pointer}.category-line-point .category-line-hit{fill:transparent}.category-line-point circle:not(.category-line-hit){fill:var(--panel);stroke-width:4}.category-line-point.up circle:not(.category-line-hit){stroke:var(--up)}.category-line-point.down circle:not(.category-line-hit){stroke:var(--down)}.category-line-point.flat circle:not(.category-line-hit){stroke:var(--muted)}.category-line-point:hover circle:not(.category-line-hit){r:8;filter:drop-shadow(0 3px 4px rgba(15,23,42,.2))}.category-line-value{font-family:inherit;font-size:13px;font-weight:600}.category-line-value.up{fill:var(--up)}.category-line-value.down{fill:var(--down)}.category-line-value.flat{fill:var(--muted)}.category-line-legend{display:flex;align-items:center;gap:16px;padding:5px 4px 0;color:var(--muted);font-size:13px}.category-line-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.category-line-legend i{display:block;width:16px;height:4px;border-radius:99px}.category-line-legend i.up{background:var(--up)}.category-line-legend i.down{background:var(--down)}.category-line-legend i.zero{height:2px;background:var(--ink2)}.category-line-legend em{margin-left:auto;font-style:normal;text-align:right}
.category-detail-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.category-detail-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:86px;padding:14px 20px;border-bottom:1px solid var(--rule2);color:var(--ink);text-align:left}.category-detail-item:nth-child(odd){border-right:1px solid var(--rule2)}.category-detail-item:hover{background:var(--hover)}.category-detail-item .item-mini-icon{width:46px;height:46px;border-radius:13px}.category-detail-item .item-mini-icon svg{width:27px;height:27px}.category-detail-item-copy{min-width:0}.category-detail-item-copy b,.category-detail-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-detail-item-copy b{font-size:14px}.category-detail-item-copy small{margin-top:4px;color:var(--muted);font-size:13px}.category-detail-item-value{text-align:right}.category-detail-item-value b,.category-detail-item-value em{display:block;white-space:nowrap}.category-detail-item-value b{font-size:14px}.category-detail-item-value em{margin-top:4px;font-size:13px;font-style:normal;font-weight:600}.category-detail-item-value em.up{color:var(--up)}.category-detail-item-value em.down{color:var(--down)}.category-detail-item-value em.flat{color:var(--muted)}.category-detail-empty{padding:46px 20px;color:var(--muted);font-size:13px;text-align:center}
.category-detail-item-metrics{display:grid;grid-template-columns:repeat(3,minmax(66px,auto));gap:7px;text-align:right}.category-detail-item-metrics>span{display:grid;gap:4px;min-width:0;padding-left:8px;border-left:1px solid var(--rule2)}.category-detail-item-metrics small{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.category-detail-item-metrics b,.category-detail-item-metrics em{font-size:13px;font-style:normal;font-weight:600;white-space:nowrap}.category-detail-item-metrics em.up{color:var(--up)}.category-detail-item-metrics em.down{color:var(--down)}.category-detail-item-metrics em.flat{color:var(--muted)}
@media(max-width:760px){.category-detail-page{width:calc(100% - 28px)}.category-detail-hero{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px}.category-detail-icon{width:58px;height:58px;border-radius:17px}.category-detail-icon svg{width:32px;height:32px}.category-detail-count{grid-column:1/-1;justify-self:start}.category-detail-copy h2{font-size:28px}.category-detail-nav{margin-bottom:14px}.category-detail-nav button{min-height:36px;padding:7px 12px}.category-chart-card>header,.category-items-card>header{align-items:flex-start;flex-direction:column;padding:17px}.category-chart-side{width:100%;justify-content:space-between;flex-wrap:wrap}.category-line-chart{padding:12px 8px 15px}.category-line-canvas{overflow-x:auto}.category-line-canvas svg{width:900px;max-width:none;min-height:315px}.category-line-legend{align-items:flex-start;flex-wrap:wrap;padding:8px 9px 0}.category-line-legend em{width:100%;margin-left:0;text-align:left}.category-detail-items{grid-template-columns:1fr}.category-detail-item:nth-child(odd){border-right:0}.category-detail-item{grid-template-columns:42px minmax(0,1fr);padding:12px 15px}.category-detail-item .item-mini-icon{width:42px;height:42px}.category-detail-item-metrics{grid-column:1/-1;width:100%;grid-template-columns:repeat(3,1fr);padding-top:2px;text-align:left}.category-detail-item-metrics>span{padding:7px 9px;border:1px solid var(--rule2);border-radius:8px;background:var(--field)}.category-detail-item-metrics small{font-size:13px}.category-detail-item-metrics b,.category-detail-item-metrics em{font-size:13px}}

/* minimum wage */
.wage-chart-card{margin:0;padding:0;border-bottom:1px solid var(--rule);background:var(--panel)}
.wage-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px 12px}
.wage-chart-head small{display:block;margin-bottom:4px;color:var(--wage-up);font-size:13px;font-weight:600;letter-spacing:.08em}
.wage-chart-head h2{margin:0;color:var(--ink);font-size:22px;letter-spacing:-.035em}.wage-chart-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.wage-chart-current{display:grid;flex:0 0 auto;text-align:right}.wage-chart-current span,.wage-chart-current em{color:var(--muted);font-size:13px;font-style:normal}.wage-chart-current b{color:var(--ink);font-size:25px;line-height:1.2;letter-spacing:-.035em}
.wage-chart-wrap{width:100%;padding:0 18px;overflow:hidden}.wage-chart-wrap canvas{display:block;max-width:100%}
.wage-chart-legend{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 24px 18px;color:var(--muted);font-size:13px}
.wage-chart-legend span{display:flex;align-items:center;gap:7px}.wage-chart-legend i{display:block;width:18px;height:3px;border-radius:99px;background:var(--wage-up)}.wage-chart-legend em{font-style:normal}

/* statistics */
body[data-page="years"] #data-panel,body[data-page="binge"] #data-panel,body[data-page="alcohol"] #data-panel{overflow:hidden;border:0!important;background:transparent!important}
body[data-page="years"] #tabbody,body[data-page="binge"] #tabbody,body[data-page="alcohol"] #tabbody{padding:0!important}
body[data-page="years"] #tabs,body[data-page="binge"] #tabs,body[data-page="alcohol"] #tabs,body[data-page="context"] #tabs,body[data-page="src"] #tabs{display:none!important}
.statistics-page{display:grid;gap:18px}
.statistics-subnav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px;border:1px solid var(--rule);border-radius:12px;background:var(--panel);scrollbar-width:none}.statistics-subnav::-webkit-scrollbar{display:none}.statistics-subnav a{flex:0 0 auto;min-height:38px;padding:9px 14px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.statistics-subnav a:hover{background:var(--field);color:var(--ink)}.statistics-subnav a[aria-current="page"]{background:var(--ink);color:var(--panel)}.statistics-subnav>span{margin-left:auto;padding:0 10px;color:var(--muted);font-size:13px;white-space:nowrap}
.statistics-subnav a{display:inline-flex;align-items:center;gap:7px}.statistics-subnav a b{font:inherit;white-space:nowrap}.statistics-subnav-icon{display:grid;width:20px;height:20px;place-items:center;flex:0 0 20px;color:currentColor}.statistics-subnav-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page="habits"] #data-panel{padding:18px!important}
body[data-page="habits"] #tabbody{padding:0!important}
body:is([data-page="years"],[data-page="habits"],[data-page="binge"],[data-page="alcohol"]) #data-panel>.tabs{display:none!important}
.statistics-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:24px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}
.statistics-intro small,.statistics-section-head small,.exchange-card figcaption small{display:block;margin-bottom:6px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.1em}
.statistics-intro h2,.statistics-section-head h2,.exchange-card figcaption h2{margin:0;color:var(--ink);font-size:23px;letter-spacing:-.04em}.statistics-intro p,.exchange-card figcaption p{max-width:760px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.statistics-intro p b{color:var(--ink)}
.statistics-badge{flex:none;padding:8px 11px;border:1px solid var(--rule);border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.statistics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.statistics-kpis article{display:grid;min-height:142px;padding:20px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.statistics-kpis span{color:var(--muted);font-size:13px;font-weight:600}.statistics-kpis b{align-self:end;color:var(--ink);font-size:26px;line-height:1.2;letter-spacing:-.045em}.statistics-kpis em{margin-top:5px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.statistics-kpis em.up{color:var(--up)}.statistics-kpis em.down{color:var(--down)}
.exchange-card,.statistics-table-card,.statistics-detail{margin:0;overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}
.exchange-card figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:21px 24px 10px}.exchange-current{display:grid;flex:none;text-align:right}.exchange-current span,.exchange-current em{color:var(--muted);font-size:13px;font-style:normal}.exchange-current b{color:var(--ink);font-size:25px;line-height:1.2;letter-spacing:-.04em}.exchange-current em.up{color:var(--up)}.exchange-current em.down{color:var(--down)}
.exchange-chart-wrap{width:100%;padding:0 16px;overflow:hidden}.exchange-chart-wrap canvas{display:block;max-width:100%}.exchange-legend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 24px 18px;color:var(--muted);font-size:13px}.exchange-legend span{display:flex;align-items:center;gap:7px}.exchange-legend i{display:block;width:18px;height:3px;border-radius:99px;background:var(--accent)}.exchange-legend em{font-style:normal}
.fuel-current{display:flex;flex:none;gap:22px;text-align:right}.fuel-current>span{display:grid}.fuel-current em{color:var(--muted);font-size:13px;font-style:normal}.fuel-current b{color:var(--ink);font-size:21px;line-height:1.25;letter-spacing:-.04em}.fuel-current i{font-size:13px;font-style:normal}.fuel-legend span{gap:8px}.fuel-legend .gasoline-line{background:var(--fuel-gas)}.fuel-legend .diesel-line{margin-left:9px;background:var(--fuel-diesel)}
.statistics-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid var(--rule)}.statistics-section-head span{color:var(--muted);font-size:13px}.statistics-grid td,.statistics-grid th{font-variant-numeric:tabular-nums}.statistics-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}.statistics-detail>summary::-webkit-details-marker{display:none}.statistics-detail>summary span{display:grid}.statistics-detail>summary b{color:var(--ink);font-size:17px}.statistics-detail>summary small{color:var(--muted);font-size:13px}.statistics-detail>summary i{color:var(--accent);font-size:13px;font-style:normal;font-weight:600}.statistics-detail[open]>summary{border-bottom:1px solid var(--rule)}.statistics-detail[open]>summary i{font-size:0}.statistics-detail[open]>summary i::after{content:"닫기";font-size:13px}

/* statistics / health indicators */
.health-stat-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.health-stat-hero small{display:block;margin-bottom:7px;color:#7c3aed;font-size:13px;font-weight:600;letter-spacing:.1em}.health-stat-hero h2{max-width:820px;margin:0;color:var(--ink);font-size:30px;line-height:1.18;letter-spacing:-.045em}.health-stat-hero p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.health-stat-hero p b{color:var(--ink)}.health-stat-hero>span{flex:none;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,#7c3aed 10%,var(--field));color:#7c3aed;font-size:13px;font-weight:600;white-space:nowrap}
.binge-definition{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;padding:20px 22px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.binge-definition-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:color-mix(in srgb,#7c3aed 12%,var(--field));color:#7c3aed;font-size:21px;font-weight:600}.binge-definition small{display:block;color:#7c3aed;font-size:13px;font-weight:600;letter-spacing:.09em}.binge-definition h3{margin:3px 0 5px;color:var(--ink);font-size:19px}.binge-definition p{margin:0;color:var(--ink2);font-size:13px;font-weight:600;line-height:1.65}.binge-definition span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.55}
.binge-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.binge-kpis article{display:grid;min-height:130px;padding:18px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.binge-kpis span{color:var(--muted);font-size:13px;font-weight:600}.binge-kpis b{align-self:end;color:var(--ink);font-size:22px;line-height:1.25;letter-spacing:-.04em}.binge-kpis em{margin-top:4px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.4}
.binge-demographics,.binge-regions,.binge-table-card{overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.binge-gender-grid{display:grid;grid-template-columns:1fr 1fr}.binge-gender-card{padding:20px 22px}.binge-gender-card+.binge-gender-card{border-left:1px solid var(--rule2)}.binge-gender-card header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:17px}.binge-gender-card header small{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.12em}.binge-gender-card h3{margin:2px 0 0;color:var(--ink);font-size:19px}.binge-gender-card header>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.binge-gender-card header>span i{width:12px;height:4px;border-radius:99px;background:var(--rule)}.binge-gender-card header>span i+ i{margin-left:4px;background:#2563eb}.binge-gender-card.female header>span i+ i{background:#db2777}.binge-age-list{display:grid;gap:11px}.binge-age-row{display:grid;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:10px}.binge-age-row>b{color:var(--ink2);font-size:13px}.binge-bars{display:grid;gap:3px}.binge-bars>span{position:relative;display:block;height:14px;border-radius:4px;background:var(--field)}.binge-bars i{display:block;height:100%;border-radius:4px;background:var(--rule)}.binge-bars .latest i{background:#2563eb}.female .binge-bars .latest i{background:#db2777}.binge-bars em{position:absolute;top:50%;right:4px;transform:translateY(-50%);color:var(--ink2);font-size:13px;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.binge-age-row>strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.is-up{color:var(--up)!important}.is-down{color:var(--down)!important}.is-flat{color:var(--muted)!important}
.binge-region-grid{display:grid;grid-template-columns:1fr 1fr}.binge-region-grid article{padding:18px 22px}.binge-region-grid article+article{border-left:1px solid var(--rule2)}.binge-region-grid h3{margin:0 0 10px;color:var(--ink);font-size:15px}.binge-region-grid p{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:9px 0;border-top:1px solid var(--rule2)}.binge-region-grid p:first-of-type{border-top:0}.binge-region-grid i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--field);color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.binge-region-grid b{color:var(--ink2);font-size:13px}.binge-region-grid strong{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.binge-region-grid .high strong{color:var(--up)}.binge-region-grid .low strong{color:var(--down)}
.binge-table{width:100%;min-width:680px}.binge-table th,.binge-table td{text-align:center;font-variant-numeric:tabular-nums}.binge-table tbody th{text-align:left}.binge-table thead tr:first-child th:nth-child(2){color:#2563eb}.binge-table thead tr:first-child th:nth-child(3){color:#db2777}
.binge-source-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid var(--rule);border-radius:12px;background:var(--field)}.binge-source-note b{color:var(--ink);font-size:13px}.binge-source-note p{max-width:850px;margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.binge-source-note a{flex:none;padding:9px 12px;border:1px solid var(--rule);border-radius:9px;background:var(--panel);color:var(--ink2);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.binge-source-note a:hover{border-color:var(--accent);color:var(--accent)}
.alcohol-consumption-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:28px;align-items:center;padding:24px;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.alcohol-consumption-card small,.alcohol-trend-card .statistics-section-head small,.alcohol-risk-section .statistics-section-head small{color:#b45309}.alcohol-consumption-card h2{margin:5px 0 8px;color:var(--ink);font-size:24px;letter-spacing:-.035em}.alcohol-consumption-card p{margin:0;color:var(--ink2);font-size:13px;line-height:1.65}.alcohol-consumption-card>div>strong{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}.alcohol-compare-bars{display:grid;gap:12px}.alcohol-compare-bars p{display:grid;grid-template-columns:78px minmax(0,1fr) 48px;align-items:center;gap:10px;margin:0}.alcohol-compare-bars p>span{color:var(--ink2);font-size:13px;font-weight:600}.alcohol-compare-bars p>i{height:22px;overflow:hidden;border-radius:7px;background:var(--field)}.alcohol-compare-bars p>i>b{display:block;height:100%;border-radius:7px;background:#f59e0b}.alcohol-compare-bars p:nth-child(2)>i>b{background:#64748b}.alcohol-compare-bars p>strong{color:var(--ink);font-size:14px;text-align:right}.alcohol-compare-bars>em{color:var(--muted);font-size:13px;font-style:normal;text-align:right}.alcohol-trend-card,.alcohol-risk-section{overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:var(--panel)}.alcohol-trend-card .statistics-section-head p,.alcohol-risk-section .statistics-section-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.alcohol-overall-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2)}.alcohol-overall-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 22px}.alcohol-overall-grid article+article{border-left:1px solid var(--rule2)}.alcohol-overall-grid span{color:var(--muted);font-size:13px;font-weight:600}.alcohol-overall-grid b{color:var(--ink);font-size:18px;letter-spacing:-.02em}.alcohol-overall-grid em{font-size:13px;font-style:normal;font-weight:600}.alcohol-risk-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule2)}.alcohol-risk-card{padding:20px 22px}.alcohol-risk-card+.alcohol-risk-card{border-left:1px solid var(--rule2)}.alcohol-risk-card header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.alcohol-risk-card header span{color:var(--muted);font-size:13px;font-weight:600}.alcohol-risk-card header b{color:var(--ink);font-size:28px}.alcohol-risk-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.alcohol-risk-card p{display:grid;gap:4px;margin:0;padding:11px;border-radius:9px;background:var(--field)}.alcohol-risk-card p span{color:var(--muted);font-size:13px}.alcohol-risk-card p strong{color:var(--ink2);font-size:14px}.alcohol-read-note{padding:19px 22px;border:1px solid color-mix(in srgb,#f59e0b 38%,var(--rule));border-radius:12px;background:color-mix(in srgb,#f59e0b 7%,var(--panel))}.alcohol-read-note b{color:var(--ink);font-size:14px}.alcohol-read-note p{margin:6px 0 0;color:var(--ink2);font-size:13px;line-height:1.7}.alcohol-source-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.alcohol-source-links a{display:grid;gap:3px;min-height:68px;padding:13px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--panel);color:var(--muted);font-size:13px;line-height:1.45;text-decoration:none}.alcohol-source-links a:hover{border-color:var(--accent);color:var(--accent)}.alcohol-source-links b{color:var(--ink);font-size:13px}

/* auth, admin and footer */
.auth-modal,.site-modal{background:rgba(17,24,39,.36)!important;backdrop-filter:blur(3px)}
.auth-card,.site-modal-card{border:1px solid var(--rule)!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:0 20px 60px rgba(0,0,0,.16)!important}
.auth-tabs{border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--field)!important}.auth-tabs button{border-radius:6px!important}.auth-submit,.contact-submit{border-radius:8px!important;background:var(--ink)!important;color:var(--panel)!important;box-shadow:none!important}
.admin-page{background:var(--plane)!important}.admin-card,.admin-stat,.inquiry-card{border:1px solid var(--rule)!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:none!important}.trend-bar{background:var(--rule2)!important}.trend-bar i{background:var(--accent)!important}
.site-footer{margin-top:0!important;border-top:1px solid var(--rule)!important;background:var(--panel)!important}.site-footer-in{padding:24px 0 34px!important}.site-footer-brand{display:flex;align-items:center;gap:11px}.site-footer-brand>img{display:block;flex:0 0 38px;border-radius:11px}.site-footer-brand>span{display:grid;gap:3px}.site-footer-brand b{color:var(--ink)!important}.site-footer-brand span{color:var(--muted)!important}.site-footer-links button{color:var(--muted)!important}.site-footer-links button:hover{color:var(--ink)!important;text-decoration:underline}
.tag{border:1px solid var(--rule)!important;border-radius:6px!important;background:var(--field)!important;color:var(--muted)!important}.help{border-color:var(--rule)!important;color:var(--muted)!important;background:var(--panel)!important}

/* remove previous decorative item hero everywhere */
.franchise-directory{overflow:hidden;margin-top:18px;border:1px solid var(--rule);border-radius:18px;background:var(--panel)}
.franchise-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:20px 22px;border-bottom:1px solid var(--rule2)}
.franchise-directory-head>div:first-child{min-width:0}
.franchise-directory-head small{display:block;margin-bottom:6px;color:var(--accent2);font-size:13px;font-weight:600;letter-spacing:.12em}
.franchise-directory-head h2{margin:0;color:var(--ink);font-size:22px;letter-spacing:-.04em}
.franchise-directory-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.franchise-directory-actions{display:grid;flex:0 1 360px;width:min(100%,360px);gap:9px;justify-items:end}
.franchise-directory-actions .franchise-search{width:100%;max-width:none;flex:none}
.franchise-directory-actions>span{padding:7px 10px;border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600}
.franchise-directory .franchise-toolbar{justify-content:flex-start;margin:0;padding:13px 14px;border:0;border-bottom:1px solid var(--rule2);border-radius:0;background:var(--field)}
.franchise-directory .franchise-filters{flex:1;min-width:0;width:100%;flex-wrap:wrap;overflow:visible}
.franchise-directory .franchise-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;padding:14px}
.franchise-card{grid-template-columns:60px minmax(0,1fr) auto!important;gap:11px!important;min-height:100px!important;padding:13px!important;border-radius:14px!important;box-shadow:none!important}
.franchise-card::after{display:none!important;content:none!important}
.franchise-card .franchise-mark{width:60px;height:50px;border-color:var(--rule)!important;border-radius:13px;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.franchise-card .franchise-mark img{padding:7px 5px}
.franchise-card .franchise-mark[data-logo-shape="wide"] img{padding:6px 3px}
.franchise-card .franchise-mark[data-logo-shape="symbol"] img{padding:6px}
.franchise-card-copy b{font-size:15px!important}.franchise-card-copy span{font-size:13px!important;line-height:1.4}.franchise-card-rate b{font-size:14px!important}.franchise-card-rate span{font-size:13px!important}
.franchise-more{display:block;width:calc(100% - 28px);min-height:42px;margin:0 14px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--field);color:var(--ink2);font-size:13px;font-weight:600}
.franchise-more:hover{border-color:var(--accent);background:var(--sel);color:var(--accent2)}.franchise-more[hidden]{display:none!important}
.franchise-detail-head .franchise-mark{width:112px;height:72px;border-radius:18px}
.franchise-detail-head .franchise-mark[data-logo-shape="symbol"]{width:72px}
.franchise-detail-head .franchise-mark img{padding:11px 9px}
.franchise-detail-head .franchise-mark[data-logo-shape="symbol"] img{padding:6px}

/* remove previous decorative item hero everywhere */
#info-panel{background:var(--panel)!important;background-image:none!important;color:var(--ink)!important;box-shadow:none!important}
#info-panel::before,#info-panel::after{display:none!important}
.hero-metrics{gap:8px!important}.hero-metric{border:1px solid var(--rule)!important;border-radius:8px!important;background:var(--field)!important;backdrop-filter:none!important}.hero-metric span{color:var(--muted)!important}.hero-metric b{color:var(--ink)!important}

@media(max-width:1180px){
  .top-in{grid-template-columns:auto minmax(300px,1fr) auto!important;gap:14px!important}
  .main-nav{grid-column:1/-1!important;grid-row:2!important;justify-content:center!important;padding:0!important;border:0!important;flex-wrap:wrap!important}
  .header-discovery{grid-column:2!important;grid-row:1!important}.app-status{grid-column:3!important;grid-row:1!important}
  .franchise-directory .franchise-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .summary-layout{grid-template-columns:1fr!important}.summary-side{grid-template-columns:1fr 1fr!important}
  .government-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary-kpis{grid-template-columns:1fr 1fr!important}.summary-kpis article:last-child{grid-column:1/-1!important}
  .market-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .statistics-kpis{grid-template-columns:1fr 1fr}
  .binge-kpis{grid-template-columns:1fr 1fr}
  .franchise-directory .franchise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .top{position:static!important}.top-in{width:calc(100% - 28px)!important;grid-template-columns:1fr auto!important;gap:10px!important;padding:11px 0!important}
  .brand{grid-column:1!important;grid-row:1!important}.app-status{grid-column:2!important;grid-row:1!important}.app-status>span{display:none!important}
  .header-discovery{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important}.header-popular{width:100%}.popular-toggle{width:100%}.main-nav{grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start!important;padding-top:3px!important;flex-wrap:wrap!important}
  .main-nav a{padding:7px 9px!important}.header-search .results{position:fixed!important;top:164px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100vh - 178px)!important;transform:none!important}.popular-popover{position:fixed!important;top:116px!important;left:10px!important;right:10px!important;width:auto!important}
  .shell,.page-head,.marketbar-in,.strip,.year-rank-page,.site-footer-in{width:calc(100% - 28px)!important}
  .page-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}.page-head-share{align-self:flex-start!important;margin-bottom:0!important}.summary-intro{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}.summary-intro-actions{order:-1}.summary-date{order:0!important}.summary-intro h1{font-size:36px!important}
  .summary-kpis{grid-template-columns:1fr!important}.summary-kpis article:last-child{grid-column:auto!important}.summary-side{grid-template-columns:1fr!important}
  .summary-rank-head{display:none!important}.summary-rank-row{grid-template-columns:36px minmax(0,1fr) auto!important;padding:13px 15px!important}.summary-rank-row .price{display:none!important}
  body[data-page="item"] #chart{height:370px!important;min-height:370px!important;padding:10px 6px!important}body[data-page="item"] #chart svg{height:350px!important;min-height:350px!important}
  .chartbar{align-items:stretch!important}.chartbar>.lab{display:none!important}.chartbar .seg{width:100%!important}.chartbar .seg button{flex:1!important}
  .frequency-controls{width:100%;margin-left:0}.frequency-controls .seg{width:100%}.item-change-summary{grid-template-columns:1fr}.item-factor-grid{grid-template-columns:1fr}.item-news-grid{grid-template-columns:1fr}.item-source-row{align-items:flex-start;flex-direction:column}
  .board-feed-status,.board-feed-status>div{align-items:flex-start;flex-direction:column;gap:5px}.board-feed-status{padding:13px 15px}
  .market-categories{display:flex;overflow-x:auto;padding:11px 13px;scrollbar-width:none}.market-categories::-webkit-scrollbar{display:none}.market-categories button{flex:0 0 auto;min-width:112px}
  .wage-chart-head{align-items:flex-start;flex-direction:column;padding:18px 16px 8px}.wage-chart-current{text-align:left}.wage-chart-head h2{font-size:20px}.wage-chart-wrap{padding:0 6px}.wage-chart-legend{padding:4px 16px 15px}
  .summary-cpi-stats{gap:18px;padding:16px 16px 2px}.summary-cpi-stats b{font-size:21px}.summary-cpi-wrap{padding:0 4px}.summary-cpi-legend{align-items:flex-start;flex-direction:column;gap:3px;padding:2px 16px 15px}
  .year-rank-head{align-items:flex-start!important;flex-direction:column}.year-rank-actions{width:100%;justify-content:space-between}.year-rank-actions label{flex:1}.year-rank-actions select{flex:1}
  .statistics-intro,.exchange-card figcaption{align-items:flex-start;flex-direction:column}.statistics-badge{white-space:normal}.exchange-current{text-align:left}.exchange-chart-wrap{padding:0 4px}.exchange-legend{align-items:flex-start;flex-direction:column;gap:4px;padding:4px 16px 15px}.statistics-grid{min-width:820px}
  .statistics-subnav{margin:0 -2px;padding:5px}.statistics-subnav>span{display:none}.statistics-subnav a{min-height:42px;padding:11px 14px}.health-stat-hero{align-items:flex-start;flex-direction:column;padding:19px}.health-stat-hero h2{font-size:25px}.health-stat-hero>span{order:-1}.binge-definition{grid-template-columns:46px minmax(0,1fr);padding:17px}.binge-definition-icon{width:46px;height:46px;border-radius:14px;font-size:17px}.binge-kpis{grid-template-columns:1fr 1fr}.binge-kpis article{min-height:112px;padding:15px}.binge-kpis b{font-size:18px}.binge-gender-grid,.binge-region-grid{grid-template-columns:1fr}.binge-gender-card+.binge-gender-card,.binge-region-grid article+article{border-top:1px solid var(--rule2);border-left:0}.binge-gender-card{padding:18px 16px}.binge-region-grid article{padding:16px}.binge-source-note{align-items:flex-start;flex-direction:column;padding:17px}.binge-source-note a{width:100%;text-align:center}.binge-table-card .scroll{overflow-x:auto}.binge-table{min-width:650px}.alcohol-consumption-card{grid-template-columns:1fr;gap:20px;padding:18px}.alcohol-overall-grid,.alcohol-risk-grid{grid-template-columns:1fr}.alcohol-overall-grid article+article,.alcohol-risk-card+.alcohol-risk-card{border-top:1px solid var(--rule2);border-left:0}.alcohol-overall-grid article{padding:15px 16px}.alcohol-risk-card{padding:17px 16px}.alcohol-source-links{grid-template-columns:1fr 1fr}
  .franchise-directory-head{align-items:flex-start;flex-direction:column;padding:17px}.franchise-directory-actions{flex:none;width:100%;justify-items:stretch}.franchise-directory-actions>span{width:max-content}.franchise-directory .franchise-grid{grid-template-columns:1fr!important;padding:10px}.franchise-more{width:calc(100% - 20px);margin:0 10px 10px}
}
@media(max-width:430px){
  .brand-logo{width:36px;height:36px;flex-basis:36px}.brand b{font-size:18px!important}.brand-copy>span{display:none!important}.popular-toggle{padding:11px 10px 7px!important}.popular-live-label b{font-size:13px}.popular-ticker-viewport strong{max-width:110px}.popular-ticker-viewport em{display:none}.popular-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.popular-rank-card:nth-child(-n+5){border-right:0!important}.popular-rank-card{grid-template-columns:23px 30px minmax(0,1fr) auto!important;gap:7px;padding:10px 9px}.popular-rank-card .item-mini-icon{width:30px;height:30px;border-radius:9px}.popular-rank-card .item-mini-icon svg{width:18px;height:18px}.popular-rank-value{text-align:right}.popular-rank-name b{font-size:13px}.popular-rank-name em,.popular-rank-value b,.popular-rank-value em{font-size:13px}
  .summary-intro h1{font-size:32px!important}.summary-kpis article{min-height:120px!important;padding:18px!important}.summary-kpis b{font-size:22px!important}.kpi-item-main{grid-template-columns:minmax(0,1fr) 50px}.kpi-item-icon{width:50px;height:50px;border-radius:14px}.kpi-item-icon svg{width:28px;height:28px}
  .header-search .rr.search-result-row{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;min-height:104px!important;padding:11px!important}.header-search .search-result-row .item-mini-icon,.search-brand-mark{width:38px;height:38px;border-radius:11px}.header-search .search-result-row .item-mini-icon svg{width:22px;height:22px}.search-result-value{grid-column:2;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.search-result-name{font-size:15px}.search-result-detail{font-size:13px}
  .government-grid{grid-template-columns:1fr!important}.government-card{min-height:150px!important}.summary-panel-head{padding:15px!important}.summary-panel-head>button{font-size:13px!important}
  .site-footer-in{padding:20px 0 28px!important}
  .statistics-kpis{grid-template-columns:1fr}.statistics-kpis article{min-height:118px}.statistics-intro,.statistics-section-head{padding:17px}.statistics-intro h2,.statistics-section-head h2,.exchange-card figcaption h2{font-size:20px}.exchange-card figcaption{padding:17px 17px 8px}
  .binge-kpis{grid-template-columns:1fr}.binge-kpis article{min-height:100px}.binge-age-row{grid-template-columns:48px minmax(0,1fr) 43px;gap:7px}.binge-age-row>b{font-size:13px}.binge-definition p{font-size:13px}.health-stat-hero h2{font-size:23px}.alcohol-source-links{grid-template-columns:1fr}.alcohol-risk-card>div{grid-template-columns:1fr}.alcohol-overall-grid article{grid-template-columns:1fr auto}.alcohol-overall-grid article b{grid-column:1/-1;grid-row:2}.alcohol-compare-bars p{grid-template-columns:68px minmax(0,1fr) 44px}.alcohol-read-note{padding:16px}
}

/* compact footer brand and navigation */
.site-footer{border-top:1px solid var(--rule)!important;background:color-mix(in srgb,var(--panel) 98%,var(--field))!important}
.site-footer-in{display:block!important;padding:26px 0 20px!important}
.site-footer-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:32px}
.site-footer-identity{display:flex;align-items:center;min-width:0;gap:18px}
.site-footer-brand{display:flex!important;align-items:center!important;flex:none;gap:9px!important}
.site-footer-brand>.site-footer-brand-logo{display:block!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;background:transparent!important;object-fit:contain}
.site-footer-brand-copy{display:grid!important;gap:1px!important;line-height:1.15}
.site-footer-brand-copy b{margin:0!important;color:var(--ink)!important;font-size:14px!important;font-weight:600;letter-spacing:-.035em;white-space:nowrap}
.site-footer-brand-copy small{color:var(--muted)!important;font-size:13px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.site-footer-tagline{max-width:340px!important;margin:0!important;padding-left:18px;border-left:1px solid var(--rule2);color:var(--muted)!important;font-size:13px!important;line-height:1.55!important}
.site-footer-links{display:flex!important;align-items:center;justify-content:flex-end;gap:5px!important;flex-wrap:wrap}
.site-footer-links button{min-height:34px;padding:7px 9px!important;border:1px solid transparent;border-radius:9px;color:var(--muted)!important;font-size:13px!important;font-weight:600;white-space:nowrap}
.site-footer-links button:hover,.site-footer-links button:focus-visible{border-color:var(--rule)!important;background:var(--field)!important;color:var(--ink)!important;text-decoration:none!important;outline:none}
.site-footer-bottom{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:16px!important;margin-top:18px;padding-top:13px;border-top:1px solid var(--rule2);color:color-mix(in srgb,var(--muted) 84%,transparent);font-size:13px;line-height:1.4}
@media(max-width:700px){
  .site-footer-in{padding:22px 0 18px!important}
  .site-footer-main{grid-template-columns:1fr!important;gap:17px!important}
  .site-footer-identity{display:block}
  .site-footer-brand{align-items:center!important;justify-content:flex-start!important;flex-direction:row!important}
  .site-footer-brand>.site-footer-brand-logo{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  .site-footer-brand-copy b{font-size:13px!important}.site-footer-brand-copy small{font-size:13px}
  .site-footer-tagline{max-width:none!important;margin-top:11px!important;padding:0!important;border-left:0;font-size:13px!important;line-height:1.5!important}
  .site-footer-links{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;width:100%}
  .site-footer-links button{grid-column:span 2;width:100%;min-height:36px;padding:7px 5px!important;border-color:var(--rule2);background:var(--field);font-size:13px!important;text-align:center}
  .site-footer-links button:nth-child(4){grid-column:2/span 2}.site-footer-links button:nth-child(5){grid-column:4/span 2}
  .site-footer-bottom{align-items:flex-start;flex-direction:column;gap:3px!important;margin-top:15px;padding-top:11px}
}

/* 보색 대비 카테고리 아이콘 */
.ranking-category i,.market-categories i{width:29px!important;height:29px!important;border:1px solid transparent;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 5px rgba(15,23,42,.12);transition:filter .15s ease,transform .15s ease}
.ranking-category i svg,.market-categories i svg{width:17px!important;height:17px!important;stroke-width:2.35}
.ranking-category.cat-ingredient i,.market-categories .cat-ingredient i{border-color:#f0b9cc;background:#ffe4ee;color:#08784c}
.ranking-category.cat-processed i,.market-categories .cat-processed i{border-color:#b5cffd;background:#e2edff;color:#b84400}
.ranking-category.cat-essential i,.market-categories .cat-essential i{border-color:#ffc39e;background:#ffeadb;color:#124fc0}
.ranking-category.cat-preference i,.market-categories .cat-preference i{border-color:#b7dda1;background:#e6f7da;color:#6921bd}
.ranking-category.cat-alcohol i,.market-categories .cat-alcohol i{border-color:#9ddfd6;background:#d9f5f1;color:#b11850}
.ranking-category.cat-transport i,.market-categories .cat-transport i{border-color:#ffb998;background:#ffe4d8;color:#006986}
.ranking-category.cat-fuel i,.market-categories .cat-fuel i{border-color:#abcaff;background:#dceaff;color:#b73500}
.ranking-category.cat-service i,.market-categories .cat-service i{border-color:#efcd61;background:#fff1b8;color:#34445b}
.ranking-category.cat-all i,.market-categories .cat-all i{border-color:#c6ceda;background:#eef2f7;color:#273548}
.ranking-category i svg,.market-categories i svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.72))}
.ranking-category:hover i,.ranking-category[aria-pressed="true"] i,.market-categories button:hover i,.market-categories button[aria-pressed="true"] i{filter:saturate(1.2) contrast(1.08);transform:scale(1.05)}

/* 통계: 한국 경제와 임금·소득 */
.macro-section,.income-section{margin:18px 0;overflow:hidden;border:1px solid var(--rule);border-radius:20px;background:var(--panel)}
.macro-head,.income-head{padding:22px 24px!important}.macro-head p,.income-head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.macro-head>span,.income-head>span{align-self:flex-start;padding:7px 10px;border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule2)}
.macro-card{position:relative;min-height:172px;padding:21px 22px;border-right:1px solid var(--rule2);border-bottom:1px solid var(--rule2);background:linear-gradient(145deg,color-mix(in srgb,var(--macro-tone) 7%,var(--panel)),var(--panel) 64%)}.macro-card:nth-child(3n){border-right:0}.macro-card:nth-last-child(-n+3){border-bottom:0}.macro-card::before{content:"";position:absolute;left:0;top:21px;width:3px;height:32px;border-radius:0 4px 4px 0;background:var(--macro-tone)}
.macro-population{--macro-tone:#2563eb}.macro-gdp{--macro-tone:#7c3aed}.macro-per-capita{--macro-tone:#4f46e5}.macro-employment{--macro-tone:#059669}.macro-senior{--macro-tone:#db6b19}.macro-assets{--macro-tone:#b45309}
.macro-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.macro-card-top span{color:var(--ink2);font-size:13px;font-weight:600}.macro-card-top em{color:var(--macro-tone);font-size:13px;font-style:normal;font-weight:600}.macro-card>b{display:block;margin-top:17px;font-size:25px;line-height:1.15;letter-spacing:-.045em}.macro-card p{margin:8px 0 13px;color:var(--muted);font-size:13px}.macro-card a{color:var(--macro-tone);font-size:13px;font-weight:600;text-decoration:none}.macro-card a:hover{text-decoration:underline}.macro-method{margin:0;padding:13px 22px;border-top:1px solid var(--rule2);background:var(--field);color:var(--muted);font-size:13px;line-height:1.7}.macro-method b{color:var(--ink)}
.income-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule2)}.income-summary-card{position:relative;min-height:160px;padding:20px;border-right:1px solid var(--rule2)}.income-summary-card:last-child{border-right:0}.income-summary-card::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px;background:var(--income-tone)}.income-summary-card.worker{--income-tone:#2563eb}.income-summary-card.minimum{--income-tone:#059669}.income-summary-card.household{--income-tone:#7c3aed}.income-summary-card.median{--income-tone:#d97706}.income-summary-card>span{display:block;color:var(--muted);font-size:13px;font-weight:600}.income-summary-card>b{display:block;margin-top:13px;color:var(--ink);font-size:24px;letter-spacing:-.04em}.income-summary-card>em{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--income-tone) 10%,var(--panel));color:var(--income-tone);font-size:13px;font-style:normal;font-weight:600}.income-summary-card p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.income-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;border-top:1px solid var(--rule2)}.age-wage-card,.household-balance-card{padding:23px}.age-wage-card{border-right:1px solid var(--rule2)}.income-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.income-card-head small{display:block;margin-bottom:5px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.08em}.income-card-head h3{margin:0;font-size:19px;letter-spacing:-.035em}.income-card-head>span{color:var(--muted);font-size:13px}
.age-wage-list{display:grid;gap:13px;margin:21px 0 15px}.age-wage-row{display:grid;grid-template-columns:72px minmax(100px,1fr) 58px;gap:11px;align-items:center}.age-wage-row>span{color:var(--ink2);font-size:13px;font-weight:600}.age-wage-row>i{height:9px;overflow:hidden;border-radius:999px;background:var(--field)}.age-wage-row>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb)}.age-wage-row>strong{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.age-wage-card>p,.household-balance-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.age-wage-card>a{display:inline-block;margin-top:10px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.age-wage-card>a:hover{text-decoration:underline}
.household-balance-card dl{margin:17px 0 14px}.household-balance-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--rule2)}.household-balance-card dl>div:first-child{border-top:0}.household-balance-card dt{color:var(--ink2);font-size:13px;font-weight:600}.household-balance-card dd{display:flex;align-items:baseline;gap:7px;margin:0}.household-balance-card dd b{font-size:15px}.household-balance-card dd em{color:var(--muted);font-size:13px;font-style:normal}.income-source-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.income-source-links a{padding:6px 8px;border:1px solid var(--rule);border-radius:999px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.income-source-links a:hover{background:var(--field)}
.income-definition{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 22px;border-top:1px solid var(--rule2);background:var(--field)}.income-definition>b{padding:5px 8px;border-radius:7px;background:var(--ink);color:var(--panel);font-size:13px}.income-definition>span{color:var(--muted);font-size:13px;line-height:1.65}.income-definition>span strong{color:var(--ink)}.income-definition>a{color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}.income-definition>a:hover{text-decoration:underline}
@media(max-width:980px){.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.macro-card:nth-child(3n){border-right:1px solid var(--rule2)}.macro-card:nth-child(2n){border-right:0}.macro-card:nth-last-child(-n+3){border-bottom:1px solid var(--rule2)}.macro-card:nth-last-child(-n+2){border-bottom:0}.income-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.income-summary-card:nth-child(2){border-right:0}.income-summary-card:nth-child(-n+2){border-bottom:1px solid var(--rule2)}}
@media(max-width:700px){.macro-grid,.income-summary-grid,.income-detail-grid{grid-template-columns:1fr}.macro-card,.macro-card:nth-child(2n),.macro-card:nth-child(3n),.income-summary-card,.age-wage-card{border-right:0}.macro-card:nth-last-child(-n+2){border-bottom:1px solid var(--rule2)}.macro-card:last-child,.income-summary-card:last-child{border-bottom:0}.income-summary-card{border-bottom:1px solid var(--rule2)}.age-wage-card{border-bottom:1px solid var(--rule2)}.income-definition{grid-template-columns:1fr;gap:8px}.income-definition>b{justify-self:start}.macro-head,.income-head{align-items:flex-start!important;flex-direction:column}.macro-head>span,.income-head>span{align-self:flex-start}.age-wage-row{grid-template-columns:66px minmax(80px,1fr) 54px}}

/* 대시보드 경제 스냅샷 */
.dashboard-economy-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:stretch}
.dashboard-economy-pair>.summary-panel{height:100%;min-height:0}
.dashboard-gdp-panel .summary-panel-head a{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.dashboard-gdp-panel .summary-panel-head a:hover{text-decoration:underline}
.dashboard-panel-actions{display:flex;align-items:center;gap:9px}
.dashboard-mini-tabs{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:9px;background:var(--field)}
.dashboard-mini-tabs button{min-height:26px;padding:5px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;cursor:pointer}
.dashboard-mini-tabs button:hover{color:var(--ink);background:var(--hover)}
.dashboard-mini-tabs button[aria-selected="true"]{background:var(--panel);color:var(--accent);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.dashboard-gdp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100% - 73px)}
.dashboard-gdp-grid article{display:grid;align-content:center;min-height:102px;padding:18px 20px;border-top:1px solid var(--rule2);border-right:1px solid var(--rule2)}
.dashboard-gdp-grid article:nth-child(2n){border-right:0}.dashboard-gdp-grid article:nth-child(-n+2){border-top:0}
.dashboard-gdp-grid span{color:var(--muted);font-size:13px;font-weight:600}.dashboard-gdp-grid b{margin-top:7px;color:var(--ink);font-size:20px;letter-spacing:-.035em}.dashboard-gdp-grid em{margin-top:4px;color:var(--muted);font-size:13px;font-style:normal}

/* 가계금융복지조사 */
.household-finance-section{margin:18px 0;overflow:hidden;border:1px solid var(--rule);border-radius:20px;background:var(--panel)}
.household-head{padding:23px 24px!important}.household-head p{margin:7px 0 0;color:var(--muted);font-size:13px}.household-mode{display:flex;padding:3px;border:1px solid var(--rule);border-radius:11px;background:var(--field)}
.household-mode button{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.household-mode button[aria-pressed="true"]{background:var(--ink);color:var(--panel);box-shadow:0 2px 8px rgba(15,23,42,.12)}
.household-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule2)}
.household-card-grid article{display:flex;flex-direction:column;min-height:155px;padding:20px;border-right:1px solid var(--rule2)}.household-card-grid article:last-child{border-right:0}
.household-card-grid span{color:var(--muted);font-size:13px;font-weight:600}.household-card-grid b{margin-top:15px;color:var(--ink);font-size:23px;letter-spacing:-.04em}.household-card-grid em{margin-top:8px;color:var(--accent2);font-size:13px;font-style:normal;font-weight:600}.household-card-grid p{margin:auto 0 0;color:var(--muted);font-size:13px}
.household-detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule2)}.asset-composition-card,.quintile-card{padding:23px}.asset-composition-card{border-right:1px solid var(--rule2)}
.asset-composition-card small,.quintile-card small,.household-chart-card figcaption small{display:block;margin-bottom:5px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.1em}.asset-composition-card h3,.quintile-card h3,.household-chart-card h3{margin:0;font-size:19px;letter-spacing:-.035em}
.asset-composition-bar{display:flex;height:16px;overflow:hidden;margin:21px 0 16px;border-radius:999px;background:var(--field)}.asset-composition-bar i{background:#2563eb}.asset-composition-bar b{background:#14a36f}
.asset-composition-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.asset-composition-card dl>div{padding:12px;border:1px solid var(--rule2);border-radius:11px}.asset-composition-card dt{display:flex;align-items:center;gap:7px;color:var(--ink2);font-size:13px;font-weight:600}.asset-composition-card dt i{width:8px;height:8px;border-radius:50%;background:#2563eb}.asset-composition-card dl>div:nth-child(2) dt i{background:#14a36f}.asset-composition-card dd{margin:7px 0 0;font-size:13px;font-weight:600}.asset-composition-card dd b{color:var(--accent);font-size:13px}.asset-composition-card>p,.quintile-card>p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.quintile-compare{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:15px;align-items:center;margin-top:25px}.quintile-compare span{display:grid;gap:7px}.quintile-compare span:last-child{text-align:right}.quintile-compare em{color:var(--muted);font-size:13px;font-style:normal}.quintile-compare span b{font-size:20px}.quintile-compare>i{position:relative;height:12px;border-radius:999px;background:#e7edf6}.quintile-compare>i b{position:absolute;left:10%;right:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,#93c5fd,#2563eb)}.quintile-card>strong{display:inline-block;margin-top:18px;padding:6px 9px;border-radius:8px;background:var(--sel);color:var(--accent2);font-size:13px}
.household-chart-card{margin:0;border-top:1px solid var(--rule2)}.household-chart-card figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 8px}.household-chart-card figcaption p{margin:6px 0 0;color:var(--muted);font-size:13px}.household-chart-card figcaption>span{padding:6px 9px;border-radius:999px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.household-chart-wrap{padding:0 16px}.household-chart-legend{display:flex;gap:20px;padding:3px 24px 18px;color:var(--muted);font-size:13px}.household-chart-legend span{display:flex;align-items:center;gap:7px}.household-chart-legend i{width:20px;height:3px;border-radius:3px;background:#2563eb}.household-chart-legend span:last-child i{background:#15966b}
.household-timing{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 22px;border-top:1px solid var(--rule2);background:var(--field)}.household-timing>b{padding:5px 8px;border-radius:7px;background:var(--ink);color:var(--panel);font-size:13px}.household-timing span{color:var(--muted);font-size:13px;line-height:1.65}.household-timing span strong{color:var(--ink)}.household-timing a,.macro-kosis-link{color:var(--accent)!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap}.household-timing a:hover,.macro-kosis-link:hover{text-decoration:underline!important}.household-range-note{margin:0;padding:14px 22px;border-top:1px solid var(--rule2);color:var(--muted);font-size:13px;line-height:1.7}.household-range-note b{color:var(--ink)}
@media(max-width:980px){.dashboard-economy-pair{grid-template-columns:1fr}.household-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.household-card-grid article:nth-child(2){border-right:0}.household-card-grid article:nth-child(-n+2){border-bottom:1px solid var(--rule2)}}
@media(max-width:700px){.dashboard-economy-pair{grid-template-columns:1fr}.dashboard-economy-pair .summary-panel-head{align-items:flex-start;gap:10px;flex-direction:column}.dashboard-panel-actions{width:100%;justify-content:space-between}.dashboard-gdp-grid{grid-template-columns:1fr 1fr}.dashboard-gdp-grid article{padding:15px}.dashboard-gdp-grid b{font-size:17px}.household-head{align-items:flex-start!important;flex-direction:column!important}.household-mode{width:100%}.household-mode button{flex:1}.household-card-grid,.household-detail-grid{grid-template-columns:1fr}.household-card-grid article{border-right:0;border-bottom:1px solid var(--rule2)}.household-card-grid article:last-child{border-bottom:0}.asset-composition-card{border-right:0;border-bottom:1px solid var(--rule2)}.asset-composition-card dl{grid-template-columns:1fr}.household-chart-card figcaption{align-items:flex-start;flex-direction:column}.household-chart-wrap{padding:0 4px}.household-timing{grid-template-columns:1fr}.household-timing>b{justify-self:start}}

/* 공식 API 품목 상세 페이지 준비 상태 */
.remote-item-loader{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;width:calc(100% - 48px);max-width:1280px;margin:18px auto 28px;padding:30px 34px;border:1px solid #cbdaf7;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#fff 54%,#f1f6ff 100%);box-shadow:0 18px 46px rgba(37,99,235,.09)}
.remote-item-loader[hidden]{display:none!important}.remote-loader-percent{display:grid;place-content:center;min-height:126px;border:1px solid #c9dafd;border-radius:18px;background:#eaf2ff;text-align:center;box-shadow:inset 0 1px 0 #fff}.remote-loader-percent strong{color:#2563eb;font-size:37px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.remote-loader-percent span{margin-top:9px;color:#58709a;font-size:13px;font-weight:600}.remote-loader-kicker{color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.14em}.remote-loader-content h2{margin:7px 0 0;color:var(--ink);font-size:24px;letter-spacing:-.04em}.remote-loader-content>p{margin:8px 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.remote-progress-track{position:relative;height:13px;overflow:hidden;border-radius:999px;background:#e7edf7;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}.remote-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#3b82f6 65%,#60a5fa);box-shadow:0 0 16px rgba(37,99,235,.3);transition:width .65s ease}.remote-progress-track i::after{content:"";display:block;width:80px;height:100%;margin-left:auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62));animation:remoteLoaderShine 1.45s ease-in-out infinite}.remote-loader-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.remote-loader-status b{color:var(--ink2);font-size:13px}.remote-loader-status span{color:var(--muted);font-size:13px;text-align:right}.remote-loader-retry{margin-top:18px;min-height:42px;padding:0 18px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.remote-loader-retry:hover{background:#1d4ed8}.remote-item-loader.is-complete{border-color:#b5e2d0;background:linear-gradient(135deg,#f1fbf6,#fff)}.remote-item-loader.is-complete .remote-loader-percent{border-color:#b5e2d0;background:#e4f7ed}.remote-item-loader.is-complete .remote-loader-percent strong,.remote-item-loader.is-complete .remote-loader-kicker{color:#13865a}.remote-item-loader.is-complete .remote-progress-track i{background:linear-gradient(90deg,#0f7d52,#22a875)}.remote-item-loader.is-error{border-color:#f1c5c5;background:linear-gradient(135deg,#fff7f7,#fff)}.remote-item-loader.is-error .remote-loader-percent{border-color:#efc8c8;background:#fff0f0}.remote-item-loader.is-error .remote-loader-percent strong,.remote-item-loader.is-error .remote-loader-kicker{color:#d94242}.remote-item-loader.is-error .remote-progress-track i{background:#e05454}.remote-item-loading[data-page="item"] .row{display:none!important}.remote-item-loading[data-page="item"] .item-sticky-summary{display:none!important}
@keyframes remoteLoaderShine{0%{transform:translateX(-90px);opacity:.15}55%,100%{transform:translateX(22px);opacity:.8}}
@media(max-width:700px){.remote-item-loader{grid-template-columns:1fr;width:calc(100% - 28px);gap:18px;margin:12px auto 22px;padding:20px}.remote-loader-percent{min-height:94px}.remote-loader-percent strong{font-size:31px}.remote-loader-content h2{font-size:20px}.remote-loader-status{align-items:flex-start;flex-direction:column;gap:5px}.remote-loader-status span{text-align:left}}
/* 현재값만 공개된 통신요금 비교 */
.category-current-price-chart{padding:28px 34px 24px;display:grid;gap:14px}
.category-current-price-note{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;color:#748196}
.category-current-price-note b{color:#101827;font-size:18px}.category-current-price-note span{font-size:14px}
.category-current-price-row{width:100%;display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(180px,2fr) 150px;align-items:center;gap:22px;border:1px solid #e0e7f0;border-radius:16px;background:#fff;padding:18px 20px;text-align:left;cursor:pointer}
.category-current-price-row:hover{border-color:#7293e8;background:#f7f9ff;transform:translateY(-1px)}
.category-current-price-row span{display:grid;gap:5px}.category-current-price-row span b{font-size:17px}.category-current-price-row span small{color:#7a879a}
.category-current-price-row>i{height:12px;border-radius:999px;background:#edf1f7;overflow:hidden}.category-current-price-row>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3159c6,#6f8ff1)}
.category-current-price-row strong{text-align:right;font-size:20px}.category-current-price-row strong small{font-size:13px;color:#7a879a;margin-left:3px}
.category-current-price-source{text-align:right;color:#8995a7;font-size:13px;margin:2px 2px 0}
@media(max-width:760px){.category-current-price-chart{padding:20px 16px}.category-current-price-note{align-items:flex-start;flex-direction:column}.category-current-price-row{grid-template-columns:1fr auto}.category-current-price-row>i{grid-column:1/-1;grid-row:2}.category-current-price-row strong{grid-column:2;grid-row:1}}

/* 2026-08 모바일 사용성 최종 정리 */
html,body{max-width:100%}
@media(max-width:700px){
  :root{--mobile-gutter:14px}
  body{font-size:16px}
  button,a,input,select,textarea{touch-action:manipulation}
  .top-in{width:100%!important;padding:10px var(--mobile-gutter)!important;gap:8px!important}
  .brand .brand-logo-wide{width:142px!important;flex-basis:142px!important}
  .app-status{gap:5px!important}
  .header-discovery{min-width:0!important;gap:8px!important}
  .popular-toggle{min-width:0!important;height:46px!important;padding:9px 12px 7px!important}
  .popular-ticker-viewport strong{max-width:none!important}
  .header-search,.header-search form{width:100%!important;min-width:0!important}
  .header-search input{height:48px!important;padding:0 48px 0 15px!important;font-size:16px!important}
  .main-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 calc(-1 * var(--mobile-gutter))!important;padding:2px var(--mobile-gutter) 1px!important}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{flex:0 0 auto!important;min-height:42px!important;scroll-snap-align:start;white-space:nowrap}
  .header-search .results{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;width:100%!important;max-height:min(64vh,540px)!important;border-radius:14px!important}
  .popular-popover{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:auto!important;width:min(calc(100vw - 28px),540px)!important;max-height:70vh!important}
  .popular-grid{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-flow:row!important;max-height:68vh;overflow-y:auto!important}
  .popular-rank-card:nth-child(-n+5){border-right:0!important}
  .marketbar-in{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none}
  .marketbar-in::-webkit-scrollbar{display:none}
  .marketbar-in>*{flex:0 0 auto}
  .strip,.shell,.page-head,.year-rank-page,.site-footer-in{width:calc(100% - 28px)!important}
  .page-head{padding-top:20px!important}
  .panel,.year-rank-panel,.summary-panel,.category-chart-card,.category-items-card,.franchise-directory{border-radius:14px!important}
  .ph,.summary-panel-head,.year-rank-head{padding:14px!important}
  .chartbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;padding:10px 12px!important;scrollbar-width:none}
  .chartbar::-webkit-scrollbar{display:none}
  .chartbar .seg{flex:0 0 auto!important;width:auto!important}
  .chartbar .seg button{flex:0 0 auto!important;min-height:42px!important;white-space:nowrap!important;padding:0 13px!important}
  .frequency-controls{width:auto!important;flex:0 0 auto!important;margin-left:auto!important}
  body[data-page=item] #chart{height:330px!important;min-height:330px!important}
  body[data-page=item] #chart svg{height:310px!important;min-height:310px!important}
  .item-sticky-summary{--item-sticky-top:0px!important;padding:6px 10px!important}
  .item-sticky-summary-in{grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px!important;width:100%!important}
  .item-sticky-icon{width:32px!important;height:32px!important}
  .item-sticky-change{grid-column:2/-1!important;margin-top:-4px!important;white-space:normal!important}
  .scroll,.year-rank-scroll,.statistics-table-card,.context-table-wrap{max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain}
  .grid,.year-rank-table,.statistics-grid{min-width:760px}
  .grid th,.grid td,.year-rank-table th,.year-rank-table td{white-space:nowrap}
  .dashboard-category-grid,.dashboard-economy-pair,.household-card-grid,.household-detail-grid{grid-template-columns:1fr!important}
  .franchise-directory .franchise-grid{grid-template-columns:1fr!important}
  .site-footer-main,.site-footer-bottom{grid-template-columns:1fr!important;gap:14px!important}
}
@media(max-width:430px){
  .brand .brand-logo-wide{width:134px!important;flex-basis:134px!important}
  .app-status button{min-width:42px;min-height:42px}
  .page-head h1,.summary-intro h1{font-size:30px!important;line-height:1.08!important}
  .popular-toggle{height:44px!important}
  body[data-page=item] #chart{height:310px!important;min-height:310px!important}
  body[data-page=item] #chart svg{height:290px!important;min-height:290px!important}
  .summary-cpi-stats{grid-template-columns:1fr 1fr!important}
}

/* Item context comparison cards */
.item-comparison-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin-bottom:14px
}
.item-period-card{
  display:flex;
  min-width:0;
  min-height:150px;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:18px;
  border:1px solid var(--rule2);
  border-radius:12px;
  background:var(--panel);
  overflow:hidden
}
.item-period-card.is-cumulative{background:linear-gradient(145deg,var(--field),var(--panel))}
.item-period-card.is-reference{background:color-mix(in srgb,var(--field) 72%,var(--panel))}
.item-period-card h4{margin:0;color:var(--ink);font-size:14px;line-height:1.4}
.item-period-card p{margin:0;color:var(--ink2);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.item-period-card small{margin-top:auto;color:var(--muted);font-size:13px;line-height:1.5}
.item-period-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--sel);
  color:var(--accent);
  font-size:13px;
  font-weight:600;
  line-height:1.2
}
.item-period-card.is-reference .item-period-badge{background:var(--field);color:var(--ink2)}
.item-period-rate{display:block;color:var(--ink);font-size:24px;line-height:1.15;letter-spacing:-.035em}
.item-period-rate.up{color:var(--up)}
.item-period-rate.down{color:var(--down)}
.item-period-rate.flat{color:var(--muted)}
.item-basis-notice{
  margin:0 0 14px;
  padding:11px 13px;
  border-radius:9px;
  background:var(--field);
  color:var(--muted);
  font-size:13px;
  line-height:1.65
}
@media(max-width:760px){
  .item-comparison-grid{grid-template-columns:1fr}
  .item-period-card{min-height:auto}
}
/* Item insight redesign */
.item-insight-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:16px;padding:22px 24px 0}
.item-insight-primary{border:1px solid #dbe7ff;border-radius:22px;background:linear-gradient(145deg,#f7faff 0%,#eef4ff 100%);padding:26px 28px;min-height:228px;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(37,99,235,.06)}
.item-insight-primary-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}
.item-insight-kicker{font-size:13px;font-weight:600;letter-spacing:.08em;color:#2563eb}
.item-insight-status{font-size:13px;font-weight:600;color:#64748b;background:#fff;border:1px solid #dbe4f0;border-radius:999px;padding:7px 10px}
.item-insight-primary>small{font-size:13px;font-weight:600;color:#64748b}
.item-insight-metric{display:flex;align-items:flex-end;gap:16px;margin-top:8px}
.item-insight-metric b{font-size:42px;line-height:1;font-weight:600;letter-spacing:-.04em}
.item-insight-metric b.up{color:#e5484d}.item-insight-metric b.down{color:#2563eb}
.item-insight-metric p{font-size:14px;line-height:1.5;color:#475569;margin:0 0 2px;max-width:280px}
.item-insight-factors{border:1px solid #e3e9f2;border-radius:22px;background:#fff;padding:25px 26px}
.item-insight-factors header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.item-insight-factors header small{display:block;font-size:13px;font-weight:600;letter-spacing:.12em;color:#2563eb;margin-bottom:6px}
.item-insight-factors header h3{font-size:20px;margin:0;color:#121a2b}
.item-insight-factors header>span{font-size:13px;color:#64748b;background:#f4f7fb;border-radius:999px;padding:7px 10px}
.item-insight-factor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.item-insight-factor-list .item-factor{min-width:0;border:1px solid #e7edf5!important;border-radius:16px!important;background:#f8fafc!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-shadow:none!important}
.item-insight-factor-list .item-factor i{width:36px;height:36px;border-radius:11px;background:#eaf1ff;color:#2563eb;display:grid;place-items:center}
.item-insight-factor-list .item-factor i svg{width:20px;height:20px}
.item-insight-factor-list .item-factor b{font-size:14px}
.item-insight-factor-list .item-factor p{margin:5px 0 0;font-size:13px;line-height:1.55;color:#64748b}
.item-period-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 24px 0}
.item-period-strip .item-period-card{margin:0}
.item-insight-method{margin:16px 24px 0;border:1px solid #e3e9f2;border-radius:16px;background:#fff;overflow:hidden}
.item-insight-method summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;font-size:14px;font-weight:600;color:#243047}
.item-insight-method summary::-webkit-details-marker{display:none}
.item-insight-method summary:after{content:"＋";font-size:18px;color:#64748b}
.item-insight-method[open] summary:after{content:"−"}
.item-insight-method summary small{margin-left:auto;font-size:13px;font-weight:500;color:#94a3b8}
.item-insight-method-body{border-top:1px solid #edf1f6;padding:16px 18px;background:#f8fafc}
.item-insight-method-body p{margin:0;font-size:13px;line-height:1.7;color:#64748b}
.item-insight-method-body p+p{margin-top:10px}
@media(max-width:900px){.item-insight-shell{grid-template-columns:1fr;padding:16px 16px 0}.item-insight-primary{min-height:0}.item-insight-factor-list{grid-template-columns:1fr}.item-period-strip{grid-template-columns:1fr;padding:12px 16px 0}.item-insight-method{margin:12px 16px 0}}
@media(max-width:560px){.item-insight-primary{padding:20px}.item-insight-metric{display:block}.item-insight-metric b{font-size:36px}.item-insight-metric p{margin-top:10px}.item-insight-factors{padding:20px}.item-insight-method summary small{display:none}}

/* 2026-08 mobile usability pass */
.mobile-bottom-nav{display:none}
.mobile-comment-fab{display:none}
@media(max-width:700px){
  :root{--mobile-gutter:14px}
  html{scroll-padding-top:72px;scroll-padding-bottom:82px}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important;font-size:16px!important;line-height:1.55!important;overflow-x:hidden}
  button,input,select,textarea{font-size:16px}

  /* Compact discovery header. Primary navigation moves to the thumb zone. */
  .top{position:sticky!important;top:0!important;z-index:55!important;background:color-mix(in srgb,var(--panel) 97%,transparent)!important;backdrop-filter:blur(14px)!important}
  .top-in{width:100%!important;min-height:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;padding:8px var(--mobile-gutter)!important}
  .brand{min-width:0!important}.brand .brand-logo-wide{width:118px!important;max-width:38vw!important;flex-basis:118px!important}
  .app-status{grid-column:2!important;grid-row:1!important;gap:5px!important}.app-status>span{display:none!important}
  .theme-toggle,.account-btn{min-width:40px!important;min-height:40px!important;height:40px!important;border-radius:10px!important}.account-btn{padding:7px 10px!important;font-size:13px!important}
  .header-discovery{grid-column:1/-1!important;grid-row:2!important;display:block!important;min-width:0!important}
  .header-popular,.main-nav{display:none!important}
  .header-search,.header-search form{width:100%!important;min-width:0!important}
  .header-search .search input{height:44px!important;min-height:44px!important;padding:0 44px 0 14px!important;border-radius:12px!important;font-size:16px!important}
  .header-search .search::after{top:5px!important;right:13px!important}
  .header-search .results{position:fixed!important;z-index:80!important;top:104px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 190px)!important;transform:none!important}

  .mobile-bottom-nav{position:fixed;z-index:70;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:0 -8px 28px rgba(15,23,42,.1);backdrop-filter:blur(16px)}
  .mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:52px;border-radius:12px;color:var(--muted);text-align:center;text-decoration:none}
  .mobile-bottom-nav a i{display:grid;place-items:center;width:23px;height:23px;color:inherit;font-size:18px;font-style:normal;font-weight:600;line-height:1}
  .mobile-bottom-nav a i svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a span{overflow:hidden;max-width:100%;font-size:13px;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
  .mobile-bottom-nav a[aria-current="page"]{background:var(--sel);color:var(--accent)}
  body[data-page="item"] .mobile-comment-fab{position:fixed;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:69;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid color-mix(in srgb,#fff 28%,transparent);border-radius:19px;background:var(--accent);color:#fff;box-shadow:0 14px 34px rgba(47,107,220,.34);cursor:pointer;-webkit-tap-highlight-color:transparent}
  body[data-page="item"] .mobile-comment-fab:active{transform:translateY(1px);box-shadow:0 9px 24px rgba(47,107,220,.3)}
  .mobile-comment-fab svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-comment-fab span{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--panel);border-radius:999px;background:#ef4444;color:#fff;font-size:11px!important;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
  .mobile-comment-fab span[hidden]{display:none}

  /* Comparison toolbar and data notice */
  .marketbar-in{width:100%!important;min-height:0!important;padding:8px var(--mobile-gutter)!important;overflow:visible!important}
  .marketbar .tickers{display:none!important}
  .top-ctl{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
  .top-ctl>.toolbar-label{display:none!important}.top-ctl>.seg{flex:1 1 auto!important}.top-ctl>.seg button{min-height:40px!important;padding:7px 11px!important;white-space:nowrap}
  .top-ctl>label{flex:none!important;font-size:13px!important}.top-ctl select{min-height:40px!important;padding:6px 26px 6px 9px!important;font-size:13px!important}
  .strip{width:calc(100% - 28px)!important;margin:8px auto 0!important;border-radius:11px!important}
  .strip-in{align-items:flex-start!important;gap:8px!important;padding:10px 11px!important;font-size:13px!important;line-height:1.45!important}
  .strip-in .tag{min-height:24px!important;padding:4px 7px!important;font-size:13px!important;white-space:nowrap}
  .strip-in>span:last-child{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}

  /* Page headings use the width efficiently and keep share in reach. */
  .page-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;width:calc(100% - 28px)!important;gap:8px 10px!important;padding:18px 0 10px!important}
  .page-head>div:first-child{min-width:0!important}.page-head small{font-size:13px!important;letter-spacing:.12em!important}
  .page-head h1{margin-top:6px!important;font-size:28px!important;line-height:1.14!important;letter-spacing:-.045em!important;word-break:keep-all}
  .page-head p{margin-top:8px!important;font-size:14px!important;line-height:1.6!important;word-break:keep-all}
  .page-head-share{grid-column:2!important;grid-row:1!important;align-self:start!important;min-height:40px!important;margin:0!important;padding:8px 10px!important}.page-head-share [data-share-label]{display:none}
  .share-page-btn{min-height:40px!important;border-radius:10px!important}

  /* Dashboard */
  body[data-page="dashboard"] .shell{padding-top:14px!important}
  .summary-intro{align-items:flex-start!important;gap:12px!important;margin-bottom:17px!important}
  .summary-intro h1{font-size:30px!important;line-height:1.12!important;letter-spacing:-.05em!important;word-break:keep-all}
  .summary-intro p{margin-top:9px!important;font-size:14px!important;line-height:1.65!important}
  .summary-intro-actions{order:-1!important;width:100%!important;justify-content:space-between!important}.summary-date{min-height:40px!important;display:inline-flex!important;align-items:center!important}
  .summary-period-bar{align-items:stretch!important;gap:8px!important;margin-bottom:10px!important}.summary-period-bar>span{font-size:13px!important;line-height:1.4!important}
  .summary-period-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;padding:3px!important;overflow:visible!important}
  .summary-period-tabs button{min-width:0!important;min-height:42px!important;padding:7px 3px!important;font-size:13px!important}
  .summary-kpis{grid-template-columns:1fr!important;gap:9px!important}.summary-kpis article,.summary-kpis article:last-child{grid-column:auto!important;min-height:0!important;padding:16px!important;border-radius:15px!important}
  .summary-kpis article>span{font-size:13px!important}.summary-kpis b{font-size:23px!important}.summary-kpis em{font-size:13px!important}
  .summary-panel{border-radius:16px!important}.summary-panel-head{align-items:flex-start!important;gap:10px!important;padding:15px!important}.summary-panel-head h2{font-size:19px!important;line-height:1.25!important}.summary-panel-head small{font-size:13px!important}.summary-panel-head>button{min-height:38px!important;padding:7px 9px!important;font-size:13px!important}
  .dashboard-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 12px 14px!important}.dashboard-category-card{min-height:116px!important;padding:14px!important;border-radius:13px!important}
  .summary-cpi-stats{grid-template-columns:1fr 1fr!important;gap:0!important}.summary-cpi-stats>div{padding:14px!important}.summary-cpi-stats b{font-size:21px!important}.summary-cpi-wrap{min-height:240px!important;padding:4px!important}
  .summary-cpi-wrap canvas{max-height:250px!important}.summary-cpi-legend{align-items:flex-start!important;gap:6px!important;flex-direction:column!important;padding:10px 14px!important}
  .dashboard-economy-pair,.dashboard-context-grid{gap:12px!important}.dashboard-gdp-grid{grid-template-columns:1fr 1fr!important}.dashboard-gdp-grid article{min-height:104px!important;padding:14px!important}.dashboard-gdp-grid b{font-size:16px!important}
  .dashboard-quick-links{gap:8px!important}.dashboard-quick-links button{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:82px!important;padding:13px!important;border-radius:14px!important}.dashboard-quick-links button>strong{font-size:13px!important}
  .government-grid{grid-template-columns:1fr!important}.government-note{font-size:13px!important;line-height:1.6!important}

  /* Item detail keeps the four requested summaries on one readable row. */
  body[data-page="item"] .page-head{padding-top:14px!important;padding-bottom:8px!important}
  body[data-page="item"] .page-head>div:first-child{grid-column:1/-1!important}
  body[data-page="item"] .page-head-share{position:absolute!important;right:14px!important;top:18px!important}
  body[data-page="item"] .item-group-trail{margin:0 48px 10px 0!important;gap:4px!important}.item-group-trail span,.item-group-trail button{min-height:26px!important;padding:4px 7px!important;font-size:13px!important}
  body[data-page="item"] .page-title-row{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:5px 11px!important;align-items:center!important}
  body[data-page="item"] .page-item-icon{grid-row:1/3!important;width:50px!important;height:50px!important;border-radius:15px!important}.page-item-icon svg{width:29px!important;height:29px!important}
  body[data-page="item"] .page-title-row h1{grid-column:2!important;margin:0!important;font-size:25px!important;line-height:1.15!important;word-break:keep-all}
  body[data-page="item"] .page-unit-badge{grid-column:2!important;justify-self:start!important;padding:6px 9px 6px 6px!important;font-size:13px!important;border-radius:10px!important;box-shadow:none!important}.page-unit-badge::before{padding:4px 5px!important;font-size:13px!important}
  body[data-page="item"] .item-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:13px!important}
  body[data-page="item"] .item-quick-stat{min-height:94px!important;padding:10px 6px 8px!important;border-radius:11px!important;box-shadow:none!important}.item-quick-stat::before{left:6px!important;right:6px!important}
  body[data-page="item"] .item-stat-heading b{font-size:13px!important}.item-quick-stat>span{margin-bottom:7px!important}.item-quick-stat strong,.item-quick-stat .trend-value{font-size:16px!important}.item-quick-stat .trend-word{font-size:13px!important}.item-quick-stat small{font-size:13px!important;line-height:1.2!important}
  .item-related-products{margin-top:14px!important;padding:12px!important;border-radius:14px!important}.item-related-head{margin-bottom:9px!important}.item-related-head span{font-size:13px!important}
  .item-related-list{display:flex!important;max-height:none!important;padding:0 1px 5px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none}.item-related-list::-webkit-scrollbar{display:none}
  .item-related-product{flex:0 0 min(285px,82vw)!important;min-height:58px!important;scroll-snap-align:start}
  body[data-page="item"] .row>.col:nth-child(2){gap:14px!important}
  body[data-page="item"] #chart-panel,body[data-page="item"] #comments-panel{border:1px solid var(--rule)!important;border-radius:16px!important;box-shadow:none!important}
  body[data-page="item"] #chart-panel>.ph{display:grid!important;min-height:0!important;gap:4px!important;padding:14px!important}.ph h2{font-size:18px!important;line-height:1.35!important}.ph .aux{justify-self:start!important;font-size:13px!important;line-height:1.45!important;text-align:left!important}
  body[data-page="item"] .chartbar{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:5px!important;padding:11px!important;overflow:visible!important}
  body[data-page="item"] .chartbar>.lab,body[data-page="item"] .frequency-controls>.lab,body[data-page="item"] #intervalControls>.lab{display:block!important;width:100%!important;margin:6px 0 1px!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.04em!important}
  body[data-page="item"] .chartbar>.lab:first-child{margin-top:0!important}
  body[data-page="item"] .chartbar>.seg,body[data-page="item"] .frequency-controls .seg,body[data-page="item"] #intervalControls .seg{display:grid!important;width:100%!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important}
  body[data-page="item"] .chartbar .seg button{min-width:0!important;min-height:40px!important;padding:6px 4px!important;font-size:13px!important}
  body[data-page="item"] .frequency-controls,body[data-page="item"] #intervalControls{display:flex!important;width:100%!important;flex-wrap:wrap!important;margin:0!important}.frequency-controls[hidden],#intervalControls[hidden]{display:none!important}
  body[data-page="item"] #chart{height:300px!important;min-height:300px!important;padding:8px 4px!important}body[data-page="item"] #chart svg{height:282px!important;min-height:282px!important}
  .legend{padding:9px 11px!important;font-size:13px!important}.hintbar{padding:10px 12px!important;font-size:13px!important}
  .item-insight-shell{gap:10px!important;padding:12px 12px 0!important}.item-insight-primary,.item-insight-factors{padding:17px!important;border-radius:16px!important}.item-insight-primary-top{margin-bottom:16px!important}.item-insight-metric b{font-size:32px!important}.item-insight-factor-list{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}.item-insight-factor-list::-webkit-scrollbar{display:none}.item-insight-factor-list .item-factor{flex:0 0 min(230px,76vw)!important;scroll-snap-align:start}
  .item-news-head{align-items:flex-start!important;gap:5px!important;flex-direction:column!important;margin:20px 0 9px!important}.item-news-grid{grid-template-columns:1fr!important}.item-news-card{min-height:0!important;padding:14px!important}
  body[data-page="item"] #comments-panel .pb{padding:14px!important}.comment-form{gap:8px!important}.comment-form input,.comment-form textarea{min-height:44px!important;font-size:16px!important}.comment-form textarea{min-height:120px!important}.comment-actions{align-items:stretch!important;flex-direction:column!important}.comment-actions .btn{width:100%!important;min-height:44px!important}

  /* Market: show the useful columns without forcing a desktop-width table. */
  body[data-page="market"] #data-panel{border-radius:14px!important}.tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto!important;min-height:44px!important;padding:10px 13px!important;font-size:13px!important}
  .market-categories{display:flex!important;gap:6px!important;padding:9px!important;overflow-x:auto!important;scrollbar-width:none}.market-categories::-webkit-scrollbar{display:none}.market-category{flex:0 0 auto!important;min-width:104px!important;min-height:46px!important}
  body[data-page="market"] #tabbody .scroll{overflow:visible!important}
  body[data-page="market"] #tabbody table.grid{width:100%!important;min-width:0!important;table-layout:fixed!important}
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(1),body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(3),body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(5),body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(n+7){display:none!important}
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(2){width:53%!important;padding-left:12px!important;text-align:left!important}
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(4){width:27%!important;text-align:right!important}
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(6){width:20%!important;padding-right:12px!important;text-align:right!important}
  body[data-page="market"] #tabbody table.grid th{padding-top:10px!important;padding-bottom:10px!important;font-size:13px!important}body[data-page="market"] #tabbody table.grid td{padding-top:12px!important;padding-bottom:12px!important;font-size:13px!important}
  body[data-page="market"] #tabbody .nm{white-space:normal!important;line-height:1.35!important}body[data-page="market"] #tabbody .pc{font-size:13px!important;white-space:nowrap!important}

  /* Ranking and statistics retain only decision-useful columns on small screens. */
  .year-rank-page{width:calc(100% - 28px)!important;padding:10px 0 36px!important}.year-rank-panel{border-radius:14px!important}
  .year-rank-head{align-items:stretch!important;gap:11px!important;flex-direction:column!important;padding:14px!important}.year-rank-head h2{font-size:17px!important}.year-rank-head p{font-size:13px!important}.year-rank-actions{width:100%!important;justify-content:space-between!important}.year-rank-actions label{flex:1!important}.year-rank-actions select{min-height:40px!important}
  .year-rank-categories{display:flex!important;overflow-x:auto!important;scrollbar-width:none}.year-rank-categories::-webkit-scrollbar{display:none}
  .year-rank-scroll{overflow:visible!important}.year-rank-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .year-rank-table :is(th,td):nth-child(3),.year-rank-table :is(th,td):nth-child(4),.year-rank-table :is(th,td):nth-child(6),.year-rank-table :is(th,td):nth-child(8),.year-rank-table :is(th,td):nth-child(9){display:none!important}
  .year-rank-table :is(th,td):nth-child(1){width:12%!important;padding-left:10px!important;padding-right:4px!important}.year-rank-table :is(th,td):nth-child(2){width:48%!important}.year-rank-table :is(th,td):nth-child(5){width:22%!important}.year-rank-table :is(th,td):nth-child(7){width:18%!important;padding-right:10px!important}
  .year-rank-table th{padding-top:9px!important;padding-bottom:9px!important;font-size:13px!important}.year-rank-table td{padding-top:11px!important;padding-bottom:11px!important;font-size:13px!important}.year-rank-name b{font-size:13px!important}.year-rank-name span{font-size:13px!important}
  .statistics-page{gap:12px!important}.statistics-hero,.statistics-section,.statistics-table-card{border-radius:14px!important}.statistics-grid{width:100%!important;min-width:0!important;table-layout:fixed!important}.statistics-grid :is(th,td):nth-child(3),.statistics-grid :is(th,td):nth-child(5),.statistics-grid :is(th,td):nth-child(7),.statistics-grid :is(th,td):nth-child(8){display:none!important}.statistics-grid th,.statistics-grid td{padding:10px 5px!important;font-size:13px!important;white-space:normal!important}

  /* Minimum wage and source pages: remove desktop-only table pressure. */
  body[data-page="context"] .wage-chart-head{align-items:flex-start!important;gap:8px!important;flex-direction:column!important;padding:15px 14px 8px!important}.wage-chart-current{text-align:left!important}.wage-chart-wrap{padding:0 4px!important}.wage-chart-legend{align-items:flex-start!important;gap:5px!important;flex-direction:column!important;padding:5px 14px 14px!important;font-size:13px!important}
  body[data-page="context"] .context-head{padding:13px!important}.context-head b{font-size:13px!important}.context-head span{font-size:13px!important;line-height:1.55!important}
  body[data-page="context"] .context-grid{width:100%!important;min-width:0!important;table-layout:fixed!important}
  body[data-page="context"] .context-grid :is(th,td):nth-child(3),body[data-page="context"] .context-grid :is(th,td):nth-child(4),body[data-page="context"] .context-grid :is(th,td):nth-child(7){display:none!important}
  body[data-page="context"] .context-grid :is(th,td):nth-child(1){width:17%!important}body[data-page="context"] .context-grid :is(th,td):nth-child(2){width:25%!important}body[data-page="context"] .context-grid :is(th,td):nth-child(5){width:31%!important}body[data-page="context"] .context-grid :is(th,td):nth-child(6){width:27%!important}
  body[data-page="context"] .context-grid th,body[data-page="context"] .context-grid td{padding:10px 4px!important;font-size:13px!important;white-space:normal!important}
  .context-sources{grid-template-columns:1fr!important}.context-sources a{padding:11px!important;font-size:13px!important}.sources-links{grid-template-columns:1fr!important}.sources-links a{min-height:44px!important;font-size:13px!important}

  /* Internal tools still need to be usable from a phone. */
  .admin-page{padding:18px 14px 34px!important}.admin-login{margin:20px auto 0!important;padding:18px!important;border-radius:15px!important}.admin-head{gap:8px!important;flex-direction:column!important}.admin-head-actions{width:100%!important}.admin-head-actions button{flex:1!important;min-height:42px!important}.admin-stats{grid-template-columns:1fr!important;gap:8px!important}.admin-stat{padding:13px!important}.admin-grid{grid-template-columns:1fr!important}.trend-row{grid-template-columns:58px minmax(50px,1fr) 48px!important;gap:6px!important}.trend-row em{display:none!important}.inquiry-meta{align-items:flex-start!important;flex-direction:column!important}

  /* Franchise directory and category pages */
  .franchise-page,.category-detail-page{width:calc(100% - 28px)!important;padding-bottom:36px!important}
  .franchise-overview{gap:8px!important;margin-bottom:12px!important}.franchise-overview>div{min-height:96px!important;padding:15px!important;border-radius:14px!important}.franchise-overview>div:first-child{min-height:112px!important}.franchise-overview b{font-size:22px!important}.franchise-overview p{font-size:13px!important}
  .franchise-directory{border-radius:15px!important}.franchise-directory-head{align-items:flex-start!important;gap:8px!important;flex-direction:column!important;padding:15px!important}.franchise-directory-head h2{font-size:21px!important}.franchise-directory-head p{font-size:13px!important}
  .franchise-toolbar{position:sticky!important;top:105px!important;z-index:12!important;gap:8px!important;margin:0!important;padding:10px!important;border-width:1px 0!important;border-radius:0!important}.franchise-search input{min-height:44px!important}.franchise-filters{padding-bottom:2px!important}.franchise-filters button{min-height:40px!important}
  .franchise-grid{gap:8px!important;padding:10px!important}.franchise-card{grid-template-columns:58px minmax(0,1fr) auto!important;gap:10px!important;min-height:82px!important;padding:12px!important;border-radius:13px!important}.franchise-card .franchise-mark{width:58px!important;height:44px!important;border-radius:12px!important}.franchise-card .franchise-mark[data-logo-shape="symbol"]{width:44px!important;justify-self:center}.franchise-card .franchise-mark[data-logo-shape="wide"] img{padding:7px 4px!important}.franchise-mark{height:44px!important;border-radius:13px!important}.franchise-card-copy b{font-size:14px!important}.franchise-card-copy span{font-size:13px!important}
  .franchise-detail{margin-top:14px!important;border-radius:16px!important}.franchise-detail-head{gap:11px!important;padding:15px!important}.franchise-detail-head h2{font-size:21px!important}.franchise-rank-detail{padding:15px!important}.franchise-menu-row{min-height:68px!important;padding:12px!important}.franchise-disclaimer{font-size:13px!important}
  .category-detail-hero{grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;padding:15px!important}.category-detail-count{grid-column:2!important;justify-self:start!important}.category-detail-copy h2{font-size:22px!important}.category-detail-nav{overflow-x:auto!important;scrollbar-width:none}.category-detail-nav::-webkit-scrollbar{display:none}.category-detail-nav button{flex:0 0 auto!important;min-height:42px!important}
  .category-chart-card>header,.category-items-card>header{align-items:flex-start!important;gap:8px!important;flex-direction:column!important;padding:14px!important}.category-line-chart{min-height:260px!important}.category-detail-items{grid-template-columns:1fr!important}

  /* Forms, modals and footer */
  .auth-card,.site-modal-card{width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;border-radius:18px!important;overflow-y:auto!important}
  .site-footer{padding-bottom:12px!important}.site-footer-in{width:calc(100% - 28px)!important}.site-footer-links{gap:6px 12px!important}.site-footer-links button{min-height:40px!important}
}

@media(max-width:360px){
  .brand .brand-logo-wide{width:108px!important;flex-basis:108px!important}.account-btn{display:none!important}
  .page-head h1,.summary-intro h1{font-size:26px!important}
  body[data-page="item"] .page-title-row h1{font-size:22px!important}
  body[data-page="item"] .item-quick-stat strong,body[data-page="item"] .item-quick-stat .trend-value{font-size:14px!important}
  .mobile-bottom-nav a span{font-size:13px!important}
}

/* 2026-08-28 visual refinement: clearer brand, calmer rhythm and one hierarchy */
.brand .brand-wordmark,.site-footer-brand>.footer-wordmark{position:relative;display:block!important;aspect-ratio:244/60;flex:none}
.brand-wordmark{width:190px}.footer-wordmark{width:168px}
.brand-wordmark img,.footer-wordmark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.brand-wordmark-dark{visibility:hidden;opacity:0}
:root[data-theme="dark"] .brand-wordmark-light{visibility:hidden;opacity:0}
:root[data-theme="dark"] .brand-wordmark-dark{visibility:visible;opacity:1}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .brand-wordmark-light{visibility:hidden;opacity:0}
  :root:not([data-theme="light"]) .brand-wordmark-dark{visibility:visible;opacity:1}
}
.brand{min-width:190px!important;justify-self:start;border-radius:12px!important}
.brand:hover .brand-wordmark{opacity:.88}.site-footer-brand{min-height:42px}
.shell,.page-head,.marketbar-in,.strip,.year-rank-page,.site-footer-in,.top-in,.item-sticky-summary-in{width:min(1240px,calc(100% - 40px))!important}
h1,h2,h3{word-break:keep-all;text-wrap:balance}
.summary-panel,.summary-kpis article,.government-panel,.year-rank-panel,.statistics-hero,.statistics-section,.statistics-table-card,.franchise-directory,.franchise-detail,.category-detail-hero,.category-chart-card,.category-items-card{border-radius:16px!important;box-shadow:none!important}
.summary-layout,.summary-side{gap:14px!important}.summary-kpis{gap:14px!important}
body[data-page="dashboard"] .shell{padding-top:30px!important}
body[data-page="dashboard"] .summary-intro{margin-bottom:22px!important}
body:is([data-page="dashboard"],[data-page="years"],[data-page="habits"],[data-page="binge"],[data-page="alcohol"]) .page-head{display:none!important}

@media(min-width:1181px){
  .top-in{grid-template-columns:190px minmax(0,1fr) auto!important;grid-template-rows:54px 48px;column-gap:22px!important;row-gap:0!important;padding:8px 0 6px!important}
  .brand{grid-column:1!important;grid-row:1!important}
  .main-nav{grid-column:2!important;grid-row:1!important;justify-content:center!important;flex-wrap:nowrap!important;gap:4px!important}
  .main-nav a{padding:8px 11px!important}
  .app-status{grid-column:3!important;grid-row:1!important;justify-self:end!important}
  .header-discovery{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;width:min(620px,100%)!important;gap:10px!important}
  .header-popular{flex:0 0 260px!important}.header-search{flex:1 1 auto!important;min-width:0!important}
}

@media(max-width:1180px) and (min-width:701px){
  .brand-wordmark{width:174px}.brand{min-width:174px!important}
  .top-in{grid-template-columns:174px minmax(330px,1fr) auto!important;column-gap:16px!important;row-gap:4px!important}
  .header-popular{display:none!important}.header-search{flex:1 1 auto!important;max-width:520px!important}
  .main-nav{padding-top:4px!important;border-top:1px solid var(--rule2)!important}
}

@media(max-width:700px){
  .brand{min-width:0!important}.brand-wordmark{width:148px;max-width:43vw}.footer-wordmark{width:154px}
  .top-in{padding-top:9px!important;padding-bottom:9px!important}
  .app-status>.data-asof{display:inline-flex!important;align-items:center!important;border-color:var(--rule)!important;background:var(--field)!important;color:var(--muted)!important}
  body[data-page="dashboard"] .shell{padding-top:18px!important}
  body[data-page="dashboard"] .summary-intro{margin-bottom:16px!important}
  .summary-intro h1{font-size:29px!important;line-height:1.15!important}
  .summary-intro p{max-width:36em;margin-top:8px!important;line-height:1.58!important}
  .summary-layout,.summary-side,.summary-kpis{gap:10px!important}
  .summary-panel,.summary-kpis article,.government-panel,.year-rank-panel,.statistics-hero,.statistics-section,.statistics-table-card,.franchise-directory,.franchise-detail,.category-detail-hero,.category-chart-card,.category-items-card{border-radius:15px!important}
  .site-footer-brand{min-height:38px}.site-footer-tagline{margin-top:9px!important}
  body[data-page="habits"] #data-panel{padding:12px!important}
  .statistics-subnav a{gap:6px!important;padding:10px 12px!important}.statistics-subnav-icon{width:19px;height:19px;flex-basis:19px}.statistics-subnav-icon svg{width:17px;height:17px}
}

@media(max-width:360px){.brand-wordmark{width:138px;max-width:46vw}.footer-wordmark{width:146px}}

/* 2026-08-29: light-only mobile regional redesign */
:root{color-scheme:only light!important}
.theme-toggle{display:none!important}.menu-drawer-foot{justify-content:flex-end}

@media(max-width:700px){
  /* Primary and card titles are content, not decoration: never truncate them on phones. */
  .page-head h1,.summary-intro h1,body[data-page="item"] .page-title-row h1,
  .franchise-card-copy b,.category-detail-item-copy b,.item-related-product b,
  .summary-mini-row .item b,.summary-rank-row .item-name-copy>b,
  .dashboard-labor-row .labor-item b,.popular-rank-name b{
    display:block!important;max-width:none!important;overflow:visible!important;
    text-overflow:clip!important;white-space:normal!important;word-break:keep-all!important;
    overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important
  }

  /* A mobile-first regional page: complete numbers and one readable card per region. */
  .regional-price-page{width:calc(100% - 24px)!important;padding-top:8px!important}
  .regional-summary{gap:9px!important;margin-bottom:12px!important}
  .regional-summary article{min-height:0!important;padding:16px!important;border-radius:16px!important;background:var(--panel)!important}
  .regional-summary article>span{margin-bottom:6px!important;font-size:12px!important}
  .regional-summary article>b{font-size:19px!important;line-height:1.3!important;white-space:normal!important;word-break:keep-all!important}
  .regional-summary-intro{padding:18px!important}
  .regional-board{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  .regional-board-head{margin-bottom:10px!important;padding:18px!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:var(--panel)!important}
  .regional-board-head h2{font-size:22px!important;line-height:1.3!important;white-space:normal!important;word-break:keep-all!important}
  .regional-board-head p{margin-top:7px!important;font-size:14px!important;line-height:1.6!important}
  .regional-tabs{margin-top:5px!important;border:0!important;border-radius:13px!important;background:var(--field)!important}
  .regional-tabs button{min-height:44px!important;border-radius:10px!important}
  .regional-visuals{display:flex!important;gap:10px!important;flex-direction:column!important}
  .regional-map-card{padding:16px!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:var(--panel)!important}
  .regional-map-head h3{font-size:18px!important}.regional-map-wrap{max-width:285px!important}
  .regional-map-focus{margin-top:5px!important;padding:10px 12px!important;border-radius:12px!important}
  .regional-ranking{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-flow:row!important;gap:9px!important;padding:12px!important;border:1px solid var(--rule)!important;border-radius:18px!important;background:var(--field)!important}
  .regional-ranking::before{content:"지역 물가 상승률 순위";display:block;padding:4px 3px 6px;color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.035em}
  .regional-row{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"rank name rate" "rank index rate" "bar bar bar"!important;
    gap:3px 11px!important;min-height:96px!important;padding:14px!important;
    border:1px solid var(--rule2)!important;border-radius:15px!important;background:var(--panel)!important;
    box-shadow:0 5px 18px rgba(31,52,92,.045)!important
  }
  .regional-row.is-selected{border-color:var(--accent)!important;box-shadow:inset 3px 0 var(--accent),0 7px 20px rgba(37,99,235,.09)!important}
  .regional-rank{grid-area:rank;width:38px!important;height:38px!important;align-self:center;border-radius:12px!important;font-size:14px!important}
  .regional-name{grid-area:name;align-self:end;font-size:17px!important;line-height:1.35!important;white-space:normal!important;word-break:keep-all!important}
  .regional-row>strong{grid-area:rate;align-self:center;font-size:15px!important;white-space:nowrap!important}
  .regional-index{grid-area:index;display:flex!important;align-items:center!important;gap:6px!important;color:var(--ink2)!important;font-size:13px!important;text-align:left!important}
  .regional-index small{display:inline!important;margin:0!important;font-size:12px!important}
  .regional-bar{grid-area:bar;height:6px!important;margin-top:8px!important}
  .regional-detail,.regional-comments{margin-top:12px!important;border-radius:18px!important}
  .regional-detail-head,.regional-comments>header{align-items:flex-start!important;flex-direction:column!important;gap:9px!important;padding:18px!important}
  .regional-detail-head h2,.regional-comments>header h2{font-size:21px!important;line-height:1.35!important;white-space:normal!important;word-break:keep-all!important}
}

/* 2026-08-29: mobile item focus view */
.item-mobile-nav{display:none}
@media(max-width:700px){
  body[data-page="item"]{
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
    background:#f2f4f6!important
  }
  body[data-page="item"]>.top,
  body[data-page="item"]>.mobile-bottom-nav,
  body[data-page="item"]>.marketbar{display:none!important}
  body[data-page="item"]>.item-mobile-nav{
    position:sticky;top:0;z-index:78;display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;
    min-height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;
    border-bottom:1px solid #f2f4f6;background:rgba(255,255,255,.97);
    color:#191f28;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  .item-mobile-nav>strong{overflow:hidden;font-size:17px;font-weight:600;letter-spacing:-.035em;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .item-mobile-nav-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:12px;background:transparent;color:#191f28;-webkit-tap-highlight-color:transparent}
  .item-mobile-nav-button:active{background:#f2f4f6}.item-mobile-nav-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .item-mobile-nav-button .share-page-icon,.item-mobile-nav-button .share-page-icon svg{width:23px!important;height:23px!important}

  body[data-page="item"]>.page-head{
    display:block!important;width:100%!important;margin:0!important;padding:14px 18px 12px!important;
    border:0!important;background:#fff!important
  }
  body[data-page="item"] .page-head>div:first-child{width:100%!important}
  body[data-page="item"] .page-head-share{display:none!important}
  body[data-page="item"] .item-group-trail{margin:0 0 10px!important;gap:4px!important}
  body[data-page="item"] .item-group-trail span,
  body[data-page="item"] .item-group-trail button{min-height:24px!important;padding:4px 7px!important;border-radius:8px!important;font-size:12px!important}
  body[data-page="item"] .page-title-row{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;gap:4px 11px!important;align-items:center!important
  }
  body[data-page="item"] .page-item-icon{grid-column:1!important;grid-row:1/3!important;width:52px!important;height:52px!important;border-radius:16px!important;box-shadow:none!important}
  body[data-page="item"] .page-item-icon svg{width:30px!important;height:30px!important}
  body[data-page="item"] .page-title-row h1{
    grid-column:2!important;grid-row:1!important;margin:0!important;font-size:24px!important;
    font-weight:600!important;line-height:1.22!important;letter-spacing:-.052em!important;
    white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important
  }
  body[data-page="item"] .page-unit-badge{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;min-height:24px!important;
    padding:4px 8px!important;border:0!important;border-radius:8px!important;background:#f2f4f6!important;
    color:#6b7684!important;box-shadow:none!important;font-size:12px!important
  }
  body[data-page="item"] .page-unit-badge::before{display:none!important}

  /* One dominant price, then two comparisons and a quiet view counter. */
  body[data-page="item"] .item-quick-stats{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;
    margin-top:14px!important;overflow:hidden!important;border:1px solid #e5e8eb!important;
    border-radius:18px!important;background:#e5e8eb!important
  }
  body[data-page="item"] .item-quick-stat{
    min-height:94px!important;padding:13px!important;border:0!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important
  }
  body[data-page="item"] .item-quick-stat::before{display:none!important}
  body[data-page="item"] .item-quick-stat>span{display:flex!important;margin:0 0 7px!important;white-space:normal!important}
  body[data-page="item"] .item-stat-heading{gap:7px!important}
  body[data-page="item"] .item-stat-icon{display:inline-grid!important;width:24px!important;height:24px!important;border-radius:8px!important;font-size:10px!important}
  body[data-page="item"] .item-stat-heading b{font-size:12px!important;letter-spacing:-.02em!important;white-space:normal!important}
  body[data-page="item"] .trend-pill{display:none!important}
  body[data-page="item"] .item-quick-stat strong,
  body[data-page="item"] .item-quick-stat .trend-value{min-height:0!important;font-size:20px!important;line-height:1.2!important;white-space:normal!important}
  body[data-page="item"] .item-quick-stat .trend-word{margin-left:4px!important;font-size:13px!important;white-space:nowrap!important}
  body[data-page="item"] .item-quick-stat small{margin-top:auto!important;padding-top:6px!important;border:0!important;font-size:12px!important;line-height:1.35!important}
  body[data-page="item"] .item-quick-stat.is-current{grid-column:1/-1!important;min-height:112px!important;padding:16px!important}
  body[data-page="item"] .item-quick-stat.is-current>span{margin-bottom:9px!important}
  body[data-page="item"] .item-quick-stat.is-current strong{font-size:34px!important;font-weight:600!important;letter-spacing:-.055em!important}
  body[data-page="item"] .item-quick-stat.is-current small{font-size:12px!important}
  body[data-page="item"] .item-quick-stat.item-quick-delta strong{display:flex!important;align-items:baseline!important;flex-direction:row!important}
  body[data-page="item"] .item-quick-stat.is-views{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;gap:1px 10px!important;min-height:64px!important;padding:11px 14px!important
  }
  body[data-page="item"] .item-quick-stat.is-views>span{grid-column:1!important;grid-row:1!important;align-self:center!important;margin:0!important}
  body[data-page="item"] .item-quick-stat.is-views>strong{grid-column:2!important;grid-row:1/3!important;align-self:center!important;font-size:22px!important;white-space:nowrap!important}
  body[data-page="item"] .item-quick-stat.is-views>small{grid-column:1!important;grid-row:2!important;margin:0!important;padding:0!important}

  body[data-page="item"] .item-related-products{
    width:auto!important;margin:22px -18px -16px!important;padding:20px 18px 15px!important;
    border:0!important;border-top:8px solid #f2f4f6!important;border-radius:0!important;background:#fff!important
  }
  body[data-page="item"] .item-related-head{display:block!important;margin:0 0 7px!important}
  body[data-page="item"] .item-related-head strong{font-size:18px!important;letter-spacing:-.035em!important}
  body[data-page="item"] .item-related-head span{display:none!important}
  body[data-page="item"] .item-related-list{
    display:flex!important;grid-template-columns:none!important;gap:8px!important;max-height:none!important;
    padding:0 1px 3px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important
  }
  body[data-page="item"] .item-related-list::-webkit-scrollbar{display:none!important}
  body[data-page="item"] .item-related-product{
    display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;flex:0 0 min(318px,86vw)!important;
    width:auto!important;min-height:74px!important;padding:12px!important;border:1px solid #e5e8eb!important;
    border-radius:15px!important;background:#fff!important;transform:none!important;scroll-snap-align:center!important
  }
  body[data-page="item"] .item-related-product[aria-current="page"]{border-color:#3182f6!important;background:#f5f8ff!important;box-shadow:inset 3px 0 #3182f6!important}
  body[data-page="item"] .item-related-product b{font-size:15px!important;line-height:1.35!important}
  body[data-page="item"] .item-related-product small{font-size:12px!important;white-space:normal!important}
  body[data-page="item"] .item-related-product em{font-size:12px!important}

  body[data-page="item"] .shell{width:100%!important;margin:0!important;padding:8px 0 28px!important}
  body[data-page="item"] .row>.col:nth-child(2){gap:8px!important}
  body[data-page="item"] #chart-panel,
  body[data-page="item"] #item-context-panel,
  body[data-page="item"] #comments-panel{
    overflow:hidden!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important
  }
  body[data-page="item"] #chart-panel>.ph,
  body[data-page="item"] #item-context-panel>.ph,
  body[data-page="item"] #comments-panel>.ph{padding:18px!important;border-bottom:1px solid #f2f4f6!important}
  body[data-page="item"] #chart-panel>.ph h2,
  body[data-page="item"] #item-context-panel>.ph h2,
  body[data-page="item"] #comments-panel>.ph h2{font-size:20px!important;letter-spacing:-.035em!important}
  body[data-page="item"] .chartbar{padding:14px 18px!important;border-bottom:1px solid #f2f4f6!important}
  body[data-page="item"] .chartbar .seg{border:0!important;border-radius:12px!important;background:#f2f4f6!important}
  body[data-page="item"] .chartbar .seg button{min-height:42px!important;border-radius:10px!important}
  body[data-page="item"] #itemContext{padding:14px 18px 16px!important}
  body[data-page="item"] .item-insight-shell{
    width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;padding:0!important
  }
  body[data-page="item"] .item-insight-primary,
  body[data-page="item"] .item-insight-factors{width:100%!important;min-width:0!important;padding:15px!important;border-color:#f2f4f6!important;border-radius:16px!important;box-shadow:none!important}
  body[data-page="item"] .item-insight-primary-top{margin-bottom:10px!important}
  body[data-page="item"] .item-insight-status{padding:5px 8px!important;font-size:12px!important}
  body[data-page="item"] .item-insight-metric{margin-top:5px!important}
  body[data-page="item"] .item-insight-metric b{font-size:30px!important}
  body[data-page="item"] .item-insight-metric p{margin-top:6px!important;font-size:13px!important;line-height:1.45!important}
  body[data-page="item"] .item-insight-factors header{margin-bottom:10px!important}
  body[data-page="item"] .item-insight-factors header small{margin-bottom:4px!important;font-size:12px!important}
  body[data-page="item"] .item-insight-factors header h3{font-size:19px!important;line-height:1.3!important}
  body[data-page="item"] .item-insight-factors header>span{padding:5px 8px!important;font-size:12px!important;white-space:nowrap!important}
  body[data-page="item"] .item-insight-factor-list .item-factor{flex-basis:min(230px,74vw)!important;padding:13px!important;gap:8px!important}
  body[data-page="item"] .item-insight-factor-list .item-factor i{width:32px!important;height:32px!important}
  body[data-page="item"] .item-insight-factor-list .item-factor p{display:-webkit-box!important;overflow:hidden!important;line-height:1.48!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important}
  body[data-page="item"] .item-period-strip{padding:0!important}
  body[data-page="item"] .item-insight-method{margin:12px 0 0!important;border-color:#f2f4f6!important}
  body[data-page="item"] .item-news-head{margin-top:16px!important}
  body[data-page="item"] #comments-panel>.pb{padding-right:18px!important;padding-left:18px!important}
  body[data-page="item"] #comments-panel{scroll-margin-top:70px!important}
  body[data-page="item"] .item-sticky-summary{display:none!important}
  body[data-page="item"] .mobile-comment-fab{right:16px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important}
}

/* 2026-08-29: compact chart controls and calmer type weight */
b,strong,h1,h2,h3,h4,h5,h6{font-weight:600}

/* Custom pages already introduce themselves inside their primary content.
   Remove the repeated generic hero so each screen has one title and one description. */
body:is([data-page="notices"],[data-page="franchise"],[data-page="ranking"],[data-page="regions"],[data-page="category"])>.page-head{
  display:none!important
}

@media(max-width:700px){
  body[data-page="item"] .chartbar{
    display:grid!important;
    grid-template-columns:max-content minmax(92px,.78fr) max-content minmax(150px,1.22fr)!important;
    grid-auto-rows:minmax(34px,auto)!important;
    align-items:center!important;
    gap:6px!important;
    padding:10px 12px!important;
    overflow:visible!important
  }
  body[data-page="item"] .chartbar>.lab,
  body[data-page="item"] .frequency-controls>.lab,
  body[data-page="item"] #intervalControls>.lab{
    display:block!important;
    width:auto!important;
    margin:0!important;
    color:#6b7684!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important
  }
  body[data-page="item"] .chartbar>.lab:first-child{grid-column:1;grid-row:1}
  body[data-page="item"] #chartModes{grid-column:2;grid-row:1}
  body[data-page="item"] .chartbar>#chartModes+.lab{grid-column:3;grid-row:1}
  body[data-page="item"] #views{grid-column:4;grid-row:1}
  body[data-page="item"] #intervalControls,
  body[data-page="item"] .frequency-controls{display:contents!important}
  body[data-page="item"] #intervalControls[hidden],
  body[data-page="item"] .frequency-controls[hidden]{display:none!important}
  body[data-page="item"] #intervalControls>.lab{grid-column:1;grid-row:2}
  body[data-page="item"] #bars{grid-column:2;grid-row:2}
  body[data-page="item"] .frequency-controls>.lab{grid-column:3;grid-row:2}
  body[data-page="item"] #frequencies{grid-column:4;grid-row:2}
  body[data-page="item"] #intervalControls[hidden]+.frequency-controls>.lab{grid-column:1;grid-row:2}
  body[data-page="item"] #intervalControls[hidden]+.frequency-controls>#frequencies{grid-column:2/-1;grid-row:2}
  body[data-page="item"] .chartbar>.seg,
  body[data-page="item"] .frequency-controls .seg,
  body[data-page="item"] #intervalControls .seg{
    display:grid!important;
    width:auto!important;
    min-width:0!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(0,1fr)!important;
    gap:1px!important;
    padding:2px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f2f4f6!important
  }
  body[data-page="item"] .chartbar .seg button{
    min-width:0!important;
    min-height:30px!important;
    padding:4px 3px!important;
    border-radius:7px!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.1!important;
    white-space:nowrap!important
  }
  body[data-page="item"] #views button svg{display:none!important}
}

/* 2026-08-29: mobile choice sheets — keep the page focused and move dense controls on demand. */
.mobile-choice-sheet[hidden],.mobile-sheet-trigger{display:none}
.mobile-choice-sheet{position:fixed;z-index:620;inset:0}
.mobile-choice-sheet-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.38);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(2px)}
.mobile-choice-sheet-panel{position:absolute;right:0;bottom:0;left:0;max-height:min(78dvh,720px);overflow:hidden;border:1px solid #e5e8eb;border-width:1px 0 0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -24px 60px rgba(15,23,42,.16);transform:translateY(18px);opacity:.98;transition:transform .2s ease,opacity .2s ease}
.mobile-choice-sheet.is-open .mobile-choice-sheet-backdrop{opacity:1}.mobile-choice-sheet.is-open .mobile-choice-sheet-panel{transform:translateY(0);opacity:1}
.mobile-choice-sheet-handle{display:block;width:38px;height:4px;margin:9px auto 2px;border-radius:999px;background:#d1d6db}
.mobile-choice-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px 12px;border-bottom:1px solid #f2f4f6}
.mobile-choice-sheet-head small{display:block;margin-bottom:2px;color:#3182f6;font-size:11px;font-weight:600;letter-spacing:.08em}
.mobile-choice-sheet-head h2{margin:0;color:#191f28;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
.mobile-choice-sheet-head>button{min-height:38px;padding:8px 13px;border-radius:11px;background:#f2f4f6;color:#333d4b;font-size:14px;font-weight:600}
.mobile-choice-sheet-body{max-height:calc(min(78dvh,720px) - 82px);padding:14px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.mobile-sheet-open{overflow:hidden}

@media(max-width:700px){
  .mobile-sheet-trigger:not([hidden]){
    display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;
    padding:9px 12px;border:1px solid #e5e8eb;border-radius:13px;background:#fff;color:#191f28;text-align:left
  }
  .mobile-sheet-trigger:active{background:#f8fafc}.mobile-sheet-trigger>span{display:flex;min-width:0;align-items:center;gap:9px}
  .mobile-sheet-trigger small{flex:none;color:#6b7684;font-size:12px;font-weight:500;line-height:1.25}
  .mobile-sheet-trigger-value{overflow:hidden;color:#191f28;font-size:14px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
  .mobile-sheet-trigger svg{flex:none;width:18px;height:18px;fill:none;stroke:#8b95a1;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-sheet-trigger.is-content{min-height:44px;background:#f9fafb}
  .mobile-sheet-trigger.is-content small{color:#333d4b;font-size:13px;font-weight:600}.mobile-sheet-trigger.is-content .mobile-sheet-trigger-value{color:#8b95a1;font-size:12px;font-weight:500}
  .mobile-sheet-trigger:not([hidden])+.mobile-sheet-source{display:none!important}

  #chart-panel>.mobile-sheet-trigger{width:calc(100% - 36px);margin:11px 18px}
  #data-panel>.mobile-sheet-trigger{width:calc(100% - 24px);margin:10px 12px}
  .year-rank-panel>.mobile-sheet-trigger{width:calc(100% - 28px);margin:12px 14px}
  .category-detail-page>.mobile-sheet-trigger,.statistics-page>.mobile-sheet-trigger{margin:0 0 12px}
  .notice-board>.mobile-sheet-trigger{width:calc(100% - 28px);margin:12px 14px}
  .franchise-toolbar>.mobile-sheet-trigger{margin:0}
  .summary-panel>.mobile-sheet-trigger{width:calc(100% - 28px);margin:12px 14px}
  .regional-price-page>.mobile-sheet-trigger,.franchise-page>.mobile-sheet-trigger{margin:12px 0 0}
  .household-overview>.mobile-sheet-trigger,.statistics-page section>.mobile-sheet-trigger{width:calc(100% - 28px);margin:12px 14px}

  .mobile-choice-sheet-body .mobile-sheet-source{position:static!important;display:grid!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>button,
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important;min-height:48px!important;
    margin:0!important;padding:10px 12px!important;border:1px solid #e5e8eb!important;border-radius:13px!important;background:#fff!important;
    color:#4e5968!important;font-size:14px!important;font-weight:500!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;transform:none!important
  }
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>button[aria-pressed="true"],
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>a[aria-current="page"]{border-color:#3182f6!important;background:#f2f6ff!important;color:#1b64da!important;box-shadow:inset 3px 0 #3182f6!important}
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>button i{flex:none!important}.mobile-choice-sheet-body.is-choice .mobile-sheet-source>button span{min-width:0!important;white-space:normal!important}
  .mobile-choice-sheet-body.is-choice .mobile-sheet-source>button em{margin-left:auto!important}
  .mobile-choice-sheet-body .statistics-subnav>span{display:none!important}
  .mobile-choice-sheet-body.sheet-notice .notice-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  body .mobile-choice-sheet-body.sheet-graph .chartbar{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:7px!important;padding:0!important;overflow:visible!important}
  body .mobile-choice-sheet-body.sheet-graph .chartbar>.lab,
  body .mobile-choice-sheet-body.sheet-graph .frequency-controls>.lab,
  body .mobile-choice-sheet-body.sheet-graph #intervalControls>.lab{display:block!important;width:100%!important;margin:5px 0 0!important;color:#6b7684!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.01em!important}
  body .mobile-choice-sheet-body.sheet-graph .chartbar>.lab:first-child{margin-top:0!important}
  body .mobile-choice-sheet-body.sheet-graph #chartModes,
  body .mobile-choice-sheet-body.sheet-graph #views,
  body .mobile-choice-sheet-body.sheet-graph #bars,
  body .mobile-choice-sheet-body.sheet-graph #frequencies{display:grid!important;width:100%!important;grid-column:auto!important;grid-row:auto!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:2px!important;padding:3px!important;border:0!important;border-radius:12px!important;background:#f2f4f6!important}
  body .mobile-choice-sheet-body.sheet-graph .chartbar .seg button{min-width:0!important;min-height:40px!important;padding:7px 5px!important;border-radius:9px!important;font-size:13px!important;font-weight:500!important;white-space:normal!important}
  body .mobile-choice-sheet-body.sheet-graph #intervalControls,
  body .mobile-choice-sheet-body.sheet-graph .frequency-controls{display:grid!important;grid-template-columns:1fr!important;grid-column:auto!important;grid-row:auto!important;gap:7px!important;width:100%!important}
  body .mobile-choice-sheet-body.sheet-graph #intervalControls[hidden],
  body .mobile-choice-sheet-body.sheet-graph .frequency-controls[hidden]{display:none!important}

  .mobile-choice-sheet-body.is-content .mobile-sheet-content-source{display:grid!important;gap:8px!important;padding:15px!important;border:1px solid #e5e8eb!important;border-radius:15px!important;background:#f9fafb!important;color:#4e5968!important;font-size:14px!important;line-height:1.72!important}
  .mobile-choice-sheet-body.is-content .mobile-sheet-content-source b{color:#191f28!important}.mobile-choice-sheet-body.is-content .mobile-sheet-content-source a{width:max-content;max-width:100%;color:#1b64da!important;font-weight:600!important;text-decoration:none!important;white-space:normal!important}
}

/* 2026-08-29: compact mobile header, search dialog and readable ranking metrics. */
.mobile-search-button,.ranking-mobile-rate,.ranking-mobile-metric-head{display:none}
.mobile-search-modal[hidden]{display:none}.mobile-search-modal{position:fixed;z-index:640;inset:0}
.mobile-search-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.38);opacity:0;backdrop-filter:blur(3px);transition:opacity .18s ease}
.mobile-search-panel{position:absolute;top:max(12px,env(safe-area-inset-top));right:10px;left:10px;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)));overflow:hidden;border:1px solid #e5e8eb;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.2);opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}
.mobile-search-modal.is-open .mobile-search-backdrop{opacity:1}.mobile-search-modal.is-open .mobile-search-panel{opacity:1;transform:translateY(0)}
.mobile-search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px 12px;border-bottom:1px solid #f2f4f6}.mobile-search-head small{display:block;margin-bottom:2px;color:#3182f6;font-size:11px;font-weight:600;letter-spacing:.1em}.mobile-search-head h2{margin:0;color:#191f28;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.035em}.mobile-search-head>button{min-height:38px;padding:8px 13px;border:0;border-radius:11px;background:#f2f4f6;color:#333d4b;font-size:14px;font-weight:600}.mobile-search-mount{padding:12px 14px 14px}.mobile-search-button{place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--rule);border-radius:11px;background:var(--panel);color:var(--ink2)}.mobile-search-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mobile-search-button:hover,.mobile-search-button:focus-visible{border-color:var(--accent);background:var(--sel);color:var(--accent)}
body.mobile-search-open{overflow:hidden}

@media(max-width:700px){
  .top-in{width:calc(100% - 40px)!important;min-height:56px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:56px!important;gap:8px!important;padding:0!important}
  .brand{grid-column:1!important;grid-row:1!important;min-width:0!important}.brand-wordmark{width:134px!important;max-width:48vw!important}
  .app-status{grid-column:2!important;grid-row:1!important;gap:6px!important}.app-status::before{display:none!important}.app-status>.data-asof{display:none!important}
  .mobile-search-button{display:grid}.menu-button,.mobile-search-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:11px!important}
  .header-discovery{display:none!important}.main-nav{display:none!important}
  .mobile-search-mount .header-search{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  .mobile-search-mount .header-search .search{display:block!important;width:100%!important}
  .mobile-search-mount .header-search .search input{width:100%!important;height:50px!important;min-height:50px!important;padding:0 46px 0 15px!important;border:1px solid #dfe3e8!important;border-radius:13px!important;background:#f9fafb!important;color:#191f28!important;font-size:16px!important}
  .mobile-search-mount .header-search .search::after{top:8px!important;right:14px!important}
  .mobile-search-mount .header-search .results{position:static!important;width:100%!important;max-height:calc(100dvh - 170px)!important;margin-top:8px!important;padding:4px!important;overflow:auto!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
  .mobile-search-mount .header-search .rr.search-result-row{min-height:76px!important;padding:10px!important}

  .ranking-mobile-rate,.ranking-mobile-metric-head{display:block}.ranking-year-label{display:none}
  .year-rank-table :is(th,td):nth-child(7){display:none!important}
  .year-rank-table :is(th,td):nth-child(1){width:11%!important;padding-right:3px!important;padding-left:8px!important;text-align:center!important}
  .year-rank-table :is(th,td):nth-child(2){width:60%!important;padding-right:5px!important;padding-left:5px!important;text-align:left!important}
  .year-rank-table :is(th,td):nth-child(5){width:29%!important;padding-right:9px!important;padding-left:5px!important;text-align:right!important}
  .year-rank-table th:nth-child(5){white-space:normal!important}.ranking-mobile-metric-head{font-size:12px!important;line-height:1.25!important;white-space:nowrap!important}
  .year-rank-table td{height:76px!important;overflow:hidden!important;white-space:normal!important}
  .year-rank-name{min-width:0!important;overflow:hidden!important}.year-rank-select{width:100%!important;min-width:0!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;text-align:left!important}.year-rank-select .item-mini-icon{width:38px!important;height:38px!important;border-radius:11px!important}.year-rank-select .item-name-copy{min-width:0!important;overflow:hidden!important}.year-rank-select .item-name-copy>b{display:block!important;overflow:hidden!important;color:var(--ink)!important;font-size:14px!important;line-height:1.3!important;text-overflow:ellipsis!important;white-space:nowrap!important}.year-rank-select .item-name-copy>span{display:block!important;overflow:hidden!important;margin-top:2px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .ranking-price-cell{overflow:visible!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}.ranking-price-cell>b{display:block!important;color:var(--ink)!important;font-size:14px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important}.ranking-mobile-rate{margin-top:4px;color:var(--muted);font-size:13px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important}.ranking-mobile-rate.up{color:var(--up)!important}.ranking-mobile-rate.down{color:var(--down)!important}.ranking-mobile-rate.flat{color:var(--muted)!important}
}

@media(max-width:360px){
  .brand-wordmark{width:126px!important}.top-in{width:calc(100% - 40px)!important}.mobile-search-panel{right:8px;left:8px}.mobile-search-mount{padding-right:10px;padding-left:10px}
  .year-rank-table :is(th,td):nth-child(1){width:12%!important}.year-rank-table :is(th,td):nth-child(2){width:58%!important}.year-rank-table :is(th,td):nth-child(5){width:30%!important}.year-rank-select{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important}.year-rank-select .item-mini-icon{width:34px!important;height:34px!important}.ranking-price-cell>b{font-size:13px!important}.ranking-mobile-rate{font-size:12px!important}
}

/* 2026-08-29: align the category toolbar and give the category hero a stable mobile hierarchy. */
@media(max-width:700px){
  body[data-page="category"] .marketbar-in,
  body[data-page="category"] .strip{
    width:calc(100% - 28px)!important;
    margin-right:auto!important;
    margin-left:auto!important
  }
  body[data-page="category"] .marketbar-in{padding:8px 12px!important}
  body[data-page="category"] .marketbar .top-ctl{
    width:100%!important;
    min-width:0!important;
    padding-left:0!important;
    overflow:visible!important
  }
  body[data-page="category"] .top-ctl>.seg{min-width:0!important}
  body[data-page="category"] .top-ctl>label{padding-left:0!important}

  .category-detail-hero{
    grid-template-columns:56px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:10px 16px!important;
    align-items:center!important;
    padding:18px!important
  }
  .category-detail-hero .category-detail-copy{display:contents!important}
  .category-detail-hero .category-detail-icon{
    grid-column:1!important;
    grid-row:2!important;
    width:56px!important;
    height:56px!important;
    border-radius:17px!important
  }
  .category-detail-hero .category-detail-copy small{
    grid-column:1/3!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important
  }
  .category-detail-hero .category-detail-copy h2{
    grid-column:2/4!important;
    grid-row:2!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
    font-size:23px!important;
    line-height:1.25!important;
    letter-spacing:-.04em!important;
    word-break:keep-all!important
  }
  .category-detail-hero .category-detail-copy p{
    grid-column:1/4!important;
    grid-row:3!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.65!important;
    word-break:keep-all!important
  }
  .category-detail-hero .category-detail-count{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:12px!important
  }
}

@media(max-width:360px){
  .category-detail-hero{grid-template-columns:52px minmax(0,1fr) auto!important;gap:9px 13px!important;padding:16px!important}
  .category-detail-hero .category-detail-icon{width:52px!important;height:52px!important}
  .category-detail-hero .category-detail-copy h2{font-size:21px!important}
}

/* 2026-08-29: make the footer a quiet secondary navigation area. */
.site-footer{
  border-top:1px solid color-mix(in srgb,var(--rule) 72%,transparent)!important;
  background:color-mix(in srgb,var(--panel) 96%,var(--field))!important
}
.site-footer-in{padding:22px 0 18px!important}
.site-footer-main{align-items:start!important;gap:24px!important}
.site-footer-identity{gap:14px!important}
.site-footer-brand{min-height:0!important;opacity:.76}
.site-footer-brand .footer-wordmark{width:132px!important}
.site-footer-tagline{
  max-width:320px!important;
  padding-left:14px!important;
  color:color-mix(in srgb,var(--muted) 84%,transparent)!important;
  font-size:12px!important;
  line-height:1.55!important
}
.site-footer-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px 16px!important;
  width:auto!important;
  flex-wrap:wrap!important
}
.site-footer-links button,
.site-footer-links .footer-notice-link{
  display:inline-flex!important;
  grid-column:auto!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--muted) 90%,transparent)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.45!important;
  text-align:left!important;
  text-decoration:none!important;
  box-shadow:none!important;
  white-space:nowrap!important
}
.site-footer-links button:hover,
.site-footer-links button:focus-visible,
.site-footer-links .footer-notice-link:hover,
.site-footer-links .footer-notice-link:focus-visible{
  border:0!important;
  background:transparent!important;
  color:var(--ink2)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  outline:none!important
}
.site-footer-links .footer-notice-link .notice-new-badge{
  position:static!important;
  transform:none!important;
  margin-left:5px!important;
  padding:1px 4px!important;
  border-radius:4px!important;
  background:#fff0f0!important;
  color:#d14343!important;
  font-size:7px!important;
  line-height:1.45!important;
  box-shadow:none!important
}
.site-footer-bottom{
  gap:10px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top-color:color-mix(in srgb,var(--rule2) 72%,transparent)!important;
  color:color-mix(in srgb,var(--muted) 72%,transparent)!important;
  font-size:11px!important
}

@media(max-width:700px){
  .site-footer{padding-bottom:8px!important}
  .site-footer-in{padding:18px 0 12px!important}
  .site-footer-main{gap:12px!important}
  .site-footer-brand .footer-wordmark{width:116px!important}
  .site-footer-tagline{
    margin-top:7px!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.5!important
  }
  .site-footer-links{
    display:flex!important;
    justify-content:flex-start!important;
    gap:0 17px!important;
    width:100%!important
  }
  .site-footer-links button:nth-child(4),
  .site-footer-links button:nth-child(5){grid-column:auto!important}
  .site-footer-links button,
  .site-footer-links .footer-notice-link{min-height:29px!important;padding:4px 0!important}
  .site-footer-bottom{gap:2px!important;margin-top:8px!important;padding-top:9px!important}
}

/* 2026-08-29: keep the mobile all-items table readable with long product names. */
.market-mobile-metric-head,.market-mobile-rate{display:none}
@media(max-width:700px){
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(1),
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(3),
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(5),
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(n+6){display:none!important}
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(2){
    width:70%!important;
    min-width:0!important;
    padding-right:7px!important;
    padding-left:12px!important;
    overflow:hidden!important;
    white-space:normal!important
  }
  body[data-page="market"] #tabbody table.grid :is(th,td):nth-child(4){
    display:table-cell!important;
    width:30%!important;
    min-width:0!important;
    padding-right:12px!important;
    padding-left:5px!important;
    overflow:hidden!important;
    text-align:right!important;
    white-space:normal!important
  }
  body[data-page="market"] #tabbody table.grid th:nth-child(4){font-size:0!important}
  body[data-page="market"] #tabbody .market-desktop-metric-head{display:none!important}
  body[data-page="market"] #tabbody .market-mobile-metric-head{
    display:block!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.25!important;
    white-space:nowrap!important
  }
  body[data-page="market"] #tabbody .board-select{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important
  }
  body[data-page="market"] #tabbody .board-select .item-mini-icon{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important
  }
  body[data-page="market"] #tabbody .board-select .item-name-copy{
    min-width:0!important;
    overflow:hidden!important
  }
  body[data-page="market"] #tabbody .board-select .item-name-copy b{
    display:block!important;
    max-width:100%!important;
    overflow:visible!important;
    font-size:14px!important;
    line-height:1.35!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important
  }
  body[data-page="market"] #tabbody .board-select .item-name-copy em{
    margin-top:4px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important
  }
  body[data-page="market"] #tabbody .market-price-stack{
    display:grid!important;
    justify-items:end!important;
    gap:4px!important;
    min-width:0!important
  }
  body[data-page="market"] #tabbody .market-price-stack>b{
    max-width:100%!important;
    overflow:hidden!important;
    color:var(--ink)!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important
  }
  body[data-page="market"] #tabbody .market-mobile-rate{
    display:block!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:600!important;
    line-height:1.2!important;
    white-space:nowrap!important
  }
  body[data-page="market"] #tabbody table.grid tbody tr{height:auto!important}
body[data-page="market"] #tabbody table.grid td{height:auto!important;min-height:76px!important;padding-top:11px!important;padding-bottom:11px!important}
}

/* 2026-08-29: one-line desktop header with menu beside the logo and search in a dialog. */
.app-status::before{display:none!important}

@media(min-width:1181px){
  .top-in{
    min-height:72px!important;
    grid-template-columns:190px 40px minmax(220px,260px) minmax(0,1fr) 40px!important;
    grid-template-rows:56px!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:8px 0!important
  }
  .brand{grid-column:1!important;grid-row:1!important}
  .app-status{display:contents!important}
  .menu-button{grid-column:5!important;grid-row:1!important;justify-self:end!important}
  .header-discovery{
    display:block!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important
  }
  .header-search{display:none!important}
  .header-popular{display:block!important;width:100%!important}
  .popular-toggle{
    width:100%!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 11px!important;
    gap:8px!important;
    overflow:hidden!important;
    border-radius:11px!important
  }
  .popular-live-label{
    position:static!important;
    min-height:0!important;
    padding:0 8px 0 0!important;
    transform:none!important;
    border:0!important;
    border-right:1px solid var(--rule2)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important
  }
  .popular-live-label b{font-size:12px!important}
  .popular-ticker-viewport strong{max-width:82px!important}
  .popular-popover{top:50px!important}
  .main-nav{
    grid-column:4!important;
    grid-row:1!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:2px!important;
    padding:0!important;
    border:0!important
  }
  .main-nav a{padding:8px 9px!important}
  .mobile-search-button{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important
  }
}

@media(min-width:701px) and (max-width:1180px){
  .top-in{
    min-height:104px!important;
    grid-template-columns:174px 40px minmax(190px,1fr) 40px!important;
    grid-template-rows:52px auto!important;
    column-gap:9px!important;
    row-gap:0!important;
    padding:7px 0!important
  }
  .brand{grid-column:1!important;grid-row:1!important}
  .app-status{display:contents!important}
  .menu-button{grid-column:4!important;grid-row:1!important;justify-self:end!important}
  .header-discovery{display:block!important;grid-column:3!important;grid-row:1!important;justify-self:start!important;width:100%!important;max-width:300px!important;min-width:0!important}
  .header-search{display:none!important}
  .header-popular{display:block!important;width:100%!important}
  .popular-toggle{width:100%!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;overflow:hidden!important}
  .popular-live-label{position:static!important;min-height:0!important;padding:0 8px 0 0!important;transform:none!important;border:0!important;border-right:1px solid var(--rule2)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .popular-live-label b{font-size:12px!important}.popular-ticker-viewport strong{max-width:90px!important}.popular-popover{top:50px!important}
  .mobile-search-button{display:grid!important;grid-column:2!important;grid-row:1!important;justify-self:start!important}
  .main-nav{grid-column:1/-1!important;grid-row:2!important;justify-content:center!important;min-height:40px!important;padding:3px 0 0!important;border-top:1px solid var(--rule2)!important}
}

@media(min-width:701px){
  .mobile-search-panel{
    top:82px!important;
    right:auto!important;
    left:50%!important;
    width:min(640px,calc(100vw - 40px))!important;
    max-height:calc(100dvh - 102px)!important;
    transform:translate(-50%,-10px)!important
  }
  .mobile-search-modal.is-open .mobile-search-panel{transform:translate(-50%,0)!important}
  .mobile-search-mount .header-search{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  .mobile-search-mount .header-search .search{display:block!important;width:100%!important}
  .mobile-search-mount .header-search .search input{width:100%!important;height:50px!important;min-height:50px!important;padding:0 46px 0 15px!important;border:1px solid #dfe3e8!important;border-radius:13px!important;background:#f9fafb!important;color:#191f28!important;font-size:16px!important}
  .mobile-search-mount .header-search .search::after{top:8px!important;right:14px!important}
  .mobile-search-mount .header-search .results{position:static!important;width:100%!important;max-height:calc(100dvh - 230px)!important;margin-top:8px!important;padding:4px!important;overflow:auto!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transform:none!important}
  .mobile-search-mount .header-search .rr.search-result-row{min-height:76px!important;padding:10px!important}
}

/* 2026-08-30: a prominent, consistent share action at the end of every page. */
.page-bottom-share{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  width:min(1240px,calc(100% - 40px));
  min-height:142px;
  margin:12px auto 32px;
  padding:26px 28px;
  overflow:hidden;
  border:1px solid #cddcff;
  border-radius:22px;
  background:linear-gradient(135deg,#edf4ff 0%,#f4f2ff 100%);
  box-shadow:0 18px 42px rgba(47,107,220,.11)
}
.page-bottom-share::before,
.page-bottom-share::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:999px;
  pointer-events:none
}
.page-bottom-share::before{
  right:250px;
  top:-105px;
  width:230px;
  height:230px;
  background:rgba(91,92,226,.09)
}
.page-bottom-share::after{
  right:-52px;
  bottom:-108px;
  width:220px;
  height:220px;
  background:rgba(47,107,220,.1)
}
.page-bottom-share-copy{display:grid;min-width:0;gap:6px}
.page-bottom-share-copy small{
  color:#2f6bdc;
  font-family:"Azeret Mono",monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.13em
}
.page-bottom-share-copy strong{
  color:#101828;
  font-size:22px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.04em;
  word-break:keep-all
}
.page-bottom-share-copy p{
  margin:0;
  color:#667085;
  font-size:13px;
  line-height:1.55;
  word-break:keep-all
}
.page-bottom-share-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  gap:10px;
  min-width:220px;
  min-height:58px;
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:16px;
  background:linear-gradient(135deg,#2f6bea 0%,#5b5ce2 100%);
  color:#fff;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.02em;
  box-shadow:0 14px 28px rgba(47,107,220,.28);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease
}
.page-bottom-share-button:hover,
.page-bottom-share-button:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(47,107,220,.34);
  outline:0
}
.page-bottom-share-button:focus-visible{box-shadow:0 0 0 4px rgba(47,107,220,.18),0 18px 34px rgba(47,107,220,.3)}
.page-bottom-share-button .share-page-icon,
.page-bottom-share-button .share-page-icon svg{width:20px;height:20px;flex:0 0 20px}
.page-bottom-share-button>i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  margin-left:4px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-size:14px;
  font-style:normal
}
.page-bottom-share-button[data-share-state="done"]{background:linear-gradient(135deg,#0f9f72,#24a77c)}
body[data-page="admin"] .page-bottom-share{display:none!important}
.site-modal-share{
  display:flex;
  justify-content:flex-end;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--rule2)
}
.site-modal-share-button{min-width:240px;min-height:52px;border-radius:14px;font-size:14px}

@media(max-width:700px){
  .page-bottom-share{
    align-items:stretch;
    flex-direction:column;
    gap:17px;
    width:calc(100% - 28px);
    min-height:0;
    margin:10px auto 22px;
    padding:21px 18px 18px;
    border-radius:19px
  }
  .page-bottom-share::before{right:-72px;top:-92px;width:190px;height:190px}
  .page-bottom-share::after{display:none}
  .page-bottom-share-copy{gap:5px;padding-right:16px}
  .page-bottom-share-copy strong{font-size:19px;line-height:1.35}
  .page-bottom-share-copy p{font-size:13px}
  .page-bottom-share-button{width:100%;min-width:0;min-height:54px;border-radius:14px}
  .site-modal-share{margin-top:18px;padding-top:15px}
  .site-modal-share-button{min-height:50px}
}

/* 2026-08-30: keep the popular-search label straddling the desktop ticker border. */
@media(min-width:701px){
  .header-popular{overflow:visible!important}
  .popular-toggle{
    position:relative!important;
    min-height:44px!important;
    margin-top:7px!important;
    padding:11px 12px 7px!important;
    overflow:visible!important;
    border-radius:10px!important
  }
  .popular-live-label{
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    left:13px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:23px!important;
    padding:3px 9px!important;
    transform:translateY(-50%)!important;
    border:1px solid var(--ink)!important;
    border-radius:999px!important;
    background:var(--panel)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.1)!important;
    pointer-events:none!important
  }
  .popular-live-label b{font-size:12px!important}
  .popular-popover{top:62px!important}
}