/* PicksByProperty, analyst-report aesthetic. Navy + warm slate + grid pattern.
   IBM Plex Serif headlines (academic/research), Inter body, Mono for numbers.
   Data-dense, research-paper feel. Distinct from other Picks sites. */
:root{
  --bg:#f6f7fa;
  --bg-2:#ecf0f5;
  --paper:#ffffff;
  --ink:#0b1120;
  --ink-soft:#243244;
  --muted:#5c6a7c;
  --line:#d9dfe8;
  --line-2:#c0c9d6;
  --navy:#1e3a8a;
  --navy-2:#2549ae;
  --slate:#64748b;
  --green:#047857;
  --red:#b91c1c;
  --gold:#92700b;
  --shadow:0 10px 30px rgba(11,17,32,.07);
  --shadow-soft:0 3px 10px rgba(11,17,32,.04);
  --radius:4px;
  --radius-lg:6px;
  --max:1240px;
  --serif:"IBM Plex Serif", Georgia, "Times New Roman", serif;
  --sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", "JetBrains Mono", Menlo, monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--bg);
  /* Subtle grid pattern - blueprint feel */
  background-image:
    linear-gradient(rgba(30,58,138,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,58,138,.025) 1px, transparent 1px);
  background-size:48px 48px;
  line-height:1.55;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(calc(100% - 32px),var(--max));margin:0 auto}

header.site{background:var(--paper);border-bottom:1px solid var(--line-2);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(11,17,32,.02)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px;flex-wrap:wrap}
.brand{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.brand em{color:var(--navy-2);font-style:italic;font-weight:700}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.nav ul a{color:var(--ink-soft);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.nav ul a:hover{color:var(--navy-2);text-decoration:none}

.nav-search-wrap{position:relative;flex:0 1 260px}
.nav-search{width:100%;border:1px solid var(--line-2);border-radius:var(--radius);padding:8px 12px;font:inherit;background:var(--paper);color:var(--ink);outline:none;font-size:13px;font-family:var(--mono)}
.nav-search:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(30,58,138,.1)}
.nav-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:380px;overflow-y:auto;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;padding:4px;display:none}
.nav-search-results.show{display:block}
.nav-search-results a{display:block;padding:9px 11px;border-radius:var(--radius);color:var(--ink);font-size:13px;border-bottom:1px solid var(--line);font-family:var(--sans)}
.nav-search-results a:last-child{border-bottom:0}
.nav-search-results a:hover{background:var(--bg-2);color:var(--navy-2);text-decoration:none}
.nav-search-results .hit-meta{display:block;color:var(--muted);font-size:11px;margin-top:2px;font-family:var(--mono)}
.nav-search-results .hit-empty{padding:14px;color:var(--muted);font-size:13px;text-align:center}

.hero{padding:64px 0 44px;border-bottom:1px solid var(--line-2);background:var(--paper);position:relative}
.hero::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy) 0%,var(--navy-2) 40%,transparent 100%)}
.hero h1{font-family:var(--serif);font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;max-width:800px;color:var(--ink);font-weight:600}
.hero h1 em{color:var(--navy-2);font-style:italic;font-weight:600}
.hero .lede{font-size:17px;color:var(--ink-soft);max-width:640px;margin:0}

.eyebrow{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-2);font-weight:600;margin-bottom:10px;padding:3px 8px;background:rgba(30,58,138,.08);border-radius:3px}

h2{font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.015em;margin:0 0 12px;font-weight:600}
h3{font-family:var(--serif);font-size:19px;margin:0 0 6px;font-weight:600}

/* Stat cards - research report feel */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0}
.stat-card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-soft);position:relative}
.stat-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--navy-2)}
.stat-card .label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.stat-card .value{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--ink);margin-top:6px;letter-spacing:-.01em}
.stat-card .delta{font-family:var(--mono);font-size:12px;margin-top:4px;letter-spacing:.02em}
.up{color:var(--green)}
.down{color:var(--red)}

/* Metro table - dense analyst table */
table.metro-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;font-size:13px;font-family:var(--sans)}
.metro-table thead th{text-align:left;padding:11px 14px;background:var(--ink);color:#e2e8f0;border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cbd5e1;font-weight:600;font-family:var(--mono)}
.metro-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.metro-table tr:last-child td{border-bottom:0}
.metro-table tr:nth-child(even) td{background:rgba(30,58,138,.015)}
.metro-table tr:hover td{background:var(--bg-2)}
.metro-table .num{font-family:var(--mono);text-align:right;letter-spacing:-.01em}
.metro-table td a{color:var(--ink);font-weight:600}
.metro-table td a:hover{color:var(--navy-2)}

/* Metro card grid */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:24px 0}
.cat-card{padding:18px 20px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--ink);transition:all .15s ease;position:relative}
.cat-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background .15s ease}
.cat-card:hover{border-color:var(--navy-2);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-soft);color:var(--ink)}
.cat-card:hover::before{background:var(--navy-2)}
.cat-card strong{display:block;font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:3px;color:inherit}
.cat-card span{color:var(--muted);font-size:12px;font-family:var(--mono);letter-spacing:.04em}
.cat-card .value{font-family:var(--mono);font-weight:600;color:var(--ink);font-size:14px;margin-top:10px;display:block;letter-spacing:-.01em}

.crumbs{font-family:var(--mono);font-size:12px;color:var(--muted);margin:16px 0;letter-spacing:.03em}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--navy-2);text-decoration:none}
.crumbs span{margin:0 6px;color:var(--line-2)}

.prose{max-width:760px;color:var(--ink-soft);font-size:15px;line-height:1.7}
.prose p{margin:0 0 14px}
.prose h3{color:var(--ink);margin-top:22px;font-size:19px;font-family:var(--serif)}

footer.site{margin-top:60px;padding:40px 0 26px;border-top:1px solid var(--line-2);background:var(--paper);color:var(--muted);font-size:13px}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.foot h5{font-family:var(--serif);font-size:16px;color:var(--ink);margin:0 0 10px;font-weight:600}
.foot ul{list-style:none;padding:0;margin:0}
.foot ul li{margin-bottom:5px}
.foot ul a{color:var(--muted)}
.foot ul a:hover{color:var(--navy-2);text-decoration:none}
.foot-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono)}

.ad-slot{display:none !important}