:root {color-scheme: light;--text:#111827;--muted:#374151;--line:#d1d5db;--bg:#ffffff;--soft:#f9fafb;--accent:#000000;--link:#111827;--link-hover:#002f6c;}
* {box-sizing: border-box;}
body {margin:0;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);line-height:1.65;}
main {max-width:1120px;margin:0 auto;padding:0 24px 72px;}
.site-logo {display:block;margin:0 0 32px;}
.site-logo img {display:block;width:100%;max-width:1120px;height:auto;}
h1, h2, h3 {line-height:1.2;color:var(--accent);}
h1 {margin:0 0 24px;font-size:clamp(2rem, 4vw, 3.4rem);letter-spacing:-0.03em;}
h2 {margin:48px 0 18px;font-size:clamp(1.8rem, 2.5vw, 2.1rem);}
h3 {margin:36px 0 12px;font-size:1.6rem;}
p {margin:0 0 16px;}
a {color:var(--link);text-decoration-thickness:0.1em;text-underline-offset:0.18em;}
a:hover, a:focus {color:var(--link-hover);}
a:focus {outline:2px solid var(--link-hover);outline-offset:3px;border-radius:4px;}
.lead {font-size:1.125rem;color:var(--text);}
.key-points {padding:20px 24px;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin:0 0 28px;}
.key-points h2 {margin-top:0;}
.key-points ul {margin:0;padding-left:1.25rem;}
.comparison-wrap {overflow-x:auto;margin:20px 0 36px;border:1px solid var(--line);border-radius:14px;}
table {width:100%;border-collapse:collapse;min-width:760px;}
caption {caption-side:top;padding:16px;font-weight:700;text-align:left;background:var(--soft);color:var(--accent);}
th, td {padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;color:var(--text);}
th {background:#f3f4f6;font-weight:700;white-space:nowrap;color:var(--accent);}
tr:last-child td {border-bottom:0;}
.button-link {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 18px;border:1px solid #15803d;border-radius:99px;background:#0d882d;color:#fff;font-size:0.92rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,0.14);transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease;}
.button-link:hover {background:#166534;border-color:#166534;color:#fff;text-decoration:none;box-shadow:0 2px 7px rgba(0,0,0,0.18);}
.button-link:focus {outline:2px solid #86efac;outline-offset:3px;color:#fff;text-decoration:none;}
.button-link:active {transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,0.18);}
.meta {color:#000;font-size:1.0rem;font-weight:640;background:#f3f4f6;border:1px solid #d1d5db;border-radius:10px;padding:6px 10px;}
.review {padding-top:4px;border-top:1px solid var(--line);}
.review-meta-text {display:block;}
.review-meta-text .meta {margin:0 0 6px;}
.review-meta-text .meta:last-child {margin-bottom:0;}
.pros-cons {display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:18px;margin:16px 0 28px;}
.pros-cons section {background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.pros-cons h4 {margin:0 0 8px;color:var(--accent);}
.pros-cons ul {margin:0;padding-left:1.2rem;}
.toc {margin:28px 0 40px;padding:22px 24px;background:var(--soft);border:1px solid var(--line);border-radius:14px;}
.toc strong {display:block;margin:0 0 14px;color:var(--accent);font-size:1.05rem;line-height:1.3;}
.toc ul {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px 28px;margin:0;padding:0;list-style:none;}
.toc li {margin:0;}
.toc a {display:block;padding:8px 10px;color:var(--link);text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.18em;border:1px solid transparent;border-radius:10px;line-height:1.35;}
.toc a:hover, .toc a:focus {color:var(--link-hover);background:#fff;border-color:var(--line);}
.toc a:focus {outline:2px solid var(--link-hover);outline-offset:2px;}
.review-meta {display:flex;align-items:center;gap:18px;margin:10px 0 16px;}
.product-logo {display:block;height:155px;width:auto;max-width:220px;object-fit:cover;flex:0 0 auto;border:1px solid #d1d5db;border-radius:14px;}
.faq-item {margin:0 0 12px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;}
.faq-question {padding:16px 18px;color:var(--accent);font-weight:700;font-size:1.05rem;line-height:1.35;cursor:pointer;background:var(--soft);}
.faq-question:hover {background:#f3f4f6;}
.faq-item[open] .faq-question {border-bottom:1px solid var(--line);}
.faq-answer {padding:16px 18px;color:var(--text);font-size:1rem;line-height:1.65;}
.site-footer {margin:56px 0 0;padding:24px 0 0;border-top:1px solid var(--line);}
.footer-nav {display:flex;flex-wrap:wrap;gap:18px;}
.footer-nav a {color:var(--link);font-weight:700;text-decoration:underline;text-decoration-thickness:0.08em;text-underline-offset:0.18em;}
.footer-nav a:hover, .footer-nav a:focus {color:var(--link-hover);}
@media (max-width:700px) {
.site-logo {margin:0 0 24px;}
.site-logo img {width:100%;height:auto;border-radius:10px;}
.review-meta {align-items:flex-start;gap:14px;}
.product-logo {height:72px;max-width:160px;}
.faq-question {padding:14px 16px;font-size:1rem;}
.faq-answer {padding:14px 16px;}
main {padding:0 16px 56px;}
.toc {margin:24px 0 32px;padding:18px;}
.toc ul {grid-template-columns:1fr;gap:6px;}.toc a {padding:8px;}
.site-footer {margin:40px 0 0;padding:20px 0 0;}
.footer-nav {gap:14px;}
}