*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:#171e3e;background:#f7f9fc;font-family:"Vazirmatn",Tahoma,sans-serif;line-height:2}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-70px;right:18px;z-index:20;padding:8px 13px;color:#fff;background:#171e3e}.skip-link:focus{top:10px}.guide-nav{height:68px;display:flex;align-items:center;gap:20px;padding:0 max(20px,calc((100% - 1080px)/2));background:#171e3e;color:#fff}.guide-brand{display:flex;align-items:center;gap:9px;font-weight:850}.guide-brand img{width:38px;height:38px;border-radius:8px}.guide-nav nav{display:flex;gap:18px;margin-inline:auto;font-size:11px;color:#dbe4f2}.guide-nav .signup{padding:7px 13px;color:#171e3e;background:#f1c969;border-radius:6px;font-size:11px;font-weight:850}.guide-hero{position:relative;isolation:isolate;min-height:430px;display:grid;align-items:end;padding:70px max(20px,calc((100% - 1080px)/2));overflow:hidden;color:#fff;background:#171e3e url("assets/coastal-header.jpg") center 58%/cover no-repeat}.guide-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(13,18,43,.95),rgba(13,18,43,.66) 58%,rgba(13,18,43,.25))}.guide-hero>div{max-width:720px}.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:#e9d79f;font-size:10px}.guide-hero h1{margin:10px 0 8px;font-size:clamp(34px,5vw,60px);line-height:1.55}.guide-hero p{max-width:650px;margin:0;color:#e5eaf3;font-size:15px}.guide-layout{width:min(1080px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px;margin:0 auto;padding:58px 0 80px}.guide-article{min-width:0}.guide-article .lead{margin:0 0 34px;padding:20px 22px;border-right:4px solid #168b88;background:#eaf7f5;font-size:15px;font-weight:650}.guide-article section{padding:29px 0;border-bottom:1px solid #d9e1ec}.guide-article h2{margin:0 0 10px;font-size:25px;line-height:1.7}.guide-article h3{margin:20px 0 4px;font-size:17px}.guide-article p{margin:7px 0;color:#45546b;font-size:14px}.guide-article ul,.guide-article ol{margin:12px 0;padding-right:24px;color:#36455c;font-size:14px}.guide-example{margin:18px 0;padding:18px 20px;border:1px solid #cad6e6;border-radius:7px;background:#fff}.guide-example strong{display:block;color:#08796f}.guide-example.bad{border-color:#e8c7c2;background:#fff8f6}.guide-example.bad strong{color:#9b4c3f}.guide-side{position:sticky;top:22px;align-self:start}.guide-side>div{padding:20px;border:1px solid #d5deea;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(23,30,62,.07)}.guide-side strong{display:block;font-size:17px}.guide-side p{margin:5px 0 15px;color:#5e6b7e;font-size:11px}.guide-side .primary{min-height:45px;display:grid;place-items:center;padding:8px;color:#fff;background:#171e3e;border-radius:6px;font-size:12px;font-weight:850}.guide-side .secondary{display:block;margin-top:10px;text-align:center;color:#08796f;font-size:10px;font-weight:750}.related{width:min(1080px,calc(100% - 32px));margin:0 auto 74px}.related h2{font-size:22px}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbd6e6}.related-list a{padding:20px 16px;border-bottom:1px solid #d9e1ec;border-left:1px solid #d9e1ec}.related-list a:last-child{border-left:0}.related-list strong{display:block;font-size:14px}.related-list span{color:#677489;font-size:10px}.guide-footer{display:flex;align-items:center;gap:18px;padding:28px max(20px,calc((100% - 1080px)/2));color:#d6dfec;background:#171e3e;font-size:10px}.guide-footer nav{display:flex;gap:16px;margin-inline:auto}.guide-footer a:hover{color:#f1c969}.guide-footer b{direction:ltr;font-weight:600}@media(max-width:760px){.guide-nav{height:60px;padding-inline:13px}.guide-nav nav{display:none}.guide-nav .signup{margin-right:auto}.guide-hero{min-height:390px;padding:54px 18px 42px;background-position:58% center}.guide-hero h1{font-size:36px}.guide-hero p{font-size:12px}.guide-layout{grid-template-columns:1fr;gap:28px;padding:38px 0 54px}.guide-side{position:static;grid-row:1}.guide-article .lead{font-size:13px}.guide-article h2{font-size:22px}.related-list{grid-template-columns:1fr}.related-list a{border-left:0}.guide-footer{align-items:flex-start;flex-wrap:wrap}.guide-footer nav{width:100%;margin:0;flex-wrap:wrap}}