/* Arch Scholar Premium 1.0.0-alpha.1, OJASA.ID. Dibangun dari OJASA Design System v1.2. Kode GPL v3; huruf OFL 1.1; ikon Lucide ISC. */

/* Huruf lokal, SIL Open Font License 1.1 (lihat fonts/OFL-*.txt). Tanpa Google Fonts. */
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/literata-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/literata-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/literata-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/literata-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../fonts/literata-latin-ext-700-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../fonts/literata-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/source-sans-3-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/source-sans-3-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../fonts/source-sans-3-latin-ext-700-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../fonts/source-sans-3-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


/* OJASA Design System v1.2.0 — token inti (sama untuk ketiga tema). Jangan diubah per jurnal. */
:root {
  --oj-space-0: 0px;
  --oj-space-4: 4px;
  --oj-space-8: 8px;
  --oj-space-16: 16px;
  --oj-space-24: 24px;
  --oj-space-32: 32px;
  --oj-space-40: 40px;
  --oj-space-48: 48px;
  --oj-space-56: 56px;
  --oj-space-64: 64px;
  --oj-space-80: 80px;
  --oj-space-96: 96px;
  --oj-space-128: 128px;
  --oj-radius-none: 0px;
  --oj-radius-xs: 4px;
  --oj-radius-sm: 6px;
  --oj-radius-md: 10px;
  --oj-radius-lg: 14px;
  --oj-radius-xl: 20px;
  --oj-radius-pill: 999px;
  --oj-size-control-sm: 32px;
  --oj-size-control: 40px;
  --oj-size-control-lg: 48px;
  --oj-size-touch: 48px;
  --oj-size-icon-sm: 16px;
  --oj-size-icon: 24px;
  --oj-size-badge: 24px;
  --oj-size-topbar: 40px;
  --oj-size-nav: 56px;
  --oj-size-header: 96px;
  --oj-size-header-m: 56px;
  --oj-size-avatar: 64px;
  --oj-size-cover-toc: 160px;
  --oj-size-cover-details: 240px;
  --oj-size-details-col: 280px;
  --oj-size-sidebar: 320px;
  --oj-size-measure: 720px;
  --oj-size-container: 1160px;
  --oj-fs-xs: 12px;
  --oj-fs-sm: 13px;
  --oj-fs-ui: 14px;
  --oj-fs-base: 15px;
  --oj-fs-md: 16px;
  --oj-fs-reading: 17px;
  --oj-fs-lg: 18px;
  --oj-fs-xl: 20px;
  --oj-fs-2xl: 24px;
  --oj-fs-3xl: 28px;
  --oj-fs-4xl: 32px;
  --oj-fs-5xl: 40px;
  --oj-fs-6xl: 48px;
  --oj-lh-xs: 16px;
  --oj-lh-sm: 20px;
  --oj-lh-ui: 20px;
  --oj-lh-base: 24px;
  --oj-lh-md: 24px;
  --oj-lh-reading: 28px;
  --oj-lh-lg: 28px;
  --oj-lh-xl: 28px;
  --oj-lh-2xl: 32px;
  --oj-lh-3xl: 36px;
  --oj-lh-4xl: 40px;
  --oj-lh-5xl: 48px;
  --oj-lh-6xl: 56px;
  --oj-fw-regular: 400;
  --oj-fw-medium: 500;
  --oj-fw-semibold: 600;
  --oj-fw-bold: 700;
  --oj-fw-heavy: 800;
  --oj-dur-instant: 0ms;
  --oj-dur-fast: 120ms;
  --oj-dur-base: 200ms;
  --oj-dur-slow: 320ms;
  --oj-dur-reveal: 520ms;
  --oj-dur-count: 900ms;
  --oj-ease-standard: cubic-bezier(.2,.8,.2,1);
  --oj-ease-enter: cubic-bezier(0,0,.2,1);
  --oj-ease-exit: cubic-bezier(.4,0,1,1);
  --oj-ease-spring: cubic-bezier(.34,1.56,.64,1);
  --oj-z-sticky: 40;
  --oj-z-dropdown: 50;
  --oj-z-overlay: 55;
  --oj-z-drawer: 60;
  --oj-z-toast: 70;
  --oj-container: 1160px;
  --oj-sidebar: 320px;
  --oj-gutter: 16px;
  --oj-touch: 48px;
}
@media (min-width: 768px) { :root { --oj-gutter: 24px; } }
@media (min-width: 992px) { :root { --oj-gutter: 32px; } }
/* layar sentuh: semua kontrol naik ke 48 px */
@media (pointer: coarse) { :root { --oj-size-control: 48px; } }

/* Tanda ʿ dan ʾ untuk tema yang fontnya tidak memuatnya (Plus Jakarta Sans). */
@font-face {
  font-family: "OJ Transliterasi";
  src: url("../fonts/oj-transliterasi-400.woff2") format("woff2");
  font-weight: 100 599;
  unicode-range: U+02BE-02BF;
  font-display: swap;
}
@font-face {
  font-family: "OJ Transliterasi";
  src: url("../fonts/oj-transliterasi-800.woff2") format("woff2");
  font-weight: 600 900;
  unicode-range: U+02BE-02BF;
  font-display: swap;
}


/* Arch Scholar Premium — token tema, OJASA Design System v1.2.0.
 * Kejelasan di atas hiasan: kirim, temukan, percaya. Satu motif khas, bingkai lengkung.
 * Warna dasar/aksen/tautan ditimpa opsi tema (FieldColor); variabel --oj-bg-* ditimpa opsi latar. */
:root {
  --oj-primary: #1F4D3A;
  --oj-primary-hover: #173B2C;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #9A7B4F;
  --oj-on-accent: #FFFFFF;
  --oj-link: #1F4D3A;
  --oj-link-hover: #1B2620;
  --oj-ink: #1B2620;
  --oj-ink-2: #3F4B45;
  --oj-ink-3: #5F6B65;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F3F6F4;
  --oj-surface-3: #E7EEEA;
  --oj-line: #E1E7E3;
  --oj-line-2: #C7D1CB;
  --oj-dark: #1F4D3A;
  --oj-dark-2: #173B2C;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #CFE0D7;
  --oj-dark-line: #2F6650;
  --oj-focus: #1F4D3A;
  --oj-shadow: #C7D1CB;
  --oj-overlay: #12241B;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #16372A;
  --oj-font-heading: "Literata", Georgia, "Times New Roman", serif;
  --oj-fw-heading: 700;
  --oj-font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --oj-fw-body: 400;
  --oj-font-ui: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --oj-fw-ui: 600;
  --oj-font-reading: "Literata", Georgia, "Times New Roman", serif;
  --oj-fw-reading: 400;
  --oj-radius-button: 999px;
  --oj-radius-card: 14px;
  --oj-radius-chip: 999px;
  --oj-radius-input: 10px;
  --oj-radius-block: 14px;
  --oj-radius-cover: 50% 50% 8px 8px / 35.2% 35.2% 8px 8px;
  --oj-shadow-card: 0 1px 2px rgba(27,38,32,.06);
  --oj-shadow-raised: 0 8px 24px rgba(27,38,32,.10);
  --oj-shadow-cover: 6px 6px 0 var(--oj-shadow);
  --oj-focus-ring: 0 0 0 3px rgba(31, 77, 58, .35);
  --oj-grad-angle: 180deg;
  --oj-motion-lift: 0px;
  --oj-motion-press: 1;

  /* latar: nilai bawaan, ditimpa opsi tema */
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #1B2620;
  --oj-bg-header-ink-2: #3F4B45;
  --oj-bg-hero-color: #F3F6F4;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjNGNkY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJERERDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjNGNkY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJERERDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #1B2620;
  --oj-bg-hero-ink-2: #3F4B45;
  --oj-bg-band-color: #F3F6F4;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #1B2620;
  --oj-bg-band-ink-2: #3F4B45;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #1B2620;
  --oj-bg-page-ink-2: #3F4B45;
  --oj-bg-footer-color: #F3F6F4;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #1B2620;
  --oj-bg-footer-ink-2: #3F4B45;
}


/* Preset warna Arch Scholar Premium. Tema menulis <html data-oj-preset="…">; warna kustom di opsi tema tetap menang. */
:root[data-oj-preset="perpustakaan"] {
  --oj-primary: #1F4D3A;
  --oj-primary-hover: #173B2C;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #9A7B4F;
  --oj-on-accent: #FFFFFF;
  --oj-link: #1F4D3A;
  --oj-link-hover: #1B2620;
  --oj-ink: #1B2620;
  --oj-ink-2: #3F4B45;
  --oj-ink-3: #5F6B65;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F3F6F4;
  --oj-surface-3: #E7EEEA;
  --oj-line: #E1E7E3;
  --oj-line-2: #C7D1CB;
  --oj-dark: #1F4D3A;
  --oj-dark-2: #173B2C;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #CFE0D7;
  --oj-dark-line: #2F6650;
  --oj-focus: #1F4D3A;
  --oj-shadow: #C7D1CB;
  --oj-overlay: #12241B;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #16372A;
  --oj-focus-ring: 0 0 0 3px rgba(31, 77, 58, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #1B2620;
  --oj-bg-header-ink-2: #3F4B45;
  --oj-bg-hero-color: #F3F6F4;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjNGNkY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJERERDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjNGNkY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREJERERDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #1B2620;
  --oj-bg-hero-ink-2: #3F4B45;
  --oj-bg-band-color: #F3F6F4;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #1B2620;
  --oj-bg-band-ink-2: #3F4B45;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #1B2620;
  --oj-bg-page-ink-2: #3F4B45;
  --oj-bg-footer-color: #F3F6F4;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #1B2620;
  --oj-bg-footer-ink-2: #3F4B45;
}
:root[data-oj-preset="oxford"] {
  --oj-primary: #1F3A5F;
  --oj-primary-hover: #182D4A;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #A1824A;
  --oj-on-accent: #FFFFFF;
  --oj-link: #1F3A5F;
  --oj-link-hover: #19212C;
  --oj-ink: #19212C;
  --oj-ink-2: #474D56;
  --oj-ink-3: #6C6F76;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F4F5F7;
  --oj-surface-3: #E9EBEF;
  --oj-line: #E4E7EC;
  --oj-line-2: #CBD2DA;
  --oj-dark: #1F3A5F;
  --oj-dark-2: #182D4A;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #D7DCE2;
  --oj-dark-line: #415877;
  --oj-focus: #1F3A5F;
  --oj-shadow: #CBD2DA;
  --oj-overlay: #112034;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #162A44;
  --oj-focus-ring: 0 0 0 3px rgba(31, 58, 95, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #19212C;
  --oj-bg-header-ink-2: #474D56;
  --oj-bg-hero-color: #F4F5F7;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjRGNUY3Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RFIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjRGNUY3Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RFIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #19212C;
  --oj-bg-hero-ink-2: #474D56;
  --oj-bg-band-color: #F4F5F7;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #19212C;
  --oj-bg-band-ink-2: #474D56;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #19212C;
  --oj-bg-page-ink-2: #474D56;
  --oj-bg-footer-color: #F4F5F7;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #19212C;
  --oj-bg-footer-ink-2: #474D56;
}
:root[data-oj-preset="marun-batu"] {
  --oj-primary: #6E2C2C;
  --oj-primary-hover: #562222;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #A38457;
  --oj-on-accent: #FFFFFF;
  --oj-link: #6E2C2C;
  --oj-link-hover: #301D1D;
  --oj-ink: #301D1D;
  --oj-ink-2: #594A4A;
  --oj-ink-3: #776D6D;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F8F4F4;
  --oj-surface-3: #F0EAEA;
  --oj-line: #EEE6E6;
  --oj-line-2: #DECECE;
  --oj-dark: #6E2C2C;
  --oj-dark-2: #562222;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #E5D9D9;
  --oj-dark-line: #844C4C;
  --oj-focus: #6E2C2C;
  --oj-shadow: #DECECE;
  --oj-overlay: #3D1818;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #4F2020;
  --oj-focus-ring: 0 0 0 3px rgba(110, 44, 44, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #301D1D;
  --oj-bg-header-ink-2: #594A4A;
  --oj-bg-hero-color: #F8F4F4;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjhGNEY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREZEQ0RDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjhGNEY0Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREZEQ0RDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #301D1D;
  --oj-bg-hero-ink-2: #594A4A;
  --oj-bg-band-color: #F8F4F4;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #301D1D;
  --oj-bg-band-ink-2: #594A4A;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #301D1D;
  --oj-bg-page-ink-2: #594A4A;
  --oj-bg-footer-color: #F8F4F4;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #301D1D;
  --oj-bg-footer-ink-2: #594A4A;
}
:root[data-oj-preset="tinta"] {
  --oj-primary: #1D4E57;
  --oj-primary-hover: #173D44;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #9C7F53;
  --oj-on-accent: #FFFFFF;
  --oj-link: #1D4E57;
  --oj-link-hover: #18272A;
  --oj-ink: #18272A;
  --oj-ink-2: #465255;
  --oj-ink-3: #687172;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F4F6F7;
  --oj-surface-3: #E8EDEE;
  --oj-line: #E4EAEB;
  --oj-line-2: #CBD6D8;
  --oj-dark: #1D4E57;
  --oj-dark-2: #173D44;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #D6DFE1;
  --oj-dark-line: #3F6970;
  --oj-focus: #1D4E57;
  --oj-shadow: #CBD6D8;
  --oj-overlay: #102B30;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #15383F;
  --oj-focus-ring: 0 0 0 3px rgba(29, 78, 87, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #18272A;
  --oj-bg-header-ink-2: #465255;
  --oj-bg-hero-color: #F4F6F7;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjRGNkY3Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENERERFIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjRGNkY3Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENERERFIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #18272A;
  --oj-bg-hero-ink-2: #465255;
  --oj-bg-band-color: #F4F6F7;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #18272A;
  --oj-bg-band-ink-2: #465255;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #18272A;
  --oj-bg-page-ink-2: #465255;
  --oj-bg-footer-color: #F4F6F7;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #18272A;
  --oj-bg-footer-ink-2: #465255;
}
:root[data-oj-preset="grafit-hangat"] {
  --oj-primary: #2F3437;
  --oj-primary-hover: #25292B;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #8C7A5B;
  --oj-on-accent: #FFFFFF;
  --oj-link: #2F3437;
  --oj-link-hover: #1E1F20;
  --oj-ink: #1E1F20;
  --oj-ink-2: #4B4C4D;
  --oj-ink-3: #6E6F6F;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F5F5F5;
  --oj-surface-3: #EAEBEB;
  --oj-line: #E6E7E7;
  --oj-line-2: #CFD0D1;
  --oj-dark: #2F3437;
  --oj-dark-2: #25292B;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #DADADB;
  --oj-dark-line: #4E5255;
  --oj-focus: #2F3437;
  --oj-shadow: #CFD0D1;
  --oj-overlay: #1A1D1E;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #222528;
  --oj-focus-ring: 0 0 0 3px rgba(47, 52, 55, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #1E1F20;
  --oj-bg-header-ink-2: #4B4C4D;
  --oj-bg-hero-color: #F5F5F5;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjVGNUY1Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjVGNUY1Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RDIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #1E1F20;
  --oj-bg-hero-ink-2: #4B4C4D;
  --oj-bg-band-color: #F5F5F5;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #1E1F20;
  --oj-bg-band-ink-2: #4B4C4D;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #1E1F20;
  --oj-bg-page-ink-2: #4B4C4D;
  --oj-bg-footer-color: #F5F5F5;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #1E1F20;
  --oj-bg-footer-ink-2: #4B4C4D;
}
:root[data-oj-preset="nila"] {
  --oj-primary: #2E3A6E;
  --oj-primary-hover: #242D56;
  --oj-on-primary: #FFFFFF;
  --oj-accent: #A08A5C;
  --oj-on-accent: #FFFFFF;
  --oj-link: #2E3A6E;
  --oj-link-hover: #1D2130;
  --oj-ink: #1D2130;
  --oj-ink-2: #4A4D59;
  --oj-ink-3: #6E6F77;
  --oj-canvas: #FFFFFF;
  --oj-surface: #FFFFFF;
  --oj-surface-2: #F5F5F8;
  --oj-surface-3: #EAEBF0;
  --oj-line: #E6E7EE;
  --oj-line-2: #CFD2DE;
  --oj-dark: #2E3A6E;
  --oj-dark-2: #242D56;
  --oj-on-dark: #FFFFFF;
  --oj-on-dark-2: #D9DCE5;
  --oj-dark-line: #4D5884;
  --oj-focus: #2E3A6E;
  --oj-shadow: #CFD2DE;
  --oj-overlay: #19203D;
  --oj-success: #1E6B3F;
  --oj-success-bg: #EAF5EE;
  --oj-warning: #98590B;
  --oj-warning-bg: #FBF1E1;
  --oj-danger: #B3261E;
  --oj-danger-bg: #FBEAE8;
  --oj-info: #1F5F8A;
  --oj-info-bg: #E8F1F7;
  --oj-deep: #212A4F;
  --oj-focus-ring: 0 0 0 3px rgba(46, 58, 110, .35);
  --oj-bg-header-color: #FFFFFF;
  --oj-bg-header-image: none;
  --oj-bg-header-image-m: none;
  --oj-bg-header-pos: center center;
  --oj-bg-header-size: cover;
  --oj-bg-header-repeat: no-repeat;
  --oj-bg-header-overlay: transparent;
  --oj-bg-header-ink: #1D2130;
  --oj-bg-header-ink-2: #4A4D59;
  --oj-bg-hero-color: #F5F5F8;
  --oj-bg-hero-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjVGNUY4Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RGIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-image-m: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjQ0OCIgdmlld0JveD0iMCAwIDE2MDAgNDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iNDQ4IiBmaWxsPSIjRjVGNUY4Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRENEQ0RGIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0iTS0xMDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDI0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0yNjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDM2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0zODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDQ4MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik01MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDYwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik02MjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDcyMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik03NDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDg0MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik04NjAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDk2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik05ODAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDEwODAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTEwMCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTIwMCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xMjIwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxMzIwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTEzNDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE0NDAgMTkwIFY0NDgiLz48cGF0aCBkPSJNMTQ2MCA0NDggVjE5MCBBNTAgNTAgMCAwIDEgMTU2MCAxOTAgVjQ0OCIvPjxwYXRoIGQ9Ik0xNTgwIDQ0OCBWMTkwIEE1MCA1MCAwIDAgMSAxNjgwIDE5MCBWNDQ4Ii8+PHBhdGggZD0iTTE3MDAgNDQ4IFYxOTAgQTUwIDUwIDAgMCAxIDE4MDAgMTkwIFY0NDgiLz48L2c+PC9zdmc+");
  --oj-bg-hero-pos: center center;
  --oj-bg-hero-size: cover;
  --oj-bg-hero-repeat: no-repeat;
  --oj-bg-hero-overlay: transparent;
  --oj-bg-hero-ink: #1D2130;
  --oj-bg-hero-ink-2: #4A4D59;
  --oj-bg-band-color: #F5F5F8;
  --oj-bg-band-image: none;
  --oj-bg-band-image-m: none;
  --oj-bg-band-pos: center center;
  --oj-bg-band-size: cover;
  --oj-bg-band-repeat: no-repeat;
  --oj-bg-band-overlay: transparent;
  --oj-bg-band-ink: #1D2130;
  --oj-bg-band-ink-2: #4A4D59;
  --oj-bg-page-color: #FFFFFF;
  --oj-bg-page-image: none;
  --oj-bg-page-image-m: none;
  --oj-bg-page-pos: center center;
  --oj-bg-page-size: cover;
  --oj-bg-page-repeat: no-repeat;
  --oj-bg-page-overlay: transparent;
  --oj-bg-page-ink: #1D2130;
  --oj-bg-page-ink-2: #4A4D59;
  --oj-bg-footer-color: #F5F5F8;
  --oj-bg-footer-image: none;
  --oj-bg-footer-image-m: none;
  --oj-bg-footer-pos: center center;
  --oj-bg-footer-size: cover;
  --oj-bg-footer-repeat: no-repeat;
  --oj-bg-footer-overlay: transparent;
  --oj-bg-footer-ink: #1D2130;
  --oj-bg-footer-ink-2: #4A4D59;
}


/* OJASA Design System v1.2.0 — mesin slot latar.
 * Setiap slot membaca 9 variabel: --oj-bg-<slot>-{color,image,image-m,pos,size,repeat,overlay,ink,ink-2}.
 * Lapisan penutup (::before) menjaga kontras teks di atas gambar apa pun. Selektor OJS dipasang di tahap pengembangan. */
[data-oj-slot] {
  position: relative;
  isolation: isolate;
  background-color: var(--_bg-color);
  background-image: var(--_bg-image);
  background-position: var(--_bg-pos);
  background-size: var(--_bg-size);
  background-repeat: var(--_bg-repeat);
  color: var(--_bg-ink);
}
[data-oj-slot]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--_bg-overlay);
  pointer-events: none;
}
[data-oj-slot] .oj-ink-2 { color: var(--_bg-ink-2); }

[data-oj-slot="auth"] {
  --_bg-color: var(--oj-bg-auth-color);
  --_bg-image: var(--oj-bg-auth-image);
  --_bg-pos: var(--oj-bg-auth-pos);
  --_bg-size: var(--oj-bg-auth-size);
  --_bg-repeat: var(--oj-bg-auth-repeat);
  --_bg-overlay: var(--oj-bg-auth-overlay);
  --_bg-ink: var(--oj-bg-auth-ink);
  --_bg-ink-2: var(--oj-bg-auth-ink-2);
}
[data-oj-slot="band"] {
  --_bg-color: var(--oj-bg-band-color);
  --_bg-image: var(--oj-bg-band-image);
  --_bg-pos: var(--oj-bg-band-pos);
  --_bg-size: var(--oj-bg-band-size);
  --_bg-repeat: var(--oj-bg-band-repeat);
  --_bg-overlay: var(--oj-bg-band-overlay);
  --_bg-ink: var(--oj-bg-band-ink);
  --_bg-ink-2: var(--oj-bg-band-ink-2);
}
[data-oj-slot="footer"] {
  --_bg-color: var(--oj-bg-footer-color);
  --_bg-image: var(--oj-bg-footer-image);
  --_bg-pos: var(--oj-bg-footer-pos);
  --_bg-size: var(--oj-bg-footer-size);
  --_bg-repeat: var(--oj-bg-footer-repeat);
  --_bg-overlay: var(--oj-bg-footer-overlay);
  --_bg-ink: var(--oj-bg-footer-ink);
  --_bg-ink-2: var(--oj-bg-footer-ink-2);
}
[data-oj-slot="header"] {
  --_bg-color: var(--oj-bg-header-color);
  --_bg-image: var(--oj-bg-header-image);
  --_bg-pos: var(--oj-bg-header-pos);
  --_bg-size: var(--oj-bg-header-size);
  --_bg-repeat: var(--oj-bg-header-repeat);
  --_bg-overlay: var(--oj-bg-header-overlay);
  --_bg-ink: var(--oj-bg-header-ink);
  --_bg-ink-2: var(--oj-bg-header-ink-2);
}
[data-oj-slot="hero"] {
  --_bg-color: var(--oj-bg-hero-color);
  --_bg-image: var(--oj-bg-hero-image);
  --_bg-pos: var(--oj-bg-hero-pos);
  --_bg-size: var(--oj-bg-hero-size);
  --_bg-repeat: var(--oj-bg-hero-repeat);
  --_bg-overlay: var(--oj-bg-hero-overlay);
  --_bg-ink: var(--oj-bg-hero-ink);
  --_bg-ink-2: var(--oj-bg-hero-ink-2);
}
[data-oj-slot="main"] {
  --_bg-color: var(--oj-bg-main-color);
  --_bg-image: var(--oj-bg-main-image);
  --_bg-pos: var(--oj-bg-main-pos);
  --_bg-size: var(--oj-bg-main-size);
  --_bg-repeat: var(--oj-bg-main-repeat);
  --_bg-overlay: var(--oj-bg-main-overlay);
  --_bg-ink: var(--oj-bg-main-ink);
  --_bg-ink-2: var(--oj-bg-main-ink-2);
}
[data-oj-slot="nav"] {
  --_bg-color: var(--oj-bg-nav-color);
  --_bg-image: var(--oj-bg-nav-image);
  --_bg-pos: var(--oj-bg-nav-pos);
  --_bg-size: var(--oj-bg-nav-size);
  --_bg-repeat: var(--oj-bg-nav-repeat);
  --_bg-overlay: var(--oj-bg-nav-overlay);
  --_bg-ink: var(--oj-bg-nav-ink);
  --_bg-ink-2: var(--oj-bg-nav-ink-2);
}
[data-oj-slot="page"] {
  --_bg-color: var(--oj-bg-page-color);
  --_bg-image: var(--oj-bg-page-image);
  --_bg-pos: var(--oj-bg-page-pos);
  --_bg-size: var(--oj-bg-page-size);
  --_bg-repeat: var(--oj-bg-page-repeat);
  --_bg-overlay: var(--oj-bg-page-overlay);
  --_bg-ink: var(--oj-bg-page-ink);
  --_bg-ink-2: var(--oj-bg-page-ink-2);
}
[data-oj-slot="topbar"] {
  --_bg-color: var(--oj-bg-topbar-color);
  --_bg-image: var(--oj-bg-topbar-image);
  --_bg-pos: var(--oj-bg-topbar-pos);
  --_bg-size: var(--oj-bg-topbar-size);
  --_bg-repeat: var(--oj-bg-topbar-repeat);
  --_bg-overlay: var(--oj-bg-topbar-overlay);
  --_bg-ink: var(--oj-bg-topbar-ink);
  --_bg-ink-2: var(--oj-bg-topbar-ink-2);
}
@media (max-width: 767px) {
  [data-oj-slot="auth"] { --_bg-image: var(--oj-bg-auth-image-m, var(--oj-bg-auth-image)); }
  [data-oj-slot="band"] { --_bg-image: var(--oj-bg-band-image-m, var(--oj-bg-band-image)); }
  [data-oj-slot="footer"] { --_bg-image: var(--oj-bg-footer-image-m, var(--oj-bg-footer-image)); }
  [data-oj-slot="header"] { --_bg-image: var(--oj-bg-header-image-m, var(--oj-bg-header-image)); }
  [data-oj-slot="hero"] { --_bg-image: var(--oj-bg-hero-image-m, var(--oj-bg-hero-image)); }
  [data-oj-slot="main"] { --_bg-image: var(--oj-bg-main-image-m, var(--oj-bg-main-image)); }
  [data-oj-slot="nav"] { --_bg-image: var(--oj-bg-nav-image-m, var(--oj-bg-nav-image)); }
  [data-oj-slot="page"] { --_bg-image: var(--oj-bg-page-image-m, var(--oj-bg-page-image)); }
  [data-oj-slot="topbar"] { --_bg-image: var(--oj-bg-topbar-image-m, var(--oj-bg-topbar-image)); }
}

/* Peta selektor OJS 3.3 (dipakai di tahap pengembangan tema). */
/* auth    → .page_login .oj-auth-head, .page_register .oj-auth-head */
/* band    → .oj-band (disisipkan sebelum .page) */
/* footer  → .pkp_structure_footer_wrapper */
/* header  → .pkp_structure_head */
/* hero    → .oj-hero (hook Templates::Index::journal) */
/* main    → .pkp_structure_content */
/* nav     → .pkp_navigation_primary_row */
/* page    → body, .pkp_structure_page */
/* topbar  → .oj-topbar (disisipkan tema) */


/* OJASA Design System v1.2.0 — gerak.
 * Hanya transform, opacity, dan grid-template-rows yang dianimasikan.
 * Tema mengaktifkan momen lewat kelas di <html>: oj-m-lift, oj-m-hero, oj-m-count (Meridian saja). */

/* tekan tombol */
.oj-press { transition: transform var(--oj-dur-fast) var(--oj-ease-standard); }
.oj-press:active { transform: scale(var(--oj-motion-press)); }

/* dropdown: muncul turun 4px */
.oj-dropdown { transition: opacity var(--oj-dur-base) var(--oj-ease-enter), transform var(--oj-dur-base) var(--oj-ease-enter), visibility 0s linear var(--oj-dur-base); opacity: 0; transform: translateY(-4px); visibility: hidden; }
.oj-dropdown.is-open { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }

/* abstrak / akordeon: grid 0fr -> 1fr, tanpa mengukur tinggi */
.oj-expand { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--oj-dur-slow) var(--oj-ease-standard); }
.oj-expand > * { overflow: hidden; }
.oj-expand.is-open { grid-template-rows: 1fr; }

/* laci menu HP */
.oj-drawer { transform: translateX(-100%); transition: transform var(--oj-dur-slow) var(--oj-ease-standard); }
.oj-drawer.is-open { transform: none; }

/* toast "Tersalin" */
@keyframes oj-toast { 0% { opacity: 0; transform: translateY(8px); } 12%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(4px); } }
.oj-toast.is-show { animation: oj-toast 2200ms var(--oj-ease-standard) both; }

/* cincin fokus */
:where(a, button, input, select, textarea, summary):focus-visible { outline: none; box-shadow: var(--oj-focus-ring); transition: box-shadow var(--oj-dur-fast) linear; }

/* Meridian: kartu terangkat saat hover (hanya perangkat yang punya hover) */
@media (hover: hover) {
  .oj-m-lift .oj-liftable { transition: transform var(--oj-dur-base) var(--oj-ease-standard), box-shadow var(--oj-dur-base) var(--oj-ease-standard); }
  .oj-m-lift .oj-liftable:hover { transform: translateY(var(--oj-motion-lift)); box-shadow: var(--oj-shadow-raised); }
}

/* Meridian: satu momen masuk di hero, sekali per kunjungan halaman */
@keyframes oj-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.oj-m-hero .oj-hero-in { animation: oj-rise var(--oj-dur-reveal) var(--oj-ease-enter) both; }
.oj-m-hero .oj-hero-in:nth-child(2) { animation-delay: 80ms; }
.oj-m-hero .oj-hero-in:nth-child(3) { animation-delay: 160ms; }

/* Meridian: batang grafik tumbuh sekali saat terlihat */
@keyframes oj-grow { from { transform: scaleY(0); } to { transform: none; } }
.oj-m-chart .oj-bar.is-in { transform-origin: bottom; animation: oj-grow var(--oj-dur-reveal) var(--oj-ease-enter) both; }

/* kurangi gerak: dari pengaturan perangkat, atau kelas .oj-rm untuk pratinjau */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.oj-rm *, .oj-rm *::before, .oj-rm *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }


/*
 * OJASA Design System v1.2 — lapisan kasus OJS (jarak dan ukuran, grid 8)
 *
 * Dimuat SETELAH CSS tema Default (tema OJASA adalah turunan Default), untuk ketiga tema.
 * Isinya kasus-kasus markup Default yang sudah kita temui sejak plugin OJASA Basic 1.1.x
 * (kepala tanpa logo, menu pengguna, sidebar kiri/kanan/tanpa, kartu daftar isi, kolom detail artikel,
 * sampul, formulir, kaki), ditulis ulang di atas grid 8. Warna, huruf, radius, dan bayangan tetap datang
 * dari token tema; berkas ini hanya menetapkan susunan, jarak, dan ukuran.
 *
 * Tiga aturan yang dipegang di seluruh berkas:
 * 1. Semua jarak lewat token --oj-space-* (kelipatan 8; 4 hanya di dalam komponen kecil).
 * 2. Semua nilai px, tidak ada rem: Default memasang html { font-size: 14px }, jadi 1rem = 14 px
 *    dan jarak Default sendiri berbasis 10 px (0.714rem). Setiap jarak Default yang tersentuh diganti.
 * 3. Clearfix Default (:before/:after { display: table }) dimatikan di setiap wadah yang kita jadikan
 *    flex atau grid, karena pseudo-elemen itu berubah menjadi item liar (pelajaran plugin 1.1.4).
 *
 * Semua selektor diawali .ojasa (kelas di <html> yang dipasang tema) supaya menang atas Default
 * tanpa !important. Nomor K1–K14 merujuk ke spesifikasi/07-grid-8.md.
 */

/* ---------------------------------------------------------------- K0 dasar */
.ojasa body {
  font-family: var(--oj-font-body);
  font-size: var(--oj-fs-base);
  line-height: var(--oj-lh-base);
  color: var(--oj-ink);
  background: var(--oj-bg-page-color, var(--oj-canvas));
}
.ojasa a { color: var(--oj-link); }
.ojasa a:hover, .ojasa a:focus { color: var(--oj-link-hover); }
.ojasa :focus-visible { outline: 3px solid var(--oj-focus); outline-offset: 2px; }
/* Default memasang "Noto Sans" langsung di judul isi; tema memakai huruf judulnya sendiri */
.ojasa .pkp_structure_main :where(h1, h2, h3, h4, h5, h6) { font-family: var(--oj-font-heading); font-weight: var(--oj-fw-heading); }

/* ---------------------------------------------------------------- K1 wadah dan parit */
.ojasa .pkp_site_name_wrapper,
.ojasa .pkp_navigation_primary_wrapper,
.ojasa .pkp_navigation_user,
.ojasa .pkp_search_mobile,
.ojasa .pkp_structure_content,
.ojasa .pkp_structure_footer,
.ojasa .has_site_logo .pkp_head_wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--oj-container) + 2 * var(--oj-gutter));
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--oj-gutter);
  padding-right: var(--oj-gutter);
}
.ojasa .has_site_logo .pkp_site_name_wrapper { padding-left: 0; padding-right: 0; max-width: none; }

/* ---------------------------------------------------------------- K2 kepala */
.ojasa .pkp_structure_head {
  background: var(--oj-bg-header-color, var(--oj-surface));
  border-bottom: 1px solid var(--oj-line);
  margin: 0;
}
.ojasa .pkp_site_name_wrapper { position: relative; min-height: var(--oj-size-header-m); }
/* clearfix Default pada wadah yang dijadikan flex: tanpa ini nama jurnal dan ISSN terdorong ke tengah */
.ojasa .pkp_site_name_wrapper::before,
.ojasa .pkp_site_name_wrapper::after,
.ojasa .pkp_navigation_user::before,
.ojasa .pkp_navigation_user::after { content: none; }
/* tombol menu HP: 56 × 56, nama jurnal mulai tepat di sebelahnya */
.ojasa .pkp_site_nav_toggle { width: var(--oj-size-header-m); height: var(--oj-size-header-m); padding: 0; box-shadow: none; }
.ojasa .pkp_site_nav_toggle > span { border-bottom-color: var(--oj-bg-header-ink, var(--oj-ink)); }
.ojasa .pkp_site_nav_toggle > span::before,
.ojasa .pkp_site_nav_toggle > span::after { background: var(--oj-bg-header-ink, var(--oj-ink)); }
.ojasa .pkp_site_name {
  top: 0; bottom: 0; left: var(--oj-size-header-m);
  display: flex; align-items: center;
  padding: 0 var(--oj-space-16) 0 0;
  white-space: normal;
  color: var(--oj-bg-header-ink, var(--oj-ink));
  background: transparent;
}
.ojasa .pkp_site_name > a { padding: 0; }
/* kasus 1.1.3: judul panjang di HP jadi dua baris, bukan terpotong elipsis; 2 × 20 px muat di kepala 56 px */
.ojasa .pkp_site_name .is_text {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-family: var(--oj-font-heading);
  font-weight: var(--oj-fw-heading);
  font-size: var(--oj-fs-md);
  line-height: var(--oj-lh-sm);
  color: var(--oj-bg-header-ink, var(--oj-ink));
}
.ojasa .pkp_site_name .is_img { margin: var(--oj-space-8) 0; }
.ojasa .pkp_site_name .is_img img { max-height: var(--oj-size-icon); }
/* ISSN yang disisipkan JS tema */
.ojasa .oj-issn { display: none; gap: var(--oj-space-8); flex-wrap: wrap; }
.ojasa .oj-issn span { display: inline-flex; align-items: center; min-height: var(--oj-size-control-sm); padding: 0 var(--oj-space-8);
  border: 1px solid var(--oj-line); border-radius: var(--oj-radius-input); font: 600 var(--oj-fs-xs)/1 var(--oj-font-ui); color: var(--oj-bg-header-ink-2, var(--oj-ink-2)); }

@media (min-width: 992px) {
  /* baris tipis 40 px di atas kepala dicadangkan untuk menu Daftar/Masuk bawaan Default */
  .ojasa .pkp_head_wrapper { padding-top: var(--oj-size-topbar); }
  .ojasa.oj-user-inbar .pkp_head_wrapper { padding-top: 0; }
  .ojasa .pkp_site_name_wrapper {
    display: flex; align-items: center; justify-content: space-between; gap: var(--oj-space-24);
    min-height: var(--oj-size-header);
    padding-top: var(--oj-space-24); padding-bottom: var(--oj-space-24);
  }
  /* kasus 1.1.3: aturan HP left: 56px tidak boleh terbawa ke desktop */
  .ojasa .pkp_site_name { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: auto; padding: 0; }
  .ojasa .pkp_site_name .is_text { display: inline; font-size: var(--oj-fs-3xl); line-height: var(--oj-lh-3xl); }
  .ojasa .pkp_site_name .is_img { margin: 0; }
  .ojasa .pkp_site_name .is_img img { max-height: var(--oj-size-control-lg); }
  .ojasa .oj-issn { display: flex; }
  .ojasa .pkp_navigation_user_wrapper {
    top: 0; height: var(--oj-size-topbar); padding: 0; display: flex; align-items: center;
    width: 100%; max-width: calc(var(--oj-container) + 2 * var(--oj-gutter)); box-sizing: border-box;
  }
  /* kasus 1.1.2: Default memberi .pkp_navigation_user lebar kontainer penuh */
  .ojasa .pkp_navigation_user { width: auto; margin-right: 0; display: flex; justify-content: flex-end; gap: var(--oj-space-16); }
  .ojasa .pkp_navigation_user > li > a { display: block; padding: var(--oj-space-8) 0; line-height: var(--oj-lh-base); font-size: var(--oj-fs-sm); }
}

/* ---------------------------------------------------------------- K3 bar navigasi utama */
.ojasa { --_nav-bg: var(--oj-bg-nav-color, var(--oj-bg-header-color, var(--oj-surface)));
         --_nav-ink: var(--oj-bg-nav-ink, var(--oj-bg-header-ink, var(--oj-ink)));
         --_nav-ink-2: var(--oj-bg-nav-ink-2, var(--oj-bg-header-ink-2, var(--oj-ink-2))); }
/* bar navigasi memakai slot "nav" bila tema punya (Basic), selain itu ikut slot "header" (Meridian, Arch) */
.ojasa .pkp_site_nav_menu { padding: var(--oj-space-16) var(--oj-gutter); background: var(--_nav-bg); border-top: 1px solid var(--oj-line); }
.ojasa .pkp_site_nav_menu a { display: block; padding: var(--oj-space-8) 0; line-height: var(--oj-lh-base); color: var(--_nav-ink); }
.ojasa .pkp_site_nav_menu ul ul { padding-left: var(--oj-space-16); }
/* Default menarik butir terakhir menu pengguna -0.714rem ke kanan */
.ojasa .pkp_navigation_user > li > a { margin: 0; }

@media (min-width: 992px) {
  .ojasa .pkp_site_nav_menu { padding: 0; background: transparent; border-top: 0; }
  .ojasa .pkp_navigation_primary_row { background: var(--_nav-bg); border-top: 1px solid var(--oj-line); }
  .ojasa.oj-tema-basic .pkp_navigation_primary_row { border-top: 0; box-shadow: inset 0 -3px 0 var(--oj-accent); }
  .ojasa .pkp_navigation_primary_wrapper { display: flex; align-items: center; gap: var(--oj-space-16); min-height: var(--oj-size-nav); }
  .ojasa .pkp_navigation_primary_wrapper::before,
  .ojasa .pkp_navigation_primary_wrapper::after { content: none; }
  /* Default membatasi menu utama 80 % agar tautan Cari muat; di flex tidak perlu */
  .ojasa .pkp_navigation_primary { display: flex; flex-wrap: wrap; flex: 1 1 auto; max-width: none; gap: 0 var(--oj-space-8); }
  /* garis bawah lewat bayangan dalam, bukan border, supaya tinggi tetap 56 px */
  .ojasa .pkp_navigation_primary > li > a {
    display: block; margin: 0; padding: var(--oj-space-16) var(--oj-space-8);
    line-height: var(--oj-lh-base); border-bottom: 0;
    color: var(--_nav-ink);
    box-shadow: inset 0 -2px 0 transparent;
  }
  .ojasa .pkp_navigation_primary > li > a:hover,
  .ojasa .pkp_navigation_primary > li.current > a { box-shadow: inset 0 -2px 0 var(--oj-accent); background: transparent; color: var(--_nav-ink); }
  .ojasa .pkp_navigation_primary > li:first-child a,
  .ojasa .pkp_navigation_primary > li:last-child a { margin-left: 0; margin-right: 0; }
  .ojasa .pkp_navigation_primary ul {
    min-width: 224px; padding: var(--oj-space-8); background: var(--oj-surface);
    border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card); box-shadow: var(--oj-shadow-raised);
  }
  .ojasa .pkp_navigation_primary ul a { display: block; padding: var(--oj-space-8) var(--oj-space-16); line-height: var(--oj-lh-base); color: var(--oj-ink); border-radius: var(--oj-radius-input); }
  .ojasa .pkp_navigation_primary ul a:hover { background: var(--oj-surface-2); }
  .ojasa .pkp_navigation_search_wrapper { float: none; margin: 0; padding: 0; border: 0; }
  /* kasus 1.1.3: tombol Cari 34 px -> 40 px */
  .ojasa .pkp_navigation_search_wrapper a {
    display: inline-flex; align-items: center; gap: var(--oj-space-8);
    min-height: var(--oj-size-control); margin: 0; padding: 0 var(--oj-space-16);
    border: 1px solid var(--_nav-ink-2); border-radius: 999px;
    line-height: 1; color: var(--_nav-ink);
  }
  /* kasus 1.1.2: menu pengguna dipindah JS tema ke bar navigasi, sebelum tombol Cari */
  .ojasa .pkp_navigation_primary_wrapper .oj-nav-user-inbar { display: flex; gap: var(--oj-space-16); width: auto; max-width: none; margin: 0; padding: 0; }
  .ojasa .pkp_navigation_primary_wrapper .oj-nav-user-inbar a { display: block; padding: var(--oj-space-16) 0; line-height: var(--oj-lh-base); color: var(--_nav-ink); }
}

/* ---------------------------------------------------------------- K4 tata letak konten dan sidebar */
.ojasa .pkp_structure_content { padding-top: var(--oj-space-24); padding-bottom: var(--oj-space-48); }
.ojasa .pkp_structure_main { padding: 0; }
.ojasa .pkp_structure_main::before,
.ojasa .pkp_structure_main::after { display: none; }
.ojasa .pkp_structure_sidebar { margin-top: var(--oj-space-48); }

@media (min-width: 992px) {
  .ojasa .pkp_structure_content { padding-top: var(--oj-space-32); padding-bottom: var(--oj-space-64); }
  .ojasa .pkp_structure_content.has_sidebar { display: flex; align-items: flex-start; gap: var(--oj-space-40); }
  .ojasa .pkp_structure_content::before,
  .ojasa .pkp_structure_content::after { content: none; }
  .ojasa .pkp_structure_main { float: none; flex: 1 1 auto; min-width: 0; width: auto; padding: 0; }
  .ojasa .pkp_structure_main:first-child:last-child { margin: 0; }
  .ojasa .pkp_structure_sidebar { float: none; flex: 0 0 var(--oj-size-sidebar); width: var(--oj-size-sidebar); margin-top: 0; }
  /* opsi posisi sidebar (kelas di <html>) */
  .ojasa.oj-sidebar-left .pkp_structure_content.has_sidebar { flex-direction: row-reverse; }
  .ojasa.oj-sidebar-none .pkp_structure_sidebar { display: none; }
}

/* ---------------------------------------------------------------- K5 blok sidebar */
.ojasa .pkp_structure_sidebar { display: flex; flex-direction: column; gap: var(--oj-space-24); }
.ojasa .pkp_block {
  margin: 0; padding: var(--oj-space-24);
  background: var(--oj-surface); border: 1px solid var(--oj-line); border-radius: var(--oj-radius-block);
  font-size: var(--oj-fs-ui); line-height: var(--oj-lh-base);
}
.ojasa .pkp_block .title {
  margin: 0 0 var(--oj-space-16);
  font: var(--oj-fw-ui) var(--oj-fs-sm)/var(--oj-lh-sm) var(--oj-font-ui);
  color: var(--oj-ink-2);
}
.ojasa .pkp_block .content ul { margin: 0; padding: 0; list-style: none; }
.ojasa .pkp_block .content ul li { padding: var(--oj-space-8) 0; line-height: var(--oj-lh-base); border-top: 1px solid var(--oj-line); }
.ojasa .pkp_block .content ul li:first-child { border-top: 0; padding-top: 0; }
.ojasa .pkp_block .content p { margin: 0 0 var(--oj-space-16); line-height: var(--oj-lh-base); }
.ojasa .pkp_block .content p:last-child { margin-bottom: 0; }
.ojasa .block_make_submission .content { margin: 0; }
.ojasa .block_make_submission_link {
  display: flex; align-items: center; justify-content: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control-lg); padding: 0 var(--oj-space-24);
  border-radius: var(--oj-radius-button); background: var(--oj-primary); color: var(--oj-on-primary);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); text-decoration: none;
}
.ojasa .block_make_submission_link:hover, .ojasa .block_make_submission_link:focus { background: var(--oj-primary-hover); color: var(--oj-on-primary); }

/* ---------------------------------------------------------------- K6 beranda */
.ojasa .page_index_journal > * { margin-top: 0; margin-bottom: 0; }
.ojasa .page_index_journal > * + * { margin-top: var(--oj-space-48); }
.ojasa .pkp_page_index .homepage_image,
.ojasa .pkp_page_index .additional_content { margin-left: 0; margin-right: 0; padding: 0; border-top: 0; }
.ojasa .pkp_page_index .homepage_image img { border-radius: var(--oj-radius-card); }
.ojasa .pkp_page_index .cmp_announcements { display: grid; gap: var(--oj-space-16); margin: 0; border: 0; }
.ojasa .pkp_page_index .cmp_announcements::before,
.ojasa .pkp_page_index .cmp_announcements::after { content: none; }
.ojasa .pkp_page_index .cmp_announcements > .obj_announcement_summary,
.ojasa .pkp_page_index .cmp_announcements .more {
  float: none; width: auto; margin: 0; padding: var(--oj-space-24);
  background: var(--oj-surface); border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card);
}
.ojasa .pkp_page_index .cmp_announcements > .obj_announcement_summary::before,
.ojasa .pkp_page_index .cmp_announcements .more::before { content: none; }
.ojasa .pkp_page_index .cmp_announcements .more .obj_announcement_summary { padding: 0; }
.ojasa .pkp_page_index .cmp_announcements .more .obj_announcement_summary + .obj_announcement_summary { margin-top: var(--oj-space-16); }
.ojasa .pkp_page_index .current_issue .current_issue_title { margin: var(--oj-space-8) 0 var(--oj-space-24); }
.ojasa .pkp_page_index .current_issue .read_more,
.ojasa .obj_announcement_summary .read_more {
  display: inline-flex; align-items: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control); margin: var(--oj-space-16) 0 0; padding: 0;
  line-height: var(--oj-lh-base);
}
.ojasa .pkp_page_index .current_issue .read_more::after,
.ojasa .obj_announcement_summary .read_more::after { position: static; }

/* ---------------------------------------------------------------- K7 daftar isi terbitan */
.ojasa .obj_issue_toc .heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--oj-space-16); }
.ojasa .obj_issue_toc .heading::before,
.ojasa .obj_issue_toc .heading::after { content: none; }
.ojasa .obj_issue_toc .heading > * { margin: 0; }
.ojasa .obj_issue_toc .cover { float: none; width: 120px; max-width: 100%; margin: 0; }
.ojasa .obj_issue_toc .cover img { width: 100%; max-height: none; border-radius: var(--oj-radius-cover); box-shadow: var(--oj-shadow-cover); }
@media (min-width: 768px) {
  .ojasa .obj_issue_toc .heading { grid-template-columns: var(--oj-size-cover-toc) minmax(0, 1fr); column-gap: var(--oj-space-32); align-items: start; }
  .ojasa .obj_issue_toc .heading .cover { grid-row: 1 / span 4; width: auto; }
}
.ojasa .obj_issue_toc .sections:not(:first-child) { margin-top: var(--oj-space-48); }
.ojasa .obj_issue_toc .section,
.ojasa .obj_issue_toc .galleys { position: static; margin: 0 0 var(--oj-space-48); padding: 0; }
.ojasa .obj_issue_toc .section:last-child { margin-bottom: 0; }
.ojasa .obj_issue_toc .section::before,
.ojasa .obj_issue_toc .galleys::before { content: none; }
.ojasa .obj_issue_toc .section > h2, .ojasa .obj_issue_toc .section > h3,
.ojasa .obj_issue_toc .galleys > h2, .ojasa .obj_issue_toc .galleys > h3 {
  display: block; position: static; left: auto;
  margin: 0 0 var(--oj-space-16); padding: 0; background: none;
  font: var(--oj-fw-ui) var(--oj-fs-sm)/var(--oj-lh-sm) var(--oj-font-ui);
  color: var(--oj-ink-2);
}
.ojasa .cmp_article_list { display: grid; gap: var(--oj-space-16); margin: 0; padding: 0; }
.ojasa .cmp_article_list > li { margin: 0; }
.ojasa .cmp_article_list > li::before,
.ojasa .cmp_article_list > li::after { content: none; }

/* kartu artikel */
.ojasa .obj_article_summary {
  position: relative; margin: 0; padding: var(--oj-space-24);
  background: var(--oj-surface); border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card);
}
.ojasa .obj_article_summary > .title {
  margin: 0; font-family: var(--oj-font-heading); font-weight: var(--oj-fw-heading);
  font-size: var(--oj-fs-lg); line-height: var(--oj-lh-lg);
}
.ojasa .obj_article_summary > .title a { color: var(--oj-ink); text-decoration: none; }
.ojasa .obj_article_summary .subtitle { margin: var(--oj-space-4) 0 0; }
.ojasa .obj_article_summary .meta { padding-top: var(--oj-space-8); font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); color: var(--oj-ink-2); }
.ojasa .obj_article_summary .galleys_links { display: flex; flex-wrap: wrap; gap: var(--oj-space-8); margin: var(--oj-space-16) 0 0; padding: 0; list-style: none; }
.ojasa .obj_article_summary .galleys_links li { margin: 0; }
@media (min-width: 768px) {
  .ojasa .obj_article_summary .authors { padding-right: var(--oj-space-80); }
  .ojasa .obj_article_summary .pages { line-height: var(--oj-lh-sm); }
}

/* tautan galeri (PDF, HTML) */
.ojasa .obj_galley_link {
  display: inline-flex; align-items: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control); padding: 0 var(--oj-space-16);
  border: 1.5px solid var(--oj-primary); border-radius: var(--oj-radius-button);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); color: var(--oj-primary); background: var(--oj-surface);
}
.ojasa .obj_galley_link::before { margin-right: 0; }
.ojasa .obj_galley_link:hover, .ojasa .obj_galley_link:focus { background: var(--oj-primary); color: var(--oj-on-primary); }

/* sisipan hook tema di tiap artikel: penulis per baris, tombol abstrak sebelum PDF, DOI, statistik */
.ojasa .oj-penulis { list-style: none; margin: var(--oj-space-8) 0 0; padding: 0; font-size: var(--oj-fs-sm); line-height: var(--oj-lh-base); color: var(--oj-ink-2); }
.ojasa .oj-penulis li { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--oj-space-8); }
.ojasa .oj-bendera { flex: none; width: 24px; height: 16px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px var(--oj-line); }
.ojasa .oj-aksi { display: flex; flex-wrap: wrap; align-items: center; gap: var(--oj-space-8); margin-top: var(--oj-space-16); }
.ojasa .oj-aksi .galleys_links { margin: 0; }
.ojasa .oj-abstrak-tombol {
  display: inline-flex; align-items: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control); padding: 0 var(--oj-space-16);
  border: 1px solid var(--oj-line-2); border-radius: var(--oj-radius-button); background: var(--oj-surface);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); color: var(--oj-ink); cursor: pointer;
}
.ojasa .oj-abstrak { margin-top: var(--oj-space-16); padding: var(--oj-space-16) var(--oj-space-24); background: var(--oj-surface-2); border-radius: var(--oj-radius-input);
  font-family: var(--oj-font-reading); font-size: var(--oj-fs-ui); line-height: var(--oj-lh-base); }
.ojasa .oj-abstrak p { margin: 0 0 var(--oj-space-8); }
.ojasa .oj-abstrak p:last-child { margin-bottom: 0; }
.ojasa .oj-doi-baris { display: flex; flex-wrap: wrap; gap: var(--oj-space-8) var(--oj-space-16); margin-top: var(--oj-space-8); font-size: var(--oj-fs-xs); line-height: var(--oj-lh-xs); color: var(--oj-ink-3); }

/* ---------------------------------------------------------------- K8 halaman artikel */
.ojasa .obj_article_details .page_title {
  margin: 0 0 var(--oj-space-8);
  font-family: var(--oj-font-heading); font-weight: var(--oj-fw-heading);
  font-size: var(--oj-fs-3xl); line-height: var(--oj-lh-3xl);
}
.ojasa .obj_article_details .subtitle { margin: 0 0 var(--oj-space-16); font-size: var(--oj-fs-lg); line-height: var(--oj-lh-lg); }
.ojasa .obj_article_details .row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--oj-space-32); margin: var(--oj-space-32) 0 0; border: 0; }
.ojasa .obj_article_details .row::before,
.ojasa .obj_article_details .row::after { content: none; }
.ojasa .obj_article_details .main_entry,
.ojasa .obj_article_details .entry_details { float: none; width: auto; margin: 0; border: 0; }
.ojasa .obj_article_details .main_entry .item { margin: 0 0 var(--oj-space-32); padding: 0; }
.ojasa .obj_article_details .main_entry .item:last-child { margin-bottom: 0; }
.ojasa .obj_article_details .main_entry .item .label {
  margin: 0 0 var(--oj-space-16);
  font: var(--oj-fw-heading) var(--oj-fs-lg)/var(--oj-lh-lg) var(--oj-font-heading);
}
.ojasa .obj_article_details .main_entry .item.doi .label,
.ojasa .obj_article_details .main_entry .item.keywords .label { display: inline; margin: 0 var(--oj-space-8) 0 0; font-size: var(--oj-fs-base); line-height: var(--oj-lh-base); }
.ojasa .obj_article_details .item.authors ul.authors { display: grid; gap: var(--oj-space-8); margin: 0; padding: 0; list-style: none; }
/* kasus 1.1.1: "Nama, Afiliasi, [bendera] [ORCID]" dalam satu baris */
.ojasa .obj_article_details .item.authors li { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--oj-space-8); margin: 0; line-height: var(--oj-lh-base); }
.ojasa .obj_article_details .item.authors .name { font-weight: 700; }
.ojasa .obj_article_details .item.authors .orcid { display: inline-flex; align-items: center; gap: var(--oj-space-4); min-height: var(--oj-size-badge); }
.ojasa .obj_article_details .item.abstract p {
  margin: 0 0 var(--oj-space-16);
  font-family: var(--oj-font-reading); font-size: var(--oj-fs-reading); line-height: var(--oj-lh-reading);
}
.ojasa .obj_article_details .item.references .value p {
  margin: 0 0 var(--oj-space-8); padding-left: var(--oj-space-24); text-indent: calc(-1 * var(--oj-space-24));
  line-height: var(--oj-lh-base);
}
/* kolom detail: kartu 280 px, menempel saat digulir */
.ojasa .obj_article_details .entry_details {
  background: var(--oj-surface); border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card); overflow: hidden;
}
.ojasa .obj_article_details .entry_details .item { margin: 0; padding: var(--oj-space-24); border-bottom: 1px solid var(--oj-line); }
.ojasa .obj_article_details .entry_details .item:last-child { border-bottom: 0; }
.ojasa .obj_article_details .entry_details .sub_item { margin: 0; }
.ojasa .obj_article_details .entry_details .sub_item + .sub_item { margin-top: var(--oj-space-16); }
.ojasa .obj_article_details .entry_details .item .label {
  margin: 0 0 var(--oj-space-8);
  font: 600 var(--oj-fs-xs)/var(--oj-lh-xs) var(--oj-font-ui); color: var(--oj-ink-3);
}
/* kasus 1.1.4: sampul di kolom detail seukuran kolom, bukan raksasa */
.ojasa .obj_article_details .cover_image img { display: block; width: auto; max-width: min(100%, var(--oj-size-cover-details)); height: auto; border-radius: var(--oj-radius-cover); }
.ojasa .obj_article_details .galleys_links { display: grid; gap: var(--oj-space-8); margin: 0; padding: 0; list-style: none; }
/* kasus 1.1.4: tombol PDF 44 px -> 48 px, selebar kolom */
.ojasa .obj_article_details .galleys_links .obj_galley_link {
  width: 100%; box-sizing: border-box; justify-content: center; min-height: var(--oj-size-control-lg);
  background: var(--oj-primary); color: var(--oj-on-primary);
}
.ojasa .obj_article_details .citation_display .value { line-height: var(--oj-lh-base); }
.ojasa .obj_article_details .csl-bib-body { padding: var(--oj-space-16); background: var(--oj-surface-2); border-radius: var(--oj-radius-input); font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); }
.ojasa .obj_article_details .citation_formats { margin-top: var(--oj-space-16); }
@media (min-width: 992px) {
  .ojasa .obj_article_details .row { grid-template-columns: minmax(0, 1fr) var(--oj-size-details-col); gap: var(--oj-space-40); }
  .ojasa .obj_article_details .entry_details { position: sticky; top: var(--oj-space-24); }
  .ojasa .obj_article_details .page_title { font-size: var(--oj-fs-4xl); line-height: var(--oj-lh-4xl); }
}

/* ---------------------------------------------------------------- K9 kaki */
.ojasa .pkp_structure_footer_wrapper { background: var(--oj-bg-footer-color, var(--oj-dark)); color: var(--oj-bg-footer-ink, var(--oj-on-dark)); }
.ojasa .pkp_structure_footer_wrapper a { color: var(--oj-bg-footer-ink, var(--oj-on-dark)); }
.ojasa .pkp_structure_footer { display: grid; gap: var(--oj-space-32); padding-top: var(--oj-space-48); padding-bottom: var(--oj-space-32); }
.ojasa .pkp_structure_footer::before,
.ojasa .pkp_structure_footer::after { content: none; }
.ojasa .pkp_footer_content { padding: 0; line-height: var(--oj-lh-base); color: var(--oj-bg-footer-ink-2, var(--oj-on-dark-2)); }
.ojasa .pkp_footer_content p { margin: 0 0 var(--oj-space-8); }
.ojasa .pkp_brand_footer { display: flex; justify-content: flex-end; padding: var(--oj-space-24) 0 0; border-top: 1px solid var(--oj-bg-footer-ink-2, var(--oj-dark-line)); }
.ojasa .pkp_brand_footer::before,
.ojasa .pkp_brand_footer::after { content: none; }
.ojasa .pkp_brand_footer a { float: none; max-width: 160px; }
@media (min-width: 992px) {
  .ojasa .pkp_structure_footer { padding-top: var(--oj-space-64); padding-bottom: var(--oj-space-48); }
}

/* ---------------------------------------------------------------- K10 formulir (masuk, daftar, kontak, cari) */
.ojasa .cmp_form fieldset { margin: 0 0 var(--oj-space-32); padding: 0; border: 0; }
.ojasa .cmp_form legend { margin: 0 0 var(--oj-space-16); padding: 0; font: var(--oj-fw-heading) var(--oj-fs-lg)/var(--oj-lh-lg) var(--oj-font-heading); }
.ojasa .cmp_form .fields > div { padding: 0; margin: 0 0 var(--oj-space-24); }
.ojasa .cmp_form .label { display: block; margin: 0 0 var(--oj-space-8); font: 600 var(--oj-fs-ui)/var(--oj-lh-ui) var(--oj-font-ui); font-style: normal; }
.ojasa .cmp_form input[type="text"], .ojasa .cmp_form input[type="email"], .ojasa .cmp_form input[type="password"],
.ojasa .cmp_form input[type="url"], .ojasa .cmp_form input[type="tel"], .ojasa .cmp_form select, .ojasa .cmp_form textarea {
  box-sizing: border-box; width: 100%; max-width: 480px; height: auto; min-height: var(--oj-size-control-lg);
  padding: 0 var(--oj-space-16); border: 1px solid var(--oj-line-2); border-radius: var(--oj-radius-input);
  background: var(--oj-surface); color: var(--oj-ink); font: 500 var(--oj-fs-ui)/var(--oj-lh-base) var(--oj-font-ui);
}
.ojasa .cmp_form textarea { max-width: none; min-height: 128px; padding: var(--oj-space-8) var(--oj-space-16); }
.ojasa .cmp_form label > input[type="checkbox"], .ojasa .cmp_form label > input[type="radio"] { margin: 0 var(--oj-space-8) 0 0; }
.ojasa .cmp_form .checkbox label, .ojasa .cmp_form .remember label, .ojasa .cmp_form .optin label { display: flex; align-items: center; gap: var(--oj-space-8); min-height: var(--oj-size-control); }
.ojasa .cmp_form .checkbox label > input, .ojasa .cmp_form .remember label > input { margin: 0; }
.ojasa .cmp_form .password a { display: inline-block; margin-top: var(--oj-space-8); }
.ojasa .cmp_form .fields > div .error { left: 0; bottom: 0; padding: 0 var(--oj-space-8); }
.ojasa .cmp_form .buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--oj-space-16); margin-top: var(--oj-space-8); }
.ojasa .cmp_form .buttons::before,
.ojasa .cmp_form .buttons::after { content: none; }
.ojasa .cmp_form .buttons a { margin: 0; line-height: var(--oj-lh-base); font-size: var(--oj-fs-ui); float: none; }
.ojasa .cmp_form .buttons button, .ojasa .cmp_button {
  float: none; min-height: var(--oj-size-control-lg); padding: 0 var(--oj-space-24);
  border: 0; border-radius: var(--oj-radius-button); box-shadow: none;
  background: var(--oj-primary); color: var(--oj-on-primary);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); cursor: pointer;
}
.ojasa .cmp_form .buttons button:hover, .ojasa .cmp_button:hover { background: var(--oj-primary-hover); box-shadow: none; }
.ojasa .page_login .login { max-width: 480px; }

/* ---------------------------------------------------------------- K11 cari dan paginasi */
.ojasa .page_search .search_input .query { height: auto; min-height: var(--oj-size-control-lg); max-width: none; font-size: var(--oj-fs-md); line-height: var(--oj-lh-md); }
.ojasa .page_search .search_advanced { margin: var(--oj-space-24) 0 0; padding: 0 var(--oj-space-24) var(--oj-space-24); border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card); }
.ojasa .page_search .search_advanced legend { padding: var(--oj-space-8) var(--oj-space-16); }
.ojasa .page_search .submit { margin-top: var(--oj-space-24); }
.ojasa .page_search .submit button {
  min-height: var(--oj-size-control-lg); padding: 0 var(--oj-space-24); border: 0; border-radius: var(--oj-radius-button);
  background: var(--oj-primary); color: var(--oj-on-primary); box-shadow: none; text-shadow: none;
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); cursor: pointer;
}
.ojasa .page_search .submit button:hover, .ojasa .page_search .submit button:focus { background: var(--oj-primary-hover); color: var(--oj-on-primary); }
.ojasa .page_search .submit button::after { display: none; }
.ojasa .page_search .search_results { display: grid; gap: var(--oj-space-16); margin: var(--oj-space-32) 0; }
.ojasa .page_search .search_results .obj_article_summary { margin: 0; }
.ojasa .cmp_pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--oj-space-8); margin-top: var(--oj-space-32); line-height: var(--oj-lh-base); }
.ojasa .cmp_pagination::before,
.ojasa .cmp_pagination::after { content: none; }
.ojasa .cmp_pagination a, .ojasa .cmp_pagination .current {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--oj-space-8);
  min-width: var(--oj-size-control); min-height: var(--oj-size-control); padding: 0 var(--oj-space-8);
  border-radius: 999px; text-decoration: none;
}
.ojasa .cmp_pagination .current { background: var(--oj-primary); color: var(--oj-on-primary); }
.ojasa .cmp_pagination .prev { float: none; margin: 0 auto 0 0; }
.ojasa .cmp_pagination .next { margin: 0; }
.ojasa .page_search .cmp_pagination a { padding-left: var(--oj-space-8); padding-right: var(--oj-space-8); }

/* ---------------------------------------------------------------- K12 remah roti */
.ojasa .cmp_breadcrumbs { display: block; }
.ojasa .cmp_breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 var(--oj-space-24); padding: 0; font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); }
.ojasa .cmp_breadcrumbs .separator { padding: 0 var(--oj-space-8); }

/* ---------------------------------------------------------------- K13 notifikasi */
.ojasa .cmp_notification {
  box-sizing: border-box; margin: 0 0 var(--oj-space-24); padding: var(--oj-space-16) var(--oj-space-24);
  border-left: 4px solid var(--oj-info); border-radius: var(--oj-radius-input); background: var(--oj-info-bg);
  line-height: var(--oj-lh-base);
}

/* ---------------------------------------------------------------- K14 isi halaman dan konten kiriman pengelola */
.ojasa .pkp_structure_main :where(p) { margin: 0 0 var(--oj-space-16); line-height: var(--oj-lh-base); }
.ojasa .pkp_structure_main :where(h1, h2, h3, h4) { margin: var(--oj-space-40) 0 var(--oj-space-16); }
.ojasa .pkp_structure_main :where(h5, h6) { margin: var(--oj-space-24) 0 var(--oj-space-8); }
.ojasa .pkp_structure_main .page > h1:first-child,
.ojasa .pkp_structure_main .page_index_journal h2:first-child { margin-top: 0; }
/* :where() membuat aturan konten ini kalah dari aturan komponen (remah roti, daftar tema), apa pun urutannya */
.ojasa .pkp_structure_main :where(ul, ol):where(:not([class])) { margin: 0 0 var(--oj-space-16); padding-left: var(--oj-space-24); }
.ojasa .pkp_structure_main :where(table):where(:not([class])) { border-collapse: collapse; margin: 0 0 var(--oj-space-24); }
.ojasa .pkp_structure_main :where(table):where(:not([class])) :where(th, td) { padding: var(--oj-space-8) var(--oj-space-16); border: 1px solid var(--oj-line); }
.ojasa .obj_announcement_summary :where(h2, h3, h4) { margin: 0 0 var(--oj-space-8); line-height: var(--oj-lh-lg); }
.ojasa .obj_announcement_summary .date { line-height: var(--oj-lh-sm); }
.ojasa .obj_announcement_summary .summary { margin-top: var(--oj-space-8); line-height: var(--oj-lh-base); }


/*
 * OJASA — komponen konten (.oj-*) untuk HTML buatan pengelola jurnal, v1.2 (grid 8).
 * Dipakai ketiga tema di: Deskripsi Jurnal, Konten Tambahan beranda, Custom Block, Footer halaman,
 * dan halaman statis. Tidak menyentuh kelas bawaan OJS.
 *
 * Grid 8: semua jarak dan ukuran kelipatan 8 px (4 px hanya di bagian dalam komponen kecil).
 * Semua nilai ditulis px lewat token, bukan rem: tema Default OJS memasang html { font-size: 14px },
 * sehingga 1rem = 14 px dan kelipatan rem tidak pernah jatuh di grid.
 *
 * Setiap token memakai nilai cadangan, jadi berkas ini tetap jalan bila ditempel ke stylesheet jurnal
 * yang tidak memakai tema OJASA.
 */

.oj-meta, .oj-callout, .oj-steps, .oj-accordion, .oj-table, .oj-logos, .oj-stats, .oj-footer, .oj-bar, .oj-btn {
  --_primary: var(--oj-primary, #0B2A5B);
  --_on-primary: var(--oj-on-primary, #FFFFFF);
  --_accent: var(--oj-accent, #D9A21B);
  --_link: var(--oj-link, #1F5FAE);
  --_ink: var(--oj-ink, #0B2A5B);
  --_ink3: var(--oj-ink-3, #637289);
  --_line: var(--oj-line, #E3E9F3);
  --_soft: var(--oj-surface-2, #F4F7FC);
  --_surface: var(--oj-surface, #FFFFFF);
  --_radius: var(--oj-radius-card, 10px);
  --_s4: var(--oj-space-4, 4px);
  --_s8: var(--oj-space-8, 8px);
  --_s16: var(--oj-space-16, 16px);
  --_s24: var(--oj-space-24, 24px);
  --_s32: var(--oj-space-32, 32px);
  --_s40: var(--oj-space-40, 40px);
  box-sizing: border-box;
  margin: 0 0 var(--_s24);
  font-size: var(--oj-fs-ui, 14px);
  line-height: var(--oj-lh-base, 24px);
  color: var(--_ink);
}
.oj-meta *, .oj-callout *, .oj-steps *, .oj-accordion *, .oj-table *, .oj-logos *, .oj-stats *, .oj-footer * {
  box-sizing: border-box;
}

/* ---------- .oj-meta : tabel identitas jurnal (label | nilai) ---------- */
.oj-meta { display: grid; grid-template-columns: minmax(128px, 160px) minmax(0, 1fr); border-radius: var(--_radius); overflow: hidden; }
.oj-meta dt, .oj-meta dd { margin: 0; padding: var(--_s8) var(--_s16); }
.oj-meta dt { color: var(--_ink3); font-weight: 600; font-size: var(--oj-fs-sm, 13px); }
.oj-meta dd { font-weight: 600; }
.oj-meta dt:nth-of-type(odd), .oj-meta dt:nth-of-type(odd) + dd { background: var(--_soft); }
@media (max-width: 767px) {
  .oj-meta { grid-template-columns: 128px minmax(0, 1fr); font-size: var(--oj-fs-sm, 13px); }
  .oj-meta dt, .oj-meta dd { padding: var(--_s8); }
}

/* ---------- .oj-callout : kotak penting ---------- */
.oj-callout { display: flex; gap: var(--_s16); padding: var(--_s16) var(--_s24); background: var(--_soft);
  border-left: 4px solid var(--_accent); border-radius: var(--_radius); }
.oj-callout > strong:first-child, .oj-callout__title { display: block; font-weight: 800; margin-bottom: var(--_s4); }
.oj-callout p { margin: 0; }
.oj-callout--info { border-left-color: var(--_link); }

/* ---------- .oj-steps : langkah berurutan (pakai <ol>) ---------- */
.oj-steps { list-style: none; padding: 0; counter-reset: ojstep; display: grid; gap: var(--_s16);
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); }
.oj-steps > li { counter-increment: ojstep; padding: var(--_s16); border: 1px solid var(--_line); border-radius: var(--_radius); background: var(--_surface); }
.oj-steps > li::before { content: counter(ojstep); display: grid; place-items: center; width: 32px; height: 32px;
  margin-bottom: var(--_s16); border-radius: 50%; background: var(--_primary); color: var(--_on-primary); font-weight: 800; font-size: var(--oj-fs-sm, 13px); line-height: 1; }
.oj-steps > li > strong { display: block; font-weight: 800; }

/* ---------- .oj-accordion : tanya-jawab tanpa JS (<details>) ---------- */
.oj-accordion { display: grid; gap: var(--_s8); }
.oj-accordion details { border: 1px solid var(--_line); border-radius: var(--_radius); background: var(--_surface); }
.oj-accordion summary { cursor: pointer; list-style: none; min-height: 48px; padding: var(--_s8) var(--_s16); font-weight: 700;
  display: flex; align-items: center; justify-content: space-between; gap: var(--_s16); }
.oj-accordion summary::-webkit-details-marker { display: none; }
.oj-accordion summary::after { content: "+"; font-weight: 800; color: var(--_ink3); }
.oj-accordion details[open] summary::after { content: "\2212"; }
.oj-accordion details > :not(summary) { margin: 0; padding: 0 var(--_s16) var(--_s16); }
.oj-accordion summary:focus-visible { outline: 3px solid var(--oj-focus, #1F5FAE); outline-offset: 2px; border-radius: var(--_radius); }

/* ---------- .oj-table : tabel rapi + gulir horizontal di HP ---------- */
.oj-table { overflow-x: auto; border: 1px solid var(--_line); border-radius: var(--_radius); }
.oj-table table { width: 100%; border-collapse: collapse; min-width: 480px; margin: 0; }
.oj-table th { text-align: left; background: var(--_soft); font-weight: 800; font-size: var(--oj-fs-sm, 13px); }
.oj-table th, .oj-table td { padding: var(--_s8) var(--_s16); border-bottom: 1px solid var(--_line); }
.oj-table tr:last-child td { border-bottom: 0; }

/* ---------- .oj-logos : ubin logo seragam (indeks, alat, mitra) ---------- */
.oj-logos { display: grid; grid-template-columns: repeat(var(--oj-logos-cols, 2), minmax(0, 1fr)); gap: var(--_s8);
  list-style: none; padding: 0; }
.oj-logos > a, .oj-logos > li, .oj-logos > span { display: grid; place-items: center; height: 56px; padding: var(--_s8) var(--_s16);
  border: 1px solid var(--_line); border-radius: var(--oj-radius-input, 8px); background: var(--_surface); }
.oj-logos img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.oj-logos > a:hover { border-color: var(--_link); }
.pkp_structure_main .oj-logos { --oj-logos-cols: 4; }
@media (max-width: 991px) { .pkp_structure_main .oj-logos { --oj-logos-cols: 3; } }
@media (max-width: 767px) { .oj-logos, .pkp_structure_main .oj-logos { --oj-logos-cols: 2; } }

/* ---------- .oj-stats : angka jurnal ---------- */
.oj-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--_s16); }
.oj-stats > div { padding: var(--_s16); background: var(--_soft); border-radius: var(--_radius); }
.oj-stats b { display: block; font-size: var(--oj-fs-2xl, 24px); font-weight: 800; line-height: var(--oj-lh-2xl, 32px); font-variant-numeric: tabular-nums; }
.oj-stats span { color: var(--_ink3); font-size: var(--oj-fs-sm, 13px); font-weight: 600; line-height: var(--oj-lh-sm, 20px); }
@media (max-width: 767px) { .oj-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- .oj-btn : tombol di konten ---------- */
a.oj-btn, .oj-btn { display: inline-flex; align-items: center; gap: var(--_s8); min-height: var(--oj-size-control, 40px); padding: 0 var(--_s24);
  margin: 0; border-radius: var(--oj-radius-button, 10px); background: var(--_primary); color: var(--_on-primary); font-weight: 700; text-decoration: none;
  border: 1.5px solid var(--_primary); line-height: 1; }
a.oj-btn--outline, .oj-btn--outline { background: var(--_surface); color: var(--_primary); }
a.oj-btn:focus-visible { outline: 3px solid var(--oj-focus, #1F5FAE); outline-offset: 2px; }
@media (pointer: coarse) { a.oj-btn, .oj-btn { min-height: 48px; } }

/* ---------- .oj-footer : kolom Footer halaman ---------- */
.oj-footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--_s40); margin: 0; }
.oj-footer h3, .oj-footer h4 { font-size: var(--oj-fs-ui, 14px); line-height: var(--oj-lh-ui, 20px); font-weight: 800; margin: 0 0 var(--_s16); }
.oj-footer p { margin: 0 0 var(--_s8); }
.oj-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--_s8); }
@media (max-width: 991px) { .oj-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--_s32); } }
@media (max-width: 767px) { .oj-footer { grid-template-columns: minmax(0, 1fr); gap: var(--_s24); } }

/* ---------- .oj-bar : bar pengumuman (disisipkan JS tema) ---------- */
.oj-bar { margin: 0; min-height: var(--oj-size-topbar, 40px); padding: var(--_s8) var(--_s16); text-align: center; background: var(--_soft);
  border-bottom: 1px solid var(--_line); font-weight: 600; font-size: var(--oj-fs-sm, 13px); line-height: var(--oj-lh-base, 24px); }
.oj-bar a { color: var(--_link); font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
  .oj-accordion details, .oj-logos > a { transition: none; }
}


/*
 * OJASA Premium (Meridian Premium, Arch Scholar Premium) — komponen konten tambahan, v1.2 (grid 8).
 * Dimuat setelah oj-komponen.css.
 * .oj-checklist : daftar fokus & ruang lingkup 2 kolom (halaman Tentang)
 * .oj-people    : kartu orang untuk Dewan Redaksi berbasis HTML di OJS 3.2–3.4
 *                 (OJS 3.5 punya halaman masthead bawaan; tema cukup menatanya)
 */

.oj-checklist, .oj-people {
  --_ink: var(--oj-ink, #0B2A5B);
  --_ink3: var(--oj-ink-3, #637289);
  --_line: var(--oj-line, #E3E9F3);
  --_soft: var(--oj-surface-2, #F4F7FC);
  --_surface: var(--oj-surface, #FFFFFF);
  --_primary: var(--oj-primary, #0B2A5B);
  --_radius: var(--oj-radius-card, 14px);
  --_s4: var(--oj-space-4, 4px);
  --_s8: var(--oj-space-8, 8px);
  --_s16: var(--oj-space-16, 16px);
  --_s24: var(--oj-space-24, 24px);
  box-sizing: border-box;
  margin: 0 0 var(--_s24);
  color: var(--_ink);
}

/* ---------- .oj-checklist ---------- */
.oj-checklist { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--_s8) var(--_s16); }
.oj-checklist > li { position: relative; min-height: 40px; padding: var(--_s8) var(--_s16) var(--_s8) 40px; border: 1px solid var(--_line);
  border-radius: var(--oj-radius-input, 8px); background: var(--_soft); font-size: var(--oj-fs-ui, 14px); line-height: var(--oj-lh-base, 24px); font-weight: 600; }
/* centang 16 px: ikon SVG sebagai mask supaya warnanya ikut --oj-primary */
.oj-checklist > li::before { content: ""; position: absolute; left: var(--_s16); top: 50%; width: 16px; height: 16px; transform: translateY(-50%);
  background: var(--_primary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }
@media (max-width: 767px) { .oj-checklist { grid-template-columns: minmax(0, 1fr); } }

/* ---------- .oj-people ---------- */
.oj-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--_s16); }
.oj-people > article { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--_s4) var(--_s16); padding: var(--_s24);
  border: 1px solid var(--_line); border-radius: var(--_radius); background: var(--_surface); }
.oj-people img, .oj-people .oj-people__init { grid-row: span 4; width: 64px; height: 80px; object-fit: cover; border-radius: var(--oj-radius-input, 8px);
  background: var(--_soft); display: grid; place-items: center; font-weight: 800; font-size: var(--oj-fs-lg, 18px); }
.oj-people h3 { margin: 0; font-size: var(--oj-fs-md, 16px); line-height: var(--oj-lh-md, 24px); font-weight: 800; }
.oj-people .oj-people__role { justify-self: start; display: inline-flex; align-items: center; min-height: 24px; padding: 0 var(--_s8);
  border-radius: 999px; background: var(--_soft); font-size: var(--oj-fs-xs, 12px); line-height: 1; font-weight: 700; }
.oj-people p { margin: 0; font-size: var(--oj-fs-sm, 13px); line-height: var(--oj-lh-sm, 20px); color: var(--_ink3); }
.oj-people ul { grid-column: 1 / -1; list-style: none; padding: var(--_s16) 0 0; margin: var(--_s8) 0 0; display: flex; flex-wrap: wrap;
  gap: var(--_s8); border-top: 1px solid var(--_line); }
.oj-people ul a, .oj-people ul span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 var(--_s16); border: 1px solid var(--_line);
  border-radius: 999px; font-size: var(--oj-fs-xs, 12px); line-height: 1; font-weight: 700; text-decoration: none; color: var(--_ink); }
.oj-people ul span { border-style: dashed; color: var(--_ink3); }   /* tautan belum ada: tampil, tidak disembunyikan */
@media (max-width: 767px) { .oj-people { grid-template-columns: minmax(0, 1fr); } .oj-people > article { padding: var(--_s16); } }


/*
 * Arch Scholar Premium — motif lengkung, v1.2 (grid 8).
 * Satu-satunya dekorasi khas tema: bingkai sampul dan penanda judul bagian. Jangan dipakai di elemen lain.
 */
.as-cover {
  aspect-ratio: 1 / 1.42;
  width: 100%;
  object-fit: cover;
  /* setengah lingkaran di atas: radius vertikal = lebar/2 = 35.2% tinggi */
  border-radius: 50% 50% 8px 8px / 35.2% 35.2% 8px 8px;
  box-shadow: var(--oj-shadow-cover, 6px 6px 0 #C4D3CA);
  background: var(--oj-surface-2, #F4F7F5);
}
/* penanda lengkung sebelum judul bagian: ukurannya ikut huruf, jaraknya ikut grid */
.as-mark::before {
  content: "";
  display: inline-block;
  width: .75em /* grid8: ornamen mengikuti ukuran huruf */;
  height: 1em /* grid8: ornamen mengikuti ukuran huruf */;
  margin-right: var(--oj-space-8, 8px);
  vertical-align: -.1em;
  background: currentColor;
  border-radius: 50% 50% 2px 2px / 42% 42% 2px 2px;
}
@media (prefers-reduced-motion: reduce) { .as-cover { transition: none; } }


/* Ikon Lucide (ISC) sebagai mask CSS. Lihat LICENSE-lucide.txt. */
:root {
  --oj-ik-book-open: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v16%22 /%3E %3Cpath d=%22M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z%22 /%3E%3C/svg%3E");
  --oj-ik-library: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m16 6 4 14%22 /%3E %3Cpath d=%22M12 6v14%22 /%3E %3Cpath d=%22M8 8v12%22 /%3E %3Cpath d=%22M4 4v16%22 /%3E%3C/svg%3E");
  --oj-ik-megaphone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z%22 /%3E %3Cpath d=%22M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14%22 /%3E %3Cpath d=%22M8 6v8%22 /%3E%3C/svg%3E");
  --oj-ik-info: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E %3Cpath d=%22M12 16v-4%22 /%3E %3Cpath d=%22M12 8h.01%22 /%3E%3C/svg%3E");
  --oj-ik-users: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22 /%3E %3Cpath d=%22M16 3.128a4 4 0 0 1 0 7.744%22 /%3E %3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22 /%3E %3Ccircle cx=%229%22 cy=%227%22 r=%224%22 /%3E%3C/svg%3E");
  --oj-ik-pen-line: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 21h8%22 /%3E %3Cpath d=%22M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%22 /%3E%3C/svg%3E");
  --oj-ik-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7%22 /%3E %3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22 /%3E%3C/svg%3E");
  --oj-ik-shield-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%22 /%3E %3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E");
  --oj-ik-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21 21-4.34-4.34%22 /%3E %3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22 /%3E%3C/svg%3E");
  --oj-ik-user-plus: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22 /%3E %3Ccircle cx=%229%22 cy=%227%22 r=%224%22 /%3E %3Cline x1=%2219%22 x2=%2219%22 y1=%228%22 y2=%2214%22 /%3E %3Cline x1=%2222%22 x2=%2216%22 y1=%2211%22 y2=%2211%22 /%3E%3C/svg%3E");
  --oj-ik-log-in: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m10 17 5-5-5-5%22 /%3E %3Cpath d=%22M15 12H3%22 /%3E %3Cpath d=%22M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4%22 /%3E%3C/svg%3E");
  --oj-ik-book-open-text: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v16%22 /%3E %3Cpath d=%22M16 13h2%22 /%3E %3Cpath d=%22M16 9h2%22 /%3E %3Cpath d=%22M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z%22 /%3E %3Cpath d=%22M6 13h2%22 /%3E %3Cpath d=%22M6 9h2%22 /%3E%3C/svg%3E");
  --oj-ik-library-big: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%228%22 height=%2218%22 x=%223%22 y=%223%22 rx=%221%22 /%3E %3Cpath d=%22M7 3v18%22 /%3E %3Cpath d=%22M20.4 18.9c.2.5-.1 1.1-.6 1.3l-1.9.7c-.5.2-1.1-.1-1.3-.6L11.1 5.1c-.2-.5.1-1.1.6-1.3l1.9-.7c.5-.2 1.1.1 1.3.6Z%22 /%3E%3C/svg%3E");
  --oj-ik-send: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%22 /%3E %3Cpath d=%22m21.854 2.147-10.94 10.939%22 /%3E%3C/svg%3E");
  --oj-ik-file-text: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z%22 /%3E %3Cpath d=%22M14 2v5a1 1 0 0 0 1 1h5%22 /%3E %3Cpath d=%22M10 9H8%22 /%3E %3Cpath d=%22M16 13H8%22 /%3E %3Cpath d=%22M16 17H8%22 /%3E%3C/svg%3E");
  --oj-ik-wallet: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1%22 /%3E %3Cpath d=%22M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4%22 /%3E%3C/svg%3E");
  --oj-ik-file-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z%22 /%3E %3Cpath d=%22M14 2v5a1 1 0 0 0 1 1h5%22 /%3E %3Cpath d=%22M12 18v-6%22 /%3E %3Cpath d=%22m9 15 3 3 3-3%22 /%3E%3C/svg%3E");
  --oj-ik-scale: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3v18%22 /%3E %3Cpath d=%22m19 8 3 8a5 5 0 0 1-6 0zV7%22 /%3E %3Cpath d=%22M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1%22 /%3E %3Cpath d=%22m5 8 3 8a5 5 0 0 1-6 0zV7%22 /%3E %3Cpath d=%22M7 21h10%22 /%3E%3C/svg%3E");
  --oj-ik-clipboard-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%228%22 height=%224%22 x=%228%22 y=%222%22 rx=%221%22 ry=%221%22 /%3E %3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22 /%3E %3Cpath d=%22m9 14 2 2 4-4%22 /%3E%3C/svg%3E");
  --oj-ik-badge-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z%22 /%3E %3Cpath d=%22m16 9-5.5 5.5L8 12%22 /%3E%3C/svg%3E");
  --oj-ik-target: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22 /%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%222%22 /%3E%3C/svg%3E");
  --oj-ik-lock-open: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2211%22 x=%223%22 y=%2211%22 rx=%222%22 ry=%222%22 /%3E %3Cpath d=%22M7 11V7a5 5 0 0 1 9.9-1%22 /%3E%3C/svg%3E");
  --oj-ik-file-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z%22 /%3E %3Cpath d=%22M14 2v5a1 1 0 0 0 1 1h5%22 /%3E %3Cpath d=%22m9 15 2 2 4-4%22 /%3E%3C/svg%3E");
  --oj-ik-archive: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%225%22 x=%222%22 y=%223%22 rx=%221%22 /%3E %3Cpath d=%22M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8%22 /%3E %3Cpath d=%22M10 12h4%22 /%3E%3C/svg%3E");
  --oj-ik-flag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528%22 /%3E%3C/svg%3E");
  --oj-ik-chart-column: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v16a2 2 0 0 0 2 2h16%22 /%3E %3Cpath d=%22M18 17V9%22 /%3E %3Cpath d=%22M13 17V5%22 /%3E %3Cpath d=%22M8 17v-3%22 /%3E%3C/svg%3E");
  --oj-ik-timer: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cline x1=%2210%22 x2=%2214%22 y1=%222%22 y2=%222%22 /%3E %3Cline x1=%2212%22 x2=%2215%22 y1=%2214%22 y2=%2211%22 /%3E %3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22 /%3E%3C/svg%3E");
  --oj-ik-percent: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cline x1=%2219%22 x2=%225%22 y1=%225%22 y2=%2219%22 /%3E %3Ccircle cx=%226.5%22 cy=%226.5%22 r=%222.5%22 /%3E %3Ccircle cx=%2217.5%22 cy=%2217.5%22 r=%222.5%22 /%3E%3C/svg%3E");
  --oj-ik-calendar-days: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 2v3%22 /%3E %3Cpath d=%22M16 2v3%22 /%3E %3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%222%22 /%3E %3Cpath d=%22M3 9h18%22 /%3E %3Cpath d=%22M8 13h.01%22 /%3E %3Cpath d=%22M12 13h.01%22 /%3E %3Cpath d=%22M16 13h.01%22 /%3E %3Cpath d=%22M8 17h.01%22 /%3E %3Cpath d=%22M12 17h.01%22 /%3E %3Cpath d=%22M16 17h.01%22 /%3E%3C/svg%3E");
  --oj-ik-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22 /%3E%3C/svg%3E");
  --oj-ik-copy: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2214%22 height=%2214%22 x=%228%22 y=%228%22 rx=%222%22 ry=%222%22 /%3E %3Cpath d=%22M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2%22 /%3E%3C/svg%3E");
  --oj-ik-eye: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0%22 /%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22 /%3E%3C/svg%3E");
  --oj-ik-download: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 15V3%22 /%3E %3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22 /%3E %3Cpath d=%22m7 10 5 5 5-5%22 /%3E%3C/svg%3E");
  --oj-ik-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22 /%3E%3C/svg%3E");
  --oj-ik-share-2: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2218%22 cy=%225%22 r=%223%22 /%3E %3Ccircle cx=%226%22 cy=%2212%22 r=%223%22 /%3E %3Ccircle cx=%2218%22 cy=%2219%22 r=%223%22 /%3E %3Cline x1=%228.59%22 x2=%2215.42%22 y1=%2213.51%22 y2=%2217.49%22 /%3E %3Cline x1=%2215.41%22 x2=%228.59%22 y1=%226.51%22 y2=%2210.49%22 /%3E%3C/svg%3E");
  --oj-ik-quote: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z%22 /%3E %3Cpath d=%22M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z%22 /%3E%3C/svg%3E");
  --oj-ik-house: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8%22 /%3E %3Cpath d=%22M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22 /%3E%3C/svg%3E");
}
.ojasa a[data-oj-ikon="book-open"]::before { content: ""; --_ik: var(--oj-ik-book-open); }
.ojasa a[data-oj-ikon="library"]::before { content: ""; --_ik: var(--oj-ik-library); }
.ojasa a[data-oj-ikon="megaphone"]::before { content: ""; --_ik: var(--oj-ik-megaphone); }
.ojasa a[data-oj-ikon="info"]::before { content: ""; --_ik: var(--oj-ik-info); }
.ojasa a[data-oj-ikon="users"]::before { content: ""; --_ik: var(--oj-ik-users); }
.ojasa a[data-oj-ikon="pen-line"]::before { content: ""; --_ik: var(--oj-ik-pen-line); }
.ojasa a[data-oj-ikon="mail"]::before { content: ""; --_ik: var(--oj-ik-mail); }
.ojasa a[data-oj-ikon="shield-check"]::before { content: ""; --_ik: var(--oj-ik-shield-check); }
.ojasa a[data-oj-ikon="search"]::before { content: ""; --_ik: var(--oj-ik-search); }
.ojasa a[data-oj-ikon="user-plus"]::before { content: ""; --_ik: var(--oj-ik-user-plus); }
.ojasa a[data-oj-ikon="log-in"]::before { content: ""; --_ik: var(--oj-ik-log-in); }
.ojasa a[data-oj-ikon="book-open-text"]::before { content: ""; --_ik: var(--oj-ik-book-open-text); }
.ojasa a[data-oj-ikon="library-big"]::before { content: ""; --_ik: var(--oj-ik-library-big); }
.ojasa a[data-oj-ikon="send"]::before { content: ""; --_ik: var(--oj-ik-send); }
.ojasa a[data-oj-ikon="file-text"]::before { content: ""; --_ik: var(--oj-ik-file-text); }
.ojasa a[data-oj-ikon="wallet"]::before { content: ""; --_ik: var(--oj-ik-wallet); }
.ojasa a[data-oj-ikon="file-down"]::before { content: ""; --_ik: var(--oj-ik-file-down); }
.ojasa a[data-oj-ikon="scale"]::before { content: ""; --_ik: var(--oj-ik-scale); }
.ojasa a[data-oj-ikon="clipboard-check"]::before { content: ""; --_ik: var(--oj-ik-clipboard-check); }
.ojasa a[data-oj-ikon="badge-check"]::before { content: ""; --_ik: var(--oj-ik-badge-check); }
.ojasa a[data-oj-ikon="target"]::before { content: ""; --_ik: var(--oj-ik-target); }
.ojasa a[data-oj-ikon="lock-open"]::before { content: ""; --_ik: var(--oj-ik-lock-open); }
.ojasa a[data-oj-ikon="file-check"]::before { content: ""; --_ik: var(--oj-ik-file-check); }
.ojasa a[data-oj-ikon="archive"]::before { content: ""; --_ik: var(--oj-ik-archive); }
.ojasa a[data-oj-ikon="flag"]::before { content: ""; --_ik: var(--oj-ik-flag); }
.ojasa a[data-oj-ikon="chart-column"]::before { content: ""; --_ik: var(--oj-ik-chart-column); }
.ojasa a[data-oj-ikon="timer"]::before { content: ""; --_ik: var(--oj-ik-timer); }
.ojasa a[data-oj-ikon="percent"]::before { content: ""; --_ik: var(--oj-ik-percent); }
.ojasa a[data-oj-ikon="calendar-days"]::before { content: ""; --_ik: var(--oj-ik-calendar-days); }
.ojasa a[data-oj-ikon="check"]::before { content: ""; --_ik: var(--oj-ik-check); }
.ojasa a[data-oj-ikon="copy"]::before { content: ""; --_ik: var(--oj-ik-copy); }
.ojasa a[data-oj-ikon="eye"]::before { content: ""; --_ik: var(--oj-ik-eye); }
.ojasa a[data-oj-ikon="download"]::before { content: ""; --_ik: var(--oj-ik-download); }
.ojasa a[data-oj-ikon="chevron-down"]::before { content: ""; --_ik: var(--oj-ik-chevron-down); }
.ojasa a[data-oj-ikon="share-2"]::before { content: ""; --_ik: var(--oj-ik-share-2); }
.ojasa a[data-oj-ikon="quote"]::before { content: ""; --_ik: var(--oj-ik-quote); }
.ojasa a[data-oj-ikon="house"]::before { content: ""; --_ik: var(--oj-ik-house); }


/*
 * OJASA inti tema: bagian yang disisipkan kait dan skrip tema, sama untuk ketiga tema.
 * Dimuat setelah ojasa-ojs.css (lapisan kasus Default). Jarak di grid 8, satuan px.
 */

/* ---------------------------------------------------------------- huruf sistem (opsi tema) */
html.oj-huruf-sistem {
  --oj-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --oj-font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --oj-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --oj-font-reading: Georgia, "Times New Roman", serif;
}

/* Default 3.3 menulis "Noto Sans" langsung di 15 selektor dan huruf Noto tidak dimuat tema OJASA.
   Dua belas sudah ditimpa lapisan kasus; tiga sisanya dikembalikan ke huruf induknya di sini. */
.ojasa .obj_issue_summary .title,
.ojasa .cmp_breadcrumbs .current h1,
.ojasa .obj_article_details .citation_display .citation_formats_button { font-family: inherit; }

/* ---------------------------------------------------------------- ikon */
.oj-ic { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }
.oj-ic--24 { width: 24px; height: 24px; }

/* Ikon menu dari alamat tautan OJS: tanpa skrip, tanpa kedip, warna ikut tautan.
   Tautan kustom diberi atribut data-oj-ikon oleh skrip inti berdasarkan kata kuncinya. */
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information, .oj-halaman-cocok) a::before,
.ojasa a[data-oj-ikon]::before,
.ojasa .block_make_submission_link::before,
.ojasa .obj_galley_link::before,
.ojasa .cmp_breadcrumbs li:first-child > a::before {
  display: inline-block; flex: none; width: 16px; height: 16px; margin: 0 var(--oj-space-8) 0 0; vertical-align: -3px;
  background-color: currentColor;
  -webkit-mask: var(--_ik) center / 16px 16px no-repeat; mask: var(--_ik) center / 16px 16px no-repeat;
  font-family: inherit;
}
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="issue/current"], [href*="op=current"])::before { content: ""; --_ik: var(--oj-ik-book-open); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="issue/archive"], [href*="op=archive"])::before { content: ""; --_ik: var(--oj-ik-library); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="/announcement"], [href*="page=announcement"])::before { content: ""; --_ik: var(--oj-ik-megaphone); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href$="/about"], [href*="/about?"], [href$="page=about"])::before { content: ""; --_ik: var(--oj-ik-info); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="about/editorialTeam"], [href*="op=editorialTeam"], [href*="about/editorialMasthead"])::before { content: ""; --_ik: var(--oj-ik-users); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="about/submissions"], [href*="op=submissions"])::before { content: ""; --_ik: var(--oj-ik-pen-line); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="about/contact"], [href*="op=contact"])::before { content: ""; --_ik: var(--oj-ik-mail); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="about/privacy"], [href*="op=privacy"])::before { content: ""; --_ik: var(--oj-ik-shield-check); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="/search"], [href*="page=search"])::before { content: ""; --_ik: var(--oj-ik-search); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="user/register"], [href*="op=register"])::before { content: ""; --_ik: var(--oj-ik-user-plus); }
.ojasa :is(.pkp_navigation_primary, .pkp_navigation_user, .block_information) a:is([href*="/login"], [href*="page=login"])::before { content: ""; --_ik: var(--oj-ik-log-in); }
.ojasa .block_information a[href*="information/readers"]::before { content: ""; --_ik: var(--oj-ik-book-open-text); }
.ojasa .block_information a[href*="information/authors"]::before { content: ""; --_ik: var(--oj-ik-pen-line); }
.ojasa .block_information a[href*="information/librarians"]::before { content: ""; --_ik: var(--oj-ik-library-big); }
.ojasa .block_make_submission_link::before { content: ""; --_ik: var(--oj-ik-send); }
/* remah roti: hanya "Beranda" yang berikon */
.ojasa .cmp_breadcrumbs li:first-child > a::before { content: ""; --_ik: var(--oj-ik-house); }
.ojasa .obj_galley_link::before { content: ""; --_ik: var(--oj-ik-file-text); }
/* tombol yang sudah flex dengan gap tidak butuh margin tambahan */
.ojasa :is(.obj_galley_link, .block_make_submission_link)::before { margin-right: 0; }
/* tautan Cari bawaan memakai FontAwesome; diganti ikon tema agar satu gaya */
.ojasa .pkp_navigation_search_wrapper .fa, .ojasa .pkp_search_mobile .fa { display: none; }
.ojasa .pkp_navigation_search_wrapper a::before, .ojasa .pkp_search_mobile::before {
  content: ""; display: inline-block; width: 16px; height: 16px; background-color: currentColor;
  -webkit-mask: var(--oj-ik-search) center / 16px 16px no-repeat; mask: var(--oj-ik-search) center / 16px 16px no-repeat;
}
/* ikon di daftar tautan diredupkan supaya mata tetap mendarat di label */
.ojasa :is(.pkp_block, .pkp_footer_content) a[data-oj-ikon]::before,
.ojasa .block_information a::before { opacity: .7; }

/* kotak centang dan pilihan ikut warna tema, bukan biru peramban */
.ojasa input[type="checkbox"], .ojasa input[type="radio"] { accent-color: var(--oj-primary); }

/* ---------------------------------------------------------------- tombol tema */
.ojasa .oj-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control); margin: 0; padding: 0 var(--oj-space-16);
  border: 1.5px solid var(--oj-primary); border-radius: var(--oj-radius-button);
  background: var(--oj-primary); color: var(--oj-on-primary);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/1 var(--oj-font-ui); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color var(--oj-dur-fast) var(--oj-ease-standard), color var(--oj-dur-fast) var(--oj-ease-standard);
}
.ojasa .oj-btn:hover, .ojasa .oj-btn:focus { background: var(--oj-primary-hover); border-color: var(--oj-primary-hover); color: var(--oj-on-primary); text-decoration: none; }
.ojasa .oj-btn--lg { min-height: var(--oj-size-control-lg); padding: 0 var(--oj-space-24); font-size: var(--oj-fs-base); }
.ojasa .oj-btn--garis { background: transparent; color: var(--oj-primary); }
.ojasa .oj-btn--garis:hover, .ojasa .oj-btn--garis:focus { background: var(--oj-surface-2); border-color: var(--oj-primary); color: var(--oj-primary); }

/* ---------------------------------------------------------------- ringkasan artikel (kait daftar isi) */
.ojasa .oj-ringkasan .oj-aksi:empty { display: none; }
.ojasa .galleys_links .oj-aksi-li { margin: 0; }
.ojasa .oj-abstrak-tombol[aria-expanded="true"] .oj-ic { transform: rotate(180deg); }
.ojasa .oj-abstrak-tombol .oj-ic { transition: transform var(--oj-dur-base) var(--oj-ease-standard); }
.ojasa .oj-salin {
  display: inline-flex; align-items: center; gap: var(--oj-space-8);
  min-height: var(--oj-size-control); padding: 0 var(--oj-space-8); border: 0; background: none;
  font: var(--oj-fw-ui) var(--oj-fs-sm)/1 var(--oj-font-ui); color: var(--oj-link); cursor: pointer;
}
.ojasa .oj-salin:hover { color: var(--oj-link-hover); text-decoration: underline; }
.ojasa .oj-abstrak { border-left: 3px solid var(--oj-accent); border-radius: 0 var(--oj-radius-input) var(--oj-radius-input) 0; font-size: var(--oj-fs-base); line-height: var(--oj-lh-md); color: var(--oj-ink-2); }
.ojasa .oj-ringkasan__bawah {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--oj-space-8) var(--oj-space-24);
  margin: var(--oj-space-16) 0 0; font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); color: var(--oj-ink-3);
}
.ojasa .oj-ringkasan__bawah span { display: inline-flex; align-items: center; gap: var(--oj-space-8); }
.ojasa .oj-doi { overflow-wrap: anywhere; color: var(--oj-ink-3); text-decoration: underline; text-decoration-color: var(--oj-line-2); text-underline-offset: 3px; }
.ojasa .oj-doi:hover { color: var(--oj-link); }

/* ---------------------------------------------------------------- halaman artikel */
.ojasa .oj-aksi-artikel { display: flex; flex-wrap: wrap; gap: var(--oj-space-8); margin: var(--oj-space-24) 0 var(--oj-space-8); }
.ojasa .obj_article_details .item.doi .value { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--oj-space-8) var(--oj-space-16); }
.ojasa .oj-statistik-artikel .value p { display: flex; align-items: center; gap: var(--oj-space-8); margin: 0 0 var(--oj-space-8); }
.ojasa .oj-statistik-artikel .value p:last-child { margin-bottom: 0; }
.ojasa .oj-sorot { outline: 3px solid var(--oj-accent); outline-offset: 8px; border-radius: var(--oj-radius-input); transition: outline-color var(--oj-dur-slow) var(--oj-ease-standard); }

/* ---------------------------------------------------------------- arsip per tahun */
.ojasa .issues_archive.oj-arsip-tahun {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: var(--oj-space-32) var(--oj-space-24);
  margin: 0; padding: 0; list-style: none; border: 0;
}
.ojasa .issues_archive.oj-arsip-tahun::before, .ojasa .issues_archive.oj-arsip-tahun::after { content: none; }
.ojasa .issues_archive.oj-arsip-tahun > li { margin: 0; padding: 0; border: 0; }
.ojasa .oj-tahun { grid-column: 1 / -1; }
.ojasa .oj-tahun:not(:first-child) { margin-top: var(--oj-space-16); }
.ojasa .oj-tahun__t {
  display: flex; align-items: center; gap: var(--oj-space-16); margin: 0;
  font: var(--oj-fw-heading) var(--oj-fs-2xl)/var(--oj-lh-2xl) var(--oj-font-heading); color: var(--oj-ink);
}
.ojasa .oj-tahun__t::after { content: ""; flex: 1; height: 1px; background: var(--oj-line); }
.ojasa .oj-arsip-tahun .obj_issue_summary { display: grid; gap: var(--oj-space-8); margin: 0; padding: 0; border: 0; }
.ojasa .oj-arsip-tahun .obj_issue_summary::before, .ojasa .oj-arsip-tahun .obj_issue_summary::after { content: none; }
.ojasa .oj-arsip-tahun .obj_issue_summary .cover { position: relative; display: block; float: none; width: auto; margin: 0 0 var(--oj-space-8); }
.ojasa .oj-arsip-tahun .obj_issue_summary .cover img { display: block; width: 100%; max-height: none; border-radius: var(--oj-radius-cover); box-shadow: var(--oj-shadow-cover); }
.ojasa .oj-arsip-tahun .obj_issue_summary h2 { margin: 0; font: var(--oj-fw-heading) var(--oj-fs-md)/var(--oj-lh-md) var(--oj-font-heading); }
.ojasa .oj-arsip-tahun .obj_issue_summary h2 a { color: var(--oj-ink); text-decoration: none; }
.ojasa .oj-arsip-tahun .obj_issue_summary .series { font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); color: var(--oj-ink-2); }
.ojasa .oj-arsip-tahun .obj_issue_summary .description { display: none; }
.ojasa .oj-baru {
  position: absolute; top: var(--oj-space-8); right: var(--oj-space-8); z-index: 1;
  display: inline-flex; align-items: center; min-height: var(--oj-size-badge); padding: 0 var(--oj-space-8);
  border-radius: var(--oj-radius-pill); background: var(--oj-success-bg); color: var(--oj-success);
  box-shadow: 0 0 0 2px var(--oj-surface); font: var(--oj-fw-bold) var(--oj-fs-xs)/1 var(--oj-font-ui); white-space: nowrap;
}
.ojasa a.title .oj-baru { position: static; margin-left: var(--oj-space-8); vertical-align: 2px; }

/* ---------------------------------------------------------------- cari: halaman jurnal yang cocok */
.ojasa .oj-halaman-cocok {
  display: grid; gap: var(--oj-space-8); margin: 0 0 var(--oj-space-24); padding: var(--oj-space-16) var(--oj-space-24);
  border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card); background: var(--oj-surface-2);
}
.ojasa .oj-halaman-cocok__t { margin: 0; font: var(--oj-fw-bold) var(--oj-fs-xs)/var(--oj-lh-xs) var(--oj-font-ui); color: var(--oj-ink-3); }
.ojasa .oj-halaman-cocok ul { display: grid; gap: var(--oj-space-4); margin: 0; padding: 0; list-style: none; }
.ojasa .oj-halaman-cocok a { font: var(--oj-fw-bold) var(--oj-fs-base)/var(--oj-lh-base) var(--oj-font-ui); }

/* ---------------------------------------------------------------- pemberitahuan singkat, kredit, bilah aksi HP */
.oj-toast {
  position: fixed; left: 50%; bottom: calc(var(--oj-space-24) + env(safe-area-inset-bottom, 0px)); z-index: 1000;
  max-width: calc(100vw - 2 * var(--oj-space-16)); padding: var(--oj-space-8) var(--oj-space-16);
  border-radius: var(--oj-radius-input); background: var(--oj-ink); color: var(--oj-surface);
  font: var(--oj-fw-ui) var(--oj-fs-ui)/var(--oj-lh-ui) var(--oj-font-ui);
  transform: translate(-50%, var(--oj-space-16)); opacity: 0; pointer-events: none;
  transition: opacity var(--oj-dur-base) var(--oj-ease-standard), transform var(--oj-dur-base) var(--oj-ease-standard);
}
.oj-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.ojasa .oj-kredit {
  margin: 0; padding: var(--oj-space-16) var(--oj-gutter);
  background: var(--oj-bg-footer-color, var(--oj-surface-2)); border-top: 1px solid var(--oj-line);
  font-size: var(--oj-fs-xs); line-height: var(--oj-lh-xs); color: var(--oj-ink-3); text-align: center;
}
.ojasa .oj-kredit a { color: inherit; }
.oj-bar-aksi { display: none; }
@media (max-width: 767px) {
  html.oj-ada-bar-aksi .oj-bar-aksi {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    display: flex; gap: var(--oj-space-8);
    padding: var(--oj-space-8) var(--oj-space-16) calc(var(--oj-space-8) + env(safe-area-inset-bottom, 0px));
    background: var(--oj-surface); border-top: 1px solid var(--oj-line); box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
  }
  html.oj-ada-bar-aksi .oj-bar-aksi .oj-btn { flex: 1 1 0; }
  html.oj-ada-bar-aksi body { padding-bottom: var(--oj-space-80); }
  html.oj-ada-bar-aksi .oj-toast { bottom: calc(var(--oj-space-80) + var(--oj-space-8)); }
}
@media (prefers-reduced-motion: reduce) {
  .oj-toast, .ojasa .oj-btn, .ojasa .oj-abstrak-tombol .oj-ic { transition: none; }
}


/*
 * Arch Scholar Premium, lapisan tema di atas markup Default OJS 3.3.
 * Kejelasan di atas hiasan: kirim, temukan, percaya. Satu motif khas: lengkung.
 * Urutan muat: Default → token → lapisan kasus (ojasa-ojs.css) → inti → berkas ini. Grid 8, px.
 */

/* ---------------------------------------------------------------- token khusus plugin
   Keputusan 24 Sep: sampul persegi sudut 8 px (lengkung memotong sudut atas sampul unggahan); lengkung jadi opsi. */
html.oj-tema-arch { --oj-radius-cover: 8px; --oj-shadow-cover: 0 10px 30px rgba(27, 38, 32, .22); }
html.oj-tema-arch.oj-sampul-lengkung { --oj-radius-cover: 50% 50% 8px 8px / 35.2% 35.2% 8px 8px; --oj-shadow-cover: 6px 6px 0 var(--oj-shadow); }

/* penanda bagian: lengkung kecil di depan judul bagian (satu-satunya motif) */
.oj-tema-arch .oj-judul-bagian,
.oj-tema-arch .page_index_journal > section > h2,
.oj-tema-arch .page_index_journal .current_issue > h2 {
  display: flex; align-items: center; gap: var(--oj-space-8); margin: 0 0 var(--oj-space-24);
  font: var(--oj-fw-heading) var(--oj-fs-2xl)/var(--oj-lh-2xl) var(--oj-font-heading); color: var(--oj-ink);
}
.oj-tema-arch .oj-judul-bagian::before,
.oj-tema-arch .page_index_journal > section > h2::before,
.oj-tema-arch .page_index_journal .current_issue > h2::before {
  content: ""; flex: none; width: 16px; height: 24px; border-radius: 8px 8px 2px 2px; background: var(--oj-accent);
}

/* ---------------------------------------------------------------- kepala: baris 1 nama + cari + status + kirim, baris 2 menu */
.oj-tema-arch .pkp_structure_head { background: var(--oj-bg-header-color, var(--oj-surface)); border-bottom: 1px solid var(--oj-line); }
.oj-tema-arch .pkp_site_name .is_text { font-family: var(--oj-font-heading); letter-spacing: -.01em; }
.oj-tema-arch .oj-kepala-aksi { display: flex; align-items: center; gap: var(--oj-space-16); min-width: 0; }
.oj-tema-arch .oj-cari { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; margin: 0; }
.oj-tema-arch .oj-cari .oj-ic { position: absolute; left: var(--oj-space-16); color: var(--oj-ink-3); pointer-events: none; }
.oj-tema-arch .oj-cari input {
  width: 100%; min-height: var(--oj-size-control-lg); margin: 0; padding: 0 var(--oj-space-16) 0 var(--oj-space-40);
  border: 1px solid var(--oj-line-2); border-radius: var(--oj-radius-pill); background: var(--oj-surface);
  font: 400 var(--oj-fs-base)/var(--oj-lh-base) var(--oj-font-ui); color: var(--oj-ink); box-shadow: none;
}
.oj-tema-arch .oj-cari input::placeholder { color: var(--oj-ink-3); }
.oj-tema-arch .oj-cari input:focus { border-color: var(--oj-focus); box-shadow: var(--oj-focus-ring); outline: 0; }
.oj-tema-arch .oj-status {
  display: inline-flex; align-items: center; gap: var(--oj-space-8); min-height: var(--oj-size-control-sm); margin: 0; padding: 0 var(--oj-space-16);
  border-radius: var(--oj-radius-pill); background: var(--oj-success-bg); color: var(--oj-success);
  font: var(--oj-fw-bold) var(--oj-fs-sm)/1 var(--oj-font-ui); white-space: nowrap;
}
.oj-tema-arch .oj-status__titik { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.oj-tema-arch .oj-kepala-kirim { flex: none; }
.oj-tema-arch .pkp_navigation_primary_row { background: var(--oj-bg-header-color, var(--oj-surface)); }
.oj-tema-arch .pkp_navigation_primary > li > a { font: var(--oj-fw-ui) var(--oj-fs-ui)/var(--oj-lh-base) var(--oj-font-ui); }
/* kotak cari sudah di kepala: tautan Cari bawaan tidak perlu di bar menu */
html.oj-ada-kotak-cari.oj-tema-arch .pkp_navigation_search_wrapper { display: none; }

@media (min-width: 992px) {
  .oj-tema-arch .pkp_site_name_wrapper { gap: var(--oj-space-32); min-height: 0; padding-top: var(--oj-space-24); padding-bottom: var(--oj-space-24); }
  .oj-tema-arch .pkp_site_name { flex: 0 1 auto; min-width: 0; }
  .oj-tema-arch .pkp_site_name .is_text { font-size: var(--oj-fs-2xl); line-height: var(--oj-lh-2xl); }
  .oj-tema-arch .oj-kepala-aksi { flex: 1 1 auto; justify-content: flex-end; }
  .oj-tema-arch .oj-cari { max-width: 480px; }
  .oj-tema-arch .pkp_navigation_primary_row { border-top: 1px solid var(--oj-line); }
  .oj-tema-arch .pkp_navigation_primary { gap: 0 var(--oj-space-32); }
  .oj-tema-arch .pkp_navigation_primary > li > a { padding: var(--oj-space-16) 0; box-shadow: inset 0 -3px 0 transparent; }
  .oj-tema-arch .pkp_navigation_primary > li > a:hover,
  .oj-tema-arch .pkp_navigation_primary > li.current > a,
  .oj-tema-arch .pkp_navigation_primary > li > a[aria-current] { box-shadow: inset 0 -3px 0 var(--oj-primary); color: var(--oj-ink); }
  .oj-tema-arch .pkp_navigation_primary_wrapper .oj-nav-user-inbar a { font-size: var(--oj-fs-sm); color: var(--oj-ink-2); }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .oj-tema-arch .oj-status { display: none; }
  .oj-tema-arch .pkp_navigation_primary { gap: 0 var(--oj-space-24); }
}
/* HP dan tablet: baris 1 tombol menu, nama, Kirim; baris 2 kotak cari selebar layar */
@media (max-width: 991px) {
  /* Default mengunci baris ini 40 px dan menaruh tombol menu serta nama secara absolut; di Arch keduanya ikut alur flex */
  .oj-tema-arch .pkp_site_name_wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--oj-space-8); height: auto; padding: 0 var(--oj-gutter) var(--oj-space-16) 0; }
  .oj-tema-arch .pkp_site_nav_toggle { position: relative; top: auto; left: auto; flex: none; }
  .oj-tema-arch .pkp_site_name { position: static; flex: 1 1 0; min-width: 0; padding: 0; }
  .oj-tema-arch .oj-kepala-aksi { display: contents; }
  .oj-tema-arch .oj-status { display: none; }
  .oj-tema-arch .oj-kepala-kirim { order: 3; min-height: var(--oj-size-control); padding: 0 var(--oj-space-16); }
  .oj-tema-arch .oj-cari { order: 4; flex: 1 1 100%; margin-left: var(--oj-gutter); }
}
@media (max-width: 479px) {
  .oj-tema-arch .oj-kepala-kirim { padding: 0 var(--oj-space-8); font-size: var(--oj-fs-sm); }
}

/* ---------------------------------------------------------------- hero dan angka jurnal (dipindah skrip ke atas kolom konten) */
.oj-tema-arch .oj-hero { border-bottom: 1px solid var(--oj-line); }
.oj-tema-arch .oj-hero__in {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--oj-space-40);
  box-sizing: border-box; max-width: calc(var(--oj-container) + 2 * var(--oj-gutter)); margin: 0 auto; padding: var(--oj-space-48) var(--oj-gutter);
}
.oj-tema-arch .oj-hero__judul {
  margin: 0 0 var(--oj-space-16); max-width: 20ch;
  font: var(--oj-fw-heading) var(--oj-fs-4xl)/var(--oj-lh-4xl) var(--oj-font-heading); letter-spacing: -.02em; color: var(--_bg-ink, var(--oj-ink));
}
.oj-tema-arch .oj-hero__lead { max-width: 60ch; margin: 0 0 var(--oj-space-24); font: 400 var(--oj-fs-md)/var(--oj-lh-md) var(--oj-font-body); color: var(--_bg-ink-2, var(--oj-ink-2)); }
.oj-tema-arch .oj-topik { display: flex; flex-wrap: wrap; gap: var(--oj-space-8); margin: 0 0 var(--oj-space-32); padding: 0; list-style: none; }
.oj-tema-arch .oj-topik a {
  display: inline-flex; align-items: center; min-height: var(--oj-size-control-sm); padding: 0 var(--oj-space-16);
  border: 1px solid var(--oj-line-2); border-radius: var(--oj-radius-pill); background: var(--oj-surface);
  font: var(--oj-fw-ui) var(--oj-fs-sm)/1 var(--oj-font-ui); color: var(--oj-ink-2); text-decoration: none;
}
.oj-tema-arch .oj-topik a:hover { border-color: var(--oj-primary); color: var(--oj-primary); }
.oj-tema-arch .oj-hero__aksi { display: flex; flex-wrap: wrap; gap: var(--oj-space-16); margin: 0 0 var(--oj-space-24); }
.oj-tema-arch .oj-percaya { display: flex; flex-wrap: wrap; gap: var(--oj-space-8) var(--oj-space-24); margin: 0; padding: 0; list-style: none; font: var(--oj-fw-ui) var(--oj-fs-sm)/var(--oj-lh-sm) var(--oj-font-ui); color: var(--_bg-ink-2, var(--oj-ink-2)); }
.oj-tema-arch .oj-percaya li { display: inline-flex; align-items: center; gap: var(--oj-space-8); }
.oj-tema-arch .oj-percaya .oj-ic { color: var(--oj-success); }
.oj-tema-arch .oj-hero__terbitan { display: grid; justify-items: center; gap: var(--oj-space-8); color: var(--oj-ink); text-align: center; text-decoration: none; }
.oj-tema-arch .oj-hero__terbitan:hover .oj-hero__terbitan-t { color: var(--oj-primary); text-decoration: underline; }
.oj-tema-arch .oj-ceruk { position: relative; display: block; margin-bottom: var(--oj-space-16); padding: var(--oj-space-32) var(--oj-space-24) 0; }
.oj-tema-arch .oj-ceruk::before {
  content: ""; position: absolute; inset: 0 0 calc(-1 * var(--oj-space-16));
  border-radius: 999px 999px 0 0; background: color-mix(in srgb, var(--oj-accent) 16%, transparent);
}
.oj-tema-arch .oj-sampul { position: relative; display: block; width: 224px; height: auto; border-radius: var(--oj-radius-cover); box-shadow: var(--oj-shadow-cover); }
.oj-tema-arch .oj-sampul--kosong {
  display: grid; place-items: center; aspect-ratio: 3 / 4; padding: var(--oj-space-16);
  background: var(--oj-primary); color: var(--oj-on-primary); font: var(--oj-fw-heading) var(--oj-fs-lg)/var(--oj-lh-lg) var(--oj-font-heading);
}
.oj-tema-arch .oj-hero__terbitan-t { font: var(--oj-fw-heading) var(--oj-fs-lg)/var(--oj-lh-lg) var(--oj-font-heading); }
.oj-tema-arch .oj-hero__terbitan-s { font-size: var(--oj-fs-sm); line-height: var(--oj-lh-sm); color: var(--oj-ink-2); }

.oj-tema-arch .oj-metrik { background: var(--oj-surface); border-bottom: 1px solid var(--oj-line); }
.oj-tema-arch .oj-metrik__in { box-sizing: border-box; max-width: calc(var(--oj-container) + 2 * var(--oj-gutter)); margin: 0 auto; padding: 0 var(--oj-gutter); }
.oj-tema-arch .oj-metrik__baris { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.oj-tema-arch .oj-metrik__baris > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: var(--oj-space-4); padding: var(--oj-space-24) var(--oj-space-16) var(--oj-space-24) 0; }
.oj-tema-arch .oj-metrik__baris dd { margin: 0; font: var(--oj-fw-heading) var(--oj-fs-3xl)/var(--oj-lh-3xl) var(--oj-font-heading); color: var(--oj-ink); font-variant-numeric: tabular-nums; }
.oj-tema-arch .oj-metrik__baris dt { font: 400 var(--oj-fs-sm)/var(--oj-lh-sm) var(--oj-font-ui); color: var(--oj-ink-2); }
.oj-tema-arch .oj-metrik__catatan { margin: 0; padding: 0 0 var(--oj-space-16); font-size: var(--oj-fs-xs); line-height: var(--oj-lh-xs); color: var(--oj-ink-3); }

@media (min-width: 768px) {
  .oj-tema-arch .oj-metrik__baris { display: flex; flex-wrap: wrap; }
  .oj-tema-arch .oj-metrik__baris > div { flex: 1 1 0; min-width: 136px; padding: var(--oj-space-24); border-left: 1px solid var(--oj-line); }
  .oj-tema-arch .oj-metrik__baris > div:first-child { padding-left: 0; border-left: 0; }
}
@media (min-width: 992px) {
  .oj-tema-arch .oj-hero__in { grid-template-columns: minmax(0, 1fr) 288px; gap: var(--oj-space-64); align-items: center; padding-top: var(--oj-space-64); padding-bottom: var(--oj-space-64); }
  .oj-tema-arch .oj-hero__judul { font-size: var(--oj-fs-5xl); line-height: var(--oj-lh-5xl); }
  .oj-tema-arch .oj-metrik__baris dd { font-size: var(--oj-fs-4xl); line-height: var(--oj-lh-4xl); }
}
@media (max-width: 991px) {
  .oj-tema-arch .oj-hero__terbitan { grid-template-columns: 120px minmax(0, 1fr); justify-items: start; align-items: center; column-gap: var(--oj-space-16); text-align: left; }
  .oj-tema-arch .oj-ceruk { grid-row: span 2; margin: 0; padding: 0; }
  .oj-tema-arch .oj-ceruk::before { display: none; }
  .oj-tema-arch .oj-sampul { width: 120px; }
  .oj-tema-arch .oj-hero__terbitan-t { align-self: end; }
  .oj-tema-arch .oj-hero__terbitan-s { align-self: start; }
}
@media (max-width: 767px) {
  .oj-tema-arch .oj-hero__in { padding-top: var(--oj-space-32); padding-bottom: var(--oj-space-32); gap: var(--oj-space-32); }
  .oj-tema-arch .oj-hero__judul { font-size: var(--oj-fs-3xl); line-height: var(--oj-lh-3xl); }
  .oj-tema-arch .oj-hero__aksi .oj-btn { flex: 1 1 auto; }
  .oj-tema-arch .oj-metrik__baris > div:nth-child(odd) { padding-right: var(--oj-space-16); }
  .oj-tema-arch .oj-metrik__baris > div { border-top: 1px solid var(--oj-line); }
  .oj-tema-arch .oj-metrik__baris > div:nth-child(-n + 2) { border-top: 0; }
}

/* ---------------------------------------------------------------- fakta untuk penulis dan tata kelola (di bawah terbitan terkini) */
.oj-tema-arch .oj-bawah { display: grid; gap: var(--oj-space-48); }
.oj-tema-arch .oj-cfp { padding: var(--oj-space-32); border-radius: var(--oj-radius-block); background: var(--oj-surface-2); }
.oj-tema-arch .oj-cfp__kepala { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--oj-space-16) var(--oj-space-24); margin-bottom: var(--oj-space-24); }
.oj-tema-arch .oj-cfp__kepala .oj-judul-bagian { margin-bottom: var(--oj-space-8); }
.oj-tema-arch .oj-cfp__kepala p { margin: 0; color: var(--oj-ink-2); }
.oj-tema-arch .oj-fakta { display: grid; grid-template-columns: repeat(auto-fill, minmax(224px, 1fr)); gap: var(--oj-space-16); margin: 0; padding: 0; list-style: none; }
.oj-tema-arch .oj-fakta > li > * {
  display: grid; gap: var(--oj-space-8); height: 100%; box-sizing: border-box; padding: var(--oj-space-16);
  border: 1px solid var(--oj-line); border-radius: var(--oj-radius-card); background: var(--oj-surface); color: var(--oj-ink); text-decoration: none;
}
.oj-tema-arch .oj-fakta > li > a:hover { border-color: var(--oj-primary); }
.oj-tema-arch .oj-fakta__k { display: flex; align-items: center; gap: var(--oj-space-8); font: var(--oj-fw-bold) var(--oj-fs-xs)/var(--oj-lh-xs) var(--oj-font-ui); color: var(--oj-ink-3); }
.oj-tema-arch .oj-fakta__k .oj-ic { color: var(--oj-primary); }
.oj-tema-arch .oj-fakta__v { font: var(--oj-fw-heading) var(--oj-fs-base)/var(--oj-lh-base) var(--oj-font-heading); }
.oj-tema-arch .oj-tatakelola ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); gap: 0 var(--oj-space-32); margin: 0; padding: 0; list-style: none; }
.oj-tema-arch .oj-tatakelola li { border-bottom: 1px solid var(--oj-line); }
.oj-tema-arch .oj-tatakelola a { display: flex; align-items: center; gap: var(--oj-space-8); padding: var(--oj-space-16) 0; font-weight: var(--oj-fw-ui); color: var(--oj-ink); text-decoration: none; }
.oj-tema-arch .oj-tatakelola a .oj-ic { color: var(--oj-ink-3); }
.oj-tema-arch .oj-tatakelola a:hover { color: var(--oj-primary); }
@media (max-width: 767px) {
  .oj-tema-arch .oj-cfp { margin: 0 calc(-1 * var(--oj-gutter)); padding: var(--oj-space-24) var(--oj-gutter); border-radius: 0; }
}

/* ---------------------------------------------------------------- daftar isi: baris polos, bukan kartu */
.oj-tema-arch .cmp_article_list { gap: 0; }
.oj-tema-arch .obj_article_summary { padding: var(--oj-space-24) 0; background: transparent; border: 0; border-bottom: 1px solid var(--oj-line); border-radius: 0; }
.oj-tema-arch .cmp_article_list > li:first-child .obj_article_summary { border-top: 1px solid var(--oj-line); }
.oj-tema-arch .obj_article_summary > .title { font-size: var(--oj-fs-lg); line-height: var(--oj-lh-lg); }
.oj-tema-arch .obj_article_summary > .title a:hover { color: var(--oj-primary); text-decoration: underline; }
.oj-tema-arch .obj_article_summary .galleys_links .obj_galley_link { min-height: var(--oj-size-control); background: var(--oj-primary); color: var(--oj-on-primary); }
.oj-tema-arch .obj_article_summary .galleys_links .obj_galley_link:hover { background: var(--oj-primary-hover); border-color: var(--oj-primary-hover); }
.oj-tema-arch .obj_issue_toc .section > h2, .oj-tema-arch .obj_issue_toc .section > h3 {
  display: flex; align-items: center; gap: var(--oj-space-16); font: var(--oj-fw-bold) var(--oj-fs-sm)/var(--oj-lh-sm) var(--oj-font-ui); color: var(--oj-ink-2);
}
.oj-tema-arch .obj_issue_toc .section > h2::after, .oj-tema-arch .obj_issue_toc .section > h3::after { content: ""; flex: 1; height: 1px; background: var(--oj-line); }

/* ---------------------------------------------------------------- halaman artikel */
.oj-tema-arch .obj_article_details .page_title { font-family: var(--oj-font-heading); letter-spacing: -.01em; }
.oj-tema-arch .obj_article_details .item.abstract p { font-size: var(--oj-fs-lg); line-height: var(--oj-lh-2xl); }
.oj-tema-arch .obj_article_details .entry_details { border-radius: var(--oj-radius-block); }
.oj-tema-arch .obj_article_details .cover_image img { box-shadow: var(--oj-shadow-cover); }

/* ---------------------------------------------------------------- sidebar: blok polos berjarak garis, bukan kartu */
.oj-tema-arch .pkp_block { padding: var(--oj-space-24) 0 0; background: transparent; border: 0; border-top: 1px solid var(--oj-line); border-radius: 0; }
.oj-tema-arch .pkp_block .title { font: var(--oj-fw-heading) var(--oj-fs-md)/var(--oj-lh-md) var(--oj-font-heading); color: var(--oj-ink); }
.oj-tema-arch .block_make_submission { padding-top: 0; border-top: 0; }

/* ---------------------------------------------------------------- kaki: terang, bukan gelap */
.oj-tema-arch .pkp_structure_footer_wrapper {
  --oj-bg-footer-color: var(--oj-surface-2); --oj-bg-footer-ink: var(--oj-ink); --oj-bg-footer-ink-2: var(--oj-ink-2);
  border-top: 1px solid var(--oj-line);
}
.oj-tema-arch .pkp_structure_footer_wrapper a { color: var(--oj-link); }
.oj-tema-arch .pkp_brand_footer { border-top-color: var(--oj-line); }
.oj-tema-arch .pkp_brand_footer img { filter: grayscale(1); opacity: .6; }