.explore-page { background:#08070d; color:#f6f2ff; }
.explore-page a { color:inherit; }
.explore-main { width:min(1100px,calc(100% - 2rem)); margin:3rem auto; }
.explore-main > header { max-width:65ch; margin-bottom:2rem; }
.explore-main h1 { margin:.6rem 0 1rem; }
.explore-main p { max-width:70ch; line-height:1.65; }
.explore-main > section { margin-top:3rem; scroll-margin-top:1rem; }
.explore-nav,.explore-grades { display:flex; flex-wrap:wrap; gap:.7rem; }
.explore-nav a,.explore-grades a { padding:.7rem 1rem; border:1px solid #716194; border-radius:12px; background:#20192e; text-decoration:none; }
.explore-cards { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:1rem; }
.explore-cards li { display:flex; flex-direction:column; align-items:start; padding:1.4rem; border:1px solid #50445f; border-radius:20px; background:#191322; }
.explore-cards li > a { font-size:1.3rem; font-weight:800; text-underline-offset:.2em; }
.explore-cards p { color:#ded5ed; font-size:.95rem; }
.explore-cards button { margin-top:auto; font-size:.9rem; padding:.6rem .9rem; }
.explore-link-list { columns:2 260px; padding-left:1.4rem; }
.explore-link-list li { break-inside:avoid; padding:.45rem 0; }
.explore-page :focus-visible { outline:3px solid #ffe267; outline-offset:4px; }
[data-copy-status] { position:fixed; bottom:1rem; left:50%; transform:translateX(-50%); max-width:calc(100% - 2rem); background:#e0fff1; color:#132e25; border-radius:12px; padding:.8rem 1rem; box-shadow:0 3px 20px #0008; }
[data-copy-status]:empty { display:none; }

.explore-page .eyebrow { color:#c7b8ff; }
