/* Shared responsive styles for search-intent parent guides. */
:root{--ink:#0f172a;--text:#475569;--muted:#64748b;--blue:#2563eb;--cyan:#0891b2;--green:#059669;--amber:#d97706;--line:#e2e8f0;--soft:#f8fafc;--blue-soft:#eff6ff;--green-soft:#ecfdf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.68 system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{color:var(--blue)}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(10px)}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:850}.brand img{width:32px;height:32px;object-fit:contain}.links{display:flex;gap:22px;align-items:center}.links a{text-decoration:none;color:var(--text);font-weight:650;font-size:14px}.links .cta{background:var(--green);color:#fff;padding:10px 18px;border-radius:999px}.hero{padding:68px 0 54px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.eyebrow{color:var(--blue);font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(36px,5vw,56px);line-height:1.08;letter-spacing:-1.6px;margin:10px 0 18px}.hero p{max-width:820px;color:var(--text);font-size:19px;margin:0}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:20px}.quick{padding:30px 0;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.quick-card b{display:block;margin-bottom:3px}.quick-card span{font-size:14px;color:var(--text)}.section{padding:58px 0}.section.alt{background:var(--soft);border-block:1px solid var(--line)}.section h2{font-size:clamp(28px,3.5vw,36px);line-height:1.2;margin:0 0 12px;letter-spacing:-.6px}.section h3{font-size:21px;line-height:1.3;margin:28px 0 8px}.lede{max-width:820px;color:var(--text);font-size:17px;margin:0 0 28px}.toc{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.toc strong{display:block;margin-bottom:8px}.toc ul{margin:0;padding-left:20px;columns:2}.toc li{margin:5px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.compare{width:100%;border-collapse:collapse;min-width:760px}.compare th,.compare td{padding:14px 16px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.compare th{background:var(--soft);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.compare td{font-size:14px;color:var(--text)}.compare td:first-child{color:var(--ink);font-weight:760}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 8px 24px #0f172a07}.card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);border-radius:99px;padding:4px 9px;margin-bottom:9px}.card h3{margin:0 0 7px;font-size:21px}.card p{margin:0 0 12px;color:var(--text)}.card ul{margin:0;padding-left:20px;color:var(--text)}.card li{margin:5px 0}.pick{display:grid;grid-template-columns:54px 1fr;gap:16px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;margin:0 0 16px}.rank{width:46px;height:46px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:18px}.pick h3{margin:0 0 5px}.pick p{color:var(--text);margin:0 0 8px}.facts{display:flex;gap:8px;flex-wrap:wrap}.fact{font-size:12px;color:var(--muted);background:var(--soft);padding:4px 8px;border-radius:7px}.note{border-left:4px solid var(--blue);background:var(--blue-soft);padding:16px 18px;border-radius:0 12px 12px 0;color:#334155}.note.green{border-color:var(--green);background:var(--green-soft)}.note strong{color:var(--ink)}.method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.method div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.method b{display:block;margin-bottom:5px}.method span{color:var(--text);font-size:14px}.product-box{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;background:linear-gradient(135deg,#1d4ed8,#0891b2);color:#fff;border-radius:22px;padding:34px}.product-box h2{color:#fff}.product-box p{color:#e0f2fe;margin:0 0 16px}.product-box .disclosure{font-size:13px;color:#dbeafe}.button{display:inline-flex;justify-content:center;text-decoration:none;background:#fff;color:#1d4ed8;font-weight:850;padding:14px 22px;border-radius:12px}.button.secondary{background:#0f172a;color:#fff}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--text);margin:9px 0 0}.sources{font-size:14px;color:var(--text)}.sources li{margin:8px 0}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);font-weight:750;background:#fff}.related small{display:block;color:var(--text);font-weight:500;margin-top:4px}footer{padding:34px 0;color:var(--text);text-align:center}.footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}@media(max-width:820px){.links a:not(.cta){display:none}.quick-grid,.method,.related{grid-template-columns:1fr 1fr}.cards,.product-box{grid-template-columns:1fr}.toc ul{columns:1}}@media(max-width:560px){.wrap{width:min(100% - 28px,1080px)}.hero{padding:48px 0 40px}.quick-grid,.method,.related{grid-template-columns:1fr}.pick{grid-template-columns:1fr}.rank{width:42px;height:42px}.product-box{padding:26px}.meta{gap:8px}}