:root{--green:#064e3b;--green-700:#065f46;--green-600:#047857;--green-50:#ecfdf5;--gold:#ca8a04;--gold-soft:#fef3c7;--bg:#f3f6f5;--card:#fff;--text:#12211d;--muted:#5b6b66;--border:#dbe4e1;--shadow:0 8px 24px #064e3b14;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:var(--green-700);text-decoration:none}a:hover{color:var(--green);text-decoration:underline}img,svg{max-width:100%}h1,h2,h3,h4{color:#0b2b22;line-height:1.25}h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,4vw,38px)}h2{margin:34px 0 12px;font-size:clamp(21px,3vw,27px)}h3{margin:0 0 6px;font-size:18px}p{margin:0 0 14px}ul,ol{margin:0 0 16px;padding-left:22px}li{margin:4px 0}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}.skip-link{background:var(--gold);color:#1f2937;z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:12px}header.site{background:linear-gradient(120deg, var(--green) 0%, var(--green-700) 100%);color:#fff;box-shadow:0 2px 16px #064e3b38}header.site a{color:#fff}header.site a:hover{color:#fde68a;text-decoration:none}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.logo .dot{background:var(--gold);color:#1f2937;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:inline-flex}nav.main{flex-wrap:wrap;gap:8px;font-size:14px;display:flex}nav.main a{border-radius:8px;padding:6px 10px}nav.main a:hover,nav.main a[aria-current=page]{background:#ffffff1f}main{min-height:60vh;padding:24px 0 56px}.breadcrumbs{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:6px;margin:0 0 16px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs .crumb-sep{color:#9aa8a3}.breadcrumbs [aria-current=page]{color:var(--green);font-weight:600}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(circle at 88% 10%,#ca8a0433,#0000 42%),linear-gradient(135deg,#fff 0%,#e9f5f1 100%);border-radius:20px;margin-bottom:26px;padding:clamp(22px,4vw,38px)}.hero p{color:#33413c;max-width:780px;margin-bottom:0;font-size:17px}.hero .eyebrow{color:var(--green-700);background:var(--green-50);border:1px solid #b9e6d7;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.stats{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stat{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:10px;padding:8px 14px;font-size:14px}.stat strong{color:var(--green);margin-right:4px;font-size:18px}.intro{color:#33413c;max-width:840px;font-size:17px}.lead-note{color:var(--muted);font-size:14px}.grid{align-items:stretch;gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:18px;box-shadow:0 1px 2px #10182808}.card>:last-child{margin-bottom:0}.card h3 a{color:var(--green)}.card p{color:#44524d}.card .count{color:var(--muted);font-size:13px;font-weight:600}a.card-link{color:inherit;flex-direction:column;gap:4px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}a.card-link:hover{box-shadow:var(--shadow);border-color:#b7d8cc;text-decoration:none;transform:translateY(-2px)}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tool-card:hover{box-shadow:var(--shadow);border-color:#b7d8cc;transform:translateY(-2px)}.tool-top{align-items:flex-start;gap:12px;display:flex}.tool-logo{color:#fff;background:hsl(var(--logo-hue,160) 55% 36%);border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff59}.tool-heading{min-width:0}.tool-heading h3{overflow-wrap:anywhere;margin:0;font-size:18px}.tool-meta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:3px;display:flex}.rating{color:var(--gold);white-space:nowrap;font-weight:800}.price{color:var(--muted);font-size:13px}.tool-short{color:#44524d;margin:0;font-size:14.5px}.badges,.chips{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--green-50);color:#065f46;white-space:nowrap;border:1px solid #c3eadc;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.4;display:inline-block}.badge.gold,.badge-gold{background:var(--gold-soft);color:#78350f;border-color:#f3d38a}.tool-cats{flex-wrap:wrap;gap:8px;font-size:12.5px;display:flex}.tool-cats a{color:var(--muted)}.tool-links{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;display:flex}.button-link{background:var(--green);border-radius:9px;justify-content:center;align-items:center;padding:8px 14px;font-weight:600;display:inline-flex;color:#fff!important;text-decoration:none!important}.button-link:hover{background:var(--green-700)}.button-outline{color:var(--green);background:#fff;border:1px solid #b7d8cc;border-radius:9px;justify-content:center;align-items:center;padding:8px 14px;font-weight:600;display:inline-flex}.chip-link{color:var(--green-700);background:#fff;border:1px solid #cfe2db;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:500;display:inline-block}.chip-link:hover{background:var(--green-50);border-color:#a9d6c5;text-decoration:none}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-head h2{margin-bottom:12px}.section-head a{font-size:14px;font-weight:600}.table-wrap{border:1px solid var(--border);-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;width:100%;margin:12px 0 20px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 13px}th{background:var(--green);color:#fff;white-space:nowrap;font-weight:600}tbody tr:nth-child(2n) td{background:#f7faf9}tbody tr:hover td{background:#eef7f3}td a{overflow-wrap:anywhere}.tool-hero{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;margin-bottom:8px;display:grid}.tool-facts{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:18px}.tool-facts dl{grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:14px;display:grid}.tool-facts dt{color:var(--muted)}.tool-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pros-cons{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pros-cons ul{margin-bottom:0}.check-list{padding-left:0;list-style:none}.check-list li{padding-left:24px;position:relative}.check-list li:before{content:"✓";color:var(--green-600);font-weight:800;position:absolute;left:0}.cross-list{padding-left:0;list-style:none}.cross-list li{padding-left:24px;position:relative}.cross-list li:before{content:"—";color:#9a3412;font-weight:800;position:absolute;left:2px}.faq-section{margin-top:30px}.faq{gap:8px;display:grid}.faq details{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px 16px}.faq details[open]{border-color:#b7d8cc;box-shadow:0 4px 14px #064e3b0f}.faq summary{cursor:pointer;color:#0b2b22;font-weight:650}.faq summary::marker{color:var(--gold)}.faq p{color:#44524d;margin:10px 0 0}.review-empty{background:#fff;border:1px dashed #b7cfc6;border-radius:12px;margin-top:10px;padding:18px}.review-empty p{color:var(--muted);margin-bottom:10px}.review-form{opacity:.6;gap:8px;display:grid}.review-form textarea,.review-form input{border:1px solid var(--border);width:100%;font:inherit;background:#f9fafb;border-radius:8px;padding:10px}.review-form button{border:1px solid var(--border);color:#6b7280;background:#e5e7eb;border-radius:8px;width:fit-content;padding:8px 14px}.note-box{background:var(--green-50);border-left:4px solid var(--green-600);border-radius:0 10px 10px 0;margin:18px 0;padding:14px 16px}.note-box p:last-child{margin-bottom:0}.compare-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}footer.site{color:#cfe2db;background:#0b2b22;margin-top:54px;padding:34px 0 18px;font-size:14px}footer.site strong{color:#fff;margin-bottom:8px;display:block}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin:6px 0}footer.site a{color:#cfe2db}footer.site a:hover{color:#fde68a}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.footer-note{color:#9fb8ae;margin:10px 0 0;font-size:13px}.footer-bottom{color:#9fb8ae;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;padding-top:14px;font-size:12.5px;display:flex}.sitemap-group{margin-bottom:26px}.sitemap-group h2{margin-top:18px}.sitemap-group ul{columns:2;column-gap:28px}.sitemap-group li{break-inside:avoid}.article-body{max-width:820px}.article-body h2{margin-top:28px}.article-body h3{margin-top:20px}.article-body ul,.article-body ol{margin-bottom:16px}.article-body blockquote{border-left:4px solid var(--gold);background:#fffdf5;border-radius:0 8px 8px 0;margin:18px 0;padding:12px 16px}.article-meta{color:var(--muted);margin-bottom:18px;font-size:14px}.article-list .card{flex-direction:column;display:flex}.article-list .card .price{margin-top:auto}@media (width<=960px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-hero{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){body{font-size:15.5px}.container{padding:0 14px}.grid-2,.grid-3,.grid-4,.pros-cons,.compare-pair{grid-template-columns:1fr}.header-inner{align-items:flex-start}nav.main{gap:2px}nav.main a{padding:5px 7px}.footer-grid{grid-template-columns:1fr}.sitemap-group ul{columns:1}.card,.tool-card{padding:15px}.tool-links{gap:10px}}@media (width<=380px){.logo span:last-child{font-size:16px}.badge{font-size:11.5px}}.tool-logo-img{object-fit:contain;background:#fff;border-radius:50%;flex:none;padding:3px;box-shadow:inset 0 0 0 1px #00000014}.tool-inline{vertical-align:middle;align-items:center;gap:8px;display:inline-flex}