:root{--navy:#12324a;--blue:#1d6b8f;--teal:#2d8f7b;--sky:#e7f5f8;--cream:#fffaf2;--gold:#f1b24a;--ink:#1e2b33;--muted:#5f6e75;--line:#dbe5e8;--white:#fff;--danger:#8b3a3a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#f7faf9;line-height:1.68}a{color:#126584}a:hover{color:#0b485e}.site-header{background:linear-gradient(100deg,#12324a,#1d6b8f 68%,#2d8f7b);color:#fff}.header-inner{max-width:1180px;margin:auto;padding:22px 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.brand{display:flex;gap:14px;align-items:center}.mark{width:52px;height:52px;border-radius:50%;background:#fff;color:#1d6b8f;display:grid;place-items:center;font-weight:900;font-size:26px;box-shadow:0 5px 20px #0003}.brand .brand-title{font-size:1.55rem;margin:0;font-weight:800}.brand p{margin:2px 0 0;color:#d9f2f1}.header-photo{height:118px;border-radius:18px;overflow:hidden;border:3px solid #ffffff55}.header-photo img{width:100%;height:100%;object-fit:cover}.main-nav{background:#0e293d}.main-nav .nav-inner{max-width:1180px;margin:auto;padding:0 24px;display:flex;gap:4px;flex-wrap:wrap}.main-nav a{color:#fff;text-decoration:none;padding:12px 13px;font-size:.94rem}.main-nav a:hover{background:#ffffff18}.actionbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}.action-inner{max-width:1180px;margin:auto;padding:8px 24px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.share-btn,.tiny-btn{border:1px solid #cbd9dd;background:#fff;border-radius:9px;padding:7px 9px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:#25444f}.share-btn svg{width:17px;height:17px;fill:currentColor}.compare-btn{margin-left:auto;background:#f1b24a;color:#182933;border:0;border-radius:9px;padding:9px 15px;font-weight:800;text-decoration:none}.translate{display:flex;gap:7px;align-items:center}.container{max-width:1180px;margin:auto;padding:28px 24px}.breadcrumbs{font-size:.87rem;color:var(--muted);margin-bottom:12px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #12324a0d}.hero-copy{padding:34px}.eyebrow{display:inline-block;background:#e7f5f8;color:#155d72;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.1;margin:14px 0}.lead{font-size:1.13rem;color:#4b5d64}.hero img{width:100%;height:100%;min-height:390px;object-fit:cover}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;margin-top:30px}.article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px}.article h2{font-size:1.7rem;line-height:1.2;margin-top:34px;color:#173e54}.article h3{font-size:1.2rem;color:#205f6e}.article p{margin:12px 0}.quick-answer{background:#eef8f5;border-left:5px solid #2d8f7b;padding:18px;border-radius:8px}.checklist{background:#fffaf2;border:1px solid #f2dfb5;padding:18px 22px;border-radius:12px}.checklist li{margin:7px 0}.photo-wide{width:100%;height:300px;object-fit:cover;border-radius:14px;margin:14px 0 8px}.caption{font-size:.8rem;color:#718087}.sidebar .box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.sidebar h3{margin-top:0}.resource-card{border:1px solid var(--line);border-radius:14px;padding:18px;margin:12px 0;background:#fff}.resource-card h3{margin:0 0 6px}.resource-card .cta,.cta{display:inline-block;background:#1d6b8f;color:#fff;text-decoration:none;border-radius:8px;padding:9px 13px;font-weight:800;margin-top:7px}.cta.secondary{background:#2d8f7b}.notice{font-size:.88rem;color:#5e6a70}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:800;cursor:pointer}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related a{background:#f1f7f7;padding:14px;border-radius:10px;text-decoration:none}.directory{margin-top:36px;background:#102d40;color:#dbeaf0;padding:30px 0}.directory-inner{max-width:1180px;margin:auto;padding:0 24px}.directory h2{color:#fff}.directory-list{columns:4;column-gap:28px;font-size:.78rem}.directory-list a{display:block;color:#cfe7ee;text-decoration:none;margin:0 0 6px;break-inside:avoid}.footer{background:#0b2231;color:#cbdce2;padding:24px}.footer-inner{max-width:1180px;margin:auto}.footer a{color:#fff}.popup{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;z-index:100}.popup.open{display:flex}.popup-card{max-width:520px;margin:20px;background:#fff;border-radius:18px;padding:28px;position:relative}.close-popup{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf6f7}.tag{font-size:.75rem;padding:4px 7px;border-radius:999px;background:#eef2f3}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}.disclaimer-strip{background:#fff3cd;border:1px solid #f3d68a;border-radius:10px;padding:12px 15px;font-size:.88rem;margin:18px 0}
@media(max-width:820px){.header-inner,.hero,.layout{grid-template-columns:1fr}.header-photo{display:none}.hero img{min-height:260px}.actionbar{position:static}.compare-btn{margin-left:0}.compare-grid,.related{grid-template-columns:1fr}.directory-list{columns:2}.article{padding:22px}}@media(max-width:520px){.directory-list{columns:1}.brand h1{font-size:1.2rem}.main-nav .nav-inner{padding:0 10px}.main-nav a{padding:10px 8px;font-size:.82rem}}


/* 2026 visual refresh: brighter editorial palette */
:root{--navy:#17365d;--blue:#1479c9;--teal:#11a68a;--sky:#eaf7ff;--cream:#fff7e7;--gold:#ffb524;--coral:#ff6b5c;--purple:#7157d9;--green:#28a96b;--ink:#183044;--muted:#5c6f7b;--line:#d9e7ef;--white:#fff}
body{background:linear-gradient(180deg,#f7fcff 0,#fffdf7 38%,#f8fbff 100%)}
.site-header{background:linear-gradient(115deg,#14365f 0%,#1479c9 44%,#11a68a 100%);position:relative;overflow:hidden}
.site-header:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffcf4a33;right:-65px;top:-100px}
.header-photo{height:150px;border:4px solid #ffffff88;box-shadow:0 12px 35px #061b3538}.header-photo img{filter:saturate(1.08) contrast(1.03)}
.mark{background:linear-gradient(145deg,#fff,#fff2be);color:#1479c9;border:2px solid #fff7c9}
.main-nav{background:#102d50;box-shadow:0 3px 14px #0d315426}.main-nav a:hover{background:#ffb524;color:#132d45}
.actionbar{background:#ffffffee;backdrop-filter:blur(10px);box-shadow:0 4px 18px #174b6b12}
.share-btn,.tiny-btn,.language-select{border:1px solid #c7ddeb;background:#fff;border-radius:10px;min-height:38px;transition:.18s ease}.share-btn:hover,.tiny-btn:hover,.language-select:hover{transform:translateY(-1px);box-shadow:0 5px 14px #17365d1c}
.share-btn:nth-of-type(1){color:#1877f2;background:#eef6ff}.share-btn:nth-of-type(2){color:#128c7e;background:#effbf7}.share-btn:nth-of-type(3){color:#0a66c2;background:#eef7ff}.share-btn:nth-of-type(4){color:#111;background:#f4f4f4}.share-btn:nth-of-type(5){color:#c13584;background:#fff1f8}
.translate{background:#edf8ff;border:1px solid #cae9fb;border-radius:12px;padding:5px 7px;display:flex;gap:7px;align-items:center}.translate-label{font-size:.82rem;font-weight:800;color:#17527a}.language-select{padding:7px 28px 7px 9px;color:#17365d;font-weight:700}.google-translate-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:.01!important;pointer-events:none!important}.english-reset{background:#fff7db;border-color:#f4d16b;font-weight:800}
.compare-btn{background:linear-gradient(135deg,#ffb524,#ff8d32);color:#173044;box-shadow:0 6px 14px #f0a01f35}
.hero{border:0;box-shadow:0 14px 46px #17365d17;background:linear-gradient(135deg,#fff 0%,#fbfeff 60%,#f2fff9 100%)}.hero img{filter:saturate(1.1) contrast(1.03)}
.eyebrow{background:linear-gradient(90deg,#dff4ff,#e4fff3);color:#116b75;border:1px solid #bfe8e7}.article{box-shadow:0 10px 34px #17365d0d;border-color:#dcebf4}.article h2{color:#145b8d}.article h3{color:#167f72}.quick-answer{background:linear-gradient(135deg,#ebfff7,#f5fffb);border-left-color:#11a68a}.checklist{background:linear-gradient(135deg,#fff9e6,#fffdf6);border-color:#f5d786}
.sidebar .box{box-shadow:0 8px 24px #17365d0c}.photo-wide{box-shadow:0 8px 24px #17365d22;filter:saturate(1.08)}
.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{position:relative;overflow:hidden;border:1px solid #d8e8f2;box-shadow:0 8px 22px #17365d0c;transition:.2s ease}.resource-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #17365d18}.product-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1479c9,#11a68a)}.product-card.p2:before{background:linear-gradient(90deg,#7157d9,#1479c9)}.product-card.p3:before{background:linear-gradient(90deg,#ff8d32,#ffb524)}.product-card.p4:before{background:linear-gradient(90deg,#11a68a,#28a96b)}.product-card.p5:before{background:linear-gradient(90deg,#28a96b,#a6c93a)}.product-card.p6:before{background:linear-gradient(90deg,#ff6b5c,#ff9a57)}.product-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-badge{display:inline-block;font-size:.7rem;font-weight:800;padding:5px 8px;border-radius:999px;background:#edf8ff;color:#176a9c}.product-num{font-size:.72rem;font-weight:900;color:#9aabb5}.product-caution{font-size:.86rem;color:#627681}.product-cta{background:linear-gradient(135deg,#1479c9,#116ba9);box-shadow:0 5px 12px #1479c92e}.resource-card:nth-child(even) .product-cta{background:linear-gradient(135deg,#11a68a,#087c69)}
.related a{background:linear-gradient(135deg,#edf8ff,#f0fff9);border:1px solid #d7ebf2}.directory{background:linear-gradient(120deg,#102d50,#173f65 55%,#126f69)}.footer{background:#0a243f}.popup-card{border-top:6px solid #ffb524;box-shadow:0 24px 70px #0005}
@media(max-width:1020px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.compare-grid{grid-template-columns:1fr}.translate{width:100%;order:8}.compare-btn{margin-left:0}.header-photo{height:130px}}