.al-page{background:var(--paper);min-height:100dvh;color:var(--ink)}.al-wrap{max-width:1080px;margin:0 auto;padding:28px 24px 72px}.al-head{margin-bottom:22px}.al-crumb{font-family:var(--f-mono);color:var(--ink-soft);margin-bottom:12px;font-size:11.5px}.al-crumb a{color:inherit;text-decoration:none}.al-crumb a:hover{color:var(--ink)}.al-head h1{font-family:var(--f-display);letter-spacing:-.03em;font-size:clamp(28px,4.6vw,44px);font-weight:900;line-height:1.05}.al-head h1 em{font-style:italic;font-weight:400}.al-head p{color:var(--ink-soft);max-width:620px;margin-top:10px;font-size:14.5px;line-height:1.6}.al-filter{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.al-chip{border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 15px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.al-chip:hover{background:var(--paper-2)}.al-chip.on{background:var(--ink);color:var(--yellow)}.al-tag{font-family:var(--f-mono);background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;align-self:flex-start;padding:3.5px 10px;font-size:10px;font-weight:700;display:inline-block}.al-tag.sm{padding:2.5px 9px;font-size:9px}.al-tag.sekolah{color:#0b5544;background:#dff3ec;border-color:#117c65}.al-tag.ptn{color:#1d4a78;background:#e1ecf8;border-color:#2f6fb0}.al-tag.cpns{color:#4b3fa3;background:#efeafc;border-color:#6a5acd}.al-tag.karier{color:#8a3418;background:#fdeade;border-color:#b0431f}.al-tag.kurikulum{color:#a03c1c;background:#fdecea;border-color:#e8623b}.al-feat{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:inherit;border-radius:20px;grid-template-columns:.9fr 1.1fr;margin-bottom:22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.al-feat:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-3px,-3px)}.al-fthumb{background:radial-gradient(280px 170px at 15% 0%, #f2ec2e80, transparent 70%), radial-gradient(320px 190px at 92% 100%, #9fe3cf8c, transparent 70%), var(--paper-2);border-right:2px solid var(--ink);place-items:center;min-height:200px;display:grid;position:relative}.al-fpin{font-family:var(--f-mono);background:var(--ink);color:var(--yellow);border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.al-femoji{font-size:62px;line-height:1}.al-fbody{flex-direction:column;gap:10px;padding:22px 24px;display:flex}.al-ftitle{font-family:var(--f-display);letter-spacing:-.02em;font-size:clamp(20px,2.6vw,27px);font-weight:900;line-height:1.15}.al-fexc{color:var(--ink-soft);font-size:14px;line-height:1.6}.al-meta{font-family:var(--f-mono);color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-top:auto;font-size:10.5px;display:flex}.al-grid{grid-template-columns:1fr;gap:14px;display:grid}.al-card{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:inherit;border-radius:16px;grid-template-columns:96px 1fr;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.al-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-3px,-3px)}.al-date{background:var(--paper-2);border-right:2px solid var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:14px 6px;transition:background .15s;display:flex}.al-card:hover .al-date{background:var(--yellow)}.al-dd{font-family:var(--f-display);letter-spacing:-.03em;font-size:34px;font-weight:900;line-height:1}.al-dm{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.al-dy{font-family:var(--f-mono);color:var(--ink-soft);font-size:10px}.al-cbody{flex-direction:column;gap:10px;min-width:0;padding:18px 22px 18px 20px;display:flex}.al-ctitle{font-family:var(--f-display);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,25px);font-weight:900;line-height:1.18}.al-card:hover .al-ctitle{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.al-cexc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.al-cgo{color:var(--ink);border-bottom:2px solid var(--yellow);align-self:flex-start;gap:6px;margin-top:2px;padding-bottom:1px;font-size:13px;font-weight:800;transition:gap .15s;display:inline-flex}.al-card:hover .al-cgo{gap:10px}.al-empty{border:2px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:16px;margin-bottom:22px;padding:36px 20px;font-size:13.5px}.al-foot{border:1.5px solid var(--line);background:var(--paper-2);color:var(--ink-soft);border-radius:14px;align-items:flex-start;gap:12px;margin-top:26px;padding:14px 16px;font-size:12.5px;line-height:1.55;display:flex}.al-foot b{color:var(--ink)}.al-retry{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.al-feat:focus-visible,.al-card:focus-visible,.al-chip:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.al-skel{border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;margin-bottom:14px;padding:16px 17px;display:flex}.al-sk{background:var(--paper-2);border-radius:6px;height:12px;animation:1.2s ease-in-out infinite al-pulse;display:block}.al-sk.h{height:20px}.al-sk.w20{width:20%}.al-sk.w60{width:60%}.al-sk.w80{width:80%}.al-sk.w100{width:100%}@keyframes al-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.al-sk{animation:none}}@media (max-width:640px){.al-wrap{padding:18px 20px 56px}.al-head h1{font-size:27px}.al-head p{font-size:13px}.al-filter{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px 16px;padding-bottom:8px;padding-left:20px;padding-right:20px;overflow-x:auto}.al-filter::-webkit-scrollbar{display:none}.al-chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;min-height:40px}.al-feat{grid-template-columns:1fr}.al-fthumb{border-right:none;border-bottom:2px solid var(--ink);min-height:130px}.al-femoji{font-size:46px}.al-fbody{padding:16px 17px}.al-grid{gap:12px}.al-card{-webkit-tap-highlight-color:transparent;grid-template-columns:70px 1fr}.al-dd{font-size:26px}.al-dm{font-size:10px}.al-cbody{gap:8px;padding:14px 15px}.al-ctitle{font-size:18.5px}.al-cexc{font-size:13px}.al-card:active,.al-feat:active{transform:scale(.985)}}