.phero{min-height:100svh;max-width:calc(var(--maxw) + 2 * var(--gutter));padding:8rem var(--gutter) 5rem;text-shadow:var(--tshadow);flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.phero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 35%,#080f1ab8,#080f1a59 55%,#080f1a00 80%);position:absolute;inset:10% 30% 10% -10%}.crumb{color:var(--muted);gap:.7rem;margin-bottom:2.2rem;font-size:.75rem;display:flex}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--accent)}.phero__title{font:700 clamp(2.8rem, 7vw, 6rem)/1 var(--font-head);letter-spacing:-.01em;margin-bottom:1.6rem}.phero__title span{white-space:nowrap;background:linear-gradient(100deg, var(--text) 25%, #f4b98f 65%, var(--accent));-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 24px #050a12cc);-webkit-background-clip:text;background-clip:text}.phero__lead{color:#f3efe7db;max-width:56ch;margin-bottom:2.6rem;font-size:1.12rem}.toc{text-shadow:none;flex-wrap:wrap;gap:.6rem;display:flex}.toc a{-webkit-backdrop-filter:blur(8px);transition:border-color .25s, transform .25s var(--ease);background:#0b172673;border:1px solid #f3efe733;border-radius:999px;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.88rem;text-decoration:none;display:inline-flex}.toc a:hover{border-color:var(--accent);transform:translateY(-2px)}.toc .mono{color:var(--accent);font-size:.7rem}.nav__links a.is-active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);padding-bottom:.25rem}.band__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,3.5rem);display:flex}.band__inner .h2{font-size:clamp(1.7rem,3vw,2.5rem)}.band__inner .lead{margin-top:.8rem;margin-bottom:0}.band__ctas{flex-wrap:wrap;gap:.8rem;display:flex}.badge-unggul{color:#1d1402;background:var(--accent-2);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:inline-block}.gold{color:var(--accent-2);font-weight:600}.tip{z-index:120;pointer-events:none;border:1px solid var(--line);color:var(--text);white-space:nowrap;background:#080f1af0;border-radius:8px;padding:.5rem .75rem;font-size:.8rem;position:fixed;transform:translate(-50%,calc(-100% - 12px))}.pstats{border-top:1px solid var(--line);text-shadow:none;grid-template-columns:repeat(4,1fr);max-width:900px;margin:0;display:grid}.pstats div{padding:1.2rem 1.2rem 0 0}.pstats dt{color:var(--muted);font-size:.76rem}.pstats dd{color:var(--text);order:-1;margin:0 0 .2rem;font-size:1.6rem}.pstats div{flex-direction:column;display:flex}@media (width<=640px){.pstats{grid-template-columns:1fr 1fr}}.topics__list{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:0 clamp(1.5rem,3vw,3rem);margin:0;padding:0;list-style:none;display:grid}.topics__list li{border-top:1px solid var(--line);grid-template-columns:2.6rem 1fr;gap:.8rem;padding:1.5rem 0;display:grid}.topics__list li .mono{color:var(--accent);padding-top:.25rem;font-size:.85rem}.topics__list p{font:500 1.15rem/1.35 var(--font-head);margin:0}@media (width<=1100px){.topics__list{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.topics__list{grid-template-columns:1fr}}.nobr{white-space:nowrap}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.dir{padding-top:clamp(2rem,6vh,4rem)}.dtools{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#0b1726d1;border-radius:18px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.4rem;padding:.8rem 1rem;display:flex;position:sticky;top:4.2rem}.dtools__search{border:1px solid var(--line);background:#080f1a8c;border-radius:12px;flex:280px;align-items:center;gap:.6rem;padding:0 .9rem;transition:border-color .2s;display:flex}.dtools__search:focus-within{border-color:var(--accent)}.dtools__search svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;flex:none}.dtools__search input{min-width:0;color:var(--text);font:400 .95rem/1 var(--font);background:0 0;border:0;outline:none;flex:1;padding:.8rem 0}.dtools__search input::placeholder{color:#9db0c8b3}.dtools .mkf{flex-wrap:wrap;gap:.4rem;display:flex}.dtools .mkf button{font:500 .8rem/1 var(--font-mono);color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0b17268c;border-radius:999px;padding:.6rem .95rem;transition:border-color .2s,background .2s,color .2s}.dtools .mkf button:hover{border-color:var(--accent)}.dtools .mkf button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1a0d05}.dtools__count{color:var(--muted);margin:0 0 0 auto;font-size:.8rem}.dtools__count b{color:var(--text);font-weight:500}.dir__empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px;padding:3rem 1rem}.dir__empty[hidden]{display:none}.linkish{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=640px){.dtools{gap:.6rem;padding:.7rem;top:3.9rem}.dtools__count{display:none}}.phero--short{min-height:auto;padding-top:8.5rem;padding-bottom:1rem}.phero--short .phero__title{font-size:clamp(2.6rem,5.6vw,4.8rem)}.news-flag{border-color:rgba(var(--accent-rgb), .45);transition:transform .35s var(--ease), border-color .35s;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin-bottom:1.6rem;padding:1.1rem 1.4rem;text-decoration:none;display:grid}.news-flag:hover{border-color:var(--accent);transform:translate(6px)}.news-flag__tag{letter-spacing:.1em;text-transform:uppercase;color:#1a0d05;background:var(--accent);white-space:nowrap;border-radius:6px;padding:.35rem .55rem;font-size:.68rem}.news-flag__t{font-size:.98rem}.news-flag__go{color:var(--accent);font-size:1.2rem}@media (width<=640px){.news-flag{grid-template-columns:1fr;gap:.6rem}.news-flag__tag{justify-self:start}.news-flag__go{display:none}}.xlink{transition:transform .35s var(--ease), border-color .35s;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;text-decoration:none;display:grid}.xlink:hover{border-color:var(--accent);transform:translate(6px)}.xlink__k{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .45);white-space:nowrap;border-radius:6px;padding:.3rem .55rem;font-size:.68rem}.xlink__t{font:500 1.05rem/1.4 var(--font-head)}.xlink__go{color:var(--accent);font-size:1.2rem}@media (width<=640px){.xlink{grid-template-columns:1fr;gap:.6rem}.xlink__k{justify-self:start}.xlink__go{display:none}}.pstats dd.pstats__text{font:500 1.02rem/1.35 var(--font);padding:.35rem 0 .15rem}