:root{--navy:#173968;--blue:#254d75;--green:#6e937f;--ink:#263441;--light:#f6f8fa;--gray:#e8edf1;--line:#d7dfe5;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.75 Tahoma,Geneva,sans-serif;background:white}a{color:var(--navy)}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6e937f;outline-offset:3px}.notice{background:#e5efe8;color:#315348;text-align:center;padding:6px 15px;font-size:12px}.header{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 10px #10293c10}.nav{max-width:var(--max);margin:auto;padding:10px 22px;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:205px;max-width:38vw;height:auto;display:block}.navitems{display:flex;align-items:center;gap:3px}.navitems>a,.dropbtn{display:block;background:none;border:0;text-decoration:none;padding:11px 10px;color:var(--ink);font:bold 13px Tahoma,sans-serif;white-space:nowrap}.navitems a:hover,.dropbtn:hover,.navitems a[aria-current=page]{color:var(--navy);background:var(--light)}.dropdown{position:relative}.submenu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;padding:7px;border:1px solid var(--line);box-shadow:0 15px 25px #152a3a20}.dropdown:hover .submenu,.dropdown:focus-within .submenu{display:block}.submenu a{display:block;text-decoration:none;font-size:13px;padding:9px;color:var(--ink)}.menu-toggle{display:none;color:var(--navy);background:white;border:1px solid var(--line);padding:8px 12px}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.section{padding:70px 0}.light{background:var(--light)}.gray{background:var(--gray)}.hero{padding:68px 0;background:linear-gradient(120deg,#eef2f5,#fbfcfc)}.hero-grid{display:grid;grid-template-columns:minmax(220px,325px) 1fr;gap:80px;align-items:center}.cover{display:block;width:100%;max-width:340px;height:auto;box-shadow:9px 14px 29px #182c3b30}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:bold;color:#557d68;margin-bottom:13px}h1{font-size:clamp(36px,5vw,57px);line-height:1.15;color:var(--navy);margin:0 0 22px}h2{font-size:clamp(25px,3vw,34px);line-height:1.25;color:var(--navy);margin:0 0 16px}h3{font-size:19px;color:var(--navy);line-height:1.4;margin:0 0 12px}p{margin:0 0 18px}.lead{font-size:19px;max-width:720px;line-height:1.75}.intro{max-width:740px;color:#526674}.muted,.small{color:#596b77}.small{font-size:13px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:11px 20px;text-decoration:none;display:inline-block;border-radius:3px;font-weight:bold;font-size:13px}.btn.primary{background:var(--navy);color:white}.btn:hover{filter:brightness(.93)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:white;border:1px solid var(--line);padding:26px}.card p{color:#536673;font-size:14px}.textlink{font-weight:bold;text-decoration:none;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.portrait{display:block;width:100%;height:auto;object-fit:cover}.banner{background:var(--gray);padding:48px 0}.banner h1{font-size:clamp(30px,4vw,43px);margin:0 0 9px}.breadcrumbs{font-size:12px;color:#536673;margin:0 0 14px}.breadcrumbs a{text-decoration:none}.reading{max-width:780px}.reading p{font-size:17px}.reading h2{margin-top:36px}.content-layout{display:grid;grid-template-columns:1fr 270px;gap:68px;align-items:start}.sidebox{background:var(--light);border:1px solid var(--line);padding:23px}.sidebox ul{margin:10px 0;padding-left:19px}.sidebox li{margin-bottom:8px;font-size:13px}.blogitem{padding:27px 0;border-bottom:1px solid var(--line)}.blogitem:first-child{padding-top:0}.date{font-size:12px;color:#61717f}.tabs{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;padding:10px 17px;color:var(--navy)}.tab[aria-selected=true]{background:var(--navy);color:white}.reviewgrid,.buygrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reviewbox,.buybox{border:1px solid var(--line);background:white;padding:25px}.faq details{margin:11px 0;border:1px solid var(--line);padding:17px 20px;background:white}.faq summary{font-weight:bold;cursor:pointer;color:var(--navy)}.faq details p{padding-top:15px;font-size:14px}.formgrid{display:grid;gap:14px;max-width:590px}label{font-size:13px;font-weight:bold}input,textarea{width:100%;border:1px solid #a9b7c1;border-radius:2px;padding:12px;background:white}.checkbox-label{font-weight:normal;display:flex;align-items:start;gap:10px}.checkbox-label input{width:auto;margin-top:7px}.hint{background:#edf3ed;border-left:4px solid var(--green);padding:12px 16px;font-size:13px;color:#385546;margin-top:26px}.footer{background:#18385a;color:#e3ebf1;padding:45px 0 18px}.footer a{color:#e3ebf1;text-decoration:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer h3{color:#fff;font-size:16px}.footer p,.footer a{font-size:13px}.footnote{margin-top:25px;border-top:1px solid #ffffff3b;padding-top:17px;font-size:12px}.book-small{width:170px;max-width:100%;height:auto;box-shadow:5px 8px 13px #1d334023}.page-links{margin-top:25px}.page-links a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}.review-panel[hidden]{display:none}
@media(max-width:960px){.nav{flex-wrap:wrap;gap:10px}.menu-toggle{display:block;margin-left:auto}.navitems{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.navitems.open{display:flex}.navitems>a,.dropbtn{width:100%;text-align:left;padding:14px 9px}.submenu,.dropdown:hover .submenu{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 18px}.hero-grid{gap:40px}}@media(max-width:650px){.brand img{width:175px;max-width:62vw}.section{padding:48px 0}.hero{padding:43px 0}.hero-grid,.cards,.split,.reviewgrid,.buygrid,.content-layout,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:30px}.cover{max-width:185px;margin:auto}.split{gap:25px}.portrait{max-width:500px}.lead{font-size:16px}.footer-grid{gap:9px}}