/* =====================================================================
   TKQ Arrahman — Design System v1 (2026-10-19)
   Palet  : hijau zamrud (madrasah) + emas (ornamen) + krem hangat
   Ikon   : SVG data-URI untuk prefix .tkq- (tidak bentrok dengan Astra/font lain)
   Semua selector di-prefix .tkq- agar tidak menimpa Astra.
   ===================================================================== */

:root{
  --tkq-green-900:#0B3B2E;
  --tkq-green-700:#12503D;
  --tkq-green-600:#17654E;
  --tkq-green-500:#1E7A5F;
  --tkq-green-300:#8FC9B3;
  --tkq-green-050:#EEF7F2;
  --tkq-gold-600:#B8862B;
  --tkq-gold-500:#C9A227;
  --tkq-gold-400:#D9B44A;
  --tkq-gold-100:#F7EBC8;
  --tkq-cream:#FAF7F1;
  --tkq-ink:#12211C;
  --tkq-ink-soft:#4A5C55;
  --tkq-line:#E3DCCB;
  --tkq-white:#fff;
  --tkq-radius:20px;
  --tkq-radius-sm:14px;
  --tkq-shadow:0 10px 30px -12px rgba(11,59,46,.18);
  --tkq-shadow-lg:0 24px 50px -24px rgba(11,59,46,.35);
}

/* ------------------------------------------------------------------ dasar */
.tkq-wrap{max-width:1080px;margin:0 auto;padding:0 18px 28px}
.page-id-5 .tkq-wrap{}
.tkq-wrap *{box-sizing:border-box}

/* tipografi */
.tkq-wrap .tkq-lead{font-size:1.09rem;line-height:1.75;color:var(--tkq-ink-soft);margin:0 0 2.2rem}
.tkq-wrap .tkq-h2,.tkq-h2{position:relative;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);line-height:1.25;
  color:var(--tkq-green-900);margin:2.6rem 0 1.1rem;padding-left:18px;font-weight:800;letter-spacing:-.01em}
.tkq-wrap .tkq-h2::before,.tkq-h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:6px;border-radius:6px;
  background:linear-gradient(180deg,var(--tkq-gold-400),var(--tkq-gold-600))}
.tkq-wrap .tkq-sub{margin:-.6rem 0 1.4rem;color:var(--tkq-ink-soft);font-size:.97rem}

/* eyebrow: label kecil berhuruf kapital + garis emas */
.tkq-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--tkq-gold-600);margin:0 0 1rem}
.tkq-eyebrow::before{content:"";width:34px;height:2px;background:var(--tkq-gold-500);display:block;border-radius:2px}

/* ------------------------------------------------------------------ ikon */
.tkq-ico{display:inline-block;width:1.15em;height:1.15em;background-repeat:no-repeat;background-position:center;
  background-size:contain;vertical-align:-.18em}
.tkq-ico{width:34px;height:34px;margin:0 0 14px}
.tkq-card > .tkq-ico,.tkq-panel > .tkq-ico{display:block}
.tkq-ico g,.tkq-ico path,.tkq-ico circle,.tkq-ico rect,.tkq-ico line,.tkq-ico polyline{stroke:#0B3B2E;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;fill:none}

.tkq-ico--quran{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M3.5 5.5c2.6-.9 5.2-.9 8.5.8 3.3-1.7 5.9-1.7 8.5-.8v12.2c-2.6-.9-5.2-.9-8.5.8-3.3-1.7-5.9-1.7-8.5-.8z'/><path d='M12 6.3v12.2'/></g></svg>")}
.tkq-ico--dua{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M12 3.5v3.2'/><path d='M6.6 6.2c1.6 1.6 1.6 4.3 0 5.9M17.4 6.2c-1.6 1.6-1.6 4.3 0 5.9'/><path d='M8.5 13.2h7l-.7 3.2h-5.6z'/><path d='M12 16.4V20'/><path d='M9 20h6'/></g></svg>")}
.tkq-ico--users{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='9' cy='8' r='3.1'/><path d='M3.4 19.4c.5-3 2.9-4.9 5.6-4.9s5.1 1.9 5.6 4.9'/><path d='M16.2 5.6a3 3 0 010 5.6'/><path d='M17.4 14.8c1.9.5 3.1 2.2 3.4 4.4'/></g></svg>")}
.tkq-ico--mosque{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M4 20.5v-7.4c0-2.6 3.6-4.4 8-4.4s8 1.8 8 4.4v7.4'/><path d='M12 4.2c.9.8 1.4 1.6 1.4 2.5 0 .6-.3 1.1-.8 1.5'/><path d='M9.6 20.5v-3.9c0-1.3 1.1-2.4 2.4-2.4s2.4 1.1 2.4 2.4v3.9'/><path d='M2.6 20.5h18.8'/></g></svg>")}
.tkq-ico--book{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M4 4.5h6.2c1 0 1.8.8 1.8 1.8v13.2H5.8A1.8 1.8 0 014 17.7z'/><path d='M20 4.5h-6.2c-1 0-1.8.8-1.8 1.8v13.2h6.2a1.8 1.8 0 001.8-1.8z'/></g></svg>")}
.tkq-ico--clock{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='12' cy='12' r='8.4'/><path d='M12 7.2V12l3.4 2'/></g></svg>")}
.tkq-ico--info{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><circle cx='12' cy='12' r='8.4'/><path d='M12 10.6v5.6'/><circle cx='12' cy='7.9' r='.9' fill='%230B3B2E' stroke='none'/></g></svg>")}
.tkq-ico--mail{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='3.2' y='5.4' width='17.6' height='13.2' rx='2.2'/><path d='M4 7.2l8 5.4 8-5.4'/></g></svg>")}
.tkq-ico--folder{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M3.4 7.2a2 2 0 012-2h3.4l1.8 2.2h8a2 2 0 012 2v8.2a2 2 0 01-2 2H5.4a2 2 0 01-2-2z'/><path d='M3.6 11.6h16.8'/></g></svg>")}
.tkq-ico--shield{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M12 3.4l7.2 2.6v5.6c0 4.3-3 7.4-7.2 9-4.2-1.6-7.2-4.7-7.2-9V6z'/><path d='M9 12.2l2.2 2.2 4-4.2'/></g></svg>")}
.tkq-ico--pin{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M12 21c4.2-4.4 6.4-7.6 6.4-10.4A6.4 6.4 0 105.6 10.6C5.6 13.4 7.8 16.6 12 21z'/><circle cx='12' cy='10.4' r='2.4'/></g></svg>")}
.tkq-ico--phone{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='M7.4 3.8h3l1.5 3.8-2 1.4a10.6 10.6 0 005.1 5.1l1.4-2 3.8 1.5v3a2 2 0 01-2.2 2A15.6 15.6 0 015.4 6a2 2 0 012-2.2z'/></g></svg>")}
.tkq-ico--image{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><rect x='3.4' y='5' width='17.2' height='14' rx='2.4'/><circle cx='8.6' cy='10' r='1.6'/><path d='M4.2 17.4l4.6-4.4 3.4 3.2 3-2.8 4.6 4.4'/></g></svg>"  )}

/* ------------------------------------------------------------------ grid */
.tkq-grid{display:grid;gap:18px;margin:1.2rem 0 1.8rem}
.tkq-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tkq-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){ .tkq-grid--2,.tkq-grid--3{grid-template-columns:1fr} }

/* ------------------------------------------------------------------ kartu */
.tkq-card{position:relative;background:var(--tkq-white);border:1px solid var(--tkq-line);border-radius:var(--tkq-radius);
  padding:26px 24px 24px;box-shadow:var(--tkq-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  overflow:hidden;height:100%}
.tkq-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--tkq-green-600),var(--tkq-gold-500) 70%,var(--tkq-gold-400))}
.tkq-card::after{content:"";position:absolute;right:-38px;bottom:-38px;width:104px;height:104px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(201,162,39,.10),transparent 70%)}
.tkq-card:hover{transform:translateY(-4px);box-shadow:var(--tkq-shadow-lg);border-color:var(--tkq-gold-400)}
.tkq-card__title{font-size:1.06rem;line-height:1.35;color:var(--tkq-green-900);margin:0 0 .55rem;font-weight:800}
.tkq-card__body{margin:0;color:var(--tkq-ink-soft);font-size:.96rem;line-height:1.62}
.tkq-card__body a{color:var(--tkq-green-600);font-weight:600;text-decoration:none;border-bottom:1px solid var(--tkq-green-300)}

/* ------------------------------------------------------------------ strip fakta */
.tkq-fakta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--tkq-line);
  border:1px solid var(--tkq-line);border-radius:var(--tkq-radius);overflow:hidden;margin:0 0 2.2rem;box-shadow:var(--tkq-shadow)}
.tkq-fakta__item{background:linear-gradient(180deg,#fff,var(--tkq-green-050));padding:22px 16px;text-align:center}
.tkq-fakta__num{display:block;font-size:clamp(1.35rem,1.1rem + .9vw,1.8rem);font-weight:800;color:var(--tkq-green-700);
  line-height:1.15;letter-spacing:-.02em}
.tkq-fakta__label{display:block;margin-top:.4rem;font-size:.79rem;line-height:1.4;color:var(--tkq-ink-soft);font-weight:600}
@media (max-width:700px){ .tkq-fakta{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ------------------------------------------------------------------ tabel identitas */
.tkq-tbl{margin:0 0 2rem;border:1px solid var(--tkq-line);border-radius:var(--tkq-radius);overflow:hidden;background:#fff}
.tkq-tbl__row{display:grid;grid-template-columns:minmax(140px,34%) 1fr;gap:0;border-top:1px solid var(--tkq-line)}
.tkq-tbl__row:first-child{border-top:0}
.tkq-tbl__row dt{margin:0;padding:13px 16px;background:var(--tkq-green-050);font-weight:700;font-size:.87rem;
  color:var(--tkq-green-700);line-height:1.45}
.tkq-tbl__row dd{margin:0;padding:13px 16px;font-size:.94rem;line-height:1.55;color:var(--tkq-ink)}
.tkq-tbl__row:nth-child(even) dd{background:#FCFBF7}
@media (max-width:600px){ .tkq-tbl__row{grid-template-columns:1fr}
  .tkq-tbl__row dt{padding-bottom:6px} .tkq-tbl__row dd{padding-top:0} }

/* ------------------------------------------------------------------ timeline */
.tkq-tl{list-style:none;margin:0 0 2rem;padding:0 0 0 26px;position:relative}
.tkq-tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--tkq-gold-400),var(--tkq-green-300))}
.tkq-tl__item{position:relative;padding:0 0 20px}
.tkq-tl__item::before{content:"";position:absolute;left:-26px;top:6px;width:13px;height:13px;border-radius:50%;
  background:#fff;border:3px solid var(--tkq-gold-500);box-shadow:0 0 0 3px rgba(201,162,39,.15)}
.tkq-tl__badge{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--tkq-green-700);background:var(--tkq-green-050);border:1px solid var(--tkq-green-300);
  padding:3px 10px;border-radius:50px;margin-bottom:.5rem}
.tkq-tl__item p{margin:0;font-size:.96rem;line-height:1.65;color:var(--tkq-ink-soft)}

/* ------------------------------------------------------------------ panel */
.tkq-panel{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,var(--tkq-green-050),#fff 65%);
  border:1px solid var(--tkq-line);border-left:5px solid var(--tkq-green-600);border-radius:var(--tkq-radius);
  padding:22px 24px;margin:1.6rem 0 2rem;box-shadow:var(--tkq-shadow)}
.tkq-panel--warn{background:linear-gradient(135deg,var(--tkq-gold-100),#fff 65%);border-left-color:var(--tkq-gold-600)}
.tkq-panel__title{margin:0 0 .35rem;font-size:1.02rem;font-weight:800;color:var(--tkq-green-900)}
.tkq-panel p{margin:0;font-size:.95rem;line-height:1.65;color:var(--tkq-ink-soft)}
.tkq-panel > .tkq-ico{flex:0 0 auto;margin:2px 0 0}
@media (max-width:600px){ .tkq-panel{flex-direction:column;gap:8px} }

/* ------------------------------------------------------------------ visi & misi */
.tkq-visi{position:relative;margin:0 0 2.2rem;padding:44px 34px 30px;border-radius:24px;overflow:hidden;
  background:linear-gradient(135deg,var(--tkq-green-900),var(--tkq-green-700) 62%,var(--tkq-green-600));
  color:#fff;box-shadow:var(--tkq-shadow-lg);border:0}
.tkq-visi::before{content:"";position:absolute;inset:auto -60px -90px auto;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(217,180,74,.30),transparent 68%)}
.tkq-visi::after{content:"";position:absolute;right:22px;top:22px;width:74px;height:74px;opacity:.28;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%23D9B44A' stroke-width='2'><path d='M50 6l11 27 27 11-27 11-11 27-11-27-27-11 27-11z'/><circle cx='50' cy='50' r='40'/></g></svg>") no-repeat center/contain}
.tkq-visi__mark{position:absolute;left:18px;top:-6px;font-size:6rem;line-height:1;color:rgba(217,180,74,.35);font-family:Georgia,serif}
.tkq-visi p{position:relative;margin:0;font-size:clamp(1.05rem,1rem + .55vw,1.32rem);line-height:1.6;font-weight:600;letter-spacing:.005em}
.tkq-visi footer{position:relative;margin-top:1.1rem;font-size:.76rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--tkq-gold-400)}
@media (max-width:600px){ .tkq-visi{padding:36px 22px 26px} }

.tkq-misi{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:12px}
.tkq-misi__item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--tkq-line);
  border-radius:var(--tkq-radius-sm);padding:16px 18px;box-shadow:0 6px 16px -12px rgba(11,59,46,.4);transition:.2s}
.tkq-misi__item:hover{border-color:var(--tkq-gold-400);transform:translateX(3px)}
.tkq-misi__num{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  background:linear-gradient(135deg,var(--tkq-green-600),var(--tkq-green-500));color:#fff;font-weight:800;font-size:.92rem}
.tkq-misi__item p{margin:0;font-size:.96rem;line-height:1.6;color:var(--tkq-ink)}

/* ------------------------------------------------------------------ person / struktur */
.tkq-person{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--tkq-line);
  border-radius:var(--tkq-radius);padding:24px;box-shadow:var(--tkq-shadow);transition:.22s;height:100%}
.tkq-person:hover{transform:translateY(-3px);box-shadow:var(--tkq-shadow-lg)}
.tkq-person__ava{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  font-size:1.02rem;letter-spacing:.02em;color:#fff;margin-bottom:14px;
  background:linear-gradient(135deg,var(--tkq-green-700),var(--tkq-green-500))}
.tkq-person--yayasan .tkq-person__ava{background:linear-gradient(135deg,var(--tkq-gold-600),var(--tkq-gold-400));color:#231a05}
.tkq-person--soon{background:repeating-linear-gradient(45deg,#FCFBF7,#FCFBF7 12px,#F7F4EC 12px,#F7F4EC 24px);
  border-style:dashed;box-shadow:none}
.tkq-person--soon .tkq-person__ava{background:#E8E3D6;color:#8A8272}
.tkq-person__name{font-size:1rem;line-height:1.35;margin:0 0 .35rem;color:var(--tkq-green-900);font-weight:800}
.tkq-person__role{font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tkq-gold-600);
  margin-bottom:.7rem}
.tkq-person__role.tkq-soon{color:#9A9282}
.tkq-person__desc{margin:0;font-size:.9rem;line-height:1.6;color:var(--tkq-ink-soft)}

/* ------------------------------------------------------------------ program */
.tkq-lvl{position:relative;background:#fff;border:1px solid var(--tkq-line);border-radius:var(--tkq-radius);
  padding:26px 24px;box-shadow:var(--tkq-shadow);overflow:hidden;height:100%}
.tkq-lvl::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;
  border:14px solid var(--tkq-green-050)}
.tkq-lvl__tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--tkq-gold-600);
  border:1px solid var(--tkq-gold-400);border-radius:50px;padding:3px 10px;margin-bottom:12px;background:#FFFCF3}
.tkq-lvl__title{font-size:1.1rem;line-height:1.35;margin:0 0 .6rem;color:var(--tkq-green-900);font-weight:800;position:relative}
.tkq-lvl p{margin:0;font-size:.95rem;line-height:1.65;color:var(--tkq-ink-soft)}

.tkq-jadwal{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:linear-gradient(120deg,var(--tkq-green-900),var(--tkq-green-600));
  color:#fff;border-radius:var(--tkq-radius);padding:22px 26px;margin:1.4rem 0 1.8rem;box-shadow:var(--tkq-shadow-lg)}
.tkq-jadwal > .tkq-ico{margin:0;flex:0 0 auto}
.tkq-jadwal__label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tkq-gold-400)}
.tkq-jadwal__val{display:block;font-size:clamp(1.02rem,.95rem + .4vw,1.22rem);font-weight:800;margin-top:.2rem}
.tkq-jadwal__note{margin-left:auto;font-size:.86rem;opacity:.85;max-width:280px;line-height:1.5}
@media (max-width:700px){ .tkq-jadwal__note{margin-left:0;max-width:100%} }

.tkq-method{background:#fff;border:1px solid var(--tkq-line);border-radius:var(--tkq-radius-sm);padding:20px 22px;
  box-shadow:0 8px 20px -16px rgba(11,59,46,.6);height:100%}
.tkq-method h3{margin:0 0 .5rem;font-size:1rem;font-weight:800;color:var(--tkq-green-700)}
.tkq-method p{margin:0;font-size:.93rem;line-height:1.62;color:var(--tkq-ink-soft)}

.tkq-chip{list-style:none;counter-reset:c;margin:0 0 1.6rem;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.tkq-chip li{counter-increment:c;position:relative;background:#fff;border:1px solid var(--tkq-line);
  border-radius:12px;padding:12px 14px 12px 44px;font-size:.92rem;line-height:1.5;color:var(--tkq-ink)}
.tkq-chip li::before{content:counter(c);position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;
  color:#fff;background:var(--tkq-green-600)}

/* ------------------------------------------------------------------ ppdb */
.tkq-notice{display:flex;gap:16px;align-items:flex-start;background:#FFFCF3;border:1px solid var(--tkq-gold-400);
  border-radius:var(--tkq-radius);padding:20px 22px;margin:1rem 0 1.6rem;box-shadow:var(--tkq-shadow)}
.tkq-notice > .tkq-ico{margin:0;flex:0 0 auto}
.tkq-notice strong{display:block;color:var(--tkq-green-900);font-size:.98rem;margin-bottom:.35rem}
.tkq-notice p{margin:0;font-size:.94rem;line-height:1.6;color:var(--tkq-ink-soft)}
.tkq-notice a{color:var(--tkq-green-600);font-weight:600}
@media (max-width:600px){ .tkq-notice{flex-direction:column;gap:8px} }

.tkq-steps{list-style:none;counter-reset:s;margin:0 0 1.8rem;padding:0;display:grid;gap:0;position:relative}
.tkq-step{display:flex;gap:16px;padding:0 0 22px;position:relative}
.tkq-step:not(:last-child)::before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--tkq-gold-400),var(--tkq-green-300))}
.tkq-step__n{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;
  color:#fff;background:linear-gradient(135deg,var(--tkq-green-700),var(--tkq-green-500));box-shadow:0 8px 16px -10px rgba(11,59,46,.8)}
.tkq-step h3{margin:.35rem 0 .3rem;font-size:1rem;font-weight:800;color:var(--tkq-green-900)}
.tkq-step p{margin:0;font-size:.94rem;line-height:1.62;color:var(--tkq-ink-soft)}

.tkq-ul{margin:.4rem 0 0;padding-left:1.1rem}
.tkq-ul li{margin:.25rem 0;font-size:.94rem;line-height:1.55;color:var(--tkq-ink-soft)}

.tkq-privasi{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--tkq-line);
  border-radius:var(--tkq-radius);padding:22px 24px;margin:1.4rem 0 2rem}
.tkq-privasi > .tkq-ico{margin:0;flex:0 0 auto}
.tkq-privasi h3{margin:0 0 .6rem;font-size:1rem;font-weight:800;color:var(--tkq-green-900)}
.tkq-privasi p{margin:0 0 .7rem;font-size:.9rem;line-height:1.65;color:var(--tkq-ink-soft)}
.tkq-privasi p:last-child{margin-bottom:0}
.tkq-privasi a{color:var(--tkq-green-600);font-weight:600}
@media (max-width:600px){ .tkq-privasi{flex-direction:column;gap:8px} }

/* ------------------------------------------------------------------ galeri */
.tkq-gallery{margin-top:.4rem}
.tkq-photo{margin:0;background:#fff;border:1px solid var(--tkq-line);border-radius:var(--tkq-radius);
  overflow:hidden;box-shadow:var(--tkq-shadow);transition:.22s}
.tkq-photo:hover{transform:translateY(-3px);box-shadow:var(--tkq-shadow-lg)}
.tkq-photo__ph{aspect-ratio:4/3;display:grid;place-items:center;
  background:repeating-linear-gradient(135deg,var(--tkq-green-050),var(--tkq-green-050) 14px,#E4F1EA 14px,#E4F1EA 28px)}
.tkq-photo__ph .tkq-ico{width:44px;height:44px;margin:0;opacity:.55}
.tkq-photo figcaption{padding:14px 18px;font-size:.9rem;font-weight:700;color:var(--tkq-green-700);border-top:1px solid var(--tkq-line)}

/* ------------------------------------------------------------------ peta */
.tkq-map{border-radius:var(--tkq-radius);overflow:hidden;border:1px solid var(--tkq-line);box-shadow:var(--tkq-shadow);
  margin:0 0 2rem;background:#fff;line-height:0}
.tkq-map iframe{width:100%;height:360px;border:0;display:block;filter:saturate(.92)}
@media (max-width:600px){ .tkq-map iframe{height:280px} }

/* ------------------------------------------------------------------ CTA */
.tkq-cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:22px;justify-content:space-between;
  border-radius:26px;padding:32px 34px;margin:2.4rem 0 1rem;overflow:hidden;
  background:linear-gradient(120deg,var(--tkq-green-900) 0%,var(--tkq-green-700) 55%,var(--tkq-green-600) 100%);
  box-shadow:var(--tkq-shadow-lg);color:#fff}
.tkq-cta::before{content:"";position:absolute;left:-70px;top:-70px;width:210px;height:210px;border-radius:50%;
  border:22px solid rgba(217,180,74,.16)}
.tkq-cta::after{content:"";position:absolute;right:-40px;bottom:-70px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(217,180,74,.22),transparent 70%)}
.tkq-cta__txt{position:relative;flex:1 1 320px;min-width:0}
.tkq-cta__txt h2{margin:0 0 .5rem;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:800;color:#fff;line-height:1.3;
  padding:0;border:0}
.tkq-cta__txt p{margin:0;font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.86)}
.tkq-btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:50px;
  font-weight:800;font-size:.94rem;text-decoration:none;white-space:nowrap;transition:.2s;border:0}
.tkq-btn--gold{background:linear-gradient(135deg,var(--tkq-gold-400),var(--tkq-gold-600));color:#231a05;
  box-shadow:0 14px 26px -14px rgba(201,162,39,.95)}
.tkq-btn--gold:hover{transform:translateY(-2px);color:#231a05;box-shadow:0 18px 30px -14px rgba(201,162,39,1)}
@media (max-width:600px){ .tkq-cta{padding:26px 22px;border-radius:20px} .tkq-btn{width:100%;justify-content:center} }

/* ------------------------------------------------------------------ util */
.tkq-soon{color:#9A9282;font-style:italic}
.tkq-wrap p a:not(.tkq-btn){color:var(--tkq-green-600);font-weight:600}

/* ------------------------------------------------------------------ HERO (beranda) */
.tkq-hero{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(1100px 420px at 88% -12%,rgba(217,180,74,.30),transparent 62%),
    radial-gradient(760px 420px at 4% 108%,rgba(143,201,179,.20),transparent 62%),
    linear-gradient(140deg,#07281F 0%,var(--tkq-green-900) 42%,var(--tkq-green-700) 100%);
  padding:58px 18px 64px;margin-bottom:-1px}
.tkq-hero__pattern{position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><g fill='none' stroke='%23D9B44A' stroke-width='.9' opacity='.85'><path d='M60 6l15.6 22.4L98.4 44 82.8 66.4 60 100 37.2 66.4 21.6 44l22.8-15.6z'/><path d='M60 26l9.4 13.5L83 45.6 73.6 59 60 79.2 46.4 59 37 45.6l13.6-6.1z'/><circle cx='60' cy='60' r='56'/><circle cx='0' cy='0' r='56'/><circle cx='120' cy='0' r='56'/><circle cx='0' cy='120' r='56'/><circle cx='120' cy='120' r='56'/></g></svg>");
  background-size:120px 120px}
.tkq-hero__inner{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;
  gap:38px;align-items:center}
.tkq-hero__badge{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tkq-gold-400);background:rgba(217,180,74,.12);
  border:1px solid rgba(217,180,74,.42);border-radius:50px;padding:7px 15px;margin-bottom:20px}
.tkq-hero__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tkq-gold-400);
  box-shadow:0 0 0 4px rgba(217,180,74,.22)}
.tkq-hero h1,.tkq-hero__title{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.85rem);line-height:1.16;font-weight:800;
  margin:0 0 1.05rem;letter-spacing:-.02em;color:#fff;padding:0;border:0}
.tkq-hero__title span{background:linear-gradient(100deg,#F7EBC8,var(--tkq-gold-400) 55%,#E9D08B);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tkq-hero__sub{font-size:1.02rem;line-height:1.72;color:rgba(255,255,255,.84);margin:0 0 1.7rem;max-width:56ch}
.tkq-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.9rem}
.tkq-hero__btns .tkq-btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(4px)}
.tkq-hero__btns .tkq-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.tkq-hero__meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.85rem;color:rgba(255,255,255,.72)}
.tkq-hero__meta span{display:inline-flex;align-items:center;gap:7px}
.tkq-hero__meta i{width:7px;height:7px;border-radius:50%;background:var(--tkq-gold-400);display:block}

/* kartu ornamen kanan */
.tkq-hero__art{position:relative;display:grid;place-items:center;min-height:280px}
.tkq-hero__seal{position:relative;width:min(320px,78vw);aspect-ratio:1;display:grid;place-items:center}
.tkq-hero__seal::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(217,180,74,.55),rgba(217,180,74,.06),rgba(143,201,179,.45),rgba(217,180,74,.55));
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);
  animation:tkq-spin 34s linear infinite}
.tkq-hero__star{position:relative;width:74%;aspect-ratio:1;display:grid;place-items:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(217,180,74,.38);border-radius:50%;
  box-shadow:inset 0 0 60px rgba(217,180,74,.16),0 30px 60px -30px rgba(0,0,0,.6)}
.tkq-hero__star::before{content:"";position:absolute;inset:9%;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%23D9B44A' stroke-width='1.6'><path d='M50 4l13.6 24.8L92 42 73.4 64.6 62 96 50 76 38 96 26.6 64.6 8 42l28.4-13.2z'/><path d='M50 20l8.8 16.2L77 44l-12 16.4L58 84 50 70 42 84l-7-23.6L23 44l18.2-7.8z'/></g></svg>") no-repeat center/contain}
.tkq-hero__star span{position:relative;font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  color:var(--tkq-gold-400);text-align:center;line-height:1.9}
@keyframes tkq-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .tkq-hero__seal::before{animation:none} }
@media (max-width:900px){
  .tkq-hero{padding:44px 18px 50px}
  .tkq-hero__inner{grid-template-columns:1fr;gap:26px}
  .tkq-hero__art{display:none}
  .tkq-hero__btns{flex-direction:column;align-items:stretch}
  .tkq-hero__btns .tkq-btn{justify-content:center}
}

/* ------------------------------------------------------------------ migrasi foto lama (Astra: figure img)
   Foto rendah-res (419-467px) TIDAK dipakai sebagai hero — aturan brief. */
.tkq-wrap img.tkq-legacy{display:none !important}


/* ------------------------------------------------------------------ lebar penuh
   Astra membungkus konten halaman dalam .ast-container (max-width 1200px).
   Hero & blok CTA dibuat menembus container agar terasa "besar" seperti situs profil. */
body.tkq-site .site-content > .ast-container,
body.tkq-site .ast-container[data-section="section-primary-header-builder"]{padding-left:0;padding-right:0}
body.tkq-site .entry-content > .tkq-hero,
body.tkq-site .entry-content > .tkq-fullbleed{
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
body.tkq-site .tkq-hero{padding-left:0;padding-right:0}
body.tkq-site .tkq-hero__inner{padding-left:18px;padding-right:18px}
body.tkq-site .entry-content > .tkq-hero{margin-top:0}
/* hilangkan jarak aneh dari Astra di atas judul */
body.tkq-site .entry-header{margin-bottom:0}
body.tkq-site .ast-separate-container .entry-content > .tkq-wrap:first-child{padding-top:1.4rem}

/* ------------------------------------------------------------------ Astra header & footer brand */
body.tkq-site .site-header{background:#fff;box-shadow:0 6px 24px -18px rgba(11,59,46,.8);border-bottom:1px solid var(--tkq-line)}
body.tkq-site .main-header-menu > .menu-item > .menu-link{font-weight:700;color:var(--tkq-green-900);font-size:.93rem;
  border-radius:8px;transition:.18s}
body.tkq-site .main-header-menu > .menu-item > .menu-link:hover,
body.tkq-site .main-header-menu > .current-menu-item > .menu-link{color:var(--tkq-green-600);background:var(--tkq-green-050)}
body.tkq-site .site-title a{color:var(--tkq-green-900);font-weight:800;letter-spacing:-.02em}
body.tkq-site .site-description{color:var(--tkq-gold-600);font-weight:600;letter-spacing:.02em}
body.tkq-site .ast-above-header,body.tkq-site .ast-below-header{background:var(--tkq-green-900)}
/* tombol menu mobile */
body.tkq-site .main-header-menu-toggle .menu-toggle{background:var(--tkq-green-600);border-radius:10px}
body.tkq-site .main-header-menu-toggle .menu-toggle .mobile-menu-toggle-icon span{background:#fff}
/* footer */
body.tkq-site .site-footer{background:var(--tkq-green-900);color:rgba(255,255,255,.82)}
body.tkq-site .site-footer a{color:var(--tkq-gold-400)}
body.tkq-site .site-primary-footer-wrap,body.tkq-site .site-below-footer-wrap{border-color:rgba(255,255,255,.12)}
/* artikel: kartu lebih rapi */
body.tkq-site .ast-article-post{border-radius:18px;overflow:hidden;box-shadow:var(--tkq-shadow);transition:.2s}
body.tkq-site .ast-article-post:hover{transform:translateY(-3px);box-shadow:var(--tkq-shadow-lg)}
body.tkq-site .entry-title a{color:var(--tkq-green-900)}
body.tkq-site .entry-title a:hover{color:var(--tkq-green-600)}

/* ------------------------------------------------------------------ arsip artikel */
body.tkq-site .ast-archive-description{border-left:5px solid var(--tkq-gold-500);background:var(--tkq-green-050);
  border-radius:var(--tkq-radius-sm);padding:18px 22px;color:var(--tkq-ink-soft);font-size:.95rem;line-height:1.65}
body.tkq-site .ast-article-post .post-thumb img{border-radius:14px}
body.tkq-site .entry-meta,body.tkq-site .ast-blog-single-element.ast-taxonomy-container{font-size:.82rem;color:var(--tkq-ink-soft)}
body.tkq-site .ast-blog-single-element.ast-taxonomy-container a{color:var(--tkq-gold-600);font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;font-size:.74rem}
body.tkq-site .post-navigation .nav-links a{color:var(--tkq-green-600);font-weight:700}