:root{--blue:#163e59;--deep:#102d41;--ink:#172e3f;--muted:#5b6b76;--sky:#eaf2f6;--line:#d8e2e8;--gold:#e6c687;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #c38a20;outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:12px;background:#fff}.skip:focus{top:10px}
.header{height:92px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;background:var(--blue)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-1px}.brand small{display:block;margin-top:5px;font-size:10px;letter-spacing:2px}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;white-space:nowrap}.nav a:hover,.nav a[aria-current="page"]{color:#237db1}.menu-button{display:none;padding:8px 14px;border:1px solid var(--line);border-radius:5px;background:#fff;font:inherit}
.journal-hero{padding:82px 0 72px;background:var(--blue);color:#fff}.eyebrow{margin:0 0 16px;color:#7da3b8;font-size:12px;font-weight:700;letter-spacing:3px}.journal-hero .eyebrow{color:#b8d2e1}.journal-hero h1{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.3;font-weight:500;letter-spacing:-2.5px}.journal-hero p:last-child{max-width:620px;margin:22px 0 0;color:#d1e1e9;font-size:18px}.category-bar{position:sticky;top:0;z-index:10;overflow-x:auto;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.categories{min-height:66px;display:flex;align-items:center;gap:30px;white-space:nowrap}.categories a{padding:20px 0 17px;color:var(--muted);font-size:15px}.categories a.active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:700}
.journal{padding:72px 0 100px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-title h2{margin:0;font-size:34px;line-height:1.35;font-weight:600;letter-spacing:-1.3px}.section-title p{margin:0;color:var(--muted);font-size:14px}.featured{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;margin-bottom:70px;background:var(--sky)}.featured-media{overflow:hidden}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.featured:hover .featured-media img{transform:scale(1.025)}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:52px}.tag{display:inline-block;width:fit-content;margin-bottom:20px;color:#33708f;font-size:13px;font-weight:700}.featured h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.45;font-weight:600;letter-spacing:-1.5px}.featured p{margin:20px 0 26px;color:var(--muted)}.meta{color:#71828d;font-size:13px}.read-more{display:inline-flex;align-items:center;gap:12px;margin-top:28px;font-size:14px;font-weight:700}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 24px}.post-card{border-bottom:1px solid var(--line);padding-bottom:26px}.post-card figure{aspect-ratio:16/10;margin:0 0 22px;overflow:hidden;background:var(--sky)}.post-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover img{transform:scale(1.035)}.post-card h3{margin:8px 0 12px;font-size:21px;line-height:1.5;letter-spacing:-.7px}.post-card p{margin:0 0 18px;color:var(--muted);font-size:15px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:58px}.pagination a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);font-size:14px}.pagination a.active{border-color:var(--blue);background:var(--blue);color:#fff}
.footer{padding:38px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer p{margin:5px 0}.footer strong{color:var(--ink);font-size:17px}
.article-hero{padding:70px 0 58px;border-bottom:1px solid var(--line);background:#f6f9fb}.breadcrumb{margin:0 0 26px;color:var(--muted);font-size:13px}.article-hero h1{max-width:820px;margin:10px 0 20px;font-size:clamp(34px,5vw,54px);line-height:1.35;letter-spacing:-2px}.article-shell{width:min(780px,calc(100% - 40px));margin:auto;padding:66px 0 100px}.article-cover{margin:0 0 48px}.article-cover img{width:100%;max-height:500px;object-fit:cover}.article-lead{margin-bottom:44px;padding:26px 28px;border-left:3px solid var(--blue);background:var(--sky);font-size:18px}.article-body h2{margin:52px 0 16px;font-size:28px;line-height:1.45;letter-spacing:-1px}.article-body p{margin:0 0 22px;color:#344956;font-size:17px;line-height:1.95}.article-note{margin-top:48px;padding:22px 24px;border:1px solid var(--line);color:var(--muted);font-size:14px}.article-actions{display:flex;gap:12px;margin-top:36px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;font-weight:700}.button.outline{background:#fff;color:var(--blue)}.related{padding:68px 0 90px;background:#f4f7f9}.related .post-grid{grid-template-columns:repeat(2,1fr)}
.article-cover img{display:block}.article-content-image{margin-top:36px}.article-cover figcaption{padding:11px 16px;border-top:1px solid var(--line);background:#f4f7f9;color:var(--muted);font-size:13px;line-height:1.65;text-align:center}
@media(max-width:1050px){.nav{gap:15px;font-size:13px}}@media(max-width:860px){.header{height:76px}.menu-button{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;z-index:30;padding:24px;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;font-size:15px}.nav.is-open{display:flex}.featured{grid-template-columns:1fr}.featured-media{min-height:320px}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.brand strong{font-size:21px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px}.journal-hero{padding:58px 0 52px}.journal-hero p:last-child{font-size:16px}.categories{gap:22px}.journal{padding:52px 0 72px}.section-title{display:block}.section-title p{margin-top:10px}.featured-copy{padding:30px 24px 34px}.featured-media{min-height:230px}.post-grid,.related .post-grid{grid-template-columns:1fr}.article-hero{padding:48px 0 42px}.article-actions{flex-direction:column}.footer .wrap{flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}