:root{--primary:#70513e;--accent:#496b59;--soft:#f3ede5;--theme-soft:#f3ede5;--paper:#fffdf8;--paper-color:#fffdf8;--line:#e5d9cb;--border-color:#e5d9cb}

body{background:var(--soft);color:#252b2a}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%}.site,.articleSite{background:var(--paper);box-shadow:0 0 0 1px var(--line)}.header{height:auto;min-height:78px;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line);gap:12px}.brand{min-width:0;gap:10px}.brand img{width:45px;height:45px;flex:none}.brand p{font-size:9px;letter-spacing:.08em;color:#686b66;font-weight:600}.brand h1,.brand .brandName{display:block;font-size:20px;line-height:1.5;letter-spacing:.05em;font-weight:800;color:var(--primary);margin:0}.menu{width:38px;height:38px;padding:8px;gap:5px;flex:none;cursor:pointer;border:1px solid var(--line);border-radius:8px}.menu span{background:var(--primary);height:2px}.blogNav{padding:16px 22px;border-bottom:1px solid var(--line);background:var(--soft);display:flex;flex-wrap:wrap;gap:12px}.blogNav[hidden]{display:none}.blogNav a{color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.adDisclosure{margin:0;padding:8px 22px;background:var(--soft);color:#626a66;font-size:10px;line-height:1.6;border-bottom:1px solid var(--line)}.adDisclosure b{color:var(--primary);margin-right:8px}.topHero{background:linear-gradient(160deg,var(--paper),var(--soft));border-bottom:12px solid var(--soft);grid-template-columns:minmax(0,1fr) 110px;gap:8px;padding:28px 24px}.topHero h2{font-size:25px;line-height:1.45;color:var(--primary)}.topHero h2:after{background:var(--line)}.topHero p{font-weight:500;line-height:1.85}.heroKicker,.pick{background:var(--primary);box-shadow:none}.heroKicker{font-size:10px;line-height:1.5}.heroVisual{min-height:170px;align-self:center}.heroNotebook{width:110px;height:155px;border:1px solid var(--line);border-left:6px solid var(--primary);border-radius:4px 12px 12px 4px;box-shadow:8px 10px 0 var(--line);background:var(--paper);transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.heroNotebook img{width:58px;height:58px}.heroNotebook small{font-size:9px;letter-spacing:.13em;color:var(--primary)}.ranking{padding-top:24px}.rankFirst{border-color:var(--line)}.rankFirst .rankBody h3{color:var(--primary)}.rankFirst .rankBody h3 em{display:block;margin-top:6px;color:#666e68;font-size:12px;font-weight:600}.rankCta,.rankFirst .rankCta,.articleBackButton{background:var(--primary);box-shadow:none;color:white}.rankingLead{font-weight:500}.rankFirst .rankBody p{font-weight:500}.rankCard{border-color:var(--line)}.note{font-size:11px;line-height:1.8;color:#646963}.educationArticle{--ink:#252b2a;--navy:var(--primary);--red:var(--accent);--gold:var(--accent);--paper:var(--paper-color);--line:var(--border-color)}.educationArticle>.label{color:var(--primary);background:var(--soft);border-color:var(--line)}.educationArticle>.meta{font-size:11px;gap:7px;flex-wrap:wrap;font-weight:500}.educationArticle>.meta img{width:22px;height:22px}.educationArticle>h1{font-size:27px;line-height:1.5}.articleDeck{font-size:14px!important;line-height:1.8!important;color:#626962;font-weight:500!important;margin-bottom:22px!important}.educationArticle .firstAnswer{background:var(--soft);border-color:var(--line);box-shadow:none}.educationArticle .firstAnswerLabel{background:var(--primary)}.educationArticle .firstAnswer h2 strong,.educationArticle .empathyBlock strong,.educationArticle .finalEducation strong{color:var(--accent);background:none}.educationArticle .firstAnswer h2{font-size:23px!important}.educationArticle .firstAnswer p:last-child{border-color:var(--line)}.educationArticle .mechanismBlock{background:var(--soft);border-color:var(--line)}.educationArticle .eduStep.featured{background:var(--paper);border-color:var(--primary)}.eduStep>span,.eduStep.featured>span,.fitChecks p:before,.educationArticle .thoughtCard p:before{background:var(--primary)}.eduStep.featured b{color:var(--primary)}.educationArticle .surprisePoint,.reviewArticle .reviewWarning{background:var(--primary);box-shadow:none}.educationArticle .surprisePoint>span{background:var(--paper);color:var(--primary)}.educationArticle .surprisePoint strong{color:white;background:none}.educationArticle .thoughtCard,.fitChecks p{background:var(--soft);border-color:var(--line)}.educationArticle .thoughtCard p+p{border-color:var(--line)}.benefitList span{color:var(--accent)}.benefitList>div{border-color:var(--line)}.educationArticle .finalEducation,.educationArticle .dualCta,.educationArticle .dualCta--final{background:var(--soft);border-color:var(--line);box-shadow:none}.educationArticle .officialCta{background:var(--primary);box-shadow:0 5px 12px #0000000d}.educationArticle .officialCtaIcon{color:var(--primary)}.educationArticle .officialCta:hover,.rankCta:hover{filter:brightness(1.08)}.educationArticle .finalEducation>span,.ctaKicker{color:var(--accent)}.sourceLine{font-size:11px!important;line-height:1.7!important;color:#6b716b!important}.sourceLine a{color:var(--primary);text-underline-offset:3px}.sourceNote{margin:28px 0 20px;padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:11px;line-height:1.9;color:#626a64}.sourceNote a{color:var(--primary)}.serviceStrip{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:15px;margin:0 0 28px;background:white}.serviceStrip img{width:92px;height:44px;object-fit:contain}.serviceStrip p{margin:0;font-size:11px;line-height:1.75;color:#606960}.blogFooter{padding:26px 22px;border-top:1px solid var(--line);background:var(--soft);font-size:11px;line-height:1.85;color:#6b716b}.blogFooter strong{display:block;font-size:15px;color:var(--primary);margin-bottom:10px}.blogFooter nav{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.blogFooter a{color:var(--primary)}.blogFooter p{margin:9px 0}.mini .rankBody{min-width:0}.mini .rankBody h3{overflow-wrap:anywhere}.compareTable{min-width:620px}.categories{padding-top:14px}.catGrid a{cursor:pointer}.catGrid a:hover{background:var(--soft)}.educationArticle .faqBlock summary{padding-right:36px}.educationArticle .faqBlock details{border-color:var(--line)}
@media(max-width:420px){.header{padding:13px 16px}.brand h1,.brand .brandName{font-size:18px}.brand p{font-size:8px}.brand img{width:39px;height:39px}.topHero{grid-template-columns:minmax(0,1fr) 86px;padding:25px 18px}.topHero h2{font-size:23px}.heroNotebook{width:83px;height:129px}.heroNotebook img{width:48px;height:48px}.heroNotebook small{font-size:7px}.heroVisual{min-height:145px}.educationArticle>h1{font-size:24px}.educationArticle .firstAnswer h2{font-size:21px!important}.educationArticle .dualCta--final .officialCta{font-size:14px}}
@media(max-width:350px){.brand h1,.brand .brandName{font-size:16px}.brand p{font-size:7px}.header{padding:12px}.educationArticle{padding-left:16px;padding-right:16px}.topHero{grid-template-columns:minmax(0,1fr) 76px}.heroNotebook{width:72px}.heroKicker{font-size:9px}.topHero h2{font-size:21px}}

.educationArticle{--soft:var(--theme-soft)}.educationArticle>h1{text-wrap:balance}.rankFirst .medal{left:auto;right:12px;top:12px}.serviceStrip img{background:#70513e;width:110px;padding:7px;border-radius:7px}

/* Advertising creative v2: keep every word visible and free of overlays. */
.rankFirst .rankImage,.articleHeroVisual .mainVisual{aspect-ratio:auto;height:auto;object-fit:contain}
.rankFirst .medal{display:none}
.rankFirst .pick:before{content:"01 / ";opacity:.8}
.rankFirst .rankImage{border-radius:0}
.rankFirst{border-radius:12px;border-color:var(--line);box-shadow:0 8px 22px #182b2010}
.educationArticle .articleHeroVisual .mainVisual{border-radius:8px;box-shadow:0 8px 24px #182b2010}
.posts .postLink:first-of-type{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:14px;padding:16px 0}
.posts .postLink:first-of-type img{width:138px;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:5px}
.posts .postLink:first-of-type h3{font-size:13px;line-height:1.65}
@media(max-width:350px){.posts .postLink:first-of-type{grid-template-columns:114px minmax(0,1fr);gap:10px}.posts .postLink:first-of-type img{width:114px}.posts .postLink:first-of-type h3{font-size:12px}}