:root{
    --navy:#0B1B33; --navy-deep:#071324; --paper:#F6F4EF; --white:#FFFFFF;
    --orange:#C6591C; --orange-soft:#E38A4C;
    --ink-70: rgba(246,244,239,0.72);
    --navy-70: rgba(11,27,51,0.72); --navy-45: rgba(11,27,51,0.45);
    --rule: rgba(198,89,28,0.35);
    --serif: 'Fraunces', serif; --sans: 'Inter', sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{background:var(--paper); color:var(--navy); font-family:var(--sans); line-height:1.5; -webkit-font-smoothing:antialiased;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:720px; margin:0 auto; padding:0 40px;}
  @media (max-width:640px){ .wrap{padding:0 22px;} }
  a:focus-visible{outline:2px solid var(--orange); outline-offset:3px;}

  header.site-nav{background:var(--paper); border-bottom:1px solid rgba(11,27,51,0.08); padding:22px 0;}
  .nav-inner{max-width:720px; margin:0 auto; padding:0 40px; display:flex; align-items:center; justify-content:space-between;}
  @media (max-width:640px){ .nav-inner{padding:0 22px;} }
  .brand{font-family:var(--serif); font-weight:500; font-size:1.02rem;}
  .brand .dot{color:var(--orange);}
  .back-link{font-size:0.82rem; letter-spacing:0.05em; text-transform:uppercase; color:var(--navy-70); font-weight:500;}
  .back-link:hover{color:var(--orange);}

  article{padding:80px 0 100px;}
  .eyebrow{font-size:0.76rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange); font-weight:600; margin-bottom:18px;}
  h1{font-family:var(--serif); font-weight:500; font-size:clamp(2rem,5vw,2.7rem); line-height:1.12; letter-spacing:-0.01em; margin-bottom:16px;}
  .meta{font-size:0.85rem; color:var(--navy-45); margin-bottom:44px; padding-bottom:28px; border-bottom:1px solid rgba(11,27,51,0.1);}

  .prose p{font-size:1.05rem; color:var(--navy-70); line-height:1.75; margin-bottom:22px;}
  .prose p:first-of-type{font-family:var(--serif); font-style:italic; font-size:1.2rem; color:var(--navy);}
  .prose h2{font-family:var(--serif); font-size:1.5rem; font-weight:500; margin:40px 0 16px; color:var(--navy);}
  .prose blockquote{
    font-family:var(--serif); font-style:italic; font-weight:400; font-size:1.35rem; line-height:1.4;
    color:var(--navy); border-left:2px solid var(--orange); padding-left:24px; margin:36px 0;
  }
  .prose ul{margin:0 0 22px 20px;}
  .prose li{font-size:1.02rem; color:var(--navy-70); line-height:1.7; margin-bottom:8px;}

  .share-cta{
    margin-top:56px; padding-top:32px; border-top:1px solid rgba(11,27,51,0.1);
    font-size:0.95rem; color:var(--navy-70);
  }
  .share-cta a{color:var(--orange); border-bottom:1px solid var(--orange);}

  .newsletter-box{
    margin-top:56px; padding:40px 36px; background:var(--navy); color:var(--paper);
  }
  .newsletter-box .nl-eyebrow{
    font-size:0.76rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange-soft);
    font-weight:600; margin-bottom:12px;
  }
  .newsletter-box h3{
    font-family:var(--serif); font-weight:500; font-size:1.4rem; margin-bottom:10px; color:var(--paper);
  }
  .newsletter-box p{
    font-size:0.92rem; color:rgba(246,244,239,0.65); line-height:1.55; margin-bottom:20px; max-width:440px;
  }
  .nl-form-placeholder{
    display:flex; gap:12px; flex-wrap:wrap; max-width:440px;
  }
  .nl-form-placeholder input{
    flex:1 1 220px; padding:12px 14px; font-size:0.9rem; font-family:var(--sans);
    border:1px solid rgba(246,244,239,0.25); background:rgba(246,244,239,0.06); color:var(--paper);
  }
  .nl-form-placeholder input::placeholder{color:rgba(246,244,239,0.4);}
  .nl-form-placeholder button{
    padding:12px 22px; font-size:0.86rem; font-weight:600; letter-spacing:0.03em;
    background:var(--orange); color:var(--white); border:none; cursor:pointer;
    transition:background .2s ease;
  }
  .nl-form-placeholder button:hover{background:var(--orange-soft);}

  /* Kit newsletter form — recolor to match site brand */
  .newsletter-box .formkit-form{max-width:460px !important;}
  .newsletter-box .formkit-input{
    border-radius:0 !important; border-color:rgba(246,244,239,0.25) !important;
  }
  .newsletter-box .formkit-submit{
    border-radius:0 !important; background-color:var(--orange) !important;
    font-family:var(--sans) !important; letter-spacing:0.03em;
  }
  .newsletter-box .formkit-submit:hover{background-color:var(--orange-soft) !important;}
  .newsletter-box .formkit-powered-by-convertkit-container{margin-top:4px !important;}

  footer{background:var(--navy-deep); color:rgba(246,244,239,0.45); padding:48px 0;}
  .footer-inner{max-width:720px; margin:0 auto; padding:0 40px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  @media (max-width:640px){ .footer-inner{padding:0 22px;} }
  .footer-inner a{font-size:0.85rem; color:rgba(246,244,239,0.45);}
  .footer-inner a:hover{color:var(--orange-soft);}