/* Shared static Guides / Compare presentation. No runtime framework. */
.guide-content{--ed-forest:#073e2e;--ed-accent:#11765a;--ed-ink:#203e32;--ed-muted:#52665c;--ed-line:#dce8e1;--ed-soft:#f4f8f5;--ed-blue:#edf3f9;--ed-radius:22px;color:var(--ed-ink);overflow-wrap:anywhere;padding:38px 0 76px;background:linear-gradient(#fbfdfb,#fff 650px)}
.guide-content *, .guide-header *, .editorial-footer *{box-sizing:border-box}
.editorial-wrap{max-width:1160px}
.guide-content h1{font-size:clamp(32px,4.2vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:19px 0 22px;color:var(--ed-forest)}
.guide-content h2{font-size:clamp(23px,2.5vw,31px);line-height:1.25;letter-spacing:-.025em;font-weight:650;margin:0 0 18px;color:var(--ed-forest)}
.guide-content h3{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.02em}
.guide-content p{line-height:1.75;color:var(--ed-muted)}
.guide-content a:focus-visible,.guide-header a:focus-visible,.editorial-footer a:focus-visible,.guide-content :is(input,select,summary,.table-region):focus-visible{outline:3px solid #236dbe;outline-offset:4px}
.guide-header .header-inner{flex-wrap:wrap;gap:20px;min-height:82px;padding-block:16px}
.guide-header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:650}
.guide-header nav a{padding:8px 0}
.editorial-signin{font-size:13px;font-weight:650}
.guide-header .brand{gap:0}
.guide-header .brand img{margin-right:9px}
.guide-content .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ed-muted);margin-bottom:30px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.editorial-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:50px;align-items:center;padding:26px 0 38px}
.editorial-hero>div>p{max-width:570px;font-size:17px}
.guide-content .eyebrow{color:var(--ed-accent);font-size:11px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}
.hero-cues{display:flex;gap:20px;font-size:12px;font-weight:650;color:var(--ed-forest);margin-top:23px}
.hero-cues span:before{content:'✓';margin-right:7px;color:var(--ed-accent)}
.hero-companion{position:relative;background:linear-gradient(140deg,#e5f5eb,#eff6fa);border:1px solid #d7e8de;border-radius:28px;padding:32px;min-height:280px;overflow:hidden}
.companion-label{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.13em;color:var(--ed-accent)}
.companion-route{display:grid;gap:13px;margin:25px 0 18px}
.companion-route span{display:flex;align-items:center;gap:18px;color:#54806a;font-size:11px}
.companion-route b{font-size:17px;color:var(--ed-forest);font-weight:650}
.hero-companion p{max-width:220px;font-size:13px;margin:0}
.companion-stamp{position:absolute;right:25px;bottom:26px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:#0b6348;box-shadow:0 0 0 9px #fff8;font-size:27px;transform:rotate(-12deg)}
#guide-filter{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding:22px 26px;border:1px solid var(--ed-line);border-radius:18px;background:white;box-shadow:0 10px 28px #16483106;margin:10px 0 24px}
#guide-filter label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
#guide-filter :is(input,select){width:100%;min-width:0;border:1px solid #bed2c6;background:#fafcfb;border-radius:9px;padding:12px 14px;color:var(--ed-ink);font:inherit;font-size:14px;min-height:46px}
#guide-count{grid-column:1/-1;font-size:12px;margin:0!important}
.topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}
.topic-chips a,.editorial-chip{display:inline-block;font-size:10px;font-weight:750;color:#205e47;background:#eaf4ed;border:1px solid #d7e8dc;padding:7px 11px;border-radius:99px;line-height:1.2}
.topic-chips a{font-size:12px;padding:10px 14px}
.topic-chips a:hover{background:#dcefe3}
.guide-topic{margin:45px 0}
.topic-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.topic-heading h2{margin:0}
.topic-number{font-size:11px;color:#856933;background:#faf2de;border:1px solid #ecdfbc;padding:7px;border-radius:8px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.guide-entry{min-width:0;margin:0}
.editorial-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--ed-line);border-radius:var(--ed-radius);overflow:hidden;background:#fff;box-shadow:0 4px 15px #194a3305;transition:transform .18s,border-color .18s,box-shadow .18s}
.editorial-card:hover,.editorial-card:focus-within{transform:translateY(-3px);border-color:#9cc7af;box-shadow:0 12px 28px #194a3310}
.card-copy{padding:23px;display:flex;flex-direction:column;flex:1}
.card-copy h3{margin:16px 0 12px}
.card-copy h3 a{color:var(--ed-forest);text-decoration:none}
.card-copy h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.card-copy p{font-size:13px;margin:0 0 23px}
.card-copy .editorial-chip{align-self:start}
.card-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #e9efeb;font-size:10px;color:var(--ed-muted)}
.card-foot a{font-size:12px;color:var(--ed-accent);font-weight:750}
.editorial-image{display:block;width:100%;height:auto;object-fit:cover}
.editorial-card>.editorial-image{aspect-ratio:1.8;object-fit:cover}
.editorial-art{position:relative;overflow:hidden;min-height:170px;background:linear-gradient(135deg,#dcefe3,#eff7f0 60%,#e3eff6)}
.guide-entry:nth-child(3n+2) .editorial-art{background:linear-gradient(135deg,#e3edf8,#f4f8fb 60%,#e1eee7)}
.guide-entry:nth-child(3n) .editorial-art{background:linear-gradient(135deg,#f4eddb,#f9f7ee 60%,#e8f1e9)}
.art-orbit{position:absolute;width:200px;height:200px;border:1px solid #256a431c;border-radius:50%;right:-35px;top:-75px;box-shadow:0 0 0 20px #ffffff20,0 0 0 42px #ffffff25}
.art-ballot{position:absolute;right:54px;top:34px;width:85px;height:108px;background:#ffffffe8;border:1px solid #c3d7ca;border-radius:11px;transform:rotate(9deg);padding:21px 16px;box-shadow:9px 12px 0 #43886810}
.art-ballot i{display:block;height:4px;width:42px;border-radius:4px;background:#d4e7db;margin-bottom:10px}
.art-ballot i:nth-child(2){width:31px}
.art-ballot b{position:absolute;right:-14px;bottom:12px;background:#11694c;color:white;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:17px}
.art-caption{position:absolute;left:23px;bottom:21px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#3d6654;font-weight:750;max-width:52%}
.art-mark{position:absolute;left:23px;top:24px;color:#1e6b4d;font-size:27px;letter-spacing:-3px;font-weight:800}
.article-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:center;margin:40px 0 50px}
.article-hero h1{font-size:clamp(32px,3.8vw,49px)}
.article-deck{font-size:17px;margin-bottom:24px}
.article-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--ed-muted)}
.article-meta strong{display:block;color:var(--ed-forest);font-size:12px;margin-bottom:4px}
.author-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#e6f0e9;color:#1a6245;font-weight:800;font-size:18px}
.article-visual{border-radius:24px;overflow:hidden;border:1px solid var(--ed-line)}
.article-visual .editorial-art{min-height:280px}
.article-visual .art-ballot{width:115px;height:148px;top:58px;right:70px;padding:31px 23px;transform:rotate(8deg)}
.article-visual .art-ballot i{width:61px;height:5px}
.article-visual .art-ballot b{width:43px;height:43px;font-size:24px}
.article-visual .editorial-image{max-height:380px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:65px;align-items:start}
.article-body{min-width:0;max-width:72ch;font-size:16px}
.article-body p{margin:17px 0 23px;color:#364e41;line-height:1.85}
.article-body :is(h2,h3,h4){scroll-margin-top:120px}
.article-body h2{margin:42px 0 20px;padding-top:20px;border-top:1px solid #dfebe3}
.article-body>h2:first-child{margin-top:0}
.article-body h3{margin:30px 0 13px;color:var(--ed-forest)}
.article-body h4{font-size:17px;margin:24px 0 12px}
.article-body :is(ul,ol){padding-left:24px;margin:20px 0 28px;line-height:1.8}
.article-body li{padding-left:5px;margin:9px 0}
.article-body li::marker{color:var(--ed-accent);font-weight:650}
.article-body a{color:#0c6a4b;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.article-body blockquote{margin:28px 0;padding:2px 23px;border-left:3px solid #39a278;background:#f0f7f2;border-radius:0 12px 12px 0}
.article-body code{font-size:.9em;background:#edf3ef;border:1px solid #dce8df;padding:2px 5px;border-radius:4px}
.article-toc{position:sticky;top:112px;padding:22px;border:1px solid var(--ed-line);border-radius:16px;background:#f6f9f7}
.article-toc summary{font-size:12px;font-weight:750;cursor:pointer;min-height:28px}
.article-toc ol{list-style:none;padding:0;margin:12px 0}
.article-toc li{margin:8px 0;font-size:12px;line-height:1.5}
.article-toc a{display:block;padding:7px 0;color:var(--ed-muted);text-decoration:underline;text-underline-offset:3px}
.article-toc p{font-size:11px;margin:15px 0 0;padding-top:15px;border-top:1px solid var(--ed-line)}
.related-reading{margin-top:65px;padding-top:32px;border-top:1px solid var(--ed-line)}
.related-reading h2{margin-top:10px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.related-grid .editorial-art{min-height:135px}
.source-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:32px;margin-top:42px;padding:30px;background:var(--ed-blue);border:1px solid #dbe6f0;border-radius:20px}
.source-panel h2{margin-top:10px}
.source-panel p{font-size:13px}
.source-panel ol{list-style:none;padding:0;margin:0}
.source-panel li{display:flex;gap:12px;align-items:baseline;padding:15px 0;border-bottom:1px solid #d9e4ed;font-size:13px}
.source-panel li:last-child{border:0}
.source-panel a{text-decoration:underline;text-underline-offset:4px}
.source-number{font-size:10px;color:#48667f;border:1px solid #b9cfde;border-radius:5px;padding:3px 6px}
.editorial-cta{display:flex;gap:32px;justify-content:space-between;align-items:center;padding:38px;margin:55px 0 0;border-radius:24px;background:linear-gradient(125deg,#073e2e,#11634a);color:#fff}
.editorial-cta h2{color:white;max-width:490px;margin-top:13px}
.editorial-cta p{color:#d4e5dc;font-size:14px;margin:0}
.editorial-cta .eyebrow{color:#aee0c4}
.cta-links{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center;font-size:12px;max-width:250px;flex:none}
.cta-links .button{background:#fff;color:#0b533c;border-color:#fff;min-height:48px;flex-basis:100%;font-size:13px;gap:12px}
.cta-links>a:not(.button){text-decoration:underline;text-underline-offset:4px}
.editorial-footer>.wrap{display:flex;gap:35px;align-items:start;justify-content:space-between}
.editorial-footer p{font-size:12px;color:#58695e;margin:12px 0}
.editorial-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;max-width:540px}
.editorial-footer nav a{padding:8px 0}
.empty-note{padding:25px;background:var(--ed-soft);border:1px solid var(--ed-line);border-radius:14px}
.publisher-note{padding:22px 26px;background:#edf4fa;border:1px solid #d2e2ef;border-radius:16px;margin-bottom:40px;font-size:13px;color:#345772}
.publisher-note strong{color:#234b67;font-size:13px}
.publisher-note p{font-size:13px;margin:8px 0}
.publisher-note>div{font-size:11px}
.comparison-criteria{margin:65px 0}
.comparison-criteria h2{margin-top:13px}
.criteria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.criteria-grid>div{border:1px solid var(--ed-line);border-radius:16px;padding:24px;background:var(--ed-soft)}
.criteria-grid span{font-size:11px;color:#237957}
.criteria-grid h3{margin:12px 0}
.criteria-grid p{font-size:13px;margin:0}
.comparison-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.comparison-panels>div{padding:22px;background:#f3f7f5;border:1px solid var(--ed-line);border-radius:16px}
.comparison-panels h3{margin:0 0 10px;font-size:17px}
.comparison-panels p{font-size:14px;margin:0}
.comparison-block{margin-bottom:32px}
.comparison-faq details{border-bottom:1px solid var(--ed-line);padding:17px 0}
.comparison-faq summary{cursor:pointer;font-weight:650;min-height:32px;line-height:1.5}
.comparison-faq p{font-size:14px}
.table-region{overflow-x:auto;max-width:100%;border:1px solid #cfded6;border-radius:14px;margin-top:24px;background:#fff;overscroll-behavior-x:contain}
.table-region table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.6}
.table-region :is(th,td){text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid #e0e9e3;min-width:145px}
.table-region thead{background:#e8f2ec;color:#184f39}
.table-region th{font-weight:650}
.table-region tbody th{background:#f6f9f7}
.table-region tr:last-child :is(th,td){border-bottom:0}
.table-hint{font-size:11px!important;line-height:1.5!important;margin:9px 0 24px!important}
.methodology{margin-top:38px}
[hidden]{display:none!important}
@media(min-width:1050px){.guide-grid .guide-entry:first-child .editorial-card{background:#fbfdfb}
.guide-grid .guide-entry:first-child .editorial-art{min-height:195px}
}
@media(max-width:1000px){.guide-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-hero,.article-hero{gap:28px}
.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}
.guide-header nav{gap:12px}
.editorial-signin{display:none}
.criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){.guide-content{padding-top:24px}
.guide-content .wrap{width:calc(100% - 36px)}
.guide-header .header-inner{gap:12px}
.guide-header nav{width:100%;gap:6px 17px;font-size:11px}
.guide-header nav a{min-height:36px}
.guide-content .breadcrumbs{font-size:11px;margin-bottom:24px}
.editorial-hero,.article-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:5px}
.editorial-hero h1{font-size:38px}
.hero-companion{min-height:220px;padding:25px}
.companion-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.companion-route span{display:grid;gap:7px}
.companion-route b{font-size:14px}
.hero-companion p{max-width:calc(100% - 65px)}
.companion-stamp{width:43px;height:43px;right:22px;bottom:28px;font-size:20px;box-shadow:0 0 0 6px #fff8}
.hero-cues{gap:12px;font-size:11px;flex-wrap:wrap}
#guide-filter{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}
.topic-chips{gap:7px}
.topic-chips a{font-size:11px;padding:9px 11px}
.guide-grid,.related-grid{grid-template-columns:minmax(0,1fr)}
.guide-topic{margin:36px 0}
.card-copy{padding:22px}
.editorial-art{min-height:155px}
.article-hero{margin-top:24px;margin-bottom:30px}
.article-hero h1{font-size:35px}
.article-visual .editorial-art{min-height:210px}
.article-visual .art-ballot{top:35px;height:133px;width:100px}
.article-layout{display:flex;flex-direction:column;gap:24px}
.article-toc{position:static;order:-1;width:100%;padding:18px}
.article-toc p{display:none}
.article-toc details:not([open]) nav{display:none}
.article-body{font-size:15px;width:100%}
.article-body h2{scroll-margin-top:145px}
.source-panel{grid-template-columns:minmax(0,1fr);padding:24px;gap:12px}
.source-panel p{margin-bottom:0}
.editorial-cta{display:block;padding:28px 24px;margin-top:40px}
.editorial-cta h2{font-size:27px}
.cta-links{max-width:none;justify-content:start;margin-top:24px}
.editorial-footer>.wrap{display:block}
.editorial-footer nav{gap:8px 20px;margin-top:18px}
.criteria-grid,.comparison-panels{grid-template-columns:minmax(0,1fr)}
.publisher-note{padding:20px}
.table-region table{font-size:14px}
.table-region :is(th,td){padding:13px}
.article-meta span{line-height:1.8}
.related-reading{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){.editorial-card{transition:none}
.editorial-card:hover,.editorial-card:focus-within{transform:none}
}

/* Public editorial navigation retains readable document links on narrow screens. */
@media(max-width:760px){.guide-header nav{font-size:13px;gap:6px 15px}.guide-header nav a{display:inline-flex;align-items:center;min-height:44px}}


/* Guides + Compare hub UX upgrade 2026-10-07.
   Static HTML/CSS only: no framework, no runtime dependency, no heavy effects. */
.guide-hub {
  --hub-forest:#073e2e;
  --hub-green:#0b7653;
  --hub-teal:#376f7d;
  --hub-gold:#8a6b32;
  --hub-line:#d4e1da;
  --hub-ink:#213b30;
  --hub-muted:#596d63;
  --hub-paper:#ffffff;
  --hub-soft:#f3f7f4;
}
.guide-hub .breadcrumbs {
  margin-bottom:34px;
  font-size:14px;
}
.guide-hub .editorial-hero {
  position:relative;
  grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr);
  gap:clamp(38px,6vw,78px);
  padding:34px 0 52px;
  border-bottom:1px solid var(--hub-line);
}
.guide-hub .editorial-hero h1 {
  max-width:790px;
  font-size:clamp(40px,5vw,64px);
  line-height:1.05;
}
.guide-hub .editorial-hero>div>p {
  max-width:650px;
  font-size:17px;
}
.guide-hub .eyebrow,
.guide-hub .companion-label {
  font-size:14px;
}
.guide-hub .hero-cues {
  gap:12px;
  flex-wrap:wrap;
  font-size:14px;
}
.guide-hub .hero-cues span {
  padding:9px 12px;
  border:1px solid var(--hub-line);
  border-radius:999px;
  background:#fff;
}
.guide-hub .hero-companion {
  min-height:285px;
  padding:30px;
  border:1px solid #c9dbd1;
  border-radius:22px;
  background:#eef6f1;
  box-shadow:none;
}
.guide-hub .companion-route {
  gap:10px;
  margin:25px 0 20px;
}
.guide-hub .companion-route span {
  min-height:54px;
  padding:11px 13px;
  border:1px solid #d3e1d9;
  border-radius:11px;
  background:#fff;
  color:#527263;
  font-size:14px;
}
.guide-hub .companion-route b {
  font-size:18px;
}
.guide-hub .hero-companion p {
  max-width:270px;
  font-size:15px;
}
.guide-hub .companion-stamp {
  width:58px;
  height:58px;
  right:24px;
  bottom:24px;
  background:#0b6348;
  box-shadow:none;
  font-size:24px;
}

/* Guides: search-first editorial resource shelf. */
.guide-hub-guides #guide-filter {
  position:relative;
  grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);
  gap:18px;
  margin:30px 0 18px;
  padding:22px;
  border:1px solid #cbdcd3;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.guide-hub-guides #guide-filter::before {
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:var(--hub-green);
}
.guide-hub-guides #guide-filter label {
  margin-bottom:8px;
  font-size:14px;
}
.guide-hub-guides #guide-filter :is(input,select) {
  min-height:50px;
  border-radius:10px;
  background:#f8fbf9;
  font-size:15px;
}
.guide-hub-guides #guide-count {
  font-size:14px;
}
.guide-hub-guides .topic-chips {
  gap:9px;
  margin:0 0 46px;
}
.guide-hub-guides .topic-chips a {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:10px 15px;
  border-color:#cfe0d7;
  background:#edf6f1;
  color:#225c45;
  font-size:14px;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease;
}
.guide-hub-guides .guide-topic {
  margin:56px 0;
}
.guide-hub-guides .topic-heading {
  gap:14px;
  margin-bottom:22px;
  padding-bottom:15px;
  border-bottom:1px solid var(--hub-line);
}
.guide-hub-guides .topic-number {
  min-width:42px;
  min-height:36px;
  display:grid;
  place-items:center;
  padding:7px 9px;
  border:1px solid #d8c895;
  border-radius:9px;
  background:#faf5e8;
  color:#785f2f;
  font-size:14px;
  font-weight:800;
}
.guide-hub-guides .guide-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.guide-hub-guides .guide-entry:first-child {
  grid-column:1 / -1;
}
.guide-hub-guides .guide-entry:nth-child(2):last-child,
.guide-hub-guides .guide-entry:nth-child(4):last-child {
  grid-column:1 / -1;
}
.guide-hub-guides .editorial-card {
  --hub-card-accent:var(--hub-green);
  position:relative;
  min-height:100%;
  border:1px solid var(--hub-line);
  border-radius:17px;
  background:#fff;
  box-shadow:none;
  transition:transform .17s ease,border-color .17s ease,background-color .17s ease;
}
.guide-hub-guides .guide-entry:nth-child(3n+2) .editorial-card { --hub-card-accent:var(--hub-teal); }
.guide-hub-guides .guide-entry:nth-child(3n) .editorial-card { --hub-card-accent:var(--hub-gold); }
.guide-hub-guides .editorial-card::after {
  content:"";
  position:absolute;
  left:22px;
  right:calc(100% - 78px);
  bottom:0;
  height:4px;
  border-radius:999px 999px 0 0;
  background:var(--hub-card-accent);
  transition:right .2s cubic-bezier(.22,.72,.2,1);
}
.guide-hub-guides .guide-entry:first-child .editorial-card,
.guide-hub-guides .guide-entry:nth-child(2):last-child .editorial-card,
.guide-hub-guides .guide-entry:nth-child(4):last-child .editorial-card {
  display:grid;
  grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);
}
.guide-hub-guides .guide-entry:first-child .editorial-art,
.guide-hub-guides .guide-entry:first-child>.editorial-card>.editorial-image,
.guide-hub-guides .guide-entry:nth-child(2):last-child .editorial-art,
.guide-hub-guides .guide-entry:nth-child(2):last-child>.editorial-card>.editorial-image,
.guide-hub-guides .guide-entry:nth-child(4):last-child .editorial-art,
.guide-hub-guides .guide-entry:nth-child(4):last-child>.editorial-card>.editorial-image {
  min-height:250px;
  height:100%;
  aspect-ratio:auto;
}
.guide-hub-guides .editorial-art {
  min-height:174px;
  background:#eaf5ef;
}
.guide-hub-guides .guide-entry:nth-child(3n+2) .editorial-art { background:#edf4f6; }
.guide-hub-guides .guide-entry:nth-child(3n) .editorial-art { background:#f7f1e3; }
.guide-hub-guides .art-orbit {
  box-shadow:none;
}
.guide-hub-guides .art-ballot {
  box-shadow:none;
}
.guide-hub-guides .art-caption {
  font-size:14px;
}
.guide-hub-guides .card-copy {
  position:relative;
  padding:26px;
}
.guide-hub-guides .editorial-chip {
  padding:8px 11px;
  border-color:#d3e3da;
  background:#eef6f1;
  color:#235e47;
  font-size:14px;
}
.guide-hub-guides .card-copy h3 {
  margin:24px 0 12px;
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.28;
}
.guide-hub-guides .card-copy p {
  margin-bottom:26px;
  color:var(--hub-muted);
  font-size:15px;
  line-height:1.75;
}
.guide-hub-guides .card-foot {
  gap:12px;
  padding-top:16px;
  color:#60736a;
  font-size:14px;
}
.guide-hub-guides .card-foot a {
  color:var(--hub-card-accent);
  font-size:14px;
}
@media(hover:hover){
  .guide-hub-guides .topic-chips a:hover {
    transform:translateY(-1px);
    border-color:#a9c9b8;
    background:#e5f2ea;
  }
  .guide-hub-guides .editorial-card:hover,
  .guide-hub-guides .editorial-card:focus-within {
    transform:translateY(-2px);
    border-color:#a8c9b8;
    box-shadow:none;
  }
  .guide-hub-guides .editorial-card:hover::after,
  .guide-hub-guides .editorial-card:focus-within::after {
    right:22px;
  }
}

/* Compare: neutral evidence dossier with equal-weight platform cards. */
.guide-hub-compare .editorial-hero {
  border-bottom:0;
  padding-bottom:38px;
}
.guide-hub-compare .hero-companion {
  background:#f0f4f5;
  border-color:#cedbdf;
}
.guide-hub-compare .publisher-note {
  display:grid;
  grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin:0 0 48px;
  padding:24px 26px;
  border:1px solid #ccdce3;
  border-left:4px solid #487c8b;
  border-radius:14px;
  background:#f3f7f9;
  color:#385967;
  font-size:15px;
}
.guide-hub-compare .publisher-note strong {
  color:#214b5c;
  font-size:16px;
}
.guide-hub-compare .publisher-note p {
  margin:0;
  color:#4b6671;
  font-size:15px;
  line-height:1.7;
}
.guide-hub-compare .guide-topic {
  margin:52px 0 66px;
}
.guide-hub-compare .guide-topic>h2 {
  padding-bottom:16px;
  border-bottom:1px solid var(--hub-line);
}
.guide-hub-compare .guide-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.guide-hub-compare .editorial-card {
  --compare-accent:#4b7b89;
  position:relative;
  min-height:100%;
  border:1px solid #d2dee1;
  border-radius:17px;
  background:#fff;
  box-shadow:none;
  transition:transform .17s ease,border-color .17s ease,background-color .17s ease;
}
.guide-hub-compare .editorial-card::after {
  content:"";
  position:absolute;
  left:0;
  top:24px;
  bottom:24px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:var(--compare-accent);
  transform:scaleY(.34);
  transform-origin:center;
  transition:transform .2s cubic-bezier(.22,.72,.2,1);
}
.guide-hub-compare .comparison-card-art {
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:150px;
  padding:26px 24px 40px;
  background:#f2f6f6;
  border-bottom:1px solid #dce5e7;
}
.guide-hub-compare .comparison-side {
  display:grid;
  place-items:center;
  min-height:64px;
  padding:12px;
  border:1px solid #ccdadd;
  border-radius:12px;
  background:#fff;
  color:#34535e;
  font-size:15px;
  font-weight:800;
  text-align:center;
}
.guide-hub-compare .comparison-side-votes {
  border-color:#a9cfbb;
  background:#eef8f2;
  color:#0b6348;
}
.guide-hub-compare .comparison-card-exchange {
  position:relative;
  display:block;
  width:46px;
  height:34px;
  margin:auto;
  color:#587681;
}
.guide-hub-compare .comparison-card-exchange::before,
.guide-hub-compare .comparison-card-exchange::after {
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  height:2px;
  background:currentColor;
}
.guide-hub-compare .comparison-card-exchange::before { top:10px; }
.guide-hub-compare .comparison-card-exchange::after { bottom:10px; }
.guide-hub-compare .comparison-card-exchange i::before,
.guide-hub-compare .comparison-card-exchange i::after {
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
}
.guide-hub-compare .comparison-card-exchange i:first-child::before {
  right:5px;
  top:6px;
  transform:rotate(45deg);
}
.guide-hub-compare .comparison-card-exchange i:first-child::after {
  left:5px;
  bottom:6px;
  transform:rotate(225deg);
}
.guide-hub-compare .comparison-card-exchange i:last-child { display:none; }
.guide-hub-compare .comparison-card-art .art-caption {
  left:24px;
  bottom:14px;
  max-width:none;
  color:#5a737d;
  font-size:14px;
}
.guide-hub-compare .card-copy {
  padding:25px 26px 26px;
}
.guide-hub-compare .editorial-chip {
  padding:8px 11px;
  border-color:#d4e0e3;
  background:#f0f5f6;
  color:#355c68;
  font-size:14px;
}
.guide-hub-compare .card-copy h3 {
  margin:24px 0 12px;
  font-size:clamp(22px,2.1vw,27px);
}
.guide-hub-compare .card-copy p {
  margin-bottom:25px;
  color:#5a6e75;
  font-size:15px;
}
.guide-hub-compare .card-foot {
  padding-top:16px;
  color:#61757b;
  font-size:14px;
}
.guide-hub-compare .card-foot a {
  color:#356878;
  font-size:14px;
}
.guide-hub-compare .comparison-criteria {
  margin:70px 0 20px;
  padding-top:34px;
  border-top:1px solid var(--hub-line);
}
.guide-hub-compare .comparison-criteria .eyebrow {
  color:#487888;
}
.guide-hub-compare .criteria-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid #d2dee1;
  border-radius:16px;
  background:#d2dee1;
}
.guide-hub-compare .criteria-grid>div {
  min-height:180px;
  padding:24px;
  border:0;
  border-radius:0;
  background:#fff;
}
.guide-hub-compare .criteria-grid span {
  color:#487888;
  font-size:14px;
  font-weight:800;
}
.guide-hub-compare .criteria-grid h3 {
  margin:18px 0 9px;
  font-size:20px;
}
.guide-hub-compare .criteria-grid p {
  color:#5b6e74;
  font-size:15px;
  line-height:1.7;
}
@media(hover:hover){
  .guide-hub-compare .editorial-card:hover,
  .guide-hub-compare .editorial-card:focus-within {
    transform:translateY(-2px);
    border-color:#aabfc5;
    box-shadow:none;
  }
  .guide-hub-compare .editorial-card:hover::after,
  .guide-hub-compare .editorial-card:focus-within::after {
    transform:scaleY(1);
  }
}

/* Hub CTA remains light and direct; no costly visual effect layers. */
.guide-hub .editorial-cta {
  border:1px solid #0b6046;
  border-radius:20px;
  background:#073e2e;
  box-shadow:none;
}
.guide-hub .editorial-cta p {
  font-size:15px;
}
.guide-hub .cta-links {
  font-size:14px;
}
.guide-hub .cta-links .button {
  font-size:15px;
  box-shadow:none;
}

/* Responsive hub refinement */
@media(max-width:900px){
  .guide-hub .editorial-hero {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }
  .guide-hub .hero-companion {
    min-height:230px;
  }
  .guide-hub-guides .guide-entry:first-child .editorial-card,
  .guide-hub-guides .guide-entry:nth-child(2):last-child .editorial-card,
  .guide-hub-guides .guide-entry:nth-child(4):last-child .editorial-card {
    grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
  }
  .guide-hub-compare .criteria-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .guide-hub .breadcrumbs { font-size:14px; }
  .guide-hub .editorial-hero {
    padding-top:10px;
    padding-bottom:38px;
  }
  .guide-hub .editorial-hero h1 {
    font-size:clamp(37px,11vw,50px);
  }
  .guide-hub .editorial-hero>div>p {
    font-size:16px;
  }
  .guide-hub .hero-cues { font-size:14px; }
  .guide-hub .companion-route {
    grid-template-columns:1fr;
  }
  .guide-hub .companion-route span {
    display:flex;
  }
  .guide-hub-guides #guide-filter {
    grid-template-columns:1fr;
    padding:20px;
  }
  .guide-hub-guides .topic-chips a { font-size:14px; }
  .guide-hub-guides .guide-grid,
  .guide-hub-compare .guide-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .guide-hub-guides .guide-entry:first-child,
  .guide-hub-guides .guide-entry:nth-child(2):last-child,
  .guide-hub-guides .guide-entry:nth-child(4):last-child {
    grid-column:auto;
  }
  .guide-hub-guides .guide-entry:first-child .editorial-card,
  .guide-hub-guides .guide-entry:nth-child(2):last-child .editorial-card,
  .guide-hub-guides .guide-entry:nth-child(4):last-child .editorial-card {
    display:flex;
    grid-template-columns:none;
  }
  .guide-hub-guides .guide-entry:first-child .editorial-art,
  .guide-hub-guides .guide-entry:first-child>.editorial-card>.editorial-image,
  .guide-hub-guides .guide-entry:nth-child(2):last-child .editorial-art,
  .guide-hub-guides .guide-entry:nth-child(2):last-child>.editorial-card>.editorial-image,
  .guide-hub-guides .guide-entry:nth-child(4):last-child .editorial-art,
  .guide-hub-guides .guide-entry:nth-child(4):last-child>.editorial-card>.editorial-image {
    min-height:170px;
    height:auto;
    aspect-ratio:1.8;
  }
  .guide-hub-guides .card-copy,
  .guide-hub-compare .card-copy {
    padding:22px;
  }
  .guide-hub-guides .card-copy h3,
  .guide-hub-compare .card-copy h3 {
    font-size:22px;
  }
  .guide-hub-compare .publisher-note {
    grid-template-columns:1fr;
    gap:8px;
    padding:20px;
  }
  .guide-hub-compare .comparison-card-art {
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
    padding-inline:18px;
  }
  .guide-hub-compare .comparison-side {
    font-size:14px;
  }
  .guide-hub-compare .criteria-grid {
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  .guide-hub-guides .topic-chips a,
  .guide-hub-guides .editorial-card,
  .guide-hub-guides .editorial-card::after,
  .guide-hub-compare .editorial-card,
  .guide-hub-compare .editorial-card::after {
    transition:none;
  }
  .guide-hub-guides .editorial-card:hover,
  .guide-hub-guides .editorial-card:focus-within,
  .guide-hub-compare .editorial-card:hover,
  .guide-hub-compare .editorial-card:focus-within {
    transform:none;
  }
}


/* Static editorial footer follows the public ballot-ledger footer system. */
.editorial-footer>.footer-shell {
  display:block;
  gap:0;
  align-items:stretch;
  justify-content:initial;
}
.editorial-footer .footer-brand p.footer-tagline {
  max-width:560px;
  margin:20px 0 0;
  color:#dcebe4;
  font-size:clamp(22px,2.3vw,30px);
  line-height:1.24;
}
.editorial-footer nav.footer-links {
  display:grid;
  flex-wrap:initial;
  gap:0;
  max-width:none;
  margin-top:0;
  font-size:15px;
}
.editorial-footer nav.footer-links a {
  padding:0;
}
.editorial-footer .footer-contact a {
  padding:0;
}
.editorial-footer .footer-bottom small {
  font-size:14px;
}


/* Editorial header UX upgrade 2026-10-07 — same Votes.ng ballot route rail */
.guide-header {
  --header-bg:#ffffff;
  --header-ink:#17372a;
  --header-muted:#566b60;
  --header-line:#d6e1db;
  --header-rail:#f4f8f5;
  --header-accent:#0b7653;
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--header-line);
  background:var(--header-bg);
}
.guide-header .header-inner {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:80px;
  padding-block:0;
}
.guide-header .header-brand-zone {
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  padding-right:22px;
}
.guide-header .header-brand-zone::after {
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:3px;
  height:28px;
  border-radius:999px;
  background:var(--header-accent);
  transform:translateY(-50%);
}
.guide-header .brand {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--header-ink);
  font-size:23px;
  font-weight:700;
  letter-spacing:-1.2px;
  text-decoration:none;
  white-space:nowrap;
}
.guide-header .brand img {
  width:31px;
  height:31px;
  margin:0;
}
.guide-header .header-route-nav {
  justify-self:center;
  display:flex;
  align-items:center;
  gap:2px;
  min-width:0;
  padding:5px;
  border:1px solid var(--header-line);
  border-radius:14px;
  background:var(--header-rail);
  font-size:14px;
}
.guide-header .header-route-nav a {
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 10px;
  border-radius:9px;
  color:var(--header-muted);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .16s ease,color .16s ease,transform .16s ease;
}
.guide-header .header-route-nav a:hover,
.guide-header .header-route-nav a:focus-visible {
  background:#fff;
  color:var(--header-ink);
  transform:translateY(-1px);
}
.guide-header .header-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.guide-header .text-link {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 4px;
  color:var(--header-muted);
  font-size:14px;
  font-weight:720;
  text-decoration:none;
}
.guide-header .header-cta {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 9px 8px 15px;
  border:1px solid var(--header-accent);
  border-radius:12px;
  background:var(--header-accent);
  color:#fff;
  font-size:14px;
  font-weight:780;
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.guide-header .header-static-arrow {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:var(--header-accent);
  font-size:17px;
  line-height:1;
  transition:transform .16s ease;
}
.guide-header .header-cta:hover {
  border-color:#086546;
  background:#086546;
  transform:translateY(-1px);
}
.guide-header .header-cta:hover .header-static-arrow {
  transform:translateX(2px);
}
.guide-header .mobile-menu {
  display:none;
  position:relative;
}
.guide-header .mobile-menu summary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:92px;
  height:44px;
  padding:0 12px;
  border:1px solid var(--header-line);
  border-radius:11px;
  background:var(--header-rail);
  color:var(--header-ink);
  cursor:pointer;
  list-style:none;
}
.guide-header .mobile-menu summary::-webkit-details-marker {
  display:none;
}
.guide-header .mobile-menu-label {
  font-size:14px;
  font-weight:760;
}
.guide-header .header-menu-glyph {
  position:relative;
  display:block;
  width:19px;
  height:14px;
}
.guide-header .header-menu-glyph i {
  position:absolute;
  left:0;
  width:19px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:top .16s ease,transform .16s ease;
}
.guide-header .header-menu-glyph i:first-child { top:3px; }
.guide-header .header-menu-glyph i:last-child { top:10px; }
.guide-header .mobile-menu[open] .header-menu-glyph i:first-child {
  top:7px;
  transform:rotate(45deg);
}
.guide-header .mobile-menu[open] .header-menu-glyph i:last-child {
  top:7px;
  transform:rotate(-45deg);
}
.guide-header .mobile-menu nav {
  position:absolute;
  top:52px;
  right:0;
  width:min(340px,calc(100vw - 28px));
  display:grid;
  gap:0;
  padding:8px;
  overflow:hidden;
  border:1px solid var(--header-line);
  border-radius:14px;
  background:#fff;
}
.guide-header .mobile-menu nav a {
  min-height:48px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid #e7ece9;
  border-radius:8px;
  color:#40574b;
  font-size:15px;
  font-weight:690;
  text-decoration:none;
}
.guide-header .mobile-menu nav a:last-child {
  border-bottom:0;
  background:#eaf6ef;
  color:#0b6549;
  font-weight:780;
}
.guide-header .mobile-menu nav a:hover,
.guide-header .mobile-menu nav a:focus-visible {
  background:#f0f7f3;
  color:#173b2d;
}
@media(max-width:1140px) {
  .guide-header .header-inner { gap:13px; }
  .guide-header .header-brand-zone { padding-right:16px; }
  .guide-header .header-route-nav a { padding-inline:8px; }
  .guide-header .editorial-signin { display:none; }
}
@media(max-width:940px) {
  .guide-header .header-inner {
    grid-template-columns:minmax(0,1fr) auto;
    min-height:72px;
  }
  .guide-header .header-brand-zone { padding-right:0; }
  .guide-header .header-brand-zone::after { display:none; }
  .guide-header .desktop-nav,
  .guide-header .header-actions {
    display:none;
  }
  .guide-header .mobile-menu {
    display:block;
  }
}
@media(max-width:480px) {
  .guide-header .header-inner { min-height:68px; }
  .guide-header .brand { font-size:21px; }
  .guide-header .brand img {
    width:29px;
    height:29px;
  }
  .guide-header .mobile-menu summary {
    min-width:84px;
    height:42px;
    padding-inline:10px;
  }
  .guide-header .mobile-menu nav { top:49px; }
}
@media(prefers-reduced-motion:reduce) {
  .guide-header .header-route-nav a,
  .guide-header .header-cta,
  .guide-header .header-static-arrow,
  .guide-header .header-menu-glyph i {
    transition:none;
  }
  .guide-header .header-route-nav a:hover,
  .guide-header .header-cta:hover,
  .guide-header .header-cta:hover .header-static-arrow {
    transform:none;
  }
}


/* Compare hub mobile card refinement — 2026-10-07 */
@media(max-width:700px) {
  .guide-hub-compare .guide-topic {
    margin:38px 0 52px;
  }
  .guide-hub-compare .guide-topic>h2 {
    margin-bottom:16px;
    padding-bottom:12px;
    font-size:26px;
  }
  .guide-hub-compare .guide-grid {
    gap:12px;
  }
  .guide-hub-compare .editorial-card {
    border-color:#cadbd3;
    border-radius:16px;
    box-shadow:0 8px 22px rgba(31,65,52,.045);
  }
  .guide-hub-compare .editorial-card::after {
    top:18px;
    bottom:18px;
    width:3px;
    transform:scaleY(1);
  }
  .guide-hub-compare .comparison-card-art {
    grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
    gap:7px;
    min-height:0;
    padding:15px 14px 13px;
    border-bottom-color:#dce7e1;
    background:linear-gradient(135deg,#f4f8f6,#eef4f5);
  }
  .guide-hub-compare .comparison-side {
    min-height:50px;
    padding:9px 7px;
    border-radius:10px;
    font-size:12px;
    line-height:1.28;
    overflow-wrap:anywhere;
  }
  .guide-hub-compare .comparison-card-exchange {
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid #cbd9dc;
    border-radius:50%;
    background:#fff;
    color:#496d77;
  }
  .guide-hub-compare .comparison-card-exchange::before {
    content:"VS";
    position:static;
    width:auto;
    height:auto;
    background:none;
    color:inherit;
    font:800 9px/1 var(--font-display);
    letter-spacing:.04em;
  }
  .guide-hub-compare .comparison-card-exchange::after,
  .guide-hub-compare .comparison-card-exchange i {
    display:none;
  }
  .guide-hub-compare .comparison-card-art .art-caption {
    position:static;
    grid-column:1/-1;
    margin-top:3px;
    max-width:none;
    color:#647981;
    font-size:10px;
    text-align:center;
  }
  .guide-hub-compare .card-copy {
    padding:18px 18px 17px;
  }
  .guide-hub-compare .editorial-chip {
    padding:6px 9px;
    font-size:11px;
  }
  .guide-hub-compare .card-copy h3 {
    margin:14px 0 9px;
    font-size:22px;
    line-height:1.22;
  }
  .guide-hub-compare .card-copy p {
    margin-bottom:17px;
    font-size:14px;
    line-height:1.65;
  }
  .guide-hub-compare .card-foot {
    gap:8px 14px;
    padding-top:13px;
    font-size:11px;
  }
  .guide-hub-compare .card-foot a {
    display:inline-flex;
    align-items:center;
    min-height:36px;
    font-size:12px;
  }
  .guide-hub-compare .comparison-criteria {
    margin-top:54px;
    padding-top:28px;
  }
  .guide-hub-compare .criteria-grid {
    gap:9px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .guide-hub-compare .criteria-grid>div {
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:3px 13px;
    min-height:0;
    padding:17px;
    border:1px solid #d5e2dc;
    border-radius:13px;
    background:#fff;
  }
  .guide-hub-compare .criteria-grid span {
    grid-row:1/span 2;
    display:grid;
    place-items:center;
    align-self:start;
    width:38px;
    height:38px;
    border:1px solid #cbded4;
    border-radius:10px;
    background:#eef7f2;
    font-size:11px;
  }
  .guide-hub-compare .criteria-grid h3 {
    margin:0;
    font-size:17px;
  }
  .guide-hub-compare .criteria-grid p {
    margin:0;
    font-size:13px;
    line-height:1.55;
  }
}
@media(max-width:370px) {
  .guide-hub-compare .comparison-card-art {
    grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);
    padding-inline:11px;
  }
  .guide-hub-compare .comparison-card-exchange {
    width:30px;
    height:30px;
  }
  .guide-hub-compare .comparison-side {
    padding-inline:5px;
    font-size:11px;
  }
  .guide-hub-compare .card-foot {
    align-items:flex-start;
    flex-direction:column;
  }
}


/* Compare mobile rendering hardening — 2026-10-07 */
@media(max-width:700px) {
  .guide-hub-compare .comparison-card-art {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);
    align-items:center;
    gap:9px;
    min-height:112px;
    padding:16px 15px 34px;
  }
  .guide-hub-compare .comparison-side {
    position:static;
    min-width:0;
    min-height:52px;
    padding:10px 8px;
    overflow:hidden;
    border:1px solid #c8d9d1;
    border-radius:11px;
    background:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
    text-align:center;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .guide-hub-compare .comparison-side-votes {
    background:#eaf7f0;
    border-color:#afd1bf;
    color:#0b6247;
  }
  .guide-hub-compare .comparison-side-other {
    color:#355560;
  }
  .guide-hub-compare .comparison-card-exchange {
    position:static;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    margin:0 auto;
  }
  .guide-hub-compare .comparison-card-art .art-caption {
    position:absolute;
    left:15px;
    right:15px;
    bottom:11px;
    margin:0;
    text-align:center;
  }
}