*,*::before,*::after{box-sizing:border-box}
  :root{
    --ink:#0F1419;
    --ink-2:#3A4451;
    --ink-3:#6B7684;
    --paper:#F5F1E8;
    --paper-2:#EBE5D3;
    --line-faint:#D7CFBC;
    --navy:#0d336b;
    --navy-2:#1E4A8A;
    --navy-soft:#E4ECF7;
    --gold:#D4A23A;
    --gold-soft:#FAF1DD;
    --card:#FFFFFF;
    --shadow:0 1px 0 rgba(15,20,25,.06),0 24px 48px -28px rgba(15,20,25,.18);
  }
  html,body{margin:0;padding:0}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:17px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%;height:auto}
  .container{max-width:1320px;margin:0 auto;padding:0 56px}

  /* ─── NAV ────────────────────────────────────── */
  nav.site{border-bottom:1px solid var(--line-faint);background:var(--paper);position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(10px);}
  nav.site .row{display:flex;align-items:center;justify-content:space-between;height:78px;}
  .brand{display:flex;align-items:center;gap:14px;}
  .nav-links{display:flex;gap:32px;font-size:13.5px;letter-spacing:.04em}
  .nav-links a{color:var(--ink-2);transition:color .15s}
  .nav-links a:hover{color:var(--navy)}
  .nav-cta{
    padding:10px 18px;border:1px solid var(--navy);background:var(--navy);color:#fff !important;
    font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;
    transition:background .15s,color .15s;
  }
  .nav-cta:hover{background:transparent;color:var(--navy) !important}

  /* ─── HERO ──────────────────────────────────── */
  .hero{padding:96px 0 88px;border-bottom:1px solid var(--line-faint);position:relative;overflow:hidden;}
  .hero::before{content:"";position:absolute;left:0;top:0;width:4px;height:160px;background:var(--gold);z-index:2}
  .hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end;position:relative;z-index:1}
  .vol-tag{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'JetBrains Mono',monospace;font-size:11.5px;
    letter-spacing:.18em;text-transform:uppercase;color:var(--navy);
    margin-bottom:32px;font-weight:500;
  }
  .vol-tag::before{content:"";width:34px;height:1px;background:var(--navy);}
  .vol-tag b{font-weight:600;color:var(--navy)}
  .vol-tag span{color:var(--ink-3)}
  h1.title{
    font-family:'Fraunces',Georgia,serif;font-weight:330;
    font-variation-settings:"opsz" 144,"SOFT" 30;
    font-size:clamp(40px,6.4vw,88px);line-height:1.01;letter-spacing:-.02em;
    margin:0 0 28px;color:var(--ink);
  }
  h1.title b{font-weight:520;color:var(--navy)}
  h1.title em{
    font-style:italic;font-weight:300;
    font-variation-settings:"opsz" 144,"SOFT" 80;color:var(--navy);
  }
  .hero-theme{
    font-family:'Fraunces',serif;font-style:italic;
    font-weight:380;font-size:21px;line-height:1.45;
    color:var(--ink-2);max-width:600px;margin:0 0 24px;
    border-left:2px solid var(--gold);padding-left:20px;
  }
  .hero-lead{font-size:16.5px;line-height:1.65;color:var(--ink-2);max-width:560px;margin:0 0 36px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 26px;
    font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;
    transition:all .2s;cursor:pointer;
  }
  .btn-primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}
  .btn-primary:hover{background:#0a2554}
  .btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}
  .btn-secondary:hover{background:var(--ink);color:var(--paper)}

  .hero-meta{
    border-top:2px solid var(--navy);padding-top:24px;
    display:grid;grid-template-columns:1fr;gap:20px;
  }
  .hero-meta .pair{display:flex;flex-direction:column;gap:5px}
  .hero-meta .lbl{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  }
  .hero-meta .val{font-family:'Fraunces',serif;font-size:18px;line-height:1.25;color:var(--ink);font-weight:480}

  /* ─── FACT BAR ──────────────────────────────── */
  .fact-bar{
    background:var(--navy);color:#fff;
    padding:28px 0;
  }
  .fact-bar .row{
    display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
  }
  .fact-bar .cell{display:flex;flex-direction:column;gap:6px}
  .fact-bar .l{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);
  }
  .fact-bar .v{
    font-family:'Fraunces',serif;font-size:21px;font-weight:430;line-height:1.2;
    color:#fff;
  }
  .fact-bar .v b{color:var(--gold);font-weight:550}

  /* ─── SECTION HEADER ────────────────────────── */
  .section-head{
    display:flex;align-items:baseline;justify-content:space-between;
    padding:80px 0 36px;border-bottom:1px solid var(--ink);margin-bottom:0;
    gap:16px;flex-wrap:wrap;
  }
  .section-head .label{
    font-family:'JetBrains Mono',monospace;font-size:12px;
    letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:500;
  }
  .section-head .count{
    font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:15px;color:var(--ink-3);
  }

  /* ─── PROSE ──────────────────────────────────── */
  .prose{max-width:760px;margin-top:36px}
  .prose p{font-size:16px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
  .prose p:last-child{margin-bottom:0}
  .sub-label{
    font-family:'JetBrains Mono',monospace;font-size:11.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--navy);
    font-weight:500;margin:56px 0 8px;
  }
  .quote-block{
    margin-top:28px;padding:22px 26px;border-left:2px solid var(--navy);
    background:var(--paper-2);
    font-family:'Fraunces',serif;font-style:italic;font-size:17px;
    color:var(--ink-2);line-height:1.55;max-width:760px;
  }

  /* ─── REG CARDS (reused) ─────────────────────── */
  .reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
  .reg-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:36px}
  .reg-card{
    padding:32px 30px;border:1px solid var(--line-faint);
    background:var(--card);box-shadow:var(--shadow);
  }
  .reg-card .reg-no{
    font-family:'JetBrains Mono',monospace;font-size:12px;
    letter-spacing:.2em;color:var(--gold);font-weight:600;margin-bottom:14px;
  }
  .reg-card h4{
    font-family:'Fraunces',serif;font-size:22px;font-weight:460;
    margin:0 0 12px;color:var(--ink);line-height:1.2;letter-spacing:-.006em;
  }
  .reg-card p{font-size:14.5px;line-height:1.65;color:var(--ink-2);margin:0}
  .reg-cta{
    margin-top:44px;padding:32px 36px;background:var(--navy);
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  }
  .reg-cta .reg-cta-text{max-width:560px}
  .reg-cta .reg-cta-text .l{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
    font-weight:500;display:block;margin-bottom:8px;
  }
  .reg-cta .reg-cta-text p{
    font-family:'Fraunces',serif;font-size:19px;line-height:1.4;
    color:#fff;margin:0;font-weight:380;
  }
  .reg-cta .btn-register{
    display:inline-flex;align-items:center;gap:10px;flex-shrink:0;
    padding:16px 28px;background:var(--gold);color:var(--ink);
    border:1px solid var(--gold);
    font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;
    transition:all .2s;
  }
  .reg-cta .btn-register:hover{background:#e9b54f;border-color:#e9b54f}
  .reg-cta .btn-register.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
  .reg-cta .btn-register.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
  .reg-cta .btn-row{display:flex;flex-wrap:wrap;gap:12px}

  /* ─── FOCUS CARDS ─────────────────────────────── */
  .focus{padding-bottom:96px}
  .focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
  .focus-card{padding:30px 26px;border:1px solid var(--line-faint);background:var(--card)}
  .focus-card .fc-no{
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:16px;
  }
  .focus-card h4{font-family:'Fraunces',serif;font-size:21px;font-weight:480;margin:0 0 10px;color:var(--ink)}
  .focus-card p{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}

  /* ─── VALUES (dark band) ─────────────────────── */
  .programme{
    padding:96px 0;background:var(--ink);color:var(--paper);
    border-top:6px solid var(--gold);
  }
  .programme h3{
    font-family:'Fraunces',serif;font-weight:330;
    font-size:38px;line-height:1.1;letter-spacing:-.015em;
    margin:0 0 56px;color:#fff;
    font-variation-settings:"opsz" 144,"SOFT" 50;
  }
  .programme h3 em{font-style:italic;font-weight:300;color:var(--gold)}
  .values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 56px}
  .value-item{border-top:1px solid rgba(255,255,255,.15);padding-top:28px}
  .value-item .v-no{
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;
    text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:12px;
  }
  .value-item h4{font-family:'Fraunces',serif;font-size:25px;font-weight:430;margin:0 0 10px;color:#fff}
  .value-item p{font-size:14.5px;line-height:1.6;color:#C9C2B0;margin:0}

  /* ─── NUMBERED LIST ───────────────────────────── */
  .num-list{
    list-style:none;margin:36px 0 0;padding:0;
    display:grid;grid-template-columns:1fr 1fr;gap:0 44px;counter-reset:nl;
  }
  .num-list li{
    counter-increment:nl;padding:18px 0;border-bottom:1px solid var(--line-faint);
    display:flex;gap:16px;align-items:baseline;
  }
  .num-list li::before{
    content:counter(nl,decimal-leading-zero);font-family:'JetBrains Mono',monospace;
    font-size:12px;color:var(--gold);font-weight:600;flex-shrink:0;
  }
  .num-list li span{font-size:15px;line-height:1.55;color:var(--ink-2)}

  /* ─── TIMELINE (reused) ───────────────────────── */
  .timeline{margin-top:48px}
  .tl-row{
    display:grid;grid-template-columns:150px 1fr 1fr 100px;
    gap:32px;padding:22px 0;
    border-bottom:1px solid var(--line-faint);
    align-items:baseline;
  }
  .tl-row.highlight{background:var(--navy-soft);padding:22px 24px;margin:0 -24px;border:none}
  .tl-row .tl-date{
    font-family:'JetBrains Mono',monospace;font-size:13px;
    color:var(--navy);font-weight:500;letter-spacing:.04em;
  }
  .tl-row .tl-event{
    font-family:'Fraunces',serif;font-size:20px;font-weight:430;
    color:var(--ink);letter-spacing:-.005em;
  }
  .tl-row .tl-meta{font-size:13.5px;color:var(--ink-3);line-height:1.45}
  .tl-row .tl-status{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
    text-align:right;font-weight:500;
  }
  .tl-row.highlight .tl-status{color:var(--navy)}

  /* ─── ROSTER TABLE (Pengurus) ─────────────────── */
  .fees-table-wrap{margin-top:36px;overflow-x:auto}
  table.roster{width:100%;border-collapse:collapse;background:var(--card);font-size:14.5px;min-width:560px}
  table.roster thead{background:var(--navy);color:#fff}
  table.roster thead th{
    padding:14px 16px;text-align:left;font-weight:500;
    font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:.12em;text-transform:uppercase;
  }
  table.roster tbody td{padding:16px;border-bottom:1px solid var(--line-faint);color:var(--ink);vertical-align:top}
  table.roster tbody td.nama{font-family:'Fraunces',serif;font-weight:500;font-size:16px;color:var(--ink)}
  table.roster tbody tr:last-child td{border-bottom:none}
  table.roster tbody tr:hover{background:var(--navy-soft)}
  .roster-note{font-size:14px;line-height:1.65;color:var(--ink-2);margin-top:20px;max-width:760px}

  /* ─── INFO GRID (Kegiatan) ────────────────────── */
  .info-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
    margin-top:44px;padding-top:32px;border-top:1px solid var(--line-faint);
  }
  .info-grid .pair{display:flex;flex-direction:column;gap:6px}
  .info-grid .lbl{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  }
  .info-grid .val{font-family:'Fraunces',serif;font-size:17px;color:var(--ink);font-weight:450;line-height:1.3}

  /* ─── FEE / PAYMENT (reused) ──────────────────── */
  .fees-h{display:flex;align-items:baseline;justify-content:space-between;margin-top:52px;margin-bottom:14px;flex-wrap:wrap;gap:8px}
  .fees-h h4{font-family:'Fraunces',serif;font-size:22px;font-weight:430;margin:0;color:var(--ink)}
  .fees-h .note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
  .fee-note{
    margin-top:18px;padding:16px 20px;background:var(--gold-soft);
    border-left:2px solid var(--gold);
    font-size:14.5px;color:var(--ink-2);line-height:1.6;
  }
  .fee-note b{color:var(--ink);font-weight:600}
  .pay-account{
    margin-top:20px;max-width:640px;
    background:var(--card);border:1px solid var(--line-faint);
    box-shadow:var(--shadow);overflow:hidden;
  }
  .pay-account .pay-head{
    background:var(--navy);color:#fff;padding:16px 24px;
    display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;
  }
  .pay-account .pay-title{
    font-family:'Fraunces',serif;font-weight:550;font-size:18px;letter-spacing:.01em;
  }
  .pay-account .pay-head .note{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    color:rgba(255,255,255,.72);letter-spacing:.08em;text-transform:uppercase;
  }
  .pay-account dl{
    margin:0;padding:4px 24px 12px;
    display:grid;grid-template-columns:auto 1fr;column-gap:32px;
  }
  .pay-account dt{
    padding:13px 0;border-bottom:1px solid var(--line-faint);
    font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--ink-3);font-weight:500;white-space:nowrap;
  }
  .pay-account dd{
    margin:0;padding:13px 0;border-bottom:1px solid var(--line-faint);color:var(--ink);
  }
  .pay-account dl>dt:nth-last-of-type(1),
  .pay-account dl>dd:nth-last-of-type(1){border-bottom:none}
  .pay-account .acct-no{
    font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;
    color:var(--navy);letter-spacing:.05em;
  }
  .pay-account .swift{
    font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.04em;
  }

  /* ─── CHIPS ───────────────────────────────────── */
  .chip-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
  .chip{
    padding:8px 16px;background:var(--paper-2);border:1px solid var(--line-faint);
    font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.05em;color:var(--ink-2);
  }

  /* ─── NOTE BOX (neutral) ──────────────────────── */
  .note-box{
    margin-top:24px;padding:22px 24px;background:var(--paper-2);
    border:1px solid var(--line-faint);border-left:2px solid var(--ink-3);max-width:760px;
  }
  .note-box .nb-label{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;
    text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;display:block;font-weight:500;
  }
  .note-box p{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0}

  /* ─── CONTACT (reused) ────────────────────────── */
  .contact{padding:96px 0;background:var(--navy);color:#fff}
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
  .contact h3{
    font-family:'Fraunces',serif;font-weight:330;font-size:44px;
    margin:0;line-height:1.08;color:#fff;letter-spacing:-.016em;
    font-variation-settings:"opsz" 144,"SOFT" 50;
  }
  .contact h3 em{font-style:italic;font-weight:300;color:var(--gold)}
  .contact-info{display:flex;flex-direction:column;gap:22px}
  .contact-row{
    display:flex;flex-direction:column;gap:4px;
    padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15);
  }
  .contact-row .l{
    font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);
  }
  .contact-row .v{font-family:'Fraunces',serif;font-size:22px;font-weight:430;color:#fff;line-height:1.3}
  .contact-row .v a{color:var(--gold)}
  .contact-row .v a:hover{text-decoration:underline}
  .contact-topics{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.7);margin:22px 0 0;max-width:480px}

  /* ─── FOOTER (reused) ─────────────────────────── */
  footer{border-top:1px solid var(--line-faint);padding:56px 0 48px;background:var(--paper)}
  footer .row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
  footer h4{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-weight:500}
  footer p,footer a{font-size:14.5px;line-height:1.7;color:var(--ink-2)}
  footer .colophon{border-top:1px solid var(--line-faint);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;color:var(--ink-3)}

  /* ─── RESPONSIVE ──────────────────────────────── */
  @media (max-width:980px){
    .container{padding:0 24px}
    .hero{padding:64px 0 56px}
    .hero-grid{grid-template-columns:1fr;gap:48px}
    .hero-meta{border-top:none;border-left:2px solid var(--navy);padding-top:0;padding-left:20px}
    .fact-bar .row{grid-template-columns:repeat(2,1fr);gap:24px}
    .focus-grid{grid-template-columns:repeat(2,1fr)}
    .values-grid{grid-template-columns:1fr;gap:32px}
    .num-list{grid-template-columns:1fr}
    .info-grid{grid-template-columns:repeat(2,1fr)}
    .reg-grid,.reg-grid-3{grid-template-columns:1fr;gap:20px}
    .reg-cta{flex-direction:column;align-items:flex-start;padding:28px 24px}
    .contact-grid{grid-template-columns:1fr;gap:32px}
    .tl-row{grid-template-columns:1fr;gap:8px;padding:18px 0}
    .tl-row.highlight{margin:0 -16px;padding:18px 16px}
    .tl-row .tl-status{text-align:left}
    footer .row{grid-template-columns:1fr;gap:32px}
    footer .colophon{flex-direction:column;align-items:flex-start;gap:10px}
    .programme,.contact{padding:64px 0}
  }
  @media (max-width:600px){
    h1.title{font-size:38px}
    .fact-bar .row{grid-template-columns:1fr}
    .focus-grid{grid-template-columns:1fr}
    .info-grid{grid-template-columns:1fr}
    .fees-table-wrap table{font-size:13px}
  }
  .section-head h2.label{margin:0;font-size:12px;font-weight:500;font-family:'JetBrains Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);}
  h3.sub-label{margin:56px 0 8px;font-size:11.5px;font-weight:500;font-family:'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);}

  /* ═══ MULTI-PAGE ADDITIONS (2026-07-30) ═══════════ */

  /* ─── NAV: struktur dua baris di ponsel ───────── */
  nav.site .nav-bar{display:flex;align-items:center;gap:32px;height:78px}
  .nav-links{margin-left:auto}
  .nav-links a[aria-current="page"]{
    color:var(--navy);font-weight:600;
    box-shadow:inset 0 -2px 0 var(--gold);
  }

  @media (max-width:980px){
    nav.site{position:static}
    nav.site .nav-bar{
      display:grid;height:auto;gap:10px 12px;padding:14px 0 0;
      grid-template-columns:1fr auto;
      grid-template-areas:"brand cta" "links links";
      align-items:center;
    }
    .brand{grid-area:brand}
    .nav-cta{grid-area:cta;display:inline-flex;padding:8px 14px;font-size:11.5px}
    .nav-links{
      grid-area:links;display:flex;margin-left:0;gap:20px;
      overflow-x:auto;padding:12px 0;
      border-top:1px solid var(--line-faint);
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
    }
    .nav-links::-webkit-scrollbar{display:none}
    .nav-links a{white-space:nowrap;flex-shrink:0}
  }

  /* ─── BREADCRUMB + JUDUL HALAMAN ──────────────── */
  .crumb{
    display:flex;flex-wrap:wrap;align-items:center;gap:8px;
    padding:28px 0 0;
    font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);
  }
  .crumb a{color:var(--ink-3);transition:color .15s}
  .crumb a:hover{color:var(--navy)}
  .crumb .sep{color:var(--line-faint)}
  .crumb span[aria-current]{color:var(--navy);font-weight:500}

  .page-head{padding:20px 0 44px;border-bottom:1px solid var(--line-faint)}
  .page-head h1{
    font-family:'Fraunces',Georgia,serif;font-weight:340;
    font-variation-settings:"opsz" 144,"SOFT" 30;
    font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.018em;
    margin:0 0 18px;color:var(--ink);
  }
  .page-head h1 em{font-style:italic;font-weight:300;color:var(--navy)}
  .page-head .page-lead{
    font-size:16.5px;line-height:1.65;color:var(--ink-2);
    max-width:640px;margin:0;
  }

  /* ─── KARTU NAVIGASI (hub) ────────────────────── */
  a.reg-card{display:block;transition:border-color .18s,box-shadow .18s,transform .18s}
  a.reg-card:hover{
    border-color:var(--navy);
    box-shadow:0 1px 0 rgba(15,20,25,.06),0 28px 52px -26px rgba(13,51,107,.32);
    transform:translateY(-2px);
  }
  a.reg-card .go{
    display:inline-flex;align-items:center;gap:8px;margin-top:16px;
    font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-weight:500;
  }

  /* ─── PAGER sebelumnya / selanjutnya ──────────── */
  .pager{
    display:grid;grid-template-columns:1fr 1fr;gap:24px;
    margin:0 0 96px;padding-top:36px;border-top:1px solid var(--ink);
  }
  .pager a{
    display:flex;flex-direction:column;gap:6px;padding:24px 26px;
    border:1px solid var(--line-faint);background:var(--card);
    transition:border-color .18s,background .18s;
  }
  .pager a:hover{border-color:var(--navy);background:var(--navy-soft)}
  .pager .dir{
    font-family:'JetBrains Mono',monospace;font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);
  }
  .pager .to{
    font-family:'Fraunces',serif;font-size:20px;font-weight:450;
    color:var(--ink);line-height:1.25;
  }
  .pager a.next{align-items:flex-end;text-align:right}

  @media (max-width:600px){
    .pager{grid-template-columns:1fr;gap:16px;margin-bottom:64px}
    .pager a.next{align-items:flex-start;text-align:left}
  }