:root{
  --paper:#fffefb;
  --ink:#161a24;
  --ink-soft:#6b7086;
  --navy:#1b2a55;
  --red:#c11f34;
  --gold:#a8842e;
  --line:#e9e4d5;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Public Sans', sans-serif;
  -webkit-font-smoothing:antialiased;
}
.disp{font-family:'Newsreader', serif; font-optical-sizing:auto;}
.mono{font-family:'Fragment Mono', monospace; font-variant-numeric: tabular-nums;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1160px; margin:0 auto; padding:0 40px;}

/* ===== HEADER ===== */
header.site-header{padding:16px 0; border-bottom:1px solid var(--line);}
.header-inner{display:flex; justify-content:space-between; align-items:center;}
.brand{display:flex; align-items:center;}
.brand-logo{display:block; height:44px; width:auto;}
nav.main-nav{display:flex; gap:30px; font-size:13.5px;}
nav.main-nav a{color:var(--ink-soft);}
nav.main-nav a:hover{color:var(--navy);}

.hamburger-btn{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:36px; height:36px; border:none; background:transparent; cursor:pointer; padding:0;
  flex-shrink:0;
}
.hamburger-btn span{display:block; width:100%; height:2px; background:var(--navy); transition:transform 0.2s ease, opacity 0.2s ease;}
.hamburger-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger-btn.is-open span:nth-child(2){opacity:0;}
.hamburger-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-nav{
  display:none; flex-direction:column;
  max-height:0; overflow:hidden;
  transition:max-height 0.25s ease;
  border-top:0 solid var(--line);
}
.mobile-nav.is-open{max-height:320px; border-top-width:1px;}
.mobile-nav a{
  padding:14px 24px; font-size:14.5px; color:var(--ink); text-decoration:none;
  border-bottom:1px solid var(--line);
}
.mobile-nav a:hover{color:var(--navy); background:var(--paper);}

/* ===== HERO BAND (flat navy) ===== */
.hero-band{background:var(--navy); position:relative; overflow:hidden;}
.hero-wrap-relative{position:relative;}
.hero{padding:56px 0 48px; display:grid; grid-template-columns:1.3fr 1fr; gap:60px; align-items:start; position:relative; z-index:1;}
.hero > div:last-child{padding-top:6px;}
.hero.hero-no-stats{grid-template-columns:1fr; max-width:640px;}
.hero .eyebrow{font-family:'Fragment Mono', monospace; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin-bottom:16px;}
.hero-heading{font-family:'Newsreader', serif; font-weight:500; font-size:34px; line-height:1.25; color:#f4f0e4; margin:0 0 16px;}
.hero-sub{font-family:'Public Sans', sans-serif; font-size:14.5px; line-height:1.6; color:#a7aec6; max-width:440px; margin:0 0 26px;}
.search-line{display:flex; align-items:center; gap:14px; border-bottom:1.5px solid var(--gold); max-width:420px; padding-bottom:10px;}
.search-line input{border:none; background:transparent; outline:none; font-family:'Newsreader', serif; font-size:22px; color:#fff; width:100%;}
.search-line input::placeholder{color:#8b94b8;}
.search-line button{
  border:none; background:var(--red); color:#fff; font-family:'Fragment Mono', monospace;
  font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; cursor:pointer; white-space:nowrap;
  padding:9px 18px; border-radius:3px; margin-bottom:-4px;
}
.search-line button:hover{background:#a51b2c;}
.hero-quick{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:18px;
  font-family:'Fragment Mono', monospace; font-size:11.5px; color:#8b94b8;
}
.hero-quick a{color:#c7cee2; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:1px;}
.hero-quick a:hover{color:var(--gold); border-color:var(--gold);}

.stat-cards{display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:56px;}
.stat-card{
  background:var(--paper); border-radius:8px; padding:16px 16px;
  display:flex; align-items:center; gap:12px;
  box-shadow:0 8px 20px -8px rgba(0,0,0,0.35);
}
.stat-icon{width:26px; height:26px; flex-shrink:0; color:var(--navy);}
.stat-card .n{font-family:'Newsreader', serif; font-weight:600; font-size:19px; color:var(--navy); line-height:1.15;}
.stat-card .n.stat-date{font-size:15px;}
.stat-card .l{font-family:'Fragment Mono', monospace; font-size:9.5px; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink-soft); margin-top:2px;}

/* ===== HOMEPAGE SECTIONS ===== */
.section{padding:50px 0; border-bottom:1px solid var(--line);}
.section-lbl{font-family:'Fragment Mono', monospace; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:6px;}
.section-h{font-family:'Newsreader', serif; font-weight:600; font-size:24px; margin:0 0 26px; color:var(--navy);}

.chip-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px 20px;}
.chip-grid-4{grid-template-columns:repeat(4,1fr);}
.chip-grid-3{grid-template-columns:repeat(3,1fr);}
.chip{
  font-family:'Newsreader', serif; font-size:16px; padding:12px 0;
  border-bottom:1px solid var(--line); color:var(--ink); display:flex; justify-content:space-between; align-items:baseline;
}
.chip .c{font-family:'Fragment Mono', monospace; font-size:11px; color:var(--ink-soft);}
.chip:hover{color:var(--navy); border-color:var(--navy);}

.facts-mini{display:grid; grid-template-columns:repeat(3,1fr); gap:36px;}
.fmini .n{font-family:'Newsreader', serif; font-weight:600; font-size:28px; color:var(--navy);}
.fmini .t{font-size:13px; color:var(--ink-soft); line-height:1.6; margin-top:8px;}

.letters-row{display:flex; flex-wrap:wrap; gap:8px;}

.intro-section p{font-size:16px; line-height:1.85; color:var(--ink-soft); margin:0;}
.intro-section a{color:var(--navy); text-decoration:underline;}

.section-more{
  display:inline-block; margin-top:24px; font-family:'Fragment Mono', monospace;
  font-size:12px; color:var(--navy); font-weight:600; letter-spacing:0.02em;
}
.section-more:hover{color:var(--red);}

.voi-top-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.voi-top-card{
  padding:16px 18px; border:1px solid var(--line); border-radius:6px; text-decoration:none;
}
.voi-top-card:hover{border-color:var(--navy);}
.voi-top-label{font-family:'Fragment Mono', monospace; font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold); margin-bottom:8px;}
.voi-top-name{font-size:19px; font-weight:600; color:var(--navy); margin-bottom:4px;}
.voi-top-count{font-size:12px; color:var(--ink-soft);}
.letter-pill{
  font-family:'Fragment Mono', monospace; font-size:13px; padding:8px 14px;
  border:1px solid var(--line); border-radius:100px; color:var(--ink);
}
.letter-pill .n{color:var(--ink-soft); font-size:10.5px; margin-left:6px;}
.letter-pill:hover{border-color:var(--navy); color:var(--navy);}

/* ===== IDENTITY (surname page) ===== */
.identity{padding:56px 0 30px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap;}
.identity .rank{font-family:'Fragment Mono', monospace; font-size:11px; letter-spacing:0.08em; color:var(--gold); margin-bottom:12px; text-transform:uppercase;}
.identity h1{font-family:'Newsreader', serif; font-weight:600; font-size:42px; margin:0; color:var(--navy); line-height:1.15;}
.identity .breadcrumb{font-family:'Fragment Mono', monospace; font-size:10.5px; color:var(--ink-soft); margin-bottom:10px;}
.identity .big-stat{text-align:right;}
.identity .big-stat .n{font-family:'Fragment Mono', monospace; font-weight:700; font-size:44px; color:var(--red); line-height:1; white-space:nowrap;}
.identity .big-stat .l{font-size:11.5px; color:var(--ink-soft); margin-top:8px; letter-spacing:0.03em;}

.summary-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:0;
  padding:26px 0; border-bottom:1px solid var(--line);
}
.summary-card{padding:0 28px; border-left:2px solid var(--line);}
.summary-card:first-child{padding-left:0; border-left:none;}
.summary-card-label{font-family:'Fragment Mono', monospace; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; font-weight:600;}
.summary-card p{font-size:14px; line-height:1.65; color:var(--ink-soft); margin:0;}
.facts-row{padding:30px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.fact{border-left:2px solid var(--line); padding-left:16px;}
.fact .lbl{font-size:12px; color:var(--ink-soft); margin-bottom:6px;}
.fact .val{font-family:'Fragment Mono', monospace; font-size:21px; font-weight:600; color:var(--ink);}
.fact .val.red{color:var(--red);}
.fact .sub{font-size:11px; color:var(--ink-soft); margin-top:4px;}
.fact .bar{height:3px; background:var(--line); margin-top:10px; position:relative;}
.fact .bar span{position:absolute; left:0; top:0; height:100%;}

.map-grid{display:grid; grid-template-columns:320px 1fr 220px; gap:50px; align-items:start;}
.poland-map-wrap{width:100%;}
.poland-map{width:100%; height:auto; display:block;}

.map-big-wrap{max-width:520px; margin:0 auto 40px;}
.poland-map-wrap-big{width:100%;}
.poland-map-wrap-big .poland-map{width:100%; height:auto; display:block;}
.map-note-center{text-align:center; margin-top:20px; max-width:440px; margin-left:auto; margin-right:auto;}

.voi-full-cols{display:grid; grid-template-columns:1fr 1fr; gap:0 50px;}
.voi-full-cols .voi-table a{color:inherit;}
.voi-full-cols .voi-table a:hover{color:var(--navy);}

.woj-path{
  stroke:var(--paper); stroke-width:1.5; cursor:pointer;
  transition: opacity 0.15s ease;
}
.woj-path:hover{opacity:0.8;}
.woj-label{
  font-family:'Fragment Mono', monospace; font-size:11px; font-weight:600;
  fill:var(--ink); text-anchor:middle; dominant-baseline:middle; pointer-events:none;
  paint-order:stroke; stroke:var(--paper); stroke-width:3px; stroke-linejoin:round;
}

/* ===== BAZA WIEDZY: lista artykułów ===== */
.article-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.article-card{
  display:flex; flex-direction:column; gap:10px;
  padding-top:22px; border-top:2px solid var(--navy);
}
.article-card-cat{font-family:'Fragment Mono', monospace; font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold);}
.article-card h3{font-family:'Newsreader', serif; font-size:20px; font-weight:600; margin:0; color:var(--ink); line-height:1.3;}
.article-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0; flex:1;}
.article-card-more{font-family:'Fragment Mono', monospace; font-size:11.5px; color:var(--navy); font-weight:600;}
.article-card:hover h3{color:var(--navy);}

/* ===== ARTYKUŁ: treść ===== */
.article-body{margin:0 auto; padding:50px 0 40px;}
.article-meta{font-family:'Fragment Mono', monospace; font-size:11px; color:var(--ink-soft); display:flex; gap:8px; margin-bottom:18px;}
.article-h1{font-size:38px; font-weight:600; color:var(--navy); margin:0 0 16px; line-height:1.2;}
.article-lead{font-size:16px; color:var(--ink-soft); line-height:1.6; margin:0 0 40px; padding-bottom:36px; border-bottom:1px solid var(--line);}

.article-content h2{font-family:'Newsreader', serif; font-size:23px; font-weight:600; color:var(--navy); margin:38px 0 16px;}
.article-content p{font-size:15.5px; line-height:1.8; color:var(--ink); margin:0 0 18px;}
.article-content ul{font-size:15.5px; line-height:1.9; color:var(--ink); padding-left:22px; margin:0 0 20px;}
.article-content a{color:var(--navy); text-decoration:underline;}

.article-callout{
  background:var(--paper); border-left:3px solid var(--gold); padding:20px 24px;
  margin:28px 0; border-radius:0 4px 4px 0;
}
.article-callout-title{font-family:'Fragment Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:8px;}
.article-callout p{margin:0; font-size:14.5px; color:var(--ink-soft);}

.article-quote{
  font-family:'Newsreader', serif; font-style:italic; font-size:22px; color:var(--navy);
  border-left:3px solid var(--navy); padding-left:24px; margin:32px 0; line-height:1.5;
}

.article-widget{
  display:block; border:1.5px solid var(--navy); border-radius:6px; padding:24px 26px;
  margin:28px 0; text-decoration:none;
}
.article-widget:hover{background:var(--paper);}
.article-widget-lbl{font-family:'Fragment Mono', monospace; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:14px;}
.article-widget-row{display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px;}
.article-widget-name{font-size:26px; font-weight:600; color:var(--navy);}
.article-widget-stat{text-align:right;}
.article-widget-stat .n{font-family:'Fragment Mono', monospace; font-size:22px; font-weight:700; color:var(--red); display:block;}
.article-widget-stat .l{font-size:11.5px; color:var(--ink-soft);}
.article-widget-more{font-family:'Fragment Mono', monospace; font-size:11.5px; color:var(--navy); font-weight:600; margin-top:14px;}

.article-compare-row{display:flex; align-items:center; justify-content:center; gap:36px;}
.article-compare-item{text-align:center;}
.article-compare-item .disp{font-size:22px; font-weight:600; color:var(--navy); margin-bottom:6px;}
.article-compare-item .n{font-family:'Fragment Mono', monospace; font-size:20px; font-weight:700; color:var(--red);}
.article-compare-vs{font-family:'Fragment Mono', monospace; color:var(--ink-soft); font-size:13px;}

.article-share{margin:48px 0 0; padding-top:28px; border-top:1px solid var(--line);}

.share-box{display:flex; flex-direction:column; gap:18px;}
.share-box-top{padding:20px 0 28px; border-bottom:1px solid var(--line); flex-direction:row; flex-wrap:wrap; gap:28px;}
.share-box-inline{border-top:1px dashed var(--line); padding-top:0;}
.share-group{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.share-lbl{font-family:'Fragment Mono', monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft); min-width:110px;}
.share-btn{
  font-family:'Public Sans', sans-serif; font-size:13px; font-weight:600;
  padding:9px 18px; border-radius:100px; border:1.5px solid var(--navy);
  color:var(--navy); background:transparent; cursor:pointer;
}
.share-btn:hover{background:var(--navy); color:#fff;}

.voi-table{width:100%; border-collapse:collapse; font-size:14px;}
.voi-table td{padding:9px 0; border-bottom:1px solid var(--line);}
.voi-table td:last-child{text-align:right; font-family:'Fragment Mono', monospace; font-weight:600; color:var(--navy);}
.voi-table .bar-cell{width:110px;}
.voi-table .track{height:3px; background:var(--line); position:relative;}
.voi-table .fill{position:absolute; top:0; left:0; height:100%; background:var(--navy);}

.map-note{font-size:13px; color:var(--ink-soft); line-height:1.7;}
.map-note .hl{display:block; font-family:'Newsreader', serif; font-size:16px; color:var(--navy); font-weight:600; margin-bottom:8px;}

.rank-cols{display:grid; grid-template-columns:1fr 1fr; gap:60px;}
.rank-line{display:flex; justify-content:space-between; align-items:baseline; padding:12px 0; border-bottom:1px solid var(--line);}
.rank-line .l{display:flex; align-items:baseline; gap:14px;}
.rank-line .p{font-family:'Fragment Mono', monospace; font-size:11px; color:var(--gold); width:44px;}
.rank-line .n{font-family:'Newsreader', serif; font-size:17px; font-weight:600; color:var(--ink);}
.rank-line.current .n{color:var(--red);}
.rank-line .c{font-family:'Fragment Mono', monospace; font-size:12.5px; color:var(--ink-soft);}

footer.site-footer{padding:34px 0 60px; border-top:1px solid var(--line);}
.footer-inner{display:flex; flex-direction:column; gap:20px;}
.footer-links{display:flex; flex-wrap:wrap; gap:22px; font-size:13px; color:var(--ink-soft);}
.footer-links a:hover{color:var(--navy);}
.footer-bottom{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
  font-family:'Fragment Mono', monospace; font-size:10.5px; color:var(--ink-soft);
  padding-top:16px; border-top:1px solid var(--line);
}
.simple-head{padding:50px 0 20px; border-bottom:1px solid var(--line);}
.simple-head h1{font-family:'Newsreader', serif; font-weight:600; font-size:38px; color:var(--navy); margin:0 0 12px;}
.simple-lead{font-size:15px; color:var(--ink-soft); max-width:560px; line-height:1.6; margin:0;}

.static-layout{display:grid; grid-template-columns:1fr 300px; gap:60px; padding:40px 0 60px; align-items:start;}
.prose{max-width:none;}
.prose h2{font-family:'Newsreader', serif; font-weight:600; font-size:22px; color:var(--navy); margin:36px 0 14px;}
.prose h2:first-child{margin-top:0;}
.prose p{font-size:15px; line-height:1.8; color:var(--ink); margin:0 0 16px; max-width:720px;}
.prose ul{font-size:15px; line-height:1.8; color:var(--ink); padding-left:22px; margin:0 0 16px; max-width:720px;}
.prose a{color:var(--navy); text-decoration:underline; text-decoration-color:var(--line);}

.static-aside{display:flex; flex-direction:column; gap:28px; position:sticky; top:24px;}
.aside-box{border-top:2px solid var(--navy); padding-top:16px;}
.aside-box h3{font-family:'Fragment Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin:0 0 14px; font-weight:600;}
.aside-box ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.aside-box ul a{font-size:13.5px; color:var(--ink); text-decoration:none; display:block; padding-bottom:8px; border-bottom:1px solid var(--line);}
.aside-box ul a:hover{color:var(--navy); font-weight:600;}
.aside-box p{font-size:13px; color:var(--ink-soft); line-height:1.7; margin:0;}

.contact-box{padding:0; max-width:none; display:grid; grid-template-columns:repeat(2,1fr); gap:20px 40px;}
.contact-box .row{padding:16px 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:6px;}
.contact-box .row .lbl{color:var(--ink-soft); font-size:12px; text-transform:uppercase; letter-spacing:0.04em; font-family:'Fragment Mono', monospace;}
.contact-box .row .val{font-family:'Newsreader', serif; font-size:19px; color:var(--navy);}

/* ===== PORÓWNAJ ===== */
.compare-form{display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:end; padding:40px 0; border-bottom:1px solid var(--line);}
.compare-form .field{display:flex; flex-direction:column; gap:6px;}
.compare-form label{font-family:'Fragment Mono', monospace; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold);}
.compare-form input{border:none; border-bottom:1.5px solid var(--navy); background:transparent; font-family:'Newsreader', serif; font-size:22px; padding:6px 0; outline:none; color:var(--ink);}
.compare-vs{font-family:'Fragment Mono', monospace; color:var(--ink-soft); font-size:13px; padding-bottom:14px;}

.compare-intro{padding-bottom:10px;}
.compare-intro p{font-size:16px; line-height:1.8; color:var(--ink-soft); margin:0;}

.compare-bars{padding:36px 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:16px;}
.compare-bar-row{display:grid; grid-template-columns:140px 1fr 100px; align-items:center; gap:16px;}
.compare-bar-lbl{font-family:'Newsreader', serif; font-size:17px; font-weight:600; color:var(--ink); text-align:right;}
.compare-bar-track{height:14px; background:var(--paper); border-radius:3px; overflow:hidden;}
.compare-bar-fill{height:100%; border-radius:3px; transition:width 0.3s ease;}
.compare-bar-val{font-size:14px; font-weight:600; color:var(--ink);}

.example-pair-card{
  display:block; padding:18px 20px; border:1px solid var(--line); border-radius:6px;
  text-decoration:none;
}
.example-pair-card:hover{border-color:var(--navy);}
.example-pair-names{display:flex; align-items:baseline; gap:10px; margin-bottom:8px;}
.example-pair-names .disp{font-size:17px; font-weight:600; color:var(--navy);}
.example-pair-names .vs{font-family:'Fragment Mono', monospace; font-size:11px; color:var(--gold);}
.example-pair-desc{font-size:12.5px; color:var(--ink-soft); line-height:1.5;}
.compare-submit{grid-column:1/-1; text-align:center; margin-top:6px;}
.compare-submit button{background:var(--red); color:#fff; border:none; padding:11px 28px; border-radius:3px; font-family:'Fragment Mono', monospace; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; cursor:pointer;}
.compare-submit button:hover{background:#a51b2c;}

.compare-result{display:grid; grid-template-columns:1fr 1fr; gap:0; padding:40px 0;}
.compare-col{padding:0 30px;}
.compare-col:first-child{border-right:1px solid var(--line); padding-left:0;}
.compare-col:last-child{padding-right:0;}
.compare-col h3{font-family:'Newsreader', serif; font-size:32px; font-weight:600; color:var(--navy); margin:0 0 6px;}
.compare-col .n{font-family:'Fragment Mono', monospace; font-size:28px; font-weight:700; color:var(--red); margin-bottom:18px;}
.compare-col .row{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line); font-size:13.5px;}
.compare-col .row b{font-family:'Fragment Mono', monospace; color:var(--navy);}
.compare-winner{font-family:'Fragment Mono', monospace; font-size:10.5px; color:var(--gold); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:8px;}
.footer-inner{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
  font-family:'Fragment Mono', monospace; font-size:10.5px; color:var(--ink-soft);
}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;}
  .map-grid{grid-template-columns:1fr; gap:30px;}
  .facts-row{grid-template-columns:repeat(2,1fr);}
  .chip-grid{grid-template-columns:repeat(2,1fr);}
  .rank-cols{grid-template-columns:1fr;}
  .identity h1{font-size:30px;}
  nav.main-nav{display:none;}
  .hamburger-btn{display:flex;}
  .mobile-nav{display:flex;}
  .wrap{padding:0 24px;}
  .article-grid{grid-template-columns:1fr;}
  .voi-full-cols{grid-template-columns:1fr;}
  .article-compare-row{flex-direction:column; gap:16px;}
  .article-h1{font-size:28px;}
  .facts-mini{grid-template-columns:1fr;}
  .voi-top-grid{grid-template-columns:repeat(2,1fr);}
  .static-layout{grid-template-columns:1fr;}
  .static-aside{position:static;}
  .contact-box{grid-template-columns:1fr;}
  .brand-logo{height:34px;}
  .summary-grid{grid-template-columns:1fr; gap:18px;}
  .summary-card{border-left:none; border-top:2px solid var(--line); padding:14px 0 0;}
  .summary-card:first-child{border-top:none; padding-top:0;}
  .compare-form{grid-template-columns:1fr; gap:14px;}
  .compare-vs{justify-self:flex-start; padding:0;}
  .compare-result{grid-template-columns:1fr; gap:24px;}
  .compare-col{padding:0 !important; border-right:none !important;}
  .compare-col:first-child{border-bottom:1px solid var(--line); padding-bottom:20px !important;}
  .example-pair-names{flex-wrap:wrap;}
}

@media (max-width:600px){
  .identity{flex-direction:column; align-items:flex-start; gap:14px;}
  .identity .big-stat{text-align:left;}
  .identity .big-stat .n{font-size:34px;}
  .identity h1{font-size:20px;}
  .share-group{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px;}
  .share-group .share-btn{flex-shrink:0;}
  .share-box-top{gap:18px;}
  .compare-bar-row{grid-template-columns:1fr; gap:6px; text-align:left;}
  .compare-bar-lbl{text-align:left;}
  .voi-top-grid{grid-template-columns:1fr;}
  .voi-full-cols{gap:0;}
}