/* Comparison pages: same forest world, one reading column, no hairlines. */
body.cmp-page{background:var(--bg);color:var(--ink70)}
.cmp-main{min-height:100vh}
/* side padding must survive the shorthand, or phones lose their gutter */
.cmp-article{padding:132px var(--pad) 56px;max-width:calc(860px + 2*var(--pad))}
.crumbs{display:flex;gap:10px;font-size:14px;color:var(--ink50);margin-bottom:24px;flex-wrap:wrap}
.crumbs a:hover{color:var(--forest)}
.cmp-article .h1{font-size:clamp(34px,4.4vw,56px)}
.cmp-article>.lede{margin-top:20px}
.answer{margin:36px 0 40px;padding:26px 28px;border-radius:var(--r-lg);background:var(--forest);color:var(--cream);box-shadow:var(--shadow-lg)}
.answer-k{font-size:13px;font-weight:700;color:var(--amber);margin-bottom:10px}
.cmp-article .answer p{font-size:18px;line-height:1.55;margin:0;color:var(--cream);max-width:none}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}
.cmp{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:15px}
.cmp-two{min-width:640px}
.cmp th,.cmp td{padding:14px 16px;vertical-align:top;text-align:left}
.cmp th{font-family:"Bricolage";font-variation-settings:"opsz" 40,"wdth" 100;font-weight:600;font-size:17px;color:var(--forest);padding-bottom:6px}
.cmp th small{display:block;font-family:"Manrope";font-weight:500;font-size:13px;color:var(--ink50);margin-top:3px}
.cmp tbody tr td{background:var(--cream)}
.cmp tbody tr td:first-child{border-radius:var(--r-md) 0 0 var(--r-md);font-weight:700;color:var(--forest);width:180px}
.cmp tbody tr td:last-child{border-radius:0 var(--r-md) var(--r-md) 0}
.cmp td{color:var(--ink70)}
.cmp td.us{background:#D2E6D8;color:var(--forest);font-weight:600}
.cmp th.us{color:var(--forest)}.cmp th.us small{color:var(--forest-3)}
.cmp-note{margin-top:12px;font-size:13.5px;color:var(--ink50)}
.cmp-article h2.display{margin-top:68px;margin-bottom:16px;font-size:clamp(26px,3vw,36px)}
.cmp-article h3.display{margin-top:32px;margin-bottom:10px}
.cmp-article p{max-width:66ch;font-size:17px;line-height:1.65;color:var(--ink70)}
.cmp-article ul.plain{max-width:66ch;padding-left:22px;font-size:17px;line-height:1.65;color:var(--ink70)}
.cmp-article ul.plain li{margin-bottom:8px}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.pick .tray{display:contents}
.pick .plate{padding:24px;background:var(--cream);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.pick h3{margin:0 0 12px}
.pick ul{margin:0;padding-left:20px;font-size:15.5px;line-height:1.55;color:var(--ink70)}
.pick li{margin-bottom:6px}
.cmp-faq .faq-item{background:var(--cream);border-radius:var(--r-md);margin-bottom:8px;padding:0 20px;box-shadow:var(--shadow)}
.cmp-faq .faq-q{width:100%;text-align:left;background:none;border:0;padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:"Bricolage";font-variation-settings:"opsz" 40,"wdth" 100;font-weight:600;font-size:18px;color:var(--forest);letter-spacing:-.01em}
.cmp-faq .faq-q i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg-deep);display:grid;place-items:center;transition:transform .3s var(--ease),background .2s;color:var(--forest)}
.cmp-faq .faq-q i svg{width:12px;height:12px}
.cmp-faq .faq-item.open .faq-q i{transform:rotate(45deg);background:var(--forest);color:var(--cream)}
.cmp-faq .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.cmp-faq .faq-item.open .faq-a{grid-template-rows:1fr}
.cmp-faq .faq-a>div{overflow:hidden}
.cmp-faq .faq-a div{color:var(--ink70);max-width:66ch;font-size:16px;line-height:1.6}
.cmp-faq .faq-item.open .faq-a>div{padding-bottom:20px}
.cta-plate{margin-top:60px;padding:32px;border-radius:var(--r-lg);background:var(--forest);color:var(--cream);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;box-shadow:var(--shadow-lg)}
.cmp-article .cta-plate h2.display{margin:0 0 8px;font-size:clamp(22px,2.1vw,27px);line-height:1.15;color:var(--cream)}
.cta-plate>div{flex:1 1 380px;min-width:0}
.cta-plate p{color:rgba(247,245,238,.75);margin:0;max-width:52ch;font-size:16px}
.cta-plate .btn-primary{background:var(--amber);color:var(--forest);box-shadow:none}
.sources{margin-top:60px;font-size:14px;color:var(--ink50)}
.sources h2{font-size:14px;color:var(--forest);margin:0 0 8px;font-weight:700}
.sources p{font-size:14px;color:var(--ink50)}
.sources ul{padding-left:18px;line-height:1.7}
.sources a{color:var(--forest-2);text-decoration:underline;text-decoration-color:var(--moss);word-break:break-all}
.sources a:hover{color:var(--forest)}
.more{margin-top:52px}
.more h2{font-size:14px;color:var(--forest);margin:0 0 14px;font-weight:700}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.more-grid a{display:block;padding:14px 18px;border-radius:var(--r-md);background:var(--cream);font-weight:700;font-size:15px;color:var(--forest);box-shadow:var(--shadow);transition:transform .3s var(--ease)}
.more-grid a:hover{transform:translateY(-2px)}
.cmp-page .foot{padding:36px 0}
@media(max-width:700px){.pick{grid-template-columns:1fr}.more-grid{grid-template-columns:1fr}.cmp-article{padding-top:104px}.cmp-article .h1{font-size:30px}.answer{padding:20px 20px;margin:26px 0 30px}.cmp-article .answer p{font-size:16px}.cmp-article p,.cmp-article ul.plain{font-size:16px}.cmp-article h2.display{margin-top:48px}.cta-plate{padding:24px}}