:root{
    --bg:#F1F1EC;
    --paper:#FAFAF7;
    --ink:#20221F;
    --ink-soft:#63655D;
    --line:#E1E1D8;
    --accent:#B5651D;
    --white:#FFFFFF;
    --radius:6px;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:'Source Serif 4',serif;
    line-height:1.65;
  }
  h1,h2,h3{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    letter-spacing:0;
    margin:0;
  }
  .chip, .card .tag, .panel .tag, .panel .close, .panel section h4, footer, header .eyebrow{
    font-family:'Space Grotesk',sans-serif;
  }
  .wrap{max-width:880px;margin:0 auto;padding:0 24px;}

  header{
    background:
      radial-gradient(ellipse 700px 500px at 85% -10%, rgba(181,101,29,0.35), transparent 60%),
      linear-gradient(160deg, #2B2118 0%, #201B16 55%, var(--ink) 100%);
    color:var(--paper);
    padding:64px 0 48px;
  }
  header .quote{
    font-family:'Source Serif 4',serif;
    font-style:italic;
    font-size:16px;
    color:#C7B9A4;
    max-width:480px;
    margin:16px 0 0;
  }
  header .quote span{
    font-style:normal;
    font-size:13px;
    font-family:'Inter',sans-serif;
    color:#93856E;
    margin-left:8px;
  }
  header .eyebrow{
    font-size:13px;
    font-weight:500;
    color:#D4A876;
    margin-bottom:16px;
  }
  header h1{
    font-size:36px;
    font-weight:500;
    line-height:1.15;
    max-width:540px;
  }
  header p.sub{
    max-width:480px;
    margin-top:18px;
    color:#BFB4A5;
    font-size:15px;
  }

  .header-flex{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
    flex-wrap:wrap;
  }
  .header-main{flex:1; min-width:280px;}

  .ticker-box{
    width:280px;
    flex-shrink:0;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--radius);
    padding:16px;
  }
  .ticker-label{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:11.5px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:#D4A876;
    margin-bottom:12px;
  }
  .ticker-location-form{
    display:flex;
    gap:6px;
    margin-bottom:12px;
  }
  .ticker-location-form input{
    flex:1;
    min-width:0;
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:var(--paper);
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:4px;
    padding:8px 10px;
  }
  .ticker-location-form input::placeholder{color:#93856E;}
  .ticker-location-form input:focus{outline:none; border-color:var(--accent);}
  .ticker-location-form button{
    font-family:'Space Grotesk',sans-serif;
    font-size:12px;
    font-weight:600;
    color:var(--ink);
    background:var(--gold, #D4A876);
    border:none;
    border-radius:4px;
    padding:0 14px;
    cursor:pointer;
    flex-shrink:0;
  }
  .ticker-location-form button:hover{opacity:0.88;}
  .ticker-window{
    height:220px;
    overflow:hidden;
    position:relative;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);
    mask-image:linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);
  }
  .ticker-track{
    display:flex;
    flex-direction:column;
    gap:10px;
    animation:ticker-scroll 28s linear infinite;
  }
  .ticker-track:hover{animation-play-state:paused;}
  @keyframes ticker-scroll{
    0%{transform:translateY(0);}
    100%{transform:translateY(-50%);}
  }
  .ticker-loading{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:#93856E;
  }
  .ticker-item{
    display:block;
    text-decoration:none;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:4px;
    padding:9px 11px;
  }
  .ticker-item:hover{background:rgba(255,255,255,0.09);}
  .ticker-item .ti-title{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--paper);
    margin-bottom:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ticker-item .ti-meta{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:11px;
    color:#93856E;
  }

  @media(max-width:760px){
    .ticker-box{width:100%;}
  }

  footer{
    background:var(--ink);
    color:#8C8E85;
    font-size:12.5px;
    padding:44px 0 26px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(160px,1fr));
    gap:28px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,0.1);
  }
  .footer-col{
    display:flex;
    flex-direction:column;
    gap:9px;
  }
  .footer-col h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:#D4A876;
    margin:0 0 4px;
  }
  .footer-col a{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:#8C8E85;
    text-decoration:none;
  }
  .footer-col a:hover{color:var(--paper); text-decoration:underline;}
  .footer-contact{
    align-self:flex-start;
    font-family:'Space Grotesk',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--paper);
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.25);
    padding:8px 16px;
    border-radius:999px;
    cursor:pointer;
    transition:background .12s;
  }
  .footer-contact:hover{background:rgba(255,255,255,0.16);}
  .footer-bottom{
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
    font-size:12px;
    color:#6E7066;
  }

  .contact-overlay{
    display:flex;
    position:fixed;
    inset:0;
    background:rgba(20,20,18,0.55);
    z-index:30;
    align-items:center;
    justify-content:center;
    padding:20px;
    visibility:hidden;
    opacity:0;
    transition:opacity .15s, visibility 0s linear .15s;
  }
  .contact-overlay.open{
    visibility:visible;
    opacity:1;
    transition:opacity .15s;
  }
  .contact-modal{
    background:var(--paper);
    border-radius:var(--radius);
    max-width:440px;
    width:100%;
    padding:30px 28px;
    position:relative;
  }
  .contact-close{
    position:absolute;
    top:16px;
    right:16px;
    background:none;
    border:none;
    font-size:16px;
    color:var(--ink-soft);
    cursor:pointer;
  }
  .contact-close:hover{color:var(--ink);}
  .contact-modal h3{
    font-size:24px;
    margin-bottom:6px;
  }
  .contact-sub{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink-soft);
    margin:0 0 20px;
  }
  .clabel{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:13px;
    font-weight:500;
    color:var(--ink-soft);
    margin-bottom:14px;
  }
  .clabel select,
  .clabel input,
  .clabel textarea{
    display:block;
    width:100%;
    margin-top:6px;
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink);
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:10px 12px;
    box-sizing:border-box;
  }
  .clabel select:focus,
  .clabel input:focus,
  .clabel textarea:focus{
    outline:none;
    border-color:var(--accent);
  }
  .clabel textarea{resize:vertical;}
  .honeypot{display:none;}
  .contact-submit{
    width:100%;
    font-family:'Space Grotesk',sans-serif;
    font-size:14.5px;
    font-weight:600;
    color:var(--white);
    background:var(--ink);
    border:none;
    border-radius:999px;
    padding:12px 0;
    cursor:pointer;
    margin-top:4px;
  }
  .contact-submit:hover{opacity:0.88;}
  .contact-success h3{margin-bottom:8px;}
  .contact-success p{
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    color:var(--ink-soft);
    margin:0;
  }

  .cookie-banner{
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:var(--ink);
    border-top:1px solid rgba(255,255,255,0.12);
    padding:18px 24px;
    z-index:40;
    visibility:hidden;
    opacity:0;
    transition:opacity .15s, visibility 0s linear .15s;
  }
  .cookie-banner.show{
    visibility:visible;
    opacity:1;
    transition:opacity .15s;
  }
  .cookie-inner{
    max-width:900px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
  }
  .cookie-inner p{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:#BFB4A5;
    margin:0;
    max-width:560px;
  }
  .cookie-inner a{color:#D4A876;}
  .cookie-actions{
    display:flex;
    gap:10px;
    flex-shrink:0;
  }
  .cookie-btn{
    font-family:'Space Grotesk',sans-serif;
    font-size:13px;
    font-weight:600;
    padding:9px 18px;
    border-radius:999px;
    cursor:pointer;
  }
  .cookie-btn.primary{
    background:var(--paper);
    color:var(--ink);
    border:none;
  }
  .cookie-btn.primary:hover{opacity:0.88;}
  .cookie-btn.secondary{
    background:none;
    color:#BFB4A5;
    border:1px solid rgba(255,255,255,0.25);
  }
  .cookie-btn.secondary:hover{border-color:#BFB4A5;}

  .quiz{
    background:var(--white);
    padding:52px 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .quizhead{
    text-align:center;
    max-width:480px;
    margin:0 auto 32px;
  }
  .quizhead .tag{
    display:inline-block;
    font-family:'Space Grotesk',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--accent);
    margin-bottom:10px;
  }
  .quizhead h2{
    font-size:26px;
    font-weight:500;
    margin-bottom:10px;
  }
  .quizhead p{
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    color:var(--ink-soft);
    margin:0;
  }
  .quizbox{
    max-width:480px;
    margin:0 auto;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:28px 26px;
  }
  .qprogress{
    display:flex;
    gap:6px;
    margin-bottom:22px;
  }
  .qprogress span{
    flex:1;
    height:3px;
    background:var(--line);
    border-radius:2px;
  }
  .qprogress span.done{background:var(--accent);}
  .qtext{
    font-family:'Space Grotesk',sans-serif;
    font-size:19px;
    font-weight:600;
    margin-bottom:18px;
  }
  .qoptions{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .qoption{
    font-family:'Inter',sans-serif;
    text-align:left;
    font-size:14.5px;
    color:var(--ink);
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:13px 16px;
    cursor:pointer;
    transition:border-color .12s, background .12s;
  }
  .qoption:hover{border-color:var(--accent); background:#FBF3EA;}
  .qback{
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:var(--ink-soft);
    background:none;
    border:none;
    cursor:pointer;
    margin-top:18px;
    padding:0;
  }
  .qback:hover{color:var(--ink);}
  .qresult .rtag{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:var(--ink-soft);
    margin-bottom:6px;
    display:block;
  }
  .qresult h3{
    font-size:28px;
    margin-bottom:10px;
  }
  .qresult p{
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    color:var(--ink-soft);
    margin:0 0 22px;
  }
  .qresult .qactions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
  }
  .qbtn{
    font-family:'Space Grotesk',sans-serif;
    font-size:14px;
    font-weight:600;
    padding:11px 20px;
    border-radius:999px;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
  }
  .qbtn.primary{background:var(--ink); color:var(--white); border:1px solid var(--ink);}
  .qbtn.primary:hover{opacity:0.85;}
  .qbtn.secondary{background:none; color:var(--ink-soft); border:1px solid var(--line);}
  .qbtn.secondary:hover{border-color:var(--ink-soft); color:var(--ink);}

  .interview{
    background:var(--bg);
    padding:52px 0;
  }
  .interview .tag{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--accent);
    margin-bottom:8px;
  }
  .interview h2{
    font-size:26px;
    font-weight:500;
    margin-bottom:12px;
  }
  .interview-lead{
    font-family:'Inter',sans-serif;
    font-size:15px;
    color:var(--ink-soft);
    max-width:560px;
    margin:0 0 28px;
  }
  .interview-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
    gap:20px;
    margin-bottom:28px;
  }
  .itip{
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:20px;
  }
  .itip-num{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:13px;
    font-weight:600;
    color:var(--accent);
    margin-bottom:10px;
  }
  .itip h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:17px;
    font-weight:600;
    margin-bottom:8px;
  }
  .itip p{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:var(--ink-soft);
    margin:0;
    line-height:1.55;
  }
  .interview-more{
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    color:var(--ink-soft);
    max-width:560px;
    margin:0;
    padding-top:20px;
    border-top:1px dashed var(--line);
  }
  .interview-link{
    background:none;
    border:none;
    padding:0;
    font-family:'Inter',sans-serif;
    font-size:13.5px;
    font-weight:600;
    color:var(--accent);
    text-decoration:underline;
    cursor:pointer;
  }
  .interview-link:hover{color:var(--ink);}

  .intro{
    background:var(--paper);
    padding:48px 0 44px;
  }
  .intro h2{
    font-size:24px;
    font-weight:500;
    max-width:580px;
    margin-bottom:16px;
  }
  .intro p{
    max-width:600px;
    font-size:15.5px;
    color:var(--ink-soft);
    margin:0;
  }
  .stats{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
    gap:32px;
    margin:32px 0 28px;
    padding-top:28px;
    border-top:1px solid var(--line);
  }
  .stat{
    padding:0;
  }
  .stat .num{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:32px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:8px;
  }
  .stat .label{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:var(--ink-soft);
    line-height:1.5;
  }
  .source{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:var(--ink-soft);
  }
  .source a{color:var(--accent); text-decoration:none;}
  .source a:hover{text-decoration:underline;}

  .about{
    background:var(--bg);
    padding:48px 0;
    border-top:1px solid var(--line);
  }
  .about .tag, .faq .tag{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--accent);
    margin-bottom:8px;
  }
  .about h2, .faq h2{
    font-size:24px;
    font-weight:500;
    margin-bottom:14px;
  }
  .about p{
    max-width:620px;
    font-size:15.5px;
    color:var(--ink-soft);
    margin:0;
  }

  .faq{
    background:var(--paper);
    padding:48px 0;
    border-top:1px solid var(--line);
  }
  .faq-list{
    max-width:640px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .faq-item{
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px 18px;
  }
  .faq-item summary{
    font-family:'Space Grotesk',sans-serif;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";
    font-size:20px;
    color:var(--accent);
    flex-shrink:0;
    margin-left:12px;
  }
  .faq-item[open] summary::after{content:"−";}
  .faq-item p{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink-soft);
    margin:12px 0 0;
    line-height:1.6;
  }

  .leadmagnet{
    background:var(--paper);
    padding:52px 0;
    border-top:1px solid var(--line);
  }
  .lm-inner{
    display:flex;
    gap:40px;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .lm-text{flex:1; min-width:260px;}
  .lm-text .tag{
    display:block;
    font-family:'Space Grotesk',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--accent);
    margin-bottom:8px;
  }
  .lm-text h2{
    font-size:26px;
    font-weight:500;
    margin-bottom:12px;
  }
  .lm-text p{
    font-family:'Inter',sans-serif;
    font-size:15px;
    color:var(--ink-soft);
    max-width:440px;
    margin:0 0 14px;
  }
  .lm-list{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink-soft);
    padding-left:18px;
    margin:0;
  }
  .lm-list li{margin-bottom:6px;}
  .lm-form-wrap{
    width:320px;
    flex-shrink:0;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:24px;
  }
  .lm-success p{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink-soft);
    margin:0 0 14px;
  }
  .lm-download{
    display:block;
    text-align:center;
    font-family:'Space Grotesk',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink);
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:999px;
    padding:11px 0;
    text-decoration:none;
    margin-bottom:10px;
  }
  .lm-download:hover{border-color:var(--accent); color:var(--accent);}

  @media(max-width:700px){
    .lm-form-wrap{width:100%;}
  }

  .cta{
    background:
      radial-gradient(ellipse 800px 500px at 50% 120%, rgba(196,120,40,0.45), transparent 65%),
      linear-gradient(180deg, #241D16 0%, #2E2013 60%, #33220F 100%);
    color:var(--paper);
    padding:52px 0;
    text-align:center;
  }
  .cta h2{
    font-size:28px;
    font-weight:500;
    color:var(--white);
    margin-bottom:14px;
  }
  .cta p{
    max-width:480px;
    margin:0 auto 26px;
    font-size:15px;
    color:#C7B6A0;
  }
  .ctabtn{
    display:inline-block;
    font-family:'Space Grotesk',sans-serif;
    font-size:14.5px;
    font-weight:600;
    color:var(--ink);
    background:var(--paper);
    padding:12px 26px;
    border-radius:999px;
    text-decoration:none;
    transition:opacity .12s;
  }
  .ctabtn:hover{opacity:0.85;}

  .filterbar{
    background:var(--paper);
    border-bottom:1px solid var(--line);
    position:sticky; top:0; z-index:5;
  }
  .filterbar .wrap{
    display:flex; gap:8px; flex-wrap:wrap; padding-top:14px; padding-bottom:14px;
  }
  .chip{
    font-family:'Inter',sans-serif;
    font-size:13px;
    font-weight:500;
    padding:7px 14px;
    border:1px solid var(--line);
    background:var(--white);
    color:var(--ink-soft);
    cursor:pointer;
    border-radius:999px;
    transition:background .12s, color .12s, border-color .12s;
  }
  .chip:hover{border-color:var(--ink-soft); color:var(--ink);}
  .chip.active{background:var(--ink); color:var(--white); border-color:var(--ink);}

  main{padding:32px 0 72px;}
  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(250px,1fr));
    gap:16px;
    scroll-margin-top:64px;
  }
  .card{
    display:block;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:20px;
    cursor:pointer;
    text-decoration:none;
    color:inherit;
    transition:border-color .12s, box-shadow .12s;
  }
  .card:hover{border-color:#C9C9BC; box-shadow:0 2px 10px rgba(0,0,0,0.05);}
  .card .tag{
    font-size:12px;
    font-weight:500;
    color:var(--accent);
    display:block;
    margin-bottom:8px;
  }
  .card h3{
    font-size:23px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:6px;
  }
  .card p.desc{
    font-size:14px;
    color:var(--ink-soft);
    margin:0;
  }

  .overlay{
    display:flex;
    position:fixed; inset:0;
    background:rgba(20,20,18,0.5);
    z-index:20;
    justify-content:flex-end;
    visibility:hidden;
    opacity:0;
    transition:opacity .15s, visibility 0s linear .15s;
  }
  .overlay.open{
    visibility:visible;
    opacity:1;
    transition:opacity .15s;
  }
  .panel{
    background:var(--paper);
    width:min(540px,100%);
    height:100%;
    overflow-y:auto;
    padding:30px 32px 56px;
  }
  .panel .close{
    font-family:'Inter',sans-serif;
    font-size:13px;
    font-weight:500;
    background:none;
    border:1px solid var(--line);
    color:var(--ink-soft);
    padding:6px 14px;
    cursor:pointer;
    border-radius:999px;
    margin-bottom:22px;
  }
  .panel .close:hover{border-color:var(--ink-soft); color:var(--ink);}
  .panel .tag{
    font-size:13px;
    font-weight:500;
    color:var(--accent);
    margin-bottom:6px;
    display:block;
  }
  .panel h2{font-size:30px; margin-bottom:6px;}
  .panel .role{font-size:14px; color:var(--ink-soft); margin-bottom:22px;}
  .panel section{margin-bottom:22px;}
  .panel section h4{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    font-weight:600;
    color:var(--ink-soft);
    margin-bottom:8px;
  }
  .panel section p{font-size:14.5px; margin:0;}
  .panel ul{margin:0; padding-left:18px; font-size:14.5px;}
  .panel li{margin-bottom:6px;}
  .panel .links a{
    display:inline-block;
    font-size:13.5px;
    color:var(--accent);
    text-decoration:none;
    margin-right:16px;
    margin-bottom:6px;
  }
  .panel .links a:hover{text-decoration:underline;}

  .livelist{display:flex; flex-direction:column; gap:10px;}
  .livenote{
    font-size:13.5px;
    color:var(--ink-soft);
  }
  .livenote a{color:var(--accent);}
  .livecard{
    display:flex;
    flex-direction:column;
    gap:3px;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:12px 14px;
    text-decoration:none;
    transition:border-color .12s;
  }
  .livecard:hover{border-color:var(--accent);}
  .lc-title{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--ink);
  }
  .lc-meta{
    font-family:'Inter',sans-serif;
    font-size:12.5px;
    color:var(--ink-soft);
  }
  .livemore{
    align-self:flex-start;
    font-family:'Inter',sans-serif;
    font-size:13px;
    color:var(--accent);
    text-decoration:none;
    margin-top:4px;
  }
  .livemore:hover{text-decoration:underline;}

  @media(max-width:600px){
    header h1{font-size:29px;}
    .panel{padding:22px 18px 44px;}
  }

/* --- Individual job page styles --- */
.jobpage-header{
  background:
    radial-gradient(ellipse 700px 500px at 85% -10%, rgba(181,101,29,0.35), transparent 60%),
    linear-gradient(160deg, #2B2118 0%, #201B16 55%, var(--ink) 100%);
  color:var(--paper);
  padding:36px 0 40px;
}
.breadcrumb{
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  font-weight:600;
  color:var(--paper);
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.25);
  padding:9px 18px;
  border-radius:999px;
  text-decoration:none;
  display:inline-block;
  margin-bottom:22px;
  transition:background .12s;
}
.breadcrumb:hover{background:rgba(255,255,255,0.16); color:var(--paper);}
.jp-updated{
  font-family:'Inter',sans-serif;
  font-size:12.5px;
  color:var(--ink-soft);
  margin:0 0 16px;
}
.jobpage-header .jp-tag{
  display:inline-block;
  font-family:'Space Grotesk',sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:#D4A876;
  margin-bottom:10px;
}
.jobpage-header h1{
  font-family:'Space Grotesk',sans-serif;
  font-size:34px;
  font-weight:500;
  margin-bottom:12px;
  max-width:640px;
}
.jobpage-header p.jp-desc{
  font-family:'Source Serif 4',serif;
  font-size:17px;
  color:#BFB4A5;
  max-width:600px;
  margin:0;
}
.jobpage-main{
  background:var(--bg);
  padding:44px 0 20px;
}
.jp-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:32px;
  align-items:start;
}
.jp-section{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px 26px;
  margin-bottom:20px;
}
.jp-section h2{
  font-family:'Space Grotesk',sans-serif;
  font-size:17px;
  font-weight:600;
  color:var(--accent);
  margin:0 0 12px;
}
.jp-section p{
  font-family:'Inter',sans-serif;
  font-size:14.5px;
  color:var(--ink-soft);
  margin:0;
  line-height:1.65;
}
.jp-section ul{
  margin:0;
  padding-left:18px;
  font-family:'Inter',sans-serif;
  font-size:14.5px;
  color:var(--ink-soft);
  line-height:1.7;
}
.jp-side{position:sticky; top:20px;}
.jp-live-item{
  display:block;
  text-decoration:none;
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:4px;
  padding:12px 14px;
  margin-bottom:10px;
}
.jp-live-item:hover{border-color:var(--accent);}
.jp-live-item .jli-title{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:13.5px;
  font-weight:600;
  color:var(--ink);
  margin-bottom:3px;
}
.jp-live-item .jli-meta{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:12px;
  color:var(--ink-soft);
}
.jp-cta{
  background:var(--ink);
  border-radius:var(--radius);
  padding:22px 24px;
  margin-top:4px;
}
.jp-cta p{
  font-family:'Inter',sans-serif;
  font-size:13.5px;
  color:#BFB4A5;
  margin:0 0 14px;
}
.jp-cta a{
  display:block;
  text-align:center;
  font-family:'Space Grotesk',sans-serif;
  font-size:13.5px;
  font-weight:600;
  color:var(--ink);
  background:var(--paper);
  padding:10px 0;
  border-radius:999px;
  text-decoration:none;
}
.related-jobs{
  padding:20px 0 50px;
}
.related-jobs h2{
  font-size:20px;
  font-weight:500;
  margin-bottom:16px;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(200px,1fr));
  gap:14px;
}
.related-card{
  display:block;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
  text-decoration:none;
}
.related-card:hover{border-color:var(--accent);}
.related-card .rc-tag{
  font-family:'Inter',sans-serif;
  font-size:11px;
  color:var(--accent);
  display:block;
  margin-bottom:6px;
}
.related-card .rc-title{
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;
  font-weight:600;
  color:var(--ink);
}
@media(max-width:780px){
  .jp-grid{grid-template-columns:1fr;}
  .jp-side{position:static;}
}