/* Page-specific styles and accent theme: index.html */
.card{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:var(--fg)}
.cimg{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:
 radial-gradient(120% 90% at 100% 0%,var(--c2) 0%,transparent 65%),linear-gradient(165deg,var(--c1),#08090C 85%)}
.cimg::before{content:"";position:absolute;inset:0;background-image:url(../img/grain.png);background-size:256px;opacity:.5;mix-blend-mode:overlay;z-index:1;pointer-events:none}
.cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(16px,3vw,40px);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cimg img.fill{object-fit:cover;padding:0}
.card:hover .cimg img{transform:scale(1.025)}
.card .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.card .row .mono{color:var(--fg3)}
.card p.body{font-size:15.5px}
.card.wide{grid-column:1 / -1}
.card.wide .cimg{aspect-ratio:21/9}
.idx{display:flex;flex-direction:column}
.idx .gl{padding:28px 0 10px}
.idx a{display:grid;grid-template-columns:64px minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:24px;align-items:baseline;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;transition:background .5s ease,padding .5s ease}
.idx a:last-child{border-bottom:1px solid var(--line)}
.idx a:hover{background:var(--ink2);padding-inline:16px}
.idx .t{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;line-height:1.15}
.idx .d{font-size:14.5px;color:var(--fg2)}
.idx .mono{color:var(--acc)}
.fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line2);border-left:1px solid var(--line)}
.fit>*{padding:24px 24px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;text-decoration:none;min-height:180px}
.fit>a:hover{background:var(--ink2)}
.fit .mono{color:var(--fg3);margin-top:auto}
.xp{display:flex;flex-direction:column}
.xp .r{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,4fr);gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}
.xp .r:last-child{border-bottom:1px solid var(--line)}
.xp .mono{color:var(--fg2)}
.links{display:flex;flex-direction:column}
.links a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;border-top:1px solid var(--line2);text-decoration:none;font-family:'Inter Tight',sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.links a:last-child{border-bottom:1px solid var(--line2)}
.links a span{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:12px;letter-spacing:0;color:var(--fg3)}
.links a:hover{color:var(--acc)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line2)}
.steps div{padding:18px 16px 0 0;display:flex;flex-direction:column;gap:6px}
.steps .mono{color:var(--acc)}
.steps b{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.015em}
.steps span{font-size:14px;color:var(--fg2)}
.capcol{display:flex;flex-direction:column;gap:16px}
@media (max-width:1024px){.fit{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.idx a{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)}.idx a .d:last-child{display:none}.xp .r{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.xp .r>p:last-child{grid-column:2}}
@media (max-width:720px){.fit{grid-template-columns:minmax(0,1fr)}.fit>*{min-height:0}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.idx a{grid-template-columns:40px minmax(0,1fr)}.idx a .d{display:none}.xp .r{grid-template-columns:minmax(0,1fr);gap:6px}.xp .r>p:last-child{grid-column:auto}.card.wide .cimg{aspect-ratio:16/10}}
.pk{--g1:#0B0F1F;--g2:#22306E;--g3:#3B1220;--acc:#E8B27A;--accd:#8A5A2B}