.article-hero{background:var(--cream);border-bottom:1px solid var(--border);padding:56px 24px 48px}.article-hero-inner{max-width:720px;margin:0 auto}.article-hero-content{display:flex;align-items:center;gap:48px}.article-hero-text{flex:1;min-width:0}.article-hero-illustration{flex:0 0 160px;display:flex;align-items:center;justify-content:center;background:var(--green-lt);border-radius:16px;padding:20px}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:20px}.breadcrumb-link{font-size:.82rem;color:var(--green);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep,.breadcrumb-current{font-size:.82rem;color:var(--muted)}.article-title{font-family:"DM Serif Display",serif;font-size:clamp(1.9rem,4.5vw,2.8rem);color:var(--ink);line-height:1.15;margin-bottom:20px}.article-lead{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-bottom:20px}.article-byline{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.byline-label{font-weight:500;color:var(--ink)}.byline-sep{color:var(--border)}.article-img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.article-body{background:var(--cream);padding:56px 24px}.prose{max-width:720px;margin:0 auto}.prose p{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:1.4em}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--ink)}.prose-h2{font-family:"DM Serif Display",serif;font-size:clamp(1.25rem,2.5vw,1.6rem);color:var(--ink);line-height:1.25;margin:2.4em 0 .8em}.prose-h3{font-family:"DM Serif Display",serif;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink);line-height:1.3;margin:1.8em 0 .6em}.prose ul,.prose ol,.prose-list{margin:0 0 1.4em 1.4em;padding:0;line-height:1.75}.prose ul,.prose-list{list-style:disc}.prose ol{list-style:decimal}.prose ul li,.prose ol li,.prose-list li{margin-bottom:.65em;color:var(--muted);font-size:1rem}.prose ul li::marker,.prose ol li::marker,.prose-list li::marker{color:var(--green)}.inline-link{color:var(--green);text-decoration:underline;text-underline-offset:2px}.inline-link:hover{color:var(--green-dark)}.stat-callout{background:var(--green-lt);border-left:4px solid var(--green);border-radius:0 10px 10px 0;margin:2em 0;padding:20px 24px}.stat-callout p,.stat-callout__text{font-size:1rem;line-height:1.7;color:var(--ink);margin-bottom:0}.stat-callout cite,.stat-callout__source{display:block;font-size:.82rem;font-style:normal;color:var(--muted);margin-top:10px}.stat-callout cite a,.stat-callout__source a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.stat-callout cite a:hover,.stat-callout__source a:hover{color:var(--green-dark)}.back-link-wrap{margin-top:3em;padding-top:2em;border-top:1px solid var(--border)}.back-link{font-size:.9rem;color:var(--green);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.faq-section{background:var(--section);padding:64px 24px}.faq-inner{max-width:720px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 22px}.faq-question{font-weight:600;font-size:.97rem;color:var(--ink);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";float:right;color:var(--muted);font-size:1.1rem;font-weight:400}details[open] .faq-question:after{content:"−"}.faq-answer{margin-top:12px;font-size:.93rem;line-height:1.7;color:var(--muted);margin-bottom:0}.tool-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px 32px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tool-card--featured{border-color:var(--green);background:#f8fcf9}.tool-header{display:flex;align-items:flex-start;gap:16px}.tool-num{width:36px;height:36px;background:var(--section);color:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;margin-top:2px}.tool-num--featured{background:var(--green-lt);color:var(--green)}.tool-name{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--ink);margin-bottom:8px;line-height:1.2}.tool-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.72rem;font-weight:500;padding:3px 9px;border-radius:10px}.tag--neutral{background:var(--section);color:var(--muted)}.tag--good{background:var(--green-lt);color:var(--green)}.tag--bad{background:#fef2f2;color:#b91c1c}.tool-desc{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0}.tool-verdict{background:var(--section);border-radius:10px;padding:16px 20px}.tool-verdict--good{background:var(--green-lt)}.verdict-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.verdict-label--good{color:var(--green)}.verdict-body{font-size:.875rem;color:var(--muted);line-height:1.65;margin:0}.table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:.85rem}.compare-table th{text-align:left;padding:10px 14px;background:var(--cream);border-bottom:2px solid var(--border);color:var(--ink);font-size:.78rem;font-weight:600;white-space:nowrap}.compare-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--muted);white-space:nowrap}.compare-table tr:last-child td{border-bottom:none}.row-featured td{background:#f0faf4;color:var(--ink)}.td-good{color:#2a7a4b;font-weight:600}.td-bad{color:#b91c1c}.td-ok{color:#856a00}@media(max-width:700px){.article-hero-content{flex-direction:column-reverse;gap:28px}.article-hero-illustration{flex:none;width:100%;max-width:200px;padding:20px;align-self:center}}@media(max-width:600px){.article-hero{padding:40px 20px 32px}.article-body{padding:40px 20px}.faq-section{padding:48px 20px}.tool-card{padding:20px}.tool-header{gap:12px}}
