/* THE INTERACTIVE PACKAGE — CSS-only pin selection (no JS) */
#pin1:checked ~ .pkg .c-power .bar{background:#7C6634}
#pin1:checked ~ .pkg .c-power .n{color:var(--gold-dim)}
#pin1:checked ~ .pkg .p1 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin1:checked ~ .pkg .p1 .n{color:var(--gold)}
#pin1:checked ~ .pkg .s1{display:flex}
#pin1:checked ~ .pin-panels .panel-power{display:flex}
#pin1:focus-visible ~ .pkg .p1 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin2:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin2:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin2:checked ~ .pkg .p2 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin2:checked ~ .pkg .p2 .n{color:var(--gold)}
#pin2:checked ~ .pkg .s2{display:flex}
#pin2:checked ~ .pin-panels .panel-gpio{display:flex}
#pin2:focus-visible ~ .pkg .p2 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin3:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin3:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin3:checked ~ .pkg .p3 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin3:checked ~ .pkg .p3 .n{color:var(--gold)}
#pin3:checked ~ .pkg .s3{display:flex}
#pin3:checked ~ .pin-panels .panel-gpio{display:flex}
#pin3:focus-visible ~ .pkg .p3 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin4:checked ~ .pkg .c-analog .bar{background:#7C6634}
#pin4:checked ~ .pkg .c-analog .n{color:var(--gold-dim)}
#pin4:checked ~ .pkg .p4 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin4:checked ~ .pkg .p4 .n{color:var(--gold)}
#pin4:checked ~ .pkg .s4{display:flex}
#pin4:checked ~ .pin-panels .panel-analog{display:flex}
#pin4:focus-visible ~ .pkg .p4 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin5:checked ~ .pkg .c-analog .bar{background:#7C6634}
#pin5:checked ~ .pkg .c-analog .n{color:var(--gold-dim)}
#pin5:checked ~ .pkg .p5 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin5:checked ~ .pkg .p5 .n{color:var(--gold)}
#pin5:checked ~ .pkg .s5{display:flex}
#pin5:checked ~ .pin-panels .panel-analog{display:flex}
#pin5:focus-visible ~ .pkg .p5 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin6:checked ~ .pkg .c-ground .bar{background:#7C6634}
#pin6:checked ~ .pkg .c-ground .n{color:var(--gold-dim)}
#pin6:checked ~ .pkg .p6 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin6:checked ~ .pkg .p6 .n{color:var(--gold)}
#pin6:checked ~ .pkg .s6{display:flex}
#pin6:checked ~ .pin-panels .panel-ground{display:flex}
#pin6:focus-visible ~ .pkg .p6 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin7:checked ~ .pkg .c-debug .bar{background:#7C6634}
#pin7:checked ~ .pkg .c-debug .n{color:var(--gold-dim)}
#pin7:checked ~ .pkg .p7 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin7:checked ~ .pkg .p7 .n{color:var(--gold)}
#pin7:checked ~ .pkg .s7{display:flex}
#pin7:checked ~ .pin-panels .panel-debug{display:flex}
#pin7:focus-visible ~ .pkg .p7 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin8:checked ~ .pkg .c-debug .bar{background:#7C6634}
#pin8:checked ~ .pkg .c-debug .n{color:var(--gold-dim)}
#pin8:checked ~ .pkg .p8 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin8:checked ~ .pkg .p8 .n{color:var(--gold)}
#pin8:checked ~ .pkg .s8{display:flex}
#pin8:checked ~ .pin-panels .panel-debug{display:flex}
#pin8:focus-visible ~ .pkg .p8 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin9:checked ~ .pkg .c-reset .bar{background:#7C6634}
#pin9:checked ~ .pkg .c-reset .n{color:var(--gold-dim)}
#pin9:checked ~ .pkg .p9 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin9:checked ~ .pkg .p9 .n{color:var(--gold)}
#pin9:checked ~ .pkg .s9{display:flex}
#pin9:checked ~ .pin-panels .panel-reset{display:flex}
#pin9:focus-visible ~ .pkg .p9 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin10:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin10:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin10:checked ~ .pkg .p10 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin10:checked ~ .pkg .p10 .n{color:var(--gold)}
#pin10:checked ~ .pkg .s10{display:flex}
#pin10:checked ~ .pin-panels .panel-gpio{display:flex}
#pin10:focus-visible ~ .pkg .p10 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin11:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin11:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin11:checked ~ .pkg .p11 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin11:checked ~ .pkg .p11 .n{color:var(--gold)}
#pin11:checked ~ .pkg .s11{display:flex}
#pin11:checked ~ .pin-panels .panel-gpio{display:flex}
#pin11:focus-visible ~ .pkg .p11 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin12:checked ~ .pkg .c-power .bar{background:#7C6634}
#pin12:checked ~ .pkg .c-power .n{color:var(--gold-dim)}
#pin12:checked ~ .pkg .p12 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin12:checked ~ .pkg .p12 .n{color:var(--gold)}
#pin12:checked ~ .pkg .s12{display:flex}
#pin12:checked ~ .pin-panels .panel-power{display:flex}
#pin12:focus-visible ~ .pkg .p12 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin13:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin13:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin13:checked ~ .pkg .p13 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin13:checked ~ .pkg .p13 .n{color:var(--gold)}
#pin13:checked ~ .pkg .s13{display:flex}
#pin13:checked ~ .pin-panels .panel-gpio{display:flex}
#pin13:focus-visible ~ .pkg .p13 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin14:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin14:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin14:checked ~ .pkg .p14 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin14:checked ~ .pkg .p14 .n{color:var(--gold)}
#pin14:checked ~ .pkg .s14{display:flex}
#pin14:checked ~ .pin-panels .panel-gpio{display:flex}
#pin14:focus-visible ~ .pkg .p14 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin15:checked ~ .pkg .c-analog .bar{background:#7C6634}
#pin15:checked ~ .pkg .c-analog .n{color:var(--gold-dim)}
#pin15:checked ~ .pkg .p15 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin15:checked ~ .pkg .p15 .n{color:var(--gold)}
#pin15:checked ~ .pkg .s15{display:flex}
#pin15:checked ~ .pin-panels .panel-analog{display:flex}
#pin15:focus-visible ~ .pkg .p15 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin16:checked ~ .pkg .c-ground .bar{background:#7C6634}
#pin16:checked ~ .pkg .c-ground .n{color:var(--gold-dim)}
#pin16:checked ~ .pkg .p16 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin16:checked ~ .pkg .p16 .n{color:var(--gold)}
#pin16:checked ~ .pkg .s16{display:flex}
#pin16:checked ~ .pin-panels .panel-ground{display:flex}
#pin16:focus-visible ~ .pkg .p16 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin17:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin17:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin17:checked ~ .pkg .p17 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin17:checked ~ .pkg .p17 .n{color:var(--gold)}
#pin17:checked ~ .pkg .s17{display:flex}
#pin17:checked ~ .pin-panels .panel-gpio{display:flex}
#pin17:focus-visible ~ .pkg .p17 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin18:checked ~ .pkg .c-boot .bar{background:#7C6634}
#pin18:checked ~ .pkg .c-boot .n{color:var(--gold-dim)}
#pin18:checked ~ .pkg .p18 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin18:checked ~ .pkg .p18 .n{color:var(--gold)}
#pin18:checked ~ .pkg .s18{display:flex}
#pin18:checked ~ .pin-panels .panel-boot{display:flex}
#pin18:focus-visible ~ .pkg .p18 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin19:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin19:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin19:checked ~ .pkg .p19 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin19:checked ~ .pkg .p19 .n{color:var(--gold)}
#pin19:checked ~ .pkg .s19{display:flex}
#pin19:checked ~ .pin-panels .panel-gpio{display:flex}
#pin19:focus-visible ~ .pkg .p19 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin20:checked ~ .pkg .c-boot .bar{background:#7C6634}
#pin20:checked ~ .pkg .c-boot .n{color:var(--gold-dim)}
#pin20:checked ~ .pkg .p20 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin20:checked ~ .pkg .p20 .n{color:var(--gold)}
#pin20:checked ~ .pkg .s20{display:flex}
#pin20:checked ~ .pin-panels .panel-boot{display:flex}
#pin20:focus-visible ~ .pkg .p20 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin21:checked ~ .pkg .c-power .bar{background:#7C6634}
#pin21:checked ~ .pkg .c-power .n{color:var(--gold-dim)}
#pin21:checked ~ .pkg .p21 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin21:checked ~ .pkg .p21 .n{color:var(--gold)}
#pin21:checked ~ .pkg .s21{display:flex}
#pin21:checked ~ .pin-panels .panel-power{display:flex}
#pin21:focus-visible ~ .pkg .p21 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin22:checked ~ .pkg .c-ground .bar{background:#7C6634}
#pin22:checked ~ .pkg .c-ground .n{color:var(--gold-dim)}
#pin22:checked ~ .pkg .p22 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin22:checked ~ .pkg .p22 .n{color:var(--gold)}
#pin22:checked ~ .pkg .s22{display:flex}
#pin22:checked ~ .pin-panels .panel-ground{display:flex}
#pin22:focus-visible ~ .pkg .p22 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin23:checked ~ .pkg .c-debug .bar{background:#7C6634}
#pin23:checked ~ .pkg .c-debug .n{color:var(--gold-dim)}
#pin23:checked ~ .pkg .p23 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin23:checked ~ .pkg .p23 .n{color:var(--gold)}
#pin23:checked ~ .pkg .s23{display:flex}
#pin23:checked ~ .pin-panels .panel-debug{display:flex}
#pin23:focus-visible ~ .pkg .p23 .bar{outline:2px solid var(--gold-light);outline-offset:3px}
#pin24:checked ~ .pkg .c-gpio .bar{background:#7C6634}
#pin24:checked ~ .pkg .c-gpio .n{color:var(--gold-dim)}
#pin24:checked ~ .pkg .p24 .bar{background:var(--gold);box-shadow:0 0 0 3px rgba(212,166,74,.22)}
#pin24:checked ~ .pkg .p24 .n{color:var(--gold)}
#pin24:checked ~ .pkg .s24{display:flex}
#pin24:checked ~ .pin-panels .panel-gpio{display:flex}
#pin24:focus-visible ~ .pkg .p24 .bar{outline:2px solid var(--gold-light);outline-offset:3px}

/* sp-mark-frame: a uniform plate for the money mark, in the tiers where Design sized the plate
   to the artwork instead. Operator's rule: the dark ground is unified whatever the logo's
   size. width:100% (or one fixed width where copy shares the row) + one height for the tier
   + object-fit:contain, so the plate is the same box everywhere and the artwork fits inside
   it. A ground and an inset are added ONLY where none exists — adding a second ground gives
   co-cure's rectangle-inside-a-rectangle. Design's framed tiers are not touched at all. */
.support-strip.first-row .sponsor.sponsor img{box-sizing:border-box!important;padding:12px 20px!important}
.support-strip .sponsor.sponsor img{box-sizing:border-box!important;padding:12px 20px!important}

/* op-blurb-two-rows: money blurbs ran FIVE rows or more (desk: .support-strip.first-row 5 rows at 768, .support-strip 6 rows at 768). Operator: "we should probably limit that to display only 2" — held to two rows in that width band only; the copy stays in the markup. */
@media (min-width:641px){
  .support-strip.first-row .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:2lh!important;min-height:0!important;overflow:hidden!important}
  .support-strip .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:2lh!important;min-height:0!important;overflow:hidden!important}
}
/* op-blurb-two-rows:end */
nav.nav > ul.nav-list > li.has-sub:nth-of-type(n+4) > .nav-sub{left:auto!important;right:-18px!important}
