:root{--maxw: 1160px;--navy: #0d2836;--navy-2: #123449;--brand: #0e7a68;--brand-dark: #0a5c4e;--brand-soft: #e2f4ee;--mint: #b9ecd9;--mint-soft: #d9f4e8;--panel: #e9f2f7;--accent: #b45309;--ink: #13242f;--ink-2: #43535d;--ink-3: #6d7d87;--bg: #ffffff;--surface: #f7f9f9;--surface-2: #eef3f2;--border: #dfe7e6;--radius: 12px;--radius-sm: 8px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Iowan Old Style", "Times New Roman", Times, serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg)}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:2.35rem}h2{font-size:1.72rem}h3{font-size:1.22rem}p{margin:0 0 1em}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.stack{display:flex;flex-direction:column;gap:24px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100}.skip-link:focus{left:8px;top:8px}.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}.site-header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50}.header-inner{max-width:var(--maxw);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:12px;color:var(--ink)}.logo:hover{text-decoration:none}.logo-mark{width:38px;height:38px;border-radius:9px;background:var(--navy);display:grid;place-items:center;color:#fff;font-size:17px;font-weight:700;font-family:var(--font-serif);flex:none}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-name{font-weight:700;font-size:1.12rem;letter-spacing:-.01em}.logo-tagline{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{color:var(--ink);font-size:15px;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm)}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a[aria-current=page]{color:var(--brand);background:var(--brand-soft)}.home-hero{background:var(--navy);color:#fff}.home-hero-grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:460px}.home-hero-copy{padding:64px 48px;display:flex;flex-direction:column;justify-content:center}.home-hero-copy .kicker{color:var(--mint);letter-spacing:.16em}.home-hero-copy h1{font-size:2.9rem;line-height:1.08;margin:0 0 20px;color:#fff;max-width:12ch}.home-hero-copy p.lede{color:#c3d4dc;font-size:1.02rem;max-width:44ch;margin-bottom:26px}.home-hero-media{position:relative;min-height:320px}.home-hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-credit{position:absolute;left:0;right:0;bottom:0;background:#0d2836d1;color:#b9cdd6;font-size:12px;padding:7px 14px}.btn-mint{display:inline-block;align-self:flex-start;background:var(--mint);color:var(--navy);font-weight:700;font-size:15px;padding:12px 22px;border-radius:6px}.btn-mint:hover{background:var(--mint-soft);text-decoration:none}.trustbar{border-bottom:1px solid var(--border);background:#fff}.trustbar-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--ink-2);font-weight:600}.trustbar-inner span{display:inline-flex;align-items:center;gap:8px}.trustbar-inner span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.topic-grid{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.topic-cell{padding:26px 24px 24px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px;transition:background .15s ease}.topic-cell:last-child{border-right:0}a.topic-cell:hover{background:var(--mint-soft);text-decoration:none}a.topic-cell:hover .topic-name{color:var(--brand)}.topic-num{font-size:12px;color:var(--ink-3);font-weight:600;letter-spacing:.08em}.topic-name{font-family:var(--font-serif);font-size:1.28rem;font-weight:600;color:var(--ink);margin:2px 0 0}.topic-desc{font-size:14px;color:var(--ink-2);margin:0;flex:1}.topic-count{font-size:13px;font-weight:700;color:var(--brand);margin-top:10px}.grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);border-top:3px solid var(--navy);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{box-shadow:0 6px 18px #0d28361a}.card a.card-link{color:inherit;display:block;padding:22px;flex:1}.card a.card-link:hover{text-decoration:none}.card-media{aspect-ratio:16 / 9;background:var(--surface-2)}.card-media img{width:100%;height:100%;object-fit:cover}.card .badge{margin-bottom:12px}.card-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;line-height:1.25;margin:0 0 10px;color:var(--ink)}.card-excerpt{color:var(--ink-2);font-size:14.5px;margin:0 0 14px}.card-meta{font-size:13px;color:var(--ink-3);display:flex;gap:10px;flex-wrap:wrap}.card-read{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.badge{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;padding:3px 0;border-radius:0;background:none;color:var(--brand);text-transform:uppercase}.badge-outline{background:#fff;border:1px solid var(--border);color:var(--ink-2);padding:3px 9px;border-radius:999px;letter-spacing:.02em}.stars{color:var(--accent);font-weight:600}.panel{background:var(--panel);border-radius:var(--radius);padding:44px}.panel-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}.panel h2{font-size:1.9rem;margin:0 0 14px}.panel p{color:var(--ink-2);margin-bottom:18px}.panel .card-read{margin-top:4px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid #d3e2ea;font-size:15px;color:var(--ink)}.steps li:last-child{border-bottom:0}.steps .step-num{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.06em;flex:none}.section{padding:52px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.section-head h2{margin:0}.section-head p{margin:0;color:var(--ink-3);font-size:15px}.section-head .browse-all{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:14.5px}.muted{color:var(--ink-2)}.small{font-size:14px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn{display:inline-block;padding:11px 20px;border-radius:6px;font-weight:600;font-size:15px;border:1px solid transparent}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-2);text-decoration:none}.btn-secondary{background:#fff;color:var(--brand);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);text-decoration:none}.breadcrumbs{font-size:13.5px;color:var(--ink-3);padding:16px 0 0}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.breadcrumbs li:after{content:"/";margin-left:6px;color:var(--border)}.breadcrumbs li:last-child:after{content:""}.article-header{padding:28px 0 8px}.article-header h1{max-width:30ch}.article-meta{color:var(--ink-3);font-size:14px;display:flex;gap:12px;flex-wrap:wrap}.hero-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin:8px 0 24px}.prose{max-width:74ch;font-size:16.5px}.prose h2{margin-top:1.6em;padding-top:.4em;border-top:1px solid var(--border)}.prose h3{margin-top:1.3em}.prose ul,.prose ol{padding-left:1.25em}.prose li{margin-bottom:.4em}.prose blockquote{margin:1.2em 0;padding:14px 18px;background:var(--surface);border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2)}.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:15px}.prose th,.prose td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:var(--surface);font-weight:650}.prose code{background:var(--surface-2);padding:2px 6px;border-radius:4px;font-size:.92em}.callout{background:var(--brand-soft);border-radius:var(--radius);padding:16px 18px;margin:1.2em 0;font-size:15px;color:var(--brand-dark)}.callout strong{color:var(--brand-dark)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start}.toc{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--surface);position:sticky;top:88px}.toc h2{font-size:15px;margin:0 0 10px}.toc ul{list-style:none;margin:0;padding:0;font-size:14px}.toc li{margin-bottom:6px}.site-footer{background:var(--navy);color:#c3d4dc;padding:48px 0 32px;margin-top:40px}.site-footer a{color:#e6eef2;font-weight:600}.site-footer a:hover{color:var(--mint)}.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}.footer-brand{display:flex;flex-direction:column;gap:14px;max-width:380px}.footer-brand .logo-mark{background:#1d4258}.footer-brand .logo-name{color:#fff}.footer-brand .logo-tagline{color:#8fa9b5}.footer-desc{font-size:14px;color:#9db3bf;margin:0}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14.5px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #1d4258;font-size:13.5px;color:#8fa9b5;max-width:60ch}.footer-bottom a{font-weight:500;text-decoration:underline;text-underline-offset:3px}.notice{border:1px dashed var(--border);border-radius:var(--radius);padding:16px 18px;background:var(--surface);font-size:14.5px;color:var(--ink-2)}.tag-list{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:980px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-cell:nth-child(2){border-right:0}.topic-cell:nth-child(-n+2){border-bottom:1px solid var(--border)}.home-hero-grid{grid-template-columns:minmax(0,1fr)}.home-hero-media{min-height:280px;order:-1}.home-hero-copy{padding:40px 24px}.home-hero-copy h1{font-size:2.3rem}.panel-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}.toc{position:static}}@media(max-width:640px){h1{font-size:1.9rem}.grid,.topic-grid{grid-template-columns:minmax(0,1fr)}.topic-cell{border-right:0!important;border-bottom:1px solid var(--border)}.topic-cell:last-child{border-bottom:0}.section{padding:40px 0}.panel{padding:28px 22px}.header-inner{padding:12px 20px}.nav a{padding:7px 9px;font-size:14.5px}.home-hero-copy h1{font-size:2rem}}.cta-wrap{margin:1.4em 0}.cta-link{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:10px;background:var(--navy);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;box-shadow:0 2px 8px #0d28362e;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cta-link:hover{background:var(--navy-2);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px #0d283638}.cta-link .cta-arrow{color:var(--mint);font-weight:700;transition:transform .15s ease}.cta-link:hover .cta-arrow{transform:translate(3px)}.cta-wrap:after{content:"Affiliate link — we may earn a commission.";display:block;margin-top:6px;font-size:12px;color:var(--ink-3)}.prose a:not(.cta-link){text-decoration:underline;text-underline-offset:3px;text-decoration-color:#0e7a6873}.prose a:not(.cta-link):hover{text-decoration-color:var(--brand)}.btn-primary{transition:background .15s ease,box-shadow .15s ease}.btn-primary:hover{box-shadow:0 4px 12px #0d283640}.btn-mint{transition:background .15s ease,transform .15s ease}.btn-mint:hover{transform:translateY(-1px)}.card:hover{border-color:#b9ccd2}