.junk-guide{margin:0;background:hsl(var(--junk-ink));color:hsl(var(--junk-silver));font:16px/1.6 "Instrument Sans",system-ui,sans-serif;color-scheme:dark}
.junk-guide *{box-sizing:border-box}
.junk-guide a{color:hsl(var(--junk-blue));text-underline-offset:.2em}
.junk-guide a:focus-visible,.junk-guide summary:focus-visible{outline:2px solid hsl(var(--junk-blue));outline-offset:4px}
.junk-guide h1,.junk-guide h2,.junk-guide h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.1;letter-spacing:-.03em}
.junk-guide h1{font-size:clamp(2.45rem,6.6vw,5.6rem);max-width:16ch;margin:.3em 0;text-wrap:balance}
.junk-guide h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:0 0 .6em}
.junk-guide h3{font-size:1.35rem;margin:0 0 .5em}
.junk-guide p{margin:0 0 1em}
.junk-guide small{color:hsl(var(--junk-muted));font-size:.92rem}
.junk-wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
.junk-guide header,.junk-guide footer{background:hsl(var(--junk-header));border-block-end:1px solid hsl(var(--junk-line))}
.junk-guide header nav,.junk-guide footer .junk-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.15rem;padding:1rem 0}
.junk-guide .junk-brand{display:inline-flex;align-items:center;gap:.7rem;color:hsl(var(--junk-silver));font-weight:700;text-decoration:none;margin-inline-end:auto}
.junk-guide .junk-brand img{display:block;object-fit:contain;border-radius:.35rem}
.junk-guide .junk-links{display:flex;flex-wrap:wrap;gap:.65rem 1.15rem;align-items:center}
.junk-guide .junk-button{display:inline-flex;align-items:center;padding:.65rem 1rem;min-height:44px;border-radius:.55rem;color:hsl(var(--junk-ink));background:hsl(var(--junk-blue));font-weight:700;text-decoration:none}
.junk-guide .junk-hero{padding:clamp(2.7rem,7vw,6.4rem) 0;background:radial-gradient(ellipse at right top,hsl(var(--junk-deep-blue)),transparent 65%),hsl(var(--junk-surface));border-block-end:1px solid hsl(var(--junk-line))}
.junk-guide .junk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,23rem);gap:clamp(1rem,5vw,5rem);align-items:center}
.junk-guide .junk-hero p{max-width:58ch}
.junk-guide .junk-hero img{display:block;width:100%;height:auto;border-radius:1rem;aspect-ratio:5/4;object-fit:cover}
.junk-guide .junk-kicker{color:hsl(var(--junk-blue));font-weight:700}
.junk-guide .junk-content>section{padding:clamp(2.2rem,6vw,4.5rem) 0;border-block-end:1px solid hsl(var(--junk-line))}
.junk-guide .junk-grid,.junk-guide .junk-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;list-style:none;margin:1.3rem 0 0;padding:0}
.junk-guide .junk-index{grid-template-columns:repeat(3,minmax(0,1fr));margin:1.3rem 0 1.65rem}
.junk-guide .junk-index a{display:flex;align-items:center;min-height:44px;padding:.35rem .65rem;border:1px solid hsl(var(--junk-line));border-radius:.5rem}
.junk-guide .junk-card{padding:clamp(1rem,3vw,1.65rem);background:hsl(var(--junk-panel));border:1px solid hsl(var(--junk-line));border-radius:.8rem;scroll-margin-block-start:1rem}
.junk-guide .junk-card:target{border-color:hsl(var(--junk-blue))}
.junk-guide .junk-card p:last-child{margin-bottom:0}
.junk-guide .junk-card .junk-region{color:hsl(var(--junk-muted))}
.junk-guide details{border-block-end:1px solid hsl(var(--junk-line));padding:.75rem 0}
.junk-guide summary{cursor:pointer;font-weight:700}
.junk-guide details p{margin:.5rem 0 0}
.junk-guide .junk-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
.junk-guide .junk-cta p{margin:0}
.junk-guide .junk-skip{position:absolute;inset-inline-start:1rem;top:0;transform:translateY(-120%);padding:.4rem .7rem;background:hsl(var(--junk-ink));z-index:2}
.junk-guide .junk-skip:focus{transform:none}
@media(max-width:700px){
  .junk-guide .junk-hero-grid,.junk-guide .junk-grid{grid-template-columns:1fr}
  .junk-guide .junk-hero img{max-height:14rem}
  .junk-guide .junk-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .junk-guide header nav{justify-content:center}
  .junk-guide .junk-brand{margin:0 auto;justify-content:center;width:100%}
  .junk-guide .junk-links{justify-content:center;font-size:.9rem}
}
@media(max-width:360px){.junk-guide .junk-index{grid-template-columns:1fr}}