/* Scopia style B — full-width shell. Loaded after each page's own CSS. */
:root{--bg:#080c11;--surface:#0d141c;--line:#1b2733;--cardline:#1b2733}
.wrap{max-width:1680px;padding-left:56px;padding-right:56px}
header{position:static;top:auto;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:28px;height:84px;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
header .logo{font-size:1.4rem}
header .logo i{width:30px;height:30px;border-width:7px}
header .logo i:after{inset:3px}
header nav{gap:2px;margin-left:12px;flex-wrap:nowrap}
header nav a{padding:8px 14px;border-radius:99px;color:#9aa8b8;font-size:.88rem;font-weight:500;white-space:nowrap}
header nav a::after{display:none}
header nav a:hover{color:#fff}
header nav a.cur{background:#12202a;color:#fff}
header .head-right{margin-left:auto}
.tbl,.card,.panel,.frame{border-radius:28px}

h1{font-size:clamp(1.8rem,3vw,2.4rem)}
/* bottom tab bar (mobile) */
.tb-bar,.tb-sheet{display:none}
@media (max-width:900px){.wrap{padding-left:28px;padding-right:28px}header nav{display:none}}
@media (max-width:640px){
  .wrap{padding-left:16px;padding-right:16px}
  header{height:64px;gap:10px}
  header .logo{font-size:1.2rem}header .logo i{width:24px;height:24px;border-width:6px}header .logo i:after{inset:2px}
  header .swap-cta{display:none}
  body{padding-bottom:96px}
  .next-bar{display:none!important}
  .tb-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b1118;border-top:1px solid #17212b;align-items:flex-start;padding-top:8px;box-sizing:border-box}
  .tb-bar a,.tb-bar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#8796a8;text-decoration:none;background:none;border:0;cursor:pointer;padding:0}
  .tb-bar svg{width:22px;height:22px}
  .tb-bar .on{color:#3ee0c0}
  .tb-sheet{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#0d141c;border-top:1px solid #1b2733;border-radius:24px 24px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));gap:6px;flex-direction:column;transform:translateY(100%);transition:transform .2s;display:flex;visibility:hidden}
  .tb-sheet.open{transform:none;visibility:visible}
  .tb-sheet a{padding:14px 16px;border-radius:14px;background:#111a23;color:#e8edf2;text-decoration:none;font-weight:600}
}

/* ---- Home (index.html) ---- */
.wrap>.hero{padding:28px 0 8px}
.hero-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:48px;align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.05;letter-spacing:-.035em;font-weight:800;max-width:13ch}
.hero .sub{font-size:1.08rem;max-width:52ch;margin-top:18px}
.hero .pill-top{margin-bottom:18px}
.hero-cta{margin-top:26px}
.hero-cta .btn-main,.hero-cta .btn-ghost{border-radius:99px;padding-left:30px;padding-right:30px}
.hero .spark-card{max-width:none;min-width:0;padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,#0f2e2c,#0d141c 75%);border-color:#1d4a45}
.hero .spark-card .spark-head{font-size:.9rem}
.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:36px 0 8px}
.stats .card{border-radius:28px;padding:24px 26px}
.stats .card .v,.stats .card b,.stats .card strong{font-size:1.9rem}
.hmt{margin-top:28px;border-radius:32px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr)}
.hmt-copy{padding:44px}
.hmt h2{font-size:2.3rem;letter-spacing:-.03em}
.hmt p{font-size:1.02rem}
.hmt-vis{padding:22px}
.hmt-btns a{border-radius:99px}
.hmt.no-map{display:flex}
.bp{margin-top:28px;border-radius:32px;padding:32px 36px}
.bp-c{border-radius:22px;padding:18px}
.bp-seg,.bp-seg button{border-radius:99px}
@media (max-width:1100px){.hero-row{grid-template-columns:1fr;gap:28px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hmt{display:flex;flex-wrap:wrap}}
@media (max-width:640px){.hero h1{font-size:2.3rem}.hmt-copy{padding:26px}.hmt h2{font-size:1.7rem}.bp{padding:20px 18px;border-radius:24px}.hmt{border-radius:24px}}

/* ---- Tokens (pools.html) ---- */
@media (min-width:641px){
  .tbl table{font-size:.95rem}
  .tbl th{padding:14px 22px}
  .tbl td{padding:15px 22px}
  .tbl th:nth-child(1),.tbl td:nth-child(1){width:44px;padding-right:0}
  .tbl th:nth-child(2),.tbl td:nth-child(2){width:48px;color:var(--muted)}
  .coin-icon{width:34px;height:34px}
  .tab,.view-switch,.vbtn{border-radius:99px}
  .vs{border-radius:99px}
  .swap-mini{padding:7px 18px}
}

/* ---- Token page (token.html) ---- */
.price-big{font-size:clamp(2rem,3.4vw,2.8rem);font-weight:800;letter-spacing:-.03em}
.title-row h1{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.title-row .coin-icon{width:52px;height:52px;font-size:.9rem}
@media (min-width:1000px){
  .tp-grid{grid-template-columns:minmax(0,1fr) 420px;gap:28px}
  .tp-side{top:24px}
  #chartBox{height:540px}
  #sideSwap{border-radius:28px}
}
@media (min-width:1000px){
  .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .about-desc{max-width:none}
}

/* wallet button injected straight into a header that has no right-hand group (Swap, Disclaimer, 404) */
header>.wm{margin-left:auto}
header .swap-cta{background:linear-gradient(90deg,#3ee0c0,#2fb7e8);color:#04231d;font-weight:700}
@media (min-width:901px){
  header:not(.pf-compact)>.logo{order:0}
  header:not(.pf-compact)>nav{order:1}
  header:not(.pf-compact)>.wm,header:not(.pf-compact)>.head-right{order:2}
  header:not(.pf-compact)>.swap-cta{order:3}
}
/* narrow pages (Disclaimer, 404): logo + wallet + Swap on the first row, menu below */
header.pf-compact{flex-wrap:wrap;height:auto;padding:12px 0;row-gap:6px}


/* ===== Portfolio ===== */
.grid2{display:grid!important;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:1000px){.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important}}
.grid2>.card{border-radius:32px}
.grid2>.card:first-child{display:flex}
.grid2>.card:first-child>div:last-child{display:flex;flex-direction:column;flex:1;width:100%}
.grid2>.card:first-child>div:last-child>.chips+.label{margin-top:auto!important;padding-top:28px}
.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:18px!important}
.tcard{border-radius:28px!important}
@media (min-width:641px){.grid2 .big{font-size:clamp(3rem,5vw,4.4rem)!important}}

/* ===== News ===== */
@media (min-width:641px){
  .feed{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px!important;align-items:stretch}
  .feed>.month-h,.feed>.stale-note,.feed>.msg,.feed>.featured{grid-column:1/-1}
  .feed>.item{flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:24px}
  .feed>.item img{width:100%;height:150px;border-radius:0}
  .feed>.item .item-body{padding:16px 18px 18px}
  .featured{display:grid!important;grid-template-columns:1.1fr 1fr;border-radius:32px!important}
  .featured img{height:100%!important;min-height:300px;max-height:380px}
  .featured-body{padding:36px!important;display:flex;flex-direction:column;justify-content:center}
  .featured-title{font-size:1.9rem!important;line-height:1.2}
}
@media (min-width:641px) and (max-width:900px){.featured{grid-template-columns:1fr}.featured img{min-height:200px}}

/* ===== Disclaimer / 404: header full width, text column narrow ===== */
.wrap.narrow{max-width:1680px}
.wrap.narrow>*:not(header):not(script){max-width:760px;margin-left:auto;margin-right:auto;width:100%}
.wrap>h1,.wrap>.sub,.wrap>.filters,.wrap>.feed,.wrap>.stale-note{max-width:none!important}