:root{--red:#85152d;--red2:#641021;--green:#17664a;--gold:#c99b31;--ink:#202225;--muted:#61686c;--bg:#f5f4f1;--paper:#fff;--line:#e4ded6;--soft:#f8f6f2;--danger:#a1263a;--radius:18px;--shadow:0 18px 55px rgba(56,42,35,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.66}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--red),var(--red2));color:#fff;font-weight:900;box-shadow:inset 0 0 0 4px rgba(255,255,255,.14)}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:16px}.brand-copy small{margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.nav{display:flex;align-items:center;gap:20px}.nav a{color:#41474a;font-size:12px;font-weight:780}.nav a.active{color:var(--red)}.nav-toggle{display:none}.hero{overflow:hidden;position:relative;padding:66px 0 56px;background:radial-gradient(circle at 8% 0%,rgba(201,155,49,.15),transparent 30%),linear-gradient(135deg,#fbfaf7,#f1ece5)}.hero:after{content:"";position:absolute;right:-190px;top:-220px;width:520px;height:520px;border:72px solid rgba(133,21,45,.055);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:#f4e6e9;color:var(--red2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em;line-height:1}.hero h1{font-size:clamp(48px,7vw,75px);margin:20px 0 18px}.lead{font-size:18px;color:#4f575a}.trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.trust-chips span{border:1px solid #ddd4cb;background:rgba(255,255,255,.72);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.checker{background:#fff;border:1px solid #ddd6ce;border-top:5px solid var(--red);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.checker-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.checker h2{font-size:29px;line-height:1.15;letter-spacing:-.03em;margin:5px 0}.checker-kicker{color:var(--green);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.secure-chip{background:#e7f1ed;color:#10503a;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;white-space:nowrap}.field{margin:17px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.input-shell{position:relative}.input-shell input{width:100%;padding:14px 64px 14px 14px;border:1px solid #cec7bf;border-radius:11px;outline:none;font-size:16px;background:#fff}.input-shell input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(133,21,45,.08)}.field-tag{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#f5e8eb;color:var(--red2);padding:5px 7px;border-radius:6px;font-size:10px;font-weight:900}.field small{display:block;color:#7b8183;font-size:10px;margin-top:5px}.consent{display:flex;align-items:flex-start;gap:8px;background:#faf9f6;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px;color:#5d6467}.consent input{margin-top:3px;accent-color:var(--red)}.primary-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:15px 17px;margin-top:16px;font-weight:850;cursor:pointer}.primary-btn:disabled{opacity:.62;cursor:not-allowed}.form-meta{display:flex;gap:7px;flex-wrap:wrap;color:#7c8183;font-size:9px;margin-top:9px}.notice{margin-top:14px;border-radius:10px;padding:12px;font-size:12px}.notice.error{background:#fcebed;border:1px solid #efc5cc;color:#7a1729}.notice.info{background:#eef5f2;border:1px solid #d0e3db;color:#204b3d}.hidden{display:none!important}.status-loading{display:flex;gap:12px;align-items:center;margin-top:14px;background:#f8f7f4;border:1px solid var(--line);padding:12px;border-radius:11px}.status-loading p{margin:2px 0 0;font-size:10px;color:var(--muted)}.spinner{width:23px;height:23px;border:3px solid #ded8d0;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-card{margin-top:16px;border:1px solid #d8d3cc;border-left:5px solid var(--green);border-radius:13px;padding:17px;background:#fff}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.result-label{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.result-head h3{margin:3px 0 0;font-size:26px}.result-badge{background:#e7f1ed;color:#10503a;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.result-grid div{background:#f8f7f4;padding:9px 11px;border-radius:9px}.result-grid .full{grid-column:1/-1}.result-grid dt{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase}.result-grid dd{margin:2px 0 0;font-size:12px;font-weight:700}.month-results{display:grid;gap:8px;margin-top:14px}.month-row{display:grid;grid-template-columns:100px 105px 1fr;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:9px;font-size:11px}.month-status{font-weight:850;text-transform:capitalize}.demo-banner{margin-top:12px;border:1px dashed #d1b251;background:#fff9e8;border-radius:9px;padding:9px;font-size:10px;color:#69571e}.quick-strip{background:var(--green);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid a{display:block;color:#fff;padding:18px 22px;border-right:1px solid rgba(255,255,255,.15)}.quick-grid a:last-child{border-right:0}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:12px}.quick-grid small{font-size:9px;color:#d0e4dc}.section{padding:56px 0 80px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:19px;padding:40px}.article h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.18;letter-spacing:-.02em;margin:42px 0 12px}.article h2:first-of-type{margin-top:12px}.article h3{font-size:16px;margin-top:28px}.article p,.article li{color:#50575a}.updated{font-size:10px;color:#85898a;text-transform:uppercase;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#faf9f6;border:1px solid var(--line);border-radius:13px;padding:16px}.card h3{margin:0 0 6px;font-size:14px}.card p{margin:0;font-size:11px}.card .amount{display:block;font-family:Georgia,serif;font-size:26px;color:var(--red);margin:5px 0}.callout{border-left:4px solid var(--green);background:#eaf3ef;border-radius:9px;padding:14px;margin:22px 0;font-size:12px}.warning{border-left-color:var(--gold);background:#fbf5df}.danger{border-left-color:var(--red);background:#f9e9ec}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.data-table th{background:#f8f6f2;color:#4b5255;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.guide-links{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.guide-link{display:block;border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px;color:var(--ink)}.guide-link:hover{border-color:#c9bfc0;text-decoration:none;box-shadow:0 8px 25px rgba(40,30,30,.06)}.guide-link strong,.guide-link small{display:block}.guide-link small{color:var(--muted);font-size:10px;margin-top:4px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{font-size:12px}.sidebar{position:sticky;top:100px;display:grid;gap:14px}.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.side-card.accent{border-top:4px solid var(--red)}.side-card h3{font-size:15px;margin:0 0 8px}.side-card a{display:block;padding:5px 0;font-size:11px;font-weight:750}.side-card p,.side-card li{font-size:11px;color:#5d6568}.page-hero{padding:48px 0 38px;background:linear-gradient(135deg,#fbfaf7,#efeae3);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(39px,6vw,60px);margin:13px 0}.page-hero p{max-width:780px;color:#535b5e;font-size:16px}.breadcrumbs{font-size:10px;color:#7a8082}.breadcrumbs a{color:#666d70}.site-footer{background:#271d20;color:#eee7e9;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.footer-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#d4c5ca}.footer-grid a{display:block;color:#fff;padding:4px 0;font-size:10px}.footer-grid p{color:#bdaeb3;font-size:10px;max-width:540px}.footer-brand{font-family:Georgia,serif;font-size:22px}.source-note{opacity:.8}.footer-bottom{border-top:1px solid #493b40;margin-top:25px;padding-top:17px;color:#9f9296;font-size:9px}@media(max-width:940px){.hero-grid,.content-grid{grid-template-columns:1fr}.sidebar{position:static}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.nav-toggle{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-weight:800}.nav{display:none;position:absolute;top:75px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{padding-top:45px}.hero h1{font-size:50px}.checker{padding:21px}.checker-head{display:block}.secure-chip{display:inline-block;margin-top:8px}.cards,.guide-links,.footer-grid,.quick-grid{grid-template-columns:1fr}.quick-grid a{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.article{padding:24px}.result-grid{grid-template-columns:1fr}.result-grid .full{grid-column:auto}.month-row{grid-template-columns:1fr 1fr}.month-row span:last-child{grid-column:1/-1}}
/* v2 interactive tools + brand */
.brand-logo{width:46px;height:46px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 3px 8px rgba(55,35,35,.12))}.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.footer-logo-row img{width:48px;height:48px;object-fit:contain}.tool-panel{border:1px solid var(--line);border-top:4px solid var(--green);border-radius:16px;padding:20px;background:#fbfaf7;margin:22px 0}.tool-panel.red{border-top-color:var(--red)}.tool-panel.gold{border-top-color:var(--gold)}.tool-panel h2,.tool-panel h3{margin-top:0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-field label{display:block;font-size:11px;font-weight:850;margin:0 0 6px}.tool-field input,.tool-field select{width:100%;border:1px solid #cec7bf;border-radius:10px;background:#fff;padding:12px 13px;font:inherit;font-size:13px;outline:none}.tool-field input:focus,.tool-field select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(133,21,45,.07)}.tool-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--green);color:#fff;padding:12px 16px;font-weight:850;font-size:12px;cursor:pointer;margin-top:14px}.tool-button.red{background:var(--red)}.tool-button:hover{filter:brightness(.96)}.tool-result{margin-top:14px;border:1px solid #d7ddd9;border-left:4px solid var(--green);background:#fff;border-radius:10px;padding:14px}.tool-result.warn{border-left-color:var(--gold);background:#fffdf5}.tool-result.bad{border-left-color:var(--red);background:#fff8f9}.tool-result h3{margin:0 0 6px;font-size:16px}.tool-result p{margin:4px 0;font-size:12px}.tool-result ul{margin:8px 0 0;padding-left:18px}.tool-result li{font-size:12px}.tool-disclaimer{font-size:10px;color:#747a7d;margin-top:10px}.checklist{display:grid;gap:8px;margin:14px 0}.check-row{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.check-row input{margin-top:3px;accent-color:var(--green)}.tools-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tools-hero .guide-link{min-height:98px}.status-key{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.status-key div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.status-key strong,.status-key small{display:block}.status-key small{color:var(--muted);font-size:10px;margin-top:4px}.inline-badge{display:inline-flex;background:#e8f2ee;color:#15523e;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}.tool-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tool-summary span{background:#fff;border:1px solid var(--line);padding:6px 8px;border-radius:8px;font-size:10px}@media(max-width:760px){.tool-grid,.tools-hero,.status-key{grid-template-columns:1fr}.brand-logo{width:42px;height:42px}}

/* v3 topic expansion */
.article ol{padding-left:22px}.article ul{padding-left:21px}.article li{margin:6px 0}.article .guide-links+.guide-links{margin-top:12px}.topic-note{font-size:11px;color:var(--muted)}@media(min-width:1100px){.article>.guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.2 homepage SEO hub */
.article .guide-links{margin:14px 0 8px}.article .guide-link strong{font-size:13px}.article .guide-link small{line-height:1.45}.sidebar .side-card a{line-height:1.35}.topic-note{margin-top:32px;padding-top:18px;border-top:1px solid var(--line)}


/* =========================================================
   V3.4 MOBILE UX PATCH
   Keeps the desktop design intact while making the homepage
   hero and checker substantially cleaner on small screens.
   ========================================================= */

.hero h1{
  max-width:820px;
  text-wrap:balance;
}

@media (max-width:760px){
  body{
    overflow-x:hidden;
  }

  .container{
    width:min(100% - 24px,1160px);
  }

  .site-header{
    position:sticky;
    top:0;
  }

  .header-inner{
    min-height:64px;
    gap:10px;
  }

  .brand{
    min-width:0;
    gap:8px;
  }

  .brand-logo{
    width:36px;
    height:36px;
  }

  .brand-copy strong{
    font-size:13px;
    line-height:1.12;
  }

  .brand-copy small{
    font-size:8px;
    letter-spacing:.06em;
    margin-top:2px;
  }

  .nav-toggle{
    flex:0 0 auto;
    padding:7px 10px;
    font-size:11px;
    border-radius:8px;
  }

  .nav{
    top:63px;
    left:12px;
    right:12px;
  }

  .hero{
    padding:30px 0 34px;
  }

  .hero:after{
    width:300px;
    height:300px;
    right:-170px;
    top:-120px;
    border-width:44px;
  }

  .hero-grid{
    gap:26px;
  }

  .eyebrow{
    font-size:9px;
    line-height:1.35;
    padding:6px 9px;
    letter-spacing:.055em;
    max-width:100%;
  }

  .hero h1{
    font-size:clamp(34px,10.5vw,42px);
    line-height:1.03;
    letter-spacing:-.035em;
    margin:14px 0 14px;
    max-width:11.5em;
    text-wrap:balance;
  }

  .lead{
    font-size:14px;
    line-height:1.62;
    margin:0;
    max-width:100%;
  }

  .trust-chips{
    gap:7px;
    margin-top:17px;
  }

  .trust-chips span{
    padding:6px 8px;
    font-size:9px;
    line-height:1.2;
  }

  .checker{
    padding:18px;
    border-radius:17px;
    border-top-width:4px;
    box-shadow:0 14px 36px rgba(56,42,35,.10);
  }

  .checker-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }

  .checker h2{
    font-size:22px;
    line-height:1.15;
    letter-spacing:-.02em;
    margin:4px 0 0;
  }

  .checker-kicker{
    font-size:8.5px;
  }

  .secure-chip{
    margin-top:0;
    font-size:8.5px;
    padding:5px 7px;
  }

  .field{
    margin:14px 0;
  }

  .field label{
    font-size:11px;
  }

  .input-shell input{
    min-height:46px;
    padding:12px 58px 12px 12px;
    font-size:14px;
    border-radius:10px;
  }

  .field-tag{
    right:8px;
    font-size:8px;
    padding:4px 6px;
  }

  .field small{
    font-size:9px;
    line-height:1.4;
  }

  .consent{
    font-size:9px;
    line-height:1.45;
    padding:9px;
  }

  .primary-btn{
    min-height:47px;
    padding:13px 14px;
    margin-top:14px;
    font-size:12px;
    border-radius:10px;
  }

  .form-meta{
    font-size:8px;
    line-height:1.35;
  }

  .quick-grid a{
    padding:15px 18px;
  }

  .section{
    padding:38px 0 58px;
  }

  .article{
    padding:20px;
    border-radius:15px;
  }

  .article h2{
    font-size:25px;
    line-height:1.18;
    margin-top:34px;
  }

  .page-hero{
    padding:34px 0 28px;
  }

  .page-hero h1{
    font-size:clamp(32px,9.5vw,42px);
    line-height:1.06;
  }

  .page-hero p{
    font-size:14px;
  }

  .footer-grid{
    gap:18px;
  }
}

@media (max-width:390px){
  .container{
    width:min(100% - 20px,1160px);
  }

  .brand-logo{
    width:33px;
    height:33px;
  }

  .brand-copy strong{
    font-size:12px;
  }

  .brand-copy small{
    font-size:7.5px;
  }

  .hero h1{
    font-size:34px;
    max-width:10.8em;
  }

  .lead{
    font-size:13.5px;
  }

  .checker{
    padding:16px;
  }

  .checker h2{
    font-size:21px;
  }

  .secure-chip{
    display:none;
  }
}

/* =========================================================
   V3.6 FULL MOBILE WIDTH / HORIZONTAL OVERFLOW FIX
   ========================================================= */

html,
body {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow-x: hidden;
}

body {
  position: relative;
}

main,
.site-header,
.hero,
.quick-strip,
.section,
.page-hero,
.site-footer {
  display: block;
  width: 100%;
  max-width: 100%;
}

.site-header,
.hero,
.quick-strip,
.page-hero,
.site-footer {
  overflow-x: hidden;
}

.container {
  width: calc(100% - 32px);
  max-width: 1160px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

.header-inner,
.hero-grid,
.content-grid,
.quick-grid,
.footer-grid,
.checker,
.article,
.sidebar,
.tool-grid,
.tools-hero,
.status-key,
.guide-links,
.cards,
.result-grid {
  min-width: 0;
  max-width: 100%;
}

.header-inner > *,
.hero-grid > *,
.content-grid > *,
.quick-grid > *,
.footer-grid > *,
.tool-grid > *,
.tools-hero > *,
.status-key > *,
.guide-links > *,
.cards > * {
  min-width: 0;
}

img,
svg,
video,
iframe {
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button {
  max-width: 100%;
  min-width: 0;
}

.hero h1,
.page-hero h1,
.lead,
.article p,
.article li,
.checker,
.checker * {
  overflow-wrap: break-word;
}

.table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Strong phone layout */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  .container {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .site-header,
  .hero,
  .quick-strip,
  .section,
  .page-hero,
  .site-footer {
    width: 100% !important;
    max-width: 100% !important;
  }

  .header-inner {
    width: 100%;
    min-width: 0;
  }

  .brand {
    min-width: 0;
    max-width: calc(100% - 70px);
  }

  .brand-copy {
    min-width: 0;
  }

  .brand-copy strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-grid > div,
  .hero-grid > section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .hero h1 {
    width: 100%;
    max-width: 100% !important;
    font-size: clamp(32px, 9.4vw, 40px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.03em !important;
    margin: 14px 0 13px !important;
    text-wrap: balance;
  }

  .lead {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.58;
  }

  .eyebrow {
    max-width: 100%;
    white-space: normal;
    line-height: 1.35;
  }

  .trust-chips {
    width: 100%;
    max-width: 100%;
  }

  .trust-chips span {
    max-width: 100%;
    white-space: normal;
  }

  .checker {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 18px !important;
    overflow: hidden;
  }

  .checker-head,
  .field,
  .input-shell,
  .consent,
  .primary-btn,
  .form-meta,
  .notice,
  .status-loading,
  .result-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .input-shell input {
    width: 100% !important;
    max-width: 100% !important;
  }

  .quick-grid,
  .content-grid,
  .footer-grid,
  .cards,
  .guide-links,
  .tool-grid,
  .tools-hero,
  .status-key {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .article {
    width: 100%;
    max-width: 100%;
  }

  .sidebar {
    width: 100%;
    max-width: 100%;
  }

  .month-row {
    width: 100%;
    max-width: 100%;
  }

  .data-table {
    max-width: none;
  }
}

@media (max-width: 420px) {
  .container {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .hero h1 {
    font-size: clamp(30px, 9.2vw, 36px) !important;
  }

  .checker {
    padding: 16px !important;
  }

  .brand-logo {
    width: 34px;
    height: 34px;
  }

  .brand-copy strong {
    font-size: 12px;
  }

  .brand-copy small {
    font-size: 7px;
  }
}

/* V4 Student funding section */
.student-hero{background:linear-gradient(135deg,#f9f7ef,#f2eee1)}
.student-hero h1{max-width:950px}
.topic-note{margin-top:28px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#faf9f6;color:var(--muted);font-size:12px}
.footer-grid{grid-template-columns:1.45fr repeat(4,minmax(0,1fr))}
@media(max-width:930px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr}}



/* V4.1 article featured images */
.post-visual{
  margin: 8px 0 22px;
  border-radius: 20px;
  overflow: hidden;
  background: #f4efe7;
  border: 1px solid #e6ddd2;
  box-shadow: 0 16px 40px rgba(34,28,23,.08);
}
.post-visual img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:760px){
  .post-visual{
    margin: 4px 0 18px;
    border-radius: 16px;
  }
}




/* V5 macro directory */
.macro-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.macro-directory-card{display:block;border:1px solid var(--line,#e5e0d8);border-radius:14px;padding:16px;background:#fff;color:inherit}
.macro-directory-card:hover{text-decoration:none;transform:translateY(-1px)}
.macro-directory-card strong{display:block;margin-bottom:4px}
.macro-directory-card small{display:block;color:var(--muted,#687076);line-height:1.45}
.macro-related{margin:28px 0;padding:18px;background:#faf8f4;border:1px solid #e7e0d8;border-radius:14px}
.macro-related h3{margin:6px 0 12px}
.pill-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.pill-links a{display:inline-flex;border:1px solid #ddd6ce;border-radius:999px;padding:7px 10px;background:#fff;font-size:12px;font-weight:700;color:#6e1830}
.directory-count{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f5e9ec;color:#7c1730;font-size:12px;font-weight:800}
@media(max-width:760px){
  .macro-directory-grid{grid-template-columns:1fr}
  .pill-links{gap:6px}
  .pill-links a{font-size:11px}
}