
:root{--navy:#081d2b;--ink:#0b2231;--sea:#0d7580;--gold:#d9a441;--paper:#f7f6f1;--muted:#60717a;--line:#d6dfdf;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 Arial,sans-serif}a{color:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:5;background:rgba(247,246,241,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;font-weight:700}.brand span{color:var(--sea)}.navlinks{display:flex;gap:22px}.navlinks a{text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:700}.hero{padding:72px 0 56px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--sea);font-size:.76rem;font-weight:700}.hero h1,h1,h2,h3{font-family:Arial,sans-serif;line-height:1.08}.hero h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.05em;max-width:900px;margin:16px 0 24px}.hero p{font-size:1.18rem;color:#425b66;max-width:720px}.button{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:13px 19px;font-weight:700;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:54px}.stat{padding:20px}.stat+ .stat{border-left:1px solid var(--line)}.stat strong{display:block;font-size:1.35rem}.stat small{color:var(--muted)}section{padding:74px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:clamp(2.2rem,5vw,3.6rem);margin:0}.section-head p{color:var(--muted);max-width:500px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e2e7e5;padding:25px;min-height:280px;display:flex;flex-direction:column;text-decoration:none}.card:hover{border-color:var(--sea);transform:translateY(-2px)}.tag{color:var(--sea);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.card h3{font-size:1.65rem;margin:18px 0}.meta{margin-top:auto;color:var(--muted);font-size:.82rem}.archive{background:var(--navy);color:#fff}.archive p{color:#b8c8cf}.archive .button{background:var(--gold);color:var(--navy)}footer{background:var(--navy);color:#aebec5;padding:28px 0}.footer-row{display:flex;justify-content:space-between;gap:20px}.article-head{padding:64px 0 34px;border-bottom:1px solid var(--line)}.article-head h1{font-size:clamp(2.5rem,7vw,5.2rem);letter-spacing:-.04em;max-width:900px;margin:14px 0 20px}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:70px;padding:54px 0 84px}.article-body{font-family:Arial,sans-serif;font-size:1.12rem}.article-body p{margin:0 0 1.35em}.article-body img{max-width:100%;height:auto;border-radius:3px}.article-body blockquote{border-left:4px solid var(--gold);margin:2em 0;padding:.3em 0 .3em 1.4em;color:#425b66}.article-body h2,.article-body h3{margin-top:1.8em}.side{font-size:.9rem;color:var(--muted)}.side strong{color:var(--ink)}.back{display:inline-block;margin-top:26px;color:var(--sea);font-weight:700}.archive-page{padding:56px 0 84px}.archive-page h1{font-size:clamp(2.8rem,7vw,5rem);margin:0 0 18px}.toolbar{display:flex;gap:12px;margin:32px 0;flex-wrap:wrap}.toolbar input,.toolbar select{background:#fff;border:1px solid var(--line);padding:13px 14px;font:inherit;min-width:240px}.list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.entry{background:#fff;padding:20px;display:grid;grid-template-columns:120px 1fr 180px;gap:20px;align-items:center;text-decoration:none}.entry:hover{background:#eef5f3}.entry strong{font-family:Arial,sans-serif;font-size:1.2rem}.entry span{color:var(--muted);font-size:.84rem}.empty{display:none;padding:30px;background:#fff}@media(max-width:800px){.navlinks a:first-child{display:none}.cards,.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.section-head,.footer-row{align-items:flex-start;flex-direction:column}.article-shell{grid-template-columns:1fr}.side{border-top:1px solid var(--line);padding-top:24px}.entry{grid-template-columns:1fr;gap:5px}.hero{padding-top:48px}}
