/*
Theme Name: Acehnologi — Gerbang Studi Aceh
Theme URI: https://acehnologi.com
Author: KBA13 Academy
Description: Bilingual (ID/EN) knowledge-gateway theme for Aceh studies: Field → Theme → Entry framework, learning paths, timeline and glossary, with Acehnese ornament (pintô Aceh, pucok reubong).
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: acehnologi
*/

:root{
	--hijau:#17302A; --hijau-2:#1F3F37; --hijau-3:#2A5248;
	--emas:#C9A24A; --emas-muda:#D9C38A; --ochre:#8A6510;
	--merah:#9B2C1F; --merah-tua:#6E1E15;
	--krem:#FAFAF7; --krem-2:#F1EEE5; --krem-3:#ECEAE3;
	--ink:#1A1D1B; --ink-2:#3E4440; --muted:#4F5551; --line:#E2E0D8; --line-2:#D8D4C6;
	--serif:'Spectral',Georgia,'Times New Roman',serif;
	--sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	--radius:10px; --wrap:1240px;
	--band:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2216%22 viewBox=%220 0 28 16%22%3E%3Cpath d=%22M0 16L7 2l7 14z%22 fill=%22%23C9A24A%22/%3E%3Cpath d=%22M14 16l7-14 7 14z%22 fill=%22%23C9A24A%22 opacity=%22.55%22/%3E%3Cpath d=%22M7 10.5l2 2-2 2-2-2z%22 fill=%22%2317302A%22/%3E%3Cpath d=%22M21 10.5l2 2-2 2-2-2z%22 fill=%22%2317302A%22/%3E%3C/svg%3E");
	--lattice:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Cpath d=%22M20 0L40 20 20 40 0 20z%22 fill=%22none%22 stroke=%22%23C9A24A%22 stroke-width=%22.6%22 opacity=%22.35%22/%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%221.6%22 fill=%22%23C9A24A%22 opacity=%22.35%22/%3E%3C/svg%3E");
	--door:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22420%22 height=%22560%22 viewBox=%220 0 420 560%22%3E%3Cg fill=%22none%22 stroke=%22%23C9A24A%22 stroke-width=%222%22%3E%3Cpath d=%22M40 560V170c0-22 14-40 34-52L210 30l136 88c20 12 34 30 34 52v390%22/%3E%3Cpath d=%22M80 560V190l130-86 130 86v370%22 opacity=%22.7%22/%3E%3Cpath d=%22M120 560V214l90-60 90 60v346%22 opacity=%22.45%22/%3E%3Cpath d=%22M210 230l38 38-38 38-38-38z%22/%3E%3Cpath d=%22M210 250l18 18-18 18-18-18z%22 fill=%22%23C9A24A%22 opacity=%22.5%22/%3E%3Cpath d=%22M120 360h180M120 400h180M120 440h180%22 opacity=%22.35%22/%3E%3Cpath d=%22M160 360v200M210 360v200M260 360v200%22 opacity=%22.25%22/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--krem);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--merah);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--merah-tua)}
:focus-visible{outline:3px solid var(--emas);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0;letter-spacing:-.005em}
p{margin:0}
.ag-wrap{max-width:var(--wrap);margin:0 auto;padding-left:24px;padding-right:24px}
.ag-narrow{max-width:860px}
.ag-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ag-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--emas);color:var(--hijau);padding:10px 16px;border-radius:6px;font-weight:600}
.ag-skip:focus{left:12px}

/* ---------- Bilingual switching ---------- */
html:not([data-lang="en"]) .l-en{display:none!important}
html[data-lang="en"] .l-id{display:none!important}

/* ---------- Ornaments ---------- */
.ag-band{height:16px;background-color:var(--hijau);background-image:var(--band);background-repeat:repeat-x;background-position:center bottom;border-bottom:2px solid var(--emas)}
.ag-band.is-footer{transform:scaleY(-1);border-bottom-color:var(--emas)}
.ag-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--merah);display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ag-eyebrow::before{content:"";width:8px;height:8px;background:currentColor;transform:rotate(45deg);flex:none}
.ag-eyebrow.is-gold{color:var(--emas-muda)}
.ag-eyebrow.is-ochre{color:var(--ochre)}

/* ---------- Header ---------- */
.ag-header{background:var(--hijau);color:#F3F1EA;position:relative;z-index:10}
.ag-header-in{display:flex;align-items:center;gap:16px 28px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.ag-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F3F1EA}
.ag-brand:hover{color:#fff}
.ag-mark{color:var(--emas);flex:none}
.ag-brand-txt{display:flex;flex-direction:column;line-height:1.1}
.ag-brand-name{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:.01em}
.ag-brand-sub{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--emas-muda);margin-top:3px}
.ag-nav{display:flex;flex-wrap:wrap;gap:2px 22px;flex:1 1 auto;justify-content:flex-end;font-size:15px}
.ag-nav a{color:#F3F1EA;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.ag-nav a:hover{color:#fff;border-bottom-color:var(--emas)}
.ag-lang{display:flex;border:1px solid var(--emas);border-radius:999px;overflow:hidden;flex:none}
.ag-lang button{min-width:48px;min-height:40px;border:0;background:transparent;color:#F3F1EA;font:600 14px var(--sans);cursor:pointer;letter-spacing:.04em}
html:not([data-lang="en"]) .ag-lang [data-lang="id"],html[data-lang="en"] .ag-lang [data-lang="en"]{background:var(--emas);color:var(--hijau)}
.ag-menu-btn{display:none;margin-left:auto;min-width:44px;min-height:44px;border:1px solid rgba(201,162,74,.6);border-radius:8px;background:transparent;color:#F3F1EA;cursor:pointer;align-items:center;justify-content:center}

/* ---------- Hero ---------- */
.ag-hero{background:var(--hijau);color:#F3F1EA;position:relative;overflow:hidden}
.ag-hero::before{content:"";position:absolute;inset:0;background-image:var(--lattice);opacity:.55;pointer-events:none}
.ag-hero-door{position:absolute;right:max(24px,calc((100vw - var(--wrap))/2 + 8px));bottom:0;width:360px;height:480px;background:var(--door) no-repeat bottom center/contain;opacity:.32;pointer-events:none}
.ag-hero-in{position:relative;padding-top:80px;padding-bottom:72px;display:flex;flex-direction:column;gap:20px}
.ag-hero h1{font-size:clamp(38px,5.2vw,66px);max-width:880px;color:#FBF9F2}
.ag-hero-lead{font-size:19px;line-height:1.65;max-width:720px;color:#DAD8CF}
.ag-try{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:#DAD8CF}
.ag-try a{color:#F3F1EA}
.ag-try a:hover{color:var(--emas-muda)}
.ag-stats{display:flex;flex-wrap:wrap;gap:16px 48px;margin:28px 0 0;padding-top:24px;border-top:1px solid rgba(201,162,74,.35)}
.ag-stats div{display:flex;flex-direction:column-reverse}
.ag-stats dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--emas-muda)}
.ag-stats dd{margin:0;font-family:var(--serif);font-size:40px;font-weight:600;line-height:1;color:#FBF9F2}

/* ---------- Search ---------- */
.ag-search{display:flex;flex-wrap:wrap;gap:10px;max-width:760px;margin-top:8px}
.ag-search input{flex:1 1 300px;min-height:52px;padding:0 18px;font:17px var(--sans);border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink)}
.ag-search.is-hero input{border:0}
.ag-search button{min-height:52px;padding:0 28px;border:0;border-radius:8px;background:var(--emas);color:var(--hijau);font:600 16px var(--sans);cursor:pointer}
.ag-search button:hover{background:var(--emas-muda)}

/* ---------- Sections ---------- */
.ag-section{padding-top:72px;padding-bottom:56px}
.ag-section h2{font-size:clamp(30px,3.4vw,42px);margin-bottom:12px}
.ag-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.ag-section-head > div{max-width:700px}
.ag-lead-s{font-size:17px;line-height:1.65;color:var(--muted);max-width:700px}
.ag-path-note{font-size:14px;color:var(--muted);font-family:var(--serif);font-style:italic}
.ag-more{font-weight:500;font-size:15px}
.ag-muted{color:var(--muted);font-size:15px}
.ag-soon{padding:20px;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted);background:#fff}
.ag-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:8px;background:var(--hijau);color:#F3F1EA;text-decoration:none;font-weight:600;font-size:15px}
.ag-btn:hover{background:var(--hijau-3);color:#fff}
.ag-btn.is-gold{background:var(--emas);color:var(--hijau)}

/* ---------- Framework explorer ---------- */
.ag-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.ag-field-card{text-align:left;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;min-height:170px;border-radius:var(--radius);background:#fff;color:var(--ink);border:1px solid var(--line);position:relative;transition:border-color .15s,transform .15s}
.ag-field-card:hover{border-color:var(--emas);transform:translateY(-2px)}
.ag-field-num{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--merah)}
.ag-field-name{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.2}
.ag-field-short{font-size:14px;line-height:1.5;color:var(--muted)}
.ag-field-count{margin-top:auto;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ochre);font-weight:600}
.ag-field-card[aria-selected="true"]{background:var(--hijau);border-color:var(--hijau);color:#F3F1EA}
.ag-field-card[aria-selected="true"] .ag-field-num,.ag-field-card[aria-selected="true"] .ag-field-count{color:var(--emas-muda)}
.ag-field-card[aria-selected="true"] .ag-field-short{color:#DAD8CF}
.ag-field-card[aria-selected="true"]::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:4px;background-image:var(--band);background-size:auto 4px;background-color:var(--emas)}
.ag-field-panel{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:32px 48px}
.ag-js .ag-field-panel:not(.is-active){display:none}
.ag-panel-head h3{font-size:32px;margin-bottom:12px}
.ag-panel-head .ag-lead-s{margin-bottom:14px}
.ag-theme-list{display:flex;flex-direction:column}
.ag-theme{padding:14px 0;border-bottom:1px solid var(--krem-3)}
.ag-theme:first-child{padding-top:0}
.ag-theme-head{display:flex;gap:12px;align-items:baseline;margin-bottom:10px;font-size:17px;font-weight:500}
.ag-theme-head a{color:var(--ink);text-decoration:none}
.ag-theme-head a:hover{color:var(--merah)}
.ag-theme-code{font-size:13px;color:var(--ochre);font-weight:600;font-family:var(--sans);flex:none}
.ag-chips{display:flex;flex-wrap:wrap;gap:8px}
.ag-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;color:var(--ink);font-size:14.5px;background:var(--krem)}
.ag-chip:hover{border-color:var(--emas);color:var(--ink);background:#fff}
.ag-chip.is-more{color:var(--merah);font-weight:600}
.ag-chip.is-term{font-style:italic;font-family:var(--serif);font-size:15.5px}
.ag-chip.is-on{background:var(--hijau);color:#F3F1EA;border-color:var(--hijau)}
.ag-chip small{opacity:.7}

/* ---------- Paths ---------- */
.ag-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:28px}
.ag-path-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.ag-path-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background-color:var(--hijau);background-image:var(--band);background-size:auto 6px}
.ag-path-top{display:flex;justify-content:space-between;align-items:center}
.ag-path-top .ag-eyebrow{margin:0}
.ag-path-mark{font-family:var(--serif);font-size:30px;color:var(--emas);font-weight:600}
.ag-path-card h3{font-size:25px}
.ag-path-card ol{margin:4px 0 8px;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.45}
.ag-path-card ol a{color:var(--ink);text-decoration:none}
.ag-path-card ol a:hover{color:var(--merah);text-decoration:underline}
.ag-path-card .ag-btn{margin-top:auto;align-self:flex-start}

/* ---------- Timeline ---------- */
.ag-timeline-band{background:var(--krem-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0}
.ag-timeline-band h2{font-size:clamp(30px,3.4vw,42px)}
.ag-hscroll{overflow-x:auto;padding-bottom:12px}
.ag-tl-row{list-style:none;margin:0;padding:0;display:flex;min-width:1100px;border-top:2px solid var(--hijau)}
.ag-tl-row li{flex:1 1 0;padding:0 18px 0 0}
.ag-tl-dot{display:block;width:14px;height:14px;background:var(--merah);border:3px solid var(--krem-2);margin-top:-8px;transform:rotate(45deg)}
.ag-tl-year{margin:14px 0 6px;font-family:var(--serif);font-size:24px;font-weight:700;color:var(--hijau)}
.ag-tl-text{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.ag-tl-text a{color:var(--ink-2)}
.ag-century{margin-bottom:40px}
.ag-century-h{font-size:28px;padding-bottom:12px;border-bottom:2px solid var(--hijau);margin-bottom:8px}
.ag-tl-list{list-style:none;margin:0;padding:0}
.ag-tl-list li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--krem-3)}
.ag-tl-list .ag-tl-year{margin:0;font-size:22px;color:var(--merah)}
.ag-tl-list .ag-tl-text{font-size:16.5px;color:var(--ink)}
.ag-tl-link{display:inline-block;margin-top:6px;font-size:14px;font-weight:500}

/* ---------- Glossary ---------- */
.ag-gloss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ag-gloss-card{display:flex;flex-direction:column;gap:6px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.ag-gloss-card:hover{border-color:var(--emas);color:var(--ink)}
.ag-gloss-term{font-family:var(--serif);font-size:21px;font-style:italic;font-weight:600;color:var(--hijau)}
.ag-gloss-def{font-size:15px;color:var(--ink-2);line-height:1.5}
.ag-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.ag-gl-table{width:100%;min-width:640px;border-collapse:collapse;font-size:16px}
.ag-gl-table thead th{text-align:left;padding:14px 20px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#F6F4EE}
.ag-gl-table td{padding:14px 20px;border-top:1px solid var(--krem-3);vertical-align:top;color:var(--ink-2)}
.ag-gl-term{font-family:var(--serif);font-size:19px;font-style:italic;font-weight:600;color:var(--ink)!important;white-space:nowrap}
.ag-gl-letter th{text-align:left;padding:18px 20px 8px;font-family:var(--serif);font-size:26px;color:var(--merah);background:#fff}
.ag-gl-row:target{background:#FBF4DF}
.ag-gl-row:target td{box-shadow:inset 0 0 0 0 transparent}

/* ---------- Page hero (inner pages) ---------- */
.ag-page-hero{background:var(--hijau);color:#F3F1EA;position:relative;overflow:hidden}
.ag-page-hero::before{content:"";position:absolute;inset:0;background-image:var(--lattice);opacity:.45;pointer-events:none}
.ag-page-hero .ag-wrap{position:relative;padding-top:36px;padding-bottom:52px;display:flex;flex-direction:column;gap:14px}
.ag-page-hero h1{font-size:clamp(34px,4.4vw,54px);color:#FBF9F2;max-width:900px}
.ag-page-hero .ag-crumbs,.ag-page-hero .ag-crumbs a{color:#DAD8CF}
.ag-page-hero .ag-crumbs{margin-bottom:12px}
.ag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ag-filter .ag-chip{background:transparent;color:#F3F1EA;border-color:rgba(201,162,74,.6)}
.ag-filter .ag-chip.is-on{background:var(--emas);color:var(--hijau);border-color:var(--emas)}

/* ---------- Crumbs ---------- */
.ag-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--muted)}
.ag-crumbs a{color:var(--muted)}
.ag-crumbs a:hover{color:var(--merah)}
.ag-entry-top{background:var(--krem-2);border-bottom:1px solid var(--line);padding:16px 0}

/* ---------- Entry ---------- */
.ag-entry{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-top:40px;padding-bottom:80px;align-items:start}
.ag-entry-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.ag-entry-head{display:flex;flex-direction:column;gap:14px}
.ag-entry-head h1{font-size:clamp(38px,4.8vw,60px);line-height:1.05}
.ag-period{font-size:16px;color:var(--muted)}
.ag-tags{display:flex;flex-wrap:wrap;gap:8px}
.ag-tag{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:4px;background:var(--krem-2);color:var(--ochre);text-decoration:none}
.ag-tag.is-dark{background:var(--hijau);color:#F3F1EA}
.ag-tag:hover{color:var(--merah)}
.ag-tag.is-dark:hover{color:var(--emas-muda)}
.ag-summary{font-family:var(--serif);font-size:22px;line-height:1.6;padding-left:22px;border-left:3px solid var(--emas)}
.ag-prose p{margin:0 0 1.1em;font-size:18px;line-height:1.75;color:var(--ink)}
.ag-prose p:last-child{margin-bottom:0}
.ag-block h2{font-size:28px;margin-bottom:10px}
.ag-block .ag-muted{margin-bottom:14px}
.ag-ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.ag-idea{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;position:relative}
.ag-idea::before{content:"";position:absolute;top:20px;right:20px;width:8px;height:8px;background:var(--emas);transform:rotate(45deg)}
.ag-idea-h{font-family:var(--serif);font-size:20px;font-weight:600;padding-right:20px}
.ag-idea p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.ag-rels{display:flex;flex-direction:column;gap:10px}
.ag-rel{display:grid;grid-template-columns:130px minmax(0,auto) 1fr;align-items:baseline;gap:6px 18px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}
a.ag-rel:hover{border-color:var(--emas);color:var(--ink)}
.ag-rel.is-pending{background:var(--krem)}
.ag-rel-kind{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--merah)}
.ag-rel-name{font-family:var(--serif);font-size:19px;font-weight:600}
.ag-rel-note{font-size:14.5px;color:var(--muted)}
.ag-pending{font-size:13px;color:var(--ochre)}
.ag-question{background:var(--hijau) var(--lattice);color:#F3F1EA;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden}
.ag-question::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background-image:var(--band);background-size:auto 10px}
.ag-question-q{font-family:var(--serif);font-size:23px;line-height:1.5}
.ag-cite{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;word-break:break-word}
.ag-entry-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}
.ag-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.ag-box-h{font-family:var(--sans);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:600}
.ag-box-title{font-family:var(--serif);font-size:20px;font-weight:600;margin-bottom:6px}
.ag-box-title.is-s{font-size:17px}
.ag-box-title a{color:var(--ink);text-decoration:none}
.ag-facts{margin:0;display:flex;flex-direction:column;gap:14px;font-size:15px}
.ag-facts dt{font-size:12.5px;color:var(--ochre);font-weight:600;letter-spacing:.04em}
.ag-facts dd{margin:2px 0 0;line-height:1.5}
.ag-progress{height:6px;background:var(--krem-3);border-radius:3px;margin-top:12px}
.ag-progress span{display:block;height:6px;background:var(--merah);border-radius:3px}
.ag-pn{display:flex;justify-content:space-between;margin-top:14px;font-size:14.5px;font-weight:500}
.ag-sib{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:15px}
.ag-sib li{padding:6px 0;border-bottom:1px solid var(--krem-3)}
.ag-sib a{color:var(--ink);text-decoration:none}
.ag-sib a:hover{color:var(--merah)}
.ag-sib [aria-current]{font-weight:600;color:var(--merah)}

/* ---------- Cards / A–Z ---------- */
.ag-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ag-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.ag-card:hover{border-color:var(--emas);transform:translateY(-2px);color:var(--ink)}
.ag-card-type{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--merah)}
.ag-card-title{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.25}
.ag-card-sum{font-size:14.5px;line-height:1.55;color:var(--muted)}
.ag-theme-block{margin-bottom:44px}
.ag-theme-block h2{font-size:26px;margin-bottom:18px;display:flex;gap:12px;align-items:baseline}
.ag-theme-block h2 a{color:var(--ink);text-decoration:none}
.ag-az{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
.ag-az a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid var(--line-2);border-radius:6px;text-decoration:none;color:var(--hijau);font-family:var(--serif);font-weight:600;background:#fff}
.ag-az a:hover{background:var(--hijau);color:#F3F1EA}
.ag-az-group{margin-bottom:36px}
.ag-az-letter{font-size:34px;color:var(--merah);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.ag-about-box{margin-top:32px}
.ag-about-box .ag-box-title{margin-bottom:16px}

/* ---------- Footer ---------- */
.ag-footer{background:var(--hijau);color:#DAD8CF;margin-top:40px}
.ag-footer-in{display:flex;flex-wrap:wrap;gap:40px 64px;justify-content:space-between;padding-top:56px;padding-bottom:40px}
.ag-footer-about{flex:1 1 380px;max-width:560px;display:flex;flex-direction:column;gap:18px}
.ag-footer-about p{font-size:15px;line-height:1.7}
.ag-arabic{font-family:'Amiri',serif;font-size:26px;color:var(--emas-muda);text-align:left}
.ag-footer-cols{display:flex;flex-wrap:wrap;gap:32px 56px}
.ag-footer-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.ag-footer a{color:#F3F1EA;text-decoration:none}
.ag-footer a:hover{color:var(--emas-muda)}
.ag-strong{color:#F3F1EA;margin-bottom:18px;font-size:15.5px}
.ag-footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:18px;padding-bottom:26px;border-top:1px solid rgba(201,162,74,.3);font-size:13.5px}

/* ---------- Responsive ---------- */
@media (max-width: 1080px){
	.ag-entry{grid-template-columns:1fr;gap:32px}
	.ag-entry-side{position:static}
	.ag-field-panel{grid-template-columns:1fr}
	.ag-hero-door{opacity:.16;width:280px;height:380px}
}
@media (max-width: 900px){
	.ag-menu-btn{display:inline-flex}
	.ag-nav{order:5;flex-basis:100%;flex-direction:column;gap:0;display:none;padding:8px 0}
	.ag-nav.is-open{display:flex}
	.ag-nav a{padding:12px 0;border-bottom:1px solid rgba(201,162,74,.2)}
	.ag-lang{order:2;margin-left:auto}
	.ag-menu-btn{order:3;margin-left:0}
}
@media (max-width: 640px){
	body{font-size:16px}
	.ag-wrap{padding-left:16px;padding-right:16px}
	.ag-brand-name{font-size:21px}
	.ag-brand-sub{font-size:10.5px}
	.ag-hero-in{padding-top:52px;padding-bottom:48px}
	.ag-hero-lead{font-size:17px}
	.ag-stats{gap:16px 28px}
	.ag-stats dd{font-size:32px}
	.ag-section{padding-top:52px;padding-bottom:40px}
	.ag-field-grid{grid-template-columns:1fr 1fr;gap:10px}
	.ag-field-card{min-height:150px;padding:16px}
	.ag-field-name{font-size:17px}
	.ag-field-short{display:none}
	.ag-field-panel{padding:22px}
	.ag-panel-head h3{font-size:26px}
	.ag-rel{grid-template-columns:1fr}
	.ag-summary{font-size:19px;padding-left:16px}
	.ag-prose p{font-size:17px}
	.ag-tl-list li{grid-template-columns:1fr;gap:4px}
	.ag-question{padding:22px}
	.ag-question-q{font-size:20px}
	.ag-header-in{gap:10px}
	.ag-lang button{min-width:40px}
	.ag-brand-sub{letter-spacing:.08em}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.ag-header,.ag-footer,.ag-entry-side,.ag-band{display:none}.ag-entry{display:block}}

/* ---------- Brand imagery (v1.1) ---------- */
.ag-hero{background-color:#11302A}
.ag-hero::before{opacity:.35}
.ag-hero-art{position:absolute;inset:0;background-repeat:no-repeat;background-position:right center;background-size:cover;pointer-events:none}
.ag-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,48,42,.92) 0%,rgba(17,48,42,.55) 45%,rgba(17,48,42,0) 70%)}
.ag-field-icon{position:absolute;top:14px;right:14px;width:52px;height:52px;opacity:.95}
.ag-field-card[aria-selected="true"] .ag-field-icon{opacity:1}
.ag-field-card .ag-field-name{padding-right:48px}
@media (max-width:1080px){.ag-hero-art{opacity:.45}}
@media (max-width:640px){.ag-hero-art{opacity:.28;background-position:75% center}.ag-field-icon{width:40px;height:40px;top:10px;right:10px}.ag-field-card .ag-field-name{padding-right:30px}}
.ag-hero h1{max-width:760px}
.ag-try{max-width:720px}
.ag-hero-art{background-size:auto 100%}
.ag-hero-art::after{background:linear-gradient(90deg,rgba(17,48,42,.96) 0%,rgba(17,48,42,.8) 48%,rgba(17,48,42,.15) 72%,rgba(17,48,42,0) 85%)}

/* ---------- Final logo (v1.2) ---------- */
.ag-mark{display:block;width:auto;flex:none}
.ag-wordmark{display:block;height:20px;width:auto}
.ag-brand-txt{gap:7px}
.ag-brand-sub{margin-top:0;font-size:10.5px;letter-spacing:.2em}
.ag-footer .ag-wordmark{height:22px}
@media (max-width:640px){.ag-wordmark{height:16px}.ag-brand .ag-mark{height:40px}.ag-brand-sub{font-size:9.5px;letter-spacing:.14em}}

/* ---------- Brand guidelines typography & logo sizing (v1.3) ---------- */
@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'LM Sans';src:url('assets/fonts/lmsans10-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LM Sans';src:url('assets/fonts/lmsans10-oblique.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'LM Sans';src:url('assets/fonts/lmsans10-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--serif:'LM Roman','Latin Modern Roman','CMU Serif',Georgia,serif;--sans:'LM Sans','Latin Modern Sans','CMU Sans Serif','Helvetica Neue',Arial,sans-serif}
body{font-size:18px;line-height:1.56}
h1,h2,h3,.ag-field-name,.ag-card-title,.ag-idea-h,.ag-rel-name,.ag-box-title,.ag-path-card h3,.ag-theme-block h2,.ag-stats dd,.ag-tl-year,.ag-gloss-term,.ag-gl-term,.ag-question-q,.ag-path-mark,.ag-az-letter,.ag-century-h,.ag-gl-letter th{font-weight:400}
.ag-hero h1,.ag-page-hero h1,.ag-entry-head h1{letter-spacing:-.01em}
.ag-eyebrow,.ag-field-count,.ag-rel-kind,.ag-card-type,.ag-tag,.ag-box-h,.ag-facts dt{font-weight:700}
.ag-header .ag-mark{height:50px}
.ag-footer .ag-mark{height:46px}
@media (max-width:640px){.ag-header .ag-mark{height:40px}}