.eduhamzah-data{--eduhamzah-data-ink:var(--ast-global-color-3,#4F5655);--eduhamzah-data-accent:var(--ast-global-color-0,#052d58);--eduhamzah-data-heading:#052d58;--eduhamzah-data-heading-font:'Roboto Condensed',sans-serif;font-family:'Roboto',sans-serif;color:var(--eduhamzah-data-ink);max-width:1200px;margin:24px auto;container-type:inline-size;container-name:eduhamzah-viewer;line-height:1.55;text-align:left}.eduhamzah-data *{box-sizing:border-box}.eduhamzah-data .eduhamzah-data-header{border-bottom:1px solid #dce6e9;padding-bottom:24px;margin-bottom:28px}.eduhamzah-data .eduhamzah-data-eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--eduhamzah-data-accent)}.eduhamzah-data h2{font-size:34px;line-height:1.2;margin:10px 0}.eduhamzah-data .eduhamzah-data-header p{margin:0;color:#526875}.eduhamzah-data .eduhamzah-data-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.eduhamzah-data .eduhamzah-data-sidebar h3{font-size:15px;margin:0 0 15px}.eduhamzah-data .eduhamzah-data-filters{display:flex;flex-direction:column;gap:8px}.eduhamzah-data button{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;border-radius:9px;box-shadow:none}.eduhamzah-data .eduhamzah-data-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dce6e9;background:#fff;color:#294657;font-size:14px;text-align:left;width:100%;line-height:1.5}.eduhamzah-data .eduhamzah-data-filter[aria-pressed=true]{background:var(--eduhamzah-data-accent);border-color:var(--eduhamzah-data-accent);color:white}.eduhamzah-data .eduhamzah-data-badge{font-size:12px;background:#eef4f4;color:#31545b;border-radius:20px;padding:1px 8px}.eduhamzah-data .eduhamzah-data-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.eduhamzah-data input.eduhamzah-data-search{width:100%;background:#fff;border:1px solid #cbdade;border-radius:10px;padding:11px 14px;font:inherit;color:var(--eduhamzah-data-heading);box-shadow:none}.eduhamzah-data :is(button,input,a):focus-visible{outline:3px solid #e3a52a;outline-offset:3px}.eduhamzah-data .eduhamzah-data-count{font-size:13px;color:#526875;margin:16px 0}.eduhamzah-data .eduhamzah-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eduhamzah-data .eduhamzah-data-card{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:start;padding:14px;gap:16px;border:1px solid #dce6e9;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #17324308;min-width:0}.eduhamzah-data .eduhamzah-data-portrait{width:128px;height:170px;border-radius:6px;background:linear-gradient(135deg,#e8edf4,#F3F6F3);position:relative;display:grid;place-items:center;overflow:hidden}.eduhamzah-data .eduhamzah-data-initials{font-size:48px;font-weight:700;color:#73999b}.eduhamzah-data .eduhamzah-data-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;margin:0;border-radius:0}.eduhamzah-data .eduhamzah-data-card-body{padding:0;min-width:0}.eduhamzah-data .eduhamzah-data-role{display:inline-block;background:#eef2f7;color:var(--eduhamzah-data-accent);font-size:12px;font-weight:600;border-radius:20px;padding:4px 10px}.eduhamzah-data h3.eduhamzah-data-name{font-size:18px;line-height:1.3;margin:8px 0 10px;color:var(--eduhamzah-data-heading);overflow-wrap:anywhere}.eduhamzah-data .eduhamzah-data-details{margin:0}.eduhamzah-data .eduhamzah-data-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#637a86;margin:8px 0 2px}.eduhamzah-data .eduhamzah-data-details dd{font-size:14px;margin:0;overflow-wrap:anywhere}.eduhamzah-data .eduhamzah-data-profile{display:inline-block;margin-top:12px;color:var(--eduhamzah-data-accent);font-size:14px;font-weight:600;text-decoration:none}.eduhamzah-data .eduhamzah-data-pages{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.eduhamzah-data .eduhamzah-data-page{border:1px solid #cbdade;background:#fff;color:var(--eduhamzah-data-heading);padding:10px 16px}.eduhamzah-data .eduhamzah-data-page:disabled{opacity:.4;cursor:default}.eduhamzah-data .eduhamzah-data-empty{grid-column:1/-1;padding:30px;background:#F3F6F3;border-radius:12px}.eduhamzah-data .eduhamzah-data-data{display:none}@media(max-width:760px){.eduhamzah-data .eduhamzah-data-layout{grid-template-columns:1fr;gap:22px}.eduhamzah-data .eduhamzah-data-filters{flex-direction:row;flex-wrap:wrap}.eduhamzah-data .eduhamzah-data-filter{width:auto}.eduhamzah-data h2{font-size:28px}}@media(max-width:480px){.eduhamzah-data .eduhamzah-data-grid{grid-template-columns:1fr}.eduhamzah-data .eduhamzah-data-card{grid-template-columns:1fr}.eduhamzah-data .eduhamzah-data-portrait{width:150px;height:200px}}

/* All plugin rules are scoped; no theme/global reset or external font request. */
.eduhamzah-data .eduhamzah-data-header h2,.eduhamzah-data .eduhamzah-data-sidebar h3,.eduhamzah-data h3.eduhamzah-data-name{font-family:var(--eduhamzah-data-heading-font);font-weight:700;color:var(--eduhamzah-data-heading)}
.eduhamzah-data .eduhamzah-data-header h2{font-size:32px;line-height:1.2}
.eduhamzah-data .eduhamzah-data-filter:hover,.eduhamzah-data .eduhamzah-data-page:not(:disabled):hover{background:#eef2f7;color:var(--eduhamzah-data-accent);border-color:var(--eduhamzah-data-accent)}
.eduhamzah-data .eduhamzah-data-filter[aria-pressed=true]:hover{background:var(--eduhamzah-data-accent);color:#fff}
.eduhamzah-data .eduhamzah-data-profile:hover{text-decoration:underline}

.eduhamzah-data .eduhamzah-data-filter:disabled{opacity:.45;cursor:not-allowed}
.eduhamzah-data .eduhamzah-data-filter:disabled:hover{background:#fff;color:#294657;border-color:#dce6e9}
@container eduhamzah-viewer (max-width:1050px){.eduhamzah-data .eduhamzah-data-grid{grid-template-columns:1fr}}
@container eduhamzah-viewer (max-width:650px){.eduhamzah-data .eduhamzah-data-layout{grid-template-columns:1fr}.eduhamzah-data .eduhamzah-data-filters{flex-direction:row;flex-wrap:wrap}.eduhamzah-data .eduhamzah-data-filter{width:auto}}
@container eduhamzah-viewer (max-width:420px){.eduhamzah-data .eduhamzah-data-card{grid-template-columns:1fr}.eduhamzah-data .eduhamzah-data-portrait{width:150px;height:200px}}

/* Video format: landscape covers, no iframe or additional library. */
.eduhamzah-data .eduhamzah-data-video-card{display:flex;flex-direction:column;padding:0;gap:0}
.eduhamzah-data .eduhamzah-data-video-thumb{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#052d58;color:#fff;text-decoration:none}
.eduhamzah-data .eduhamzah-data-video-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}
.eduhamzah-data .eduhamzah-data-play{z-index:1;display:grid;place-items:center;width:62px;height:44px;border-radius:12px;background:#d90000;color:#fff;font-size:24px;line-height:1;padding-left:3px;box-shadow:0 2px 12px #0003;transition:transform .15s}
.eduhamzah-data .eduhamzah-data-video-thumb:hover .eduhamzah-data-play,.eduhamzah-data .eduhamzah-data-video-thumb:focus-visible .eduhamzah-data-play{transform:scale(1.08)}
.eduhamzah-data .eduhamzah-data-video-card .eduhamzah-data-card-body{padding:18px;width:100%}
.eduhamzah-data .eduhamzah-data-video-badges{display:flex;gap:6px;flex-wrap:wrap}
.eduhamzah-data .eduhamzah-data-video-unavailable{padding:20px;font-size:14px;text-align:center}
@container eduhamzah-viewer (min-width:760px){.eduhamzah-data[data-format="videopraktikmengajar"] .eduhamzah-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.eduhamzah-data .eduhamzah-data-play{transition:none}}

/* Document format: portrait cover + metadata, cascading taxonomy. */
.eduhamzah-data .eduhamzah-data-document-cover{display:grid;place-items:center;position:relative;width:128px;height:181px;background:#eef2f7;overflow:hidden;border:1px solid #dce6e9;border-radius:5px;text-decoration:none}
.eduhamzah-data .eduhamzah-data-document-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;margin:0;border-radius:0}
.eduhamzah-data .eduhamzah-data-document-fallback{font-size:25px;font-weight:700;color:var(--eduhamzah-data-accent)}
.eduhamzah-data .eduhamzah-data-document-title{color:var(--eduhamzah-data-heading);text-decoration:none}
.eduhamzah-data .eduhamzah-data-document-title:hover{text-decoration:underline}
.eduhamzah-data .eduhamzah-data-select-group{width:100%;min-width:0;margin-bottom:6px}
.eduhamzah-data select.eduhamzah-data-select{display:block;width:100%;max-width:100%;min-height:44px;padding:9px 28px 9px 10px;font:inherit;font-size:13px;color:var(--eduhamzah-data-ink);background-color:#fff;border:1px solid #cbdade;border-radius:8px;text-overflow:ellipsis}
.eduhamzah-data .eduhamzah-data-select:disabled{background-color:#eef2f7;color:#637a86;cursor:not-allowed}
.eduhamzah-data .eduhamzah-data-select:focus-visible{outline:3px solid #e3a52a;outline-offset:3px}
.eduhamzah-data .eduhamzah-data-reset{padding:10px 14px;background:#fff;color:var(--eduhamzah-data-accent);border:1px solid #cbdade;font-size:13px}
.eduhamzah-data .eduhamzah-data-reset:hover{background:#eef2f7}
.eduhamzah-data[data-format="dokumen"] .eduhamzah-data-layout{grid-template-columns:240px minmax(0,1fr)}
@container eduhamzah-viewer (max-width:760px){.eduhamzah-data[data-format="dokumen"] .eduhamzah-data-layout{grid-template-columns:1fr}.eduhamzah-data[data-format="dokumen"] .eduhamzah-data-filters{display:grid;grid-template-columns:1fr}}
@media(max-width:760px){.eduhamzah-data[data-format="dokumen"] .eduhamzah-data-layout{grid-template-columns:1fr}}
@media(max-width:480px){.eduhamzah-data .eduhamzah-data-document-cover{width:150px;height:212px}}
@container eduhamzah-viewer (max-width:420px){.eduhamzah-data .eduhamzah-data-document-cover{width:150px;height:212px}}

/* Loading, errors, and hidden layout remain scoped to this plugin. */
.eduhamzah-data [hidden]{display:none!important}
.eduhamzah-data .eduhamzah-data-loading{padding:22px 20px;min-height:76px;background:#eef2f7;border:1px solid #dce6e9;border-radius:10px;color:var(--eduhamzah-data-ink);font-size:15px}
.eduhamzah-data .eduhamzah-data-retry{display:inline-block;margin-left:14px;padding:8px 12px;background:var(--eduhamzah-data-accent);color:#fff;border:0;font-size:13px}

/* Simple documents: category chips above cards for embedding within a page. */
.eduhamzah-data[data-format="dokumen_simple"] .eduhamzah-data-layout{display:block}
.eduhamzah-data[data-format="dokumen_simple"] .eduhamzah-data-sidebar{margin-bottom:20px}
.eduhamzah-data[data-format="dokumen_simple"] .eduhamzah-data-filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.eduhamzah-data[data-format="dokumen_simple"] .eduhamzah-data-filter{width:auto}

/* Download format keeps the category sidebar and lecturer-style cards. */
.eduhamzah-data .eduhamzah-data-document-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.eduhamzah-data .eduhamzah-data-document-actions .eduhamzah-data-profile{margin-top:0}
.eduhamzah-data .eduhamzah-data-download{display:inline-block;padding:7px 12px;border-radius:7px;background:var(--eduhamzah-data-accent);color:#fff;text-decoration:none;font-size:13px;font-weight:600}
.eduhamzah-data .eduhamzah-data-download:hover{color:#fff;text-decoration:underline}