*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3eb;color:#172b28;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:#a53516}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e86033;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 32px}header{border-bottom:1px solid #cdd1c6}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.brand{text-decoration:none;font-weight:900;letter-spacing:-1px;font-size:23px;line-height:1.05}.brand small{display:block;font-size:11px;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:25px;font-size:14px;font-weight:700}nav a{text-decoration:none}.tag{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#a13c21}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:80px 0 65px;align-items:center}h1{font-size:clamp(42px,5.6vw,76px);line-height:1.04;letter-spacing:-3px;margin:22px 0 25px;max-width:900px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:40px 0 18px}h3{font-size:23px;line-height:1.2;margin:12px 0}.lead{font-size:21px;line-height:1.6;color:#485953;max-width:700px}.button{display:inline-block;background:#183c33;color:#fff;padding:14px 23px;border:0;border-radius:2px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:#2c5147;color:white}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:28px 0}.visual{background:#dedfcf;padding:25px 30px 12px;border-radius:48% 48% 4px 4px;position:relative}.visual svg{width:100%;height:auto}.visual p{font-size:11px;letter-spacing:1.5px;text-align:center}.strap{border-top:1px solid #bcc5b9;border-bottom:1px solid #bcc5b9;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:12px;letter-spacing:1.4px;font-weight:bold}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:60px 0 24px}.section-head h2{margin:0;font-size:39px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;border:1px solid #c9d0c4;padding:28px;background:#faf9f4;text-decoration:none;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card p{font-size:15px;color:#53635b;flex:1}.card .num{font-family:Georgia,serif;color:#ad4121;font-size:35px}.card .arrow{margin-top:18px;font-size:12px;font-weight:bold}.feature{background:#183c33;color:#f5f3eb;padding:45px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin:60px 0}.feature h2{font-size:40px;margin-top:0}.feature .button{background:#eac28c;color:#17352c}.sample{border-top:1px solid #577167;padding-top:20px;align-self:center}.sample strong{font-size:57px;letter-spacing:-2px}.sample small{display:block;color:#c8d2c8}.allguides{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:60px}.allguides a{padding:17px 0;border-bottom:1px solid #cdd1c6;text-decoration:none;font-weight:bold}.crumb{font-size:13px;margin:35px 0;color:#58675f}.article-head{border-bottom:1px solid #cdd1c6;padding:10px 0 36px}.article-head h1{font-size:clamp(36px,4.6vw,62px);max-width:1000px}.meta{font-size:12px;color:#59675f}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;margin:44px 0 65px}.side{font-size:13px;align-self:start;position:sticky;top:24px}.side a{display:block;padding:12px 0;border-bottom:1px solid #cdd1c6;text-decoration:none}.side strong{font-size:11px;letter-spacing:2px}.body p,.body li{font-size:17px}.body li{margin:10px 0}.body h2:first-child{margin-top:0}.body a{color:#8e371d}.body a.button{color:white;margin:10px 0}.note{background:#e8e9dd;padding:21px;border-left:3px solid #ab4a29;font-size:14px;margin:25px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #c9cfc4}th{background:#e6e8dd}.sources{border-top:1px solid #c9cfc4;margin-top:45px;padding-top:12px}.sources p,.sources li{font-size:13px}.related{border-top:1px solid #c9cfc4;padding-top:25px;margin-top:40px;display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.calculator{background:#e7e8dc;padding:25px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inputs label{font-size:13px;font-weight:bold}.inputs input{display:block;width:100%;padding:12px;border:1px solid #9ca89d;margin-top:6px;font:inherit;background:#fffdf7}.result{background:#183c33;color:#fff;padding:28px;margin-top:25px}.result span{font-size:10px;letter-spacing:1.5px}.result strong{font-size:56px;display:block}.result small{color:#c5d4c9}.checklist{margin-top:24px}.checklist label{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #c9cfc4}.checklist input{width:20px;flex-shrink:0;accent-color:#183c33}.checklist input:checked+span{text-decoration:line-through;color:#657267}footer{background:#e7e9df;padding:38px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:35px}footer p{max-width:560px}footer a{margin-right:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:5;padding:15px}@media(max-width:850px){.hero{gap:30px}.cards{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;gap:30px}.side{position:static;display:none}h1{letter-spacing:-2px}.feature{gap:25px}}@media(max-width:600px){.wrap{padding:0 22px}header .wrap{align-items:flex-start;flex-direction:column;padding-top:22px;padding-bottom:20px;gap:20px}nav{gap:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:40px 0;gap:25px}.visual{max-width:380px;margin:auto;width:100%}.cards{grid-template-columns:1fr}.strap{font-size:10px;flex-wrap:wrap}.section-head{display:block}.section-head h2{font-size:31px}.feature{grid-template-columns:1fr;padding:27px}.feature h2{font-size:32px}.allguides{grid-template-columns:1fr}.inputs{grid-template-columns:1fr}.calculator{padding:16px}footer .wrap{display:block}.lead{font-size:19px}}@media print{header,footer,.side,.crumb,.button,.related{display:none}body{background:white}.wrap{padding:0}.article-layout{display:block;margin:15px 0}h1{font-size:30px!important}.checklist label{padding:8px 0;break-inside:avoid}.article-head{padding:0}.article-head h1{margin:10px 0}.lead{font-size:16px}}