.editorial-page{background:linear-gradient(180deg,#edf5ef 0,#f8f7f2 24rem)}
.editorial-header{border-bottom:1px solid var(--line);background:rgba(248,247,242,.96)}
.editorial-nav{min-height:68px;height:auto;gap:1rem;flex-wrap:wrap;padding-block:.7rem}
.editorial-links{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;font-size:.82rem;font-weight:750}
.editorial-links a{padding:.5rem .7rem;border-radius:99px}.editorial-links a:hover{background:#e5eee8;color:var(--green)}
.breadcrumbs{padding:1.1rem 0 0;color:var(--muted);font-size:.8rem}.breadcrumbs ol{display:flex;gap:.45rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.article-hero{padding:clamp(2.8rem,7vw,6rem) 0 2.5rem}.article-hero h1{max-width:900px;font-size:clamp(2.45rem,7vw,5.4rem);line-height:.98;margin:.5rem 0 1.3rem}.article-hero .lede{max-width:760px;font-size:clamp(1.05rem,2.5vw,1.3rem)}
.article-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.article-meta span{padding:.45rem .7rem;border:1px solid #bfd0c3;border-radius:99px;background:white;font-size:.77rem;font-weight:700}
.article-layout{display:grid;gap:2rem;padding-bottom:4rem}.article-main{min-width:0}.article-main>section{scroll-margin-top:1rem;padding:2rem 0;border-top:1px solid var(--line)}.article-main h2{font-size:clamp(1.65rem,4vw,2.45rem);margin:0 0 1rem}.article-main h3{margin:.2rem 0 .5rem}.article-main p,.article-main li{max-width:78ch}
.toc{padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:white}.toc strong{display:block;margin-bottom:.6rem}.toc a{display:block;padding:.38rem 0;color:var(--green);font-weight:700}
.criteria-grid,.recommendation-grid,.related-grid{display:grid;gap:1rem}.criteria-card,.recommendation-card,.related-card,.warning-box,.method-note{padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:white}.criteria-card span{display:grid;place-items:center;width:36px;aspect-ratio:1;border-radius:10px;background:var(--lime);font-weight:900;margin-bottom:.8rem}.recommendation-card{border-top:5px solid var(--green)}.recommendation-card .rank{color:var(--green);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.recommendation-card .price{font-size:1.35rem}.recommendation-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.recommendation-card dl div{padding:.65rem;background:#f3f6f3;border-radius:10px}.recommendation-card dt{font-size:.7rem;color:var(--muted)}.recommendation-card dd{margin:0;font-weight:800}.recommendation-card a,.related-card a{color:var(--green);font-weight:800}.fit-reason{padding:.8rem;border-left:4px solid var(--green);background:#edf5ef}.warning-box{border-color:#e6b98f;background:#fff7ed}.warning-box strong{color:#8b4513}.method-note{background:#17231d;color:#eaf0ec}.method-note a{color:var(--lime)}
.data-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:white}.data-table{width:100%;min-width:720px;border-collapse:collapse}.data-table th,.data-table td{padding:.85rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:#edf3ef;font-size:.75rem}.data-table td:first-child{font-weight:800}.unknown{color:#8a5a30;font-size:.78rem}.faq details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:850}.faq p{color:#4b5b52}.related-card h3{margin-top:0}.article-footer{padding:2rem 0;border-top:1px solid var(--line);background:#17231d;color:white}.article-footer a{color:var(--lime)}
@media(min-width:720px){.criteria-grid{grid-template-columns:repeat(2,1fr)}.recommendation-grid{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) 260px}.toc{position:sticky;top:90px;order:2;align-self:start}.article-main{order:1}}
@media(max-width:680px){.editorial-nav{align-items:flex-start}.editorial-links{width:100%;display:grid;grid-template-columns:1fr 1fr}.recommendation-card dl{grid-template-columns:1fr}.article-hero h1{overflow-wrap:normal}.data-table{font-size:.82rem}}