.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:repeat(3,1fr);gap:14px;display:grid}.al-card{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:inherit;border-radius:16px;flex-direction:column;gap:9px;padding:16px 17px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.al-card:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.al-ctop{justify-content:space-between;align-items:center;gap:8px;display:flex}.al-cic{border:2px solid var(--ink);background:var(--paper-2);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.al-ctitle{font-size:15px;font-weight:800;line-height:1.35;font-family:var(--f-display);letter-spacing:-.01em}.al-cexc{color:var(--ink-soft);flex:1;font-size:12.5px;line-height:1.55}.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)}@media (max-width:900px){.al-grid{grid-template-columns:repeat(2,1fr)}}@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{grid-template-columns:1fr;gap:12px}.al-card{-webkit-tap-highlight-color:transparent}.al-card:active,.al-feat:active{transform:scale(.985)}}