:root{--navy:#18263d;--red:#b44738;--cream:#faf9f6;--ink:#252a32;--muted:#6d727b;--line:#e6e0d8;--paper:#fff;--soft:#f0ebe4;--shadow:0 10px 35px #18263d14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.btn{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:700}.btn:hover{background:#9c3c2f}.wrap{width:min(1160px,100% - 40px);margin:auto}.topline{background:var(--red);color:#fff;text-align:center;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;font-size:12px}.masthead{background:var(--navy);color:#fff}.brandrow{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 19px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brandmark{color:#f0c9a0;border:1px solid #d7b99e;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.brandname{letter-spacing:.04em;font:700 25px/1.1 Georgia,serif}.tagline{letter-spacing:.22em;color:#e7c7b7;margin-top:7px;font-size:10px}.nav{white-space:nowrap;border-top:1px solid #ffffff25;align-items:center;gap:26px;padding:12px 0;font-size:13px;display:flex;overflow:auto}.nav a:hover,.nav a.active{color:#f0c9a0}.hero{padding:34px 0 20px}.hero-grid{grid-template-columns:1.5fr .85fr;gap:24px;display:grid}.feature{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.feature-img{background:linear-gradient(0deg,#101c2edb,transparent 58%) center/cover,var(--img) center 42%/cover;color:#fff;align-items:end;height:355px;padding:30px;display:flex}.feature-img .eyebrow{color:#f2c6a7}.feature h1{margin:12px 0;font:700 clamp(30px,4vw,47px)/1.12 Georgia,serif}.feature p{color:#f2f1ee;max-width:670px;margin:0}.side-stack{flex-direction:column;gap:16px;display:flex}.side-story{border:1px solid var(--line);background:#fff;grid-template-columns:115px 1fr;gap:14px;min-height:150px;padding:12px;display:grid}.side-img{background-color:#ddd;background-position:50%;background-size:cover;min-height:125px}.side-story h3{margin:7px 0;font:700 18px/1.25 Georgia,serif}.split{grid-template-columns:1fr 300px;gap:32px;display:grid}.list-story{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:19px;padding:18px 0;display:grid}.list-story .story-img{height:145px}.list-story h3{margin:7px 0;font:700 23px/1.2 Georgia,serif}.list-story p{color:var(--muted);margin:0;font-size:14px}.page-title{padding:38px 0 26px}.page-title h1{color:var(--navy);margin:8px 0;font:700 clamp(34px,4vw,48px)/1.1 Georgia,serif}.page-title p{color:var(--muted);max-width:680px}.eyebrow{color:var(--red);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.section{padding:26px 0 38px}.section-head{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px;padding-bottom:12px;display:flex}.section-head h2{color:var(--navy);margin:0;font:700 29px/1.1 Georgia,serif}.section-head a{color:var(--red);font-size:13px;font-weight:700}.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.story-img{background-color:#ddd;background-position:50%;background-size:cover;height:195px}.card-body{padding:17px 18px 20px}.card h3{color:var(--navy);margin:10px 0;font:700 22px/1.2 Georgia,serif}.card p{color:var(--muted);margin:0;font-size:14px}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;font-size:12px;display:flex}.pill{text-transform:uppercase;letter-spacing:.08em;color:var(--red);background:#fffaf6;border:1px solid #e4d4c7;border-radius:30px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.card-stats{color:var(--muted);gap:14px;margin-top:8px;font-size:12px;display:flex}.card-stats[hidden]{display:none}.card-stats span{align-items:center;gap:4px;display:inline-flex}.filters{flex-wrap:wrap;gap:8px;margin:18px 0 26px;display:flex}.filter{border:1px solid var(--line);background:#fff;border-radius:25px;padding:8px 14px;font-size:13px}.filter.active{background:var(--navy);color:#fff}.article-wrap{grid-template-columns:minmax(0,760px) 260px;gap:48px;padding:34px 0 60px;display:grid}.article h1{color:var(--navy);margin:13px 0;font:700 clamp(34px,4.5vw,52px)/1.1 Georgia,serif}.article .dek{color:#5c626c;font:20px/1.5 Georgia,serif}.article-hero{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin:20px 0 8px}.article-content{color:#30343b;font:19px/1.85 Georgia,serif}.article-content p{margin:0 0 23px}.article-content h2{color:var(--navy);margin:38px 0 13px;font:700 29px/1.2 Georgia,serif}.ad-slot{color:#969087;letter-spacing:.15em;background:#f4f1ec;border:1px dashed #cfc7bd;place-items:center;min-height:120px;margin:28px 0;font-size:11px;display:grid}.article-sidebar{padding-top:80px}.article-sidebar .sidebar-box{position:sticky;top:20px}.sidebar-box{background:var(--soft);margin-bottom:18px;padding:22px}.sidebar-box h3{color:var(--navy);margin:0 0 12px;font:700 22px Georgia,serif}.sidebar-box a{border-bottom:1px solid #dcd4ca;padding:9px 0;font-size:14px;display:block}.story-note{border-left:3px solid var(--red);background:#f0ebe4;margin:24px 0;padding:15px;font:14px/1.5 Arial,sans-serif}.related{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.comments{padding:40px 0 10px}.comments .section-head h2{align-items:baseline;gap:8px;display:flex}.comments-count{color:var(--muted);font:400 15px/1 Arial,sans-serif}.comments-card{border:1px solid var(--line);background:#fff;margin-bottom:28px;padding:24px}.comments-hint{color:var(--muted);margin:0 0 14px;font-size:14px}.comments-status{color:var(--muted);margin:10px 0 0;font-size:13px}.auth-panel{flex-direction:column;gap:10px;max-width:360px;display:flex}.auth-google-btn{border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:700;display:flex}.auth-google-btn:hover{background:var(--soft)}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-password-form:not([hidden]),.auth-magiclink-form:not([hidden]){flex-direction:column;gap:10px;display:flex}.auth-password-form input,.auth-magiclink-form input{border:1px solid var(--line);width:100%;font:inherit;border-radius:4px;padding:10px 12px}.auth-switch-mode{color:var(--muted);margin:0;font-size:13px}.auth-magiclink-reveal{text-align:left;font-size:13px}.auth-status{color:var(--muted);margin:0;font-size:13px}.comments-signed-in{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.comments-signed-in-who{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.comments-avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font:700 14px Georgia,serif;display:grid}.comments-form{flex-direction:column;gap:12px;display:flex}.comments-form input,.comments-form textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:4px;padding:11px 12px}.comments-form textarea{resize:vertical}.comments-form-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.comments-char-count{color:var(--muted);font-size:12px}.link-btn{color:var(--red);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.comments-list{flex-direction:column;gap:16px;display:flex}.comment{border:1px solid var(--line);background:#fff;border-radius:4px;gap:12px;padding:18px;display:flex}.comment .comments-avatar{background:var(--soft);color:var(--navy)}.comment-body{flex:1;min-width:0}.comment-meta{color:var(--muted);margin-bottom:6px;font-size:13px}.comment-meta strong{color:var(--navy)}.comment p{color:var(--ink);margin:0;font-size:15px;line-height:1.65}.header-auth{position:relative}.header-auth-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;padding:8px 16px;font-size:13px}.header-auth-toggle:hover{background:#ffffff14}.header-auth-loggedin:not([hidden]){align-items:center;gap:10px;display:flex}.header-auth-avatar{width:30px;height:30px;color:var(--navy);cursor:default;background:#f0c9a0;border-radius:50%;place-items:center;font:700 13px Georgia,serif;display:grid}.header-auth-signout{color:#e7c7b7;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.header-auth-panel{border:1px solid var(--line);width:320px;box-shadow:var(--shadow);z-index:20;background:#fff;padding:18px;position:absolute;top:calc(100% + 10px);right:0}.header-auth-panel .auth-panel{max-width:none}.empty{border:1px solid var(--line);color:var(--muted);background:#fff;padding:30px}.footer{background:var(--navy);color:#d9dce2;margin-top:30px;padding:38px 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:30px;display:grid}.footer h3{color:#fff;font:700 20px Georgia,serif}.footer a{color:#d9dce2;margin:8px 0;font-size:13px;display:block}.footer-bottom{color:#aeb5c0;border-top:1px solid #ffffff24;margin-top:25px;padding-top:18px;font-size:12px}.static-page{padding:38px 0 60px}.static-page .content{max-width:720px;font-size:17px;line-height:1.75}.static-page .content h2{color:var(--navy);margin:28px 0 10px;font:700 24px Georgia,serif}@media (width<=850px){.article-wrap,.hero-grid,.split{grid-template-columns:1fr}.article-sidebar{padding-top:0}.article-sidebar .sidebar-box{position:static}.cards{grid-template-columns:repeat(2,1fr)}.side-stack{grid-template-columns:1fr 1fr;display:grid}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=560px){body{font-size:16px}.cards,.related,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.feature-img{height:380px;padding:20px}.feature h1{font-size:32px}.side-stack{flex-direction:column;display:flex}.side-story{grid-template-columns:100px 1fr}.list-story{grid-template-columns:112px 1fr;gap:12px}.list-story .story-img{height:110px}.list-story p{display:none}.header-auth-panel{width:calc(100vw - 32px);right:-12px}.comments-card{padding:18px}}
