/* Strangepair Hub — shared "modern language" layer.
   Loaded AFTER each page's inline <style>, so equal-specificity rules win by
   source order. Brings /dashboard, /roadmap, /build up to the /canvas feel:
   glow background, larger type, cleaner cards, bigger tap targets — without
   changing any page's layout or logic. Tokens (--bg, --blue…) come from the
   page; this only re-scales and re-skins. */

/* glow background, anchored to the viewport, + a touch more base type */
body{
  background:radial-gradient(120% 55% at 50% -6%,
    color-mix(in srgb, var(--blue) 13%, var(--bg)), var(--bg) 58%) fixed;
  font-size:17px;
  min-height:100vh;
}

/* headline: bigger, tighter */
.head h1{ font-size:clamp(1.95rem,7.6vw,2.6rem); letter-spacing:-.03em; }
.head p{ font-size:1.1rem; line-height:1.5; }
.eyebrow{ font-size:.72rem; }

/* section labels a bit more present */
.sectitle{ font-size:.92rem; }

/* cards / rows: larger names, easier to scan */
.card .nm{ font-size:1.16rem; }
.wr .ttl{ font-size:1.14rem; }
.art .nm{ font-size:1.05rem; }
.spec .nm{ font-size:1.04rem; }
.tile .nm{ font-size:1.02rem; }
.meter .big, .sumtop .big{ letter-spacing:-.02em; }

/* bigger, comfier tap targets */
.themebtn{ padding:10px 14px; font-size:.86rem; }
.links a{ padding:11px 15px; font-size:.94rem; }
.seg button, .lens button{ padding:11px 6px; }

/* card press feedback everywhere */
.card, .wr, .art, .spec, .tile{ transition:transform .12s ease, border-color .15s ease; }
.card:active, .wr:active, .spec:active, .tile:active{ transform:scale(.99); }

/* softer, larger sheet type for the tap-through detail */
.sh-head .nm{ font-size:1.34rem; }
.sh-sec p{ font-size:1.02rem; }