/* =========================
       COVER-MATCHED THEME
       ========================= */
    :root{
      --bg0:#070A12;
      --bg1:#0B1220;

      /* Cards */
      --card:#101A2A;
      --card2:#0E1726;

      /* Text */
      --text:#EAF1FF;
      --muted:#C3C3D3;   /* sky blue-gray */
      --soft:#9AA3BE;    /* cool slate */

      /* Accents (from cover) */
      --accent:#6675A5;  /* title blue */
      --accent2:#A87F64; /* sandstone */
      --gold:#D6C08A;    /* warm highlight */
      --ink:#3B1F1B;     /* deep rock brown */

      --radius: 18px;
      --radius2: 28px;

      --shadow: 0 18px 55px rgba(0,0,0,.55);
      --shadow2: 0 12px 25px rgba(0,0,0,.35);

      --max: 1120px;
    }

    /* =========================
       BASE / RESET
       ========================= */
    * { box-sizing: border-box; }
    html {
            min-height: 100%;
            background: linear-gradient(180deg, #0b1220 0%, #0a0f18 45%, #070a10 100%);
            background-attachment: fixed;
            background-repeat: no-repeat;
          }
    html, body { height: 100%; }
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color: var(--text);
      background-attachment: fixed;
      overflow-x: hidden;
    }
    a{ color: inherit; text-decoration: none; }
    img{ max-width: 100%; display:block; }
    code{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
    .sr-only{
      position:absolute; width:1px; height:1px; padding:0; margin:-1px;
      overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
    }

    /* =========================
       BACKGROUND MOTION (UPDATED ORBS)
       ========================= */
    .bg-orbs{
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      opacity: .85;
    }
    .orb{
      position:absolute;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, rgba(102,117,165,.55), rgba(102,117,165,0%) 60%);
      mix-blend-mode: screen;
      animation: drift 18s ease-in-out infinite;
    }
    .orb.o1{
      left: -12%;
      top: -20%;
    }
    .orb.o2{
      width: 640px; height: 640px;
      left: 55%; top: 40%;
      background: radial-gradient(circle at 30% 30%, rgba(209,210,225,.35), rgba(209,210,225,0%) 60%);
      animation-duration: 22s;
      animation-delay: -6s;
    }
    .orb.o3{
      width: 520px; height: 520px;
      left: -10%; top: 55%;
      background: radial-gradient(circle at 30% 30%, rgba(168,127,100,.35), rgba(168,127,100,0%) 60%);
      animation-duration: 26s;
      animation-delay: -10s;
      opacity: .78;
    }
    @keyframes drift{
      0%   { transform: translate(0,0) scale(1); }
      25%  { transform: translate(50px,-30px) scale(1.05); }
      50%  { transform: translate(10px,40px) scale(.98); }
      75%  { transform: translate(-35px,15px) scale(1.03); }
      100% { transform: translate(0,0) scale(1); }
    }

    /* =========================
       LAYOUT
       ========================= */
    .wrap{ position: relative; z-index: 1; }
    .container{
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }

    /* =========================
       NAV
       ========================= */
    header{
      position: sticky;
      top: 0;
      z-index: 50;
      backdrop-filter: blur(12px);
      background: rgba(7,10,18,.58);
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .nav{
      display:flex;
      align-items:center;
      justify-content: space-between;
      padding: 14px 0;
      gap: 14px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 240px;
    }

  .mark{
    width: 38px; height: 38px;
    border-radius: 12px;
    background:
      radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), rgba(255,255,255,0%) 48%),
      linear-gradient(135deg, rgba(102,117,165,.95), rgba(168,127,100,.80));
    box-shadow: 0 10px 28px rgba(102,117,165,.20);
    position: relative;
    overflow: hidden;
  }
  
  .mark:hover::after{
  opacity: 0.65;          /* hover = more visible */
  }

    .mark::after{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/assets/img/home.svg") center / 60% no-repeat;
    opacity: 0.45;                 
    pointer-events: none;
  }

    @keyframes shimmer{
      0%{ transform: translateX(-30%) rotate(25deg); opacity: 0; }
      25%{ opacity: 1; }
      50%{ transform: translateX(30%) rotate(25deg); opacity: .9; }
      75%{ opacity: .35; }
      100%{ transform: translateX(80%) rotate(25deg); opacity: 0; }
    }

    .brand h1{
      font-size: 14px;
      line-height: 1.15;
      margin:0;
      letter-spacing: .2px;
    }
    .brand span{
      display:block;
      font-size: 12px;
      color: var(--muted);
      margin-top: 2px;
      opacity: .95;
    }

    .navlinks{
      display:flex;
      align-items:center;
      gap: 16px;
      flex-wrap: wrap;
      justify-content: center;
    }
    .navlinks a{
      font-size: 13px;
      color: rgba(195,195,211,.92);
      padding: 8px 10px;
      border-radius: 10px;
      transition: transform .15s ease, background .15s ease, color .15s ease;
    }
    .navlinks a:hover{
      color: var(--text);
      background: rgba(255,255,255,.06);
      transform: translateY(-1px);
    }

    .nav-cta{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 240px;
      justify-content: flex-end;
    }

    /* =========================
       BUTTONS
       ========================= */
    .btn{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      color: var(--text);
      padding: 10px 12px;
      border-radius: 12px;
      font-weight: 600;
      font-size: 13px;
      display:inline-flex;
      gap: 10px;
      align-items:center;
      transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
      box-shadow: 0 10px 26px rgba(0,0,0,.25);
      cursor: pointer;
      user-select: none;
      white-space: nowrap;
    }
    .btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.08); }
    .btn:active{ transform: translateY(0px); }

    .btn-primary{
      border: 1px solid rgba(102,117,165,.45);
      background: linear-gradient(135deg, rgba(102,117,165,.95), rgba(168,127,100,.72));
      box-shadow: 0 14px 36px rgba(102,117,165,.18), 0 10px 28px rgba(168,127,100,.12);
      position: relative;
      overflow: hidden;
    }
    .btn-primary::after{
      content:"";
      position:absolute;
      inset:-1px;
      background: radial-gradient(120px 80px at var(--mx, 20%) var(--my, 50%), rgba(255,255,255,.30), transparent 55%);
      opacity: 0;
      transition: opacity .2s ease;
    }
    .btn-primary:hover::after{ opacity: 1; }

    .btn-ghost{
      background: transparent;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: none;
    }

    /* =========================
       HERO
       ========================= */
    .hero{ padding: 56px 0 28px; }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 28px;
      align-items: center;
    }
    @media (max-width: 920px){
      .hero-grid{ grid-template-columns: 1fr; }
      .nav-cta{ display:none; }
    }

    .kicker{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.05);
      color: rgba(195,195,211,.95);
      font-size: 12px;
      letter-spacing: .2px;
    }
    .kicker-strong{
      color: rgba(195,195,211,.98);
      font-weight: 700;
      letter-spacing: -0.3px;
    }
    .kicker .dot{
      width: 8px; height: 8px; border-radius: 99px;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      box-shadow: 0 0 0 4px rgba(102,117,165,.14);
    }

    .hero h2{
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      margin: 14px 0 10px;
      letter-spacing: -0.9px;
    }
    .hero h2 .title-ink{
      color: rgba(234,241,255,.98);
      text-shadow: 0 14px 40px rgba(0,0,0,.35);
    }
    .hero .subtitle{
      font-size: clamp(14px, 1.35vw, 18px);
      color: var(--muted);
      line-height: 1.55;
      margin: 0 0 18px;
      max-width: 62ch;
    }

    .hero-actions{
      display:flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items:center;
      margin-top: 12px;
    }
    .meta-row{
      display:flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 16px;
      color: rgba(195,195,211,.92);
      font-size: 13px;
    }
    .meta-pill{
      display:inline-flex;
      align-items:center;
      gap: 8px;
      padding: 8px 10px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 999px;
    }

    /* =========================
       BOOK CARD (RIGHT SIDE)
       ========================= */
    .book-card{
      border-radius: var(--radius2);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: var(--shadow);
      overflow: hidden;
      position: relative;
      transform-style: preserve-3d;
    }
    .book-card::before{
      content:"";
      position:absolute;
      inset:0;
      background: radial-gradient(620px 380px at 30% 20%, rgba(102,117,165,.22), transparent 60%),
                  radial-gradient(520px 420px at 80% 30%, rgba(168,127,100,.16), transparent 60%);
      opacity: .95;
      pointer-events:none;
    }
    .book-inner{
      position: relative;
      padding: 18px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .cover{
      border-radius: 18px;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.10);
      background: linear-gradient(135deg, rgba(102,117,165,.22), rgba(168,127,100,.10));
      box-shadow: var(--shadow2);
      transform: translateZ(0);
      animation: floaty 4.2s ease-in-out infinite;
    }
    @keyframes floaty{
      0%{ transform: translateY(0px); }
      50%{ transform: translateY(-8px); }
      100%{ transform: translateY(0px); }
    }
    .cover img{
      width:100%;
      height: 340px;
      object-fit: cover;
      opacity: .96;
      filter: saturate(1.02) contrast(1.05);
    }
    .cover .badge{
      position:absolute;
      left: 12px;
      top: 12px;
      padding: 8px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .35px;
      background: rgba(0,0,0,.35);
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(10px);
    }

    .book-facts{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
    @media (max-width: 520px){
      .book-facts{ grid-template-columns: 1fr; }
    }
    .fact{
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(16,26,42,.55);
      padding: 10px 12px;
    }
    .fact b{ display:block; font-size: 12px; color: rgba(195,195,211,.92); }
    .fact span{ display:block; margin-top: 4px; font-weight: 750; }

    /* =========================
       SECTIONS
       ========================= */
    section{ padding: 26px 0; }

    /* =========================
       PROMO MEDIA (FIXED ALIGNMENT + SIZING)
       ========================= */
    .promo-media .promo-description{
      color: rgba(195,195,211,.92);
      line-height: 1.58;
      font-size: 14px;
      margin: 0 0 12px;
    }
    .promo-media h2{ margin: 0 0 10px; }

    .media-frame{
      width: min(720px, 100%);
      margin: 14px auto 0;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      overflow: hidden;
    }
    .media-frame.square{ aspect-ratio: 1 / 1; }
    .media-frame video{
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; 
      background: #0B1220;
    }

    .section-title{
      display:flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 12px;
    }
    .section-title h3{
      margin:0;
      font-size: 20px;
      letter-spacing: -.2px;
    }
    .section-title p{
      margin:0;
      color: rgba(195,195,211,.92);
      font-size: 13px;
    }

    .grid-3{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    @media (max-width: 920px){
      .grid-3{ grid-template-columns: 1fr; }
    }

    .card{
      border-radius: var(--radius);
      background: rgba(16,26,42,.55);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: var(--shadow2);
      padding: 16px;
      position: relative;
      overflow: hidden;
    }
    .card::before{
      content:"";
      position:absolute;
      inset: -80px -80px auto auto;
      width: 180px;
      height: 180px;
      background: radial-gradient(circle at 30% 30%, rgba(102,117,165,.20), transparent 60%);
      transform: rotate(18deg);
      opacity: .7;
      pointer-events:none;
    }
    .card h4{
      margin:0 0 8px;
      font-size: 15px;
      letter-spacing: .1px;
    }
    .card p{
      margin:0;
      color: rgba(195,195,211,.92);
      line-height: 1.58;
      font-size: 14px;
    }

    /* =========================
       RESELLERS
       ========================= */
    .resellers{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 12px;
    }
    @media (max-width: 920px){
      .resellers{ grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 520px){
      .resellers{ grid-template-columns: 1fr; }
    }

    .seller{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px 14px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      transition: transform .15s ease, background .15s ease, border-color .15s ease;
      position: relative;
      overflow: hidden;
    }
    .seller:hover{
      transform: translateY(-2px);
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.18);
    }
    .seller .left{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 0;
    }
    .seller .logo{
      width: 36px; height: 36px;
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
      border: 1px solid rgba(255,255,255,.10);
      display:grid;
      place-items:center;
      font-weight: 900;
      color: rgba(195,195,211,.95);
      flex: 0 0 auto;
    }
    .seller .name{
      display:flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .seller .name b{
      font-size: 13px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .seller .name span{
      font-size: 12px;
      color: rgba(195,195,211,.92);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .seller .arrow{
      opacity: .8;
      transition: transform .15s ease;
    }
    .seller:hover .arrow{ transform: translateX(3px); opacity: 1; }

    /* =========================
       AUTHOR
       ========================= */
    .author{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 16px;
      align-items: start;
    }
    @media (max-width: 920px){
      .author{ grid-template-columns: 1fr; }
    }
    .author .photo{
      border-radius: var(--radius2);
      overflow:hidden;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      box-shadow: var(--shadow2);
      position: relative;
    }
    .author .photo img{
      width: 100%;
      height: 360px;
      object-fit: cover;
      opacity: .95;
    }
    .author .photo .tag{
      position:absolute;
      left: 12px;
      bottom: 12px;
      padding: 8px 10px;
      border-radius: 999px;
      font-size: 12px;
      background: rgba(0,0,0,.38);
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(10px);
    }

    .author .bio{
      padding: 18px;
      border-radius: var(--radius2);
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(16,26,42,.55);
      box-shadow: var(--shadow2);
    }
    .author .bio h4{
      margin: 0 0 8px;
      font-size: 18px;
    }
    .author .bio p{
      margin: 0 0 12px;
      color: rgba(195,195,211,.92);
      line-height: 1.65;
      font-size: 14px;
    }

    /* =========================
       SAMPLE + CONTACT
       ========================= */
    .two-col{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: stretch;
    }
    @media (max-width: 920px){
      .two-col{ grid-template-columns: 1fr; }
    }

    .two-col > .card{ height: 100%; }

    /* Download card uses grid so PDF can fill leftover space */
    .download-box{
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      gap: 12px;
      min-height: 0;
    }

    .file-row{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      padding: 14px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
    }
    .file-row .file-meta{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 0;
    }
    .file-ic{
      width: 40px; height: 40px;
      border-radius: 14px;
      display:grid;
      place-items:center;
      background: linear-gradient(135deg, rgba(214,192,138,.20), rgba(102,117,165,.14));
      border: 1px solid rgba(255,255,255,.12);
      flex: 0 0 auto;
      font-weight: 900;
      color: rgba(214,192,138,.95);
    }
    .file-row b{ display:block; font-size: 13px; }
    .file-row span{ display:block; color: rgba(195,195,211,.92); font-size: 12px; }

    .pdf-frame{
      min-height: 0;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      overflow: hidden;
    }
    .pdf-frame iframe{
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    form{
      display:flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 10px;
    }
    label{
      font-size: 12px;
      color: rgba(195,195,211,.92);
    }
    input, textarea{
      width:100%;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.22);
      color: var(--text);
      outline: none;
      transition: border-color .15s ease, transform .15s ease;
    }
    input:focus, textarea:focus{
      border-color: rgba(102,117,165,.55);
      box-shadow: 0 0 0 3px rgba(102,117,165,.14);
    }
    textarea{ min-height: 120px; resize: vertical; }

    .fineprint{
      color: rgba(195,195,211,.88);
      font-size: 12px;
      line-height: 1.55;
      margin-top: 10px;
      text-align: center;
    }
    .fineprint-center { text-align: center; }

    /* =========================
       BIBLE LINK
       ========================= */
    .scripture-link{
      text-align: center;
      margin: 28px auto 18px;
    }
    .scripture-link a{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .2px;
      color: var(--accent);
      background: rgba(102,117,165,.10);
      border: 1px solid rgba(102,117,165,.25);
      transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
    }
    .scripture-link a:hover{
      color: var(--text);
      background: rgba(102,117,165,.18);
      border-color: rgba(102,117,165,.45);
      transform: translateY(-1px);
    }
    .icon-book{
      width: 16px;
      height: 16px;
      display: inline-flex;
      transform: translateY(1px);
    }
    .icon-book svg{
      width: 100%;
      height: 100%;
      stroke: currentColor;
      display:block;
    }

    /* =========================
       REVEAL ON SCROLL
       ========================= */
    .reveal{
      opacity: 0;
      transform: translateY(14px);
      transition: opacity .55s ease, transform .55s ease;
    }
    .reveal.is-visible{
      opacity: 1;
      transform: translateY(0px);
    }

    /* =========================
       FOOTER
       ========================= */
    footer{
      padding: 26px 0 44px;
      color: rgba(195,195,211,.88);
      font-size: 12px;
    }
    footer .foot{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 14px;
      flex-wrap: wrap;
    }
    .tiny-links{
      display:flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .tiny-links a{
      color: rgba(195,195,211,.92);
      padding: 6px 8px;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
      transition: transform .15s ease, background .15s ease;
    }
    .tiny-links a:hover{
      transform: translateY(-1px);
      background: rgba(255,255,255,.05);
    }

    /* Reduced motion support */
    @media (prefers-reduced-motion: reduce){
      .orb, .cover, .mark::after { animation: none !important; }
      .reveal{ transition: none !important; }
      * { scroll-behavior: auto !important; }
    }

    /* =========================
      ACCESSIBILITY (WCAG)
      ========================= */

    /* Skip link (keyboard users) */
    .skip-link{
      position: absolute;
      left: 12px;
      top: 12px;
      padding: 10px 12px;
      border-radius: 12px;
      background: rgba(0,0,0,.85);
      border: 1px solid rgba(255,255,255,.22);
      color: var(--text);
      z-index: 9999;
      transform: translateY(-160%);
      transition: transform .15s ease;
    }
    .skip-link:focus{
      transform: translateY(0);
    }

    /* Make anchor jumps land below the sticky header */
    section, #top, #content{
      scroll-margin-top: 90px;
    }

    /* Visible focus indicators */
    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    summary:focus-visible{
      outline: 3px solid var(--gold);
      outline-offset: 3px;
    }

    /* Underlines for regular in-text links (keep nav/buttons un-underlined) */
    a{
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
    .navlinks a,
    .btn,
    .seller,
    .tiny-links a,
    .scripture-link a{
      text-decoration: none;
    }
    a:hover,
    a:focus-visible{
      text-decoration: underline;
    }

    /* Better hit area for inline SVG link icon */
    .icon-book svg{ pointer-events: none; }

    /* Transcript block */
    .promo-transcript{
      width: min(720px, 100%);
      margin: 12px auto 0;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.03);
      padding: 10px 12px;
    }
    .promo-transcript summary{
      cursor: pointer;
      font-weight: 700;
      color: rgba(234,241,255,.98);
    }
    .promo-transcript .transcript-body{
      margin-top: 10px;
      color: rgba(195,195,211,.92);
      line-height: 1.6;
      font-size: 14px;
    }

    /* High-contrast preference */
    @media (prefers-contrast: more){
      .card, .seller, .btn, header, .file-row, .pdf-frame{
        border-color: rgba(255,255,255,.28) !important;
      }
      .navlinks a, .tiny-links a{
        border-color: rgba(255,255,255,.22) !important;
      }
    }

    /* Simple layout helpers for the 404 */
    .panel{
      max-width: 720px;
      margin: 64px auto;
      padding: 32px 22px;
      text-align: center;
      border-radius: 16px;
    }
    .actions{
      margin-top: 24px;
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
    }

    /* Simple style for the Privacy Page */
    .page-card { margin-top: 24px; }

    .subtle-note {
      font-size: 0.95em;
      opacity: 0.85;
      margin-top: -0.5rem;
    }