:root { --gold:#7a1f2e; --cream:#f7f5f0; --ink:#141210; --ink-muted:#5a5148; --ink-dim:#9a8e82; --border:#ddd9d0; --serif:'Cormorant Garamond', Georgia, serif; --sans:'Montserrat', sans-serif; }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  body{background:#fff;color:var(--ink);font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.7;overflow-x:hidden}
  .nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 48px;height:56px;background:rgba(20,18,16,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(122,31,46,.15)}
  .nav-brand{font-size:11px;font-weight:500;letter-spacing:3px;color:#f0ece4;text-decoration:none}
  .nav-back{font-size:10px;font-weight:400;letter-spacing:2px;color:rgba(240,236,228,.62);text-decoration:none}
  .article-wrap{max-width:720px;margin:0 auto;padding:96px 48px}
  .article-meta{display:flex;align-items:center;gap:16px;margin-bottom:28px}
  .article-tag{font-size:9px;font-weight:500;letter-spacing:2px;color:var(--gold)}
  .article-date{font-size:11px;color:var(--ink-dim);letter-spacing:.5px}
  h1.article-title{font-family:var(--serif);font-size:clamp(30px,4vw,46px);font-weight:300;line-height:1.13;color:var(--ink);margin-bottom:32px}
  .article-lede{font-family:var(--serif);font-size:21px;font-weight:300;font-style:italic;color:var(--ink-muted);line-height:1.65;margin-bottom:44px;padding-bottom:34px;border-bottom:1px solid var(--border)}
  h2{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:2.4px;color:var(--gold);margin:46px 0 18px;display:flex;align-items:center;gap:14px;text-transform:uppercase}
  h2::before{content:'';display:block;width:20px;height:1px;background:var(--gold);opacity:.5}
  p{margin-bottom:20px;font-size:15px;line-height:1.85;color:var(--ink-muted)}
  blockquote{border-left:2px solid rgba(122,31,46,.5);padding:14px 0 14px 24px;margin:32px 0;font-family:var(--serif);font-size:18px;font-style:italic;color:var(--ink-muted);line-height:1.65;background:rgba(122,31,46,.03)}
  .article-list{margin:0 0 24px 20px;color:var(--ink-muted)}
  .article-list li{margin-bottom:8px;line-height:1.75}
  .article-cta{margin-top:56px;padding:28px 32px;background:#061926;color:#fff;border:1px solid rgba(194,139,55,.28)}
  .article-cta h2{display:block;margin:0 0 10px;color:#fff;font-family:var(--serif);font-size:28px;letter-spacing:0;text-transform:none}
  .article-cta h2::before{display:none}
  .article-cta p{color:rgba(255,255,255,.74);font-size:13px;margin-bottom:18px}
  .article-cta a{display:inline-block;background:#c28b37;color:#061926;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:1.3px;padding:12px 16px}
  .article-footer{margin-top:52px;padding-top:28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .article-footer a{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--gold);text-decoration:none}
  .article-nav{display:flex;justify-content:space-between;gap:16px;margin:48px 0 32px;border-top:1px solid var(--border);padding-top:32px}.article-nav a{display:flex;flex-direction:column;gap:4px;text-decoration:none;max-width:45%}.article-nav-prev{margin-right:auto}.article-nav-next{align-items:flex-end;text-align:right;margin-left:auto}.article-nav-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.article-nav-title{font-family:var(--serif);font-size:16px;color:var(--navy);line-height:1.3}.article-nav a:hover .article-nav-title{color:var(--gold-2)}
  .article-related{margin-top:52px}.article-related h2{margin-top:0}
  .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .related-card{display:flex;flex-direction:column;min-height:150px;padding:18px 18px 16px;border:1px solid var(--border);border-top:2px solid rgba(122,31,46,.55);background:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
  .related-card:hover{border-color:rgba(122,31,46,.42);transform:translateY(-2px)}
  .related-meta{font-size:8px;font-weight:500;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:9px}
  .related-title{font-family:var(--serif);font-size:18px;line-height:1.2;color:var(--ink);flex:1}
  .related-read{margin-top:16px;font-size:9px;font-weight:500;letter-spacing:1.6px;color:var(--gold);text-transform:uppercase}
  footer{border-top:1px solid var(--border);padding:24px 48px;display:flex;justify-content:space-between}
  footer span{font-size:11px;color:var(--ink-dim);letter-spacing:.5px}
  @media(max-width:768px){.nav{padding:0 20px}.article-wrap{padding:80px 24px 64px}.article-nav{flex-direction:column}.article-nav a{max-width:100%}.article-nav-next{align-items:flex-start;text-align:left;margin-left:0}.related-grid{grid-template-columns:1fr}footer{padding:20px 24px;flex-direction:column;gap:6px}}
