/* For schools (Nov 11, 2026): the buying kit pages. Sits on prep.css (Hall Pass green and cream). */
main.wrap{padding-block:18px 8px}
.lede{font-size:1.08rem;margin:6px 0 14px}
.card{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:16px;margin:0 0 14px}
.card h2{font-size:1.5rem;margin:0 0 8px}
.card p{margin:0 0 8px}
.card p:last-child{margin-bottom:0}
.small{font-size:.9rem}
.muted{color:var(--muted)}
.dl{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.dl{grid-template-columns:1fr}}
.dl a{display:block;border:2px solid var(--ink);border-radius:12px;padding:12px;text-decoration:none;color:var(--ink);background:#fff}
.dl a:hover{background:var(--tint)}
.dl a:focus-visible,a.btn:focus-visible,summary:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.dl b{display:block;font-family:var(--display);font-size:1.25rem;line-height:1.1}
.dl span{display:block;font-size:.88rem;color:var(--muted);margin-top:2px}
.price{font-family:var(--display);font-size:2rem;font-weight:700;line-height:1}
.prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
@media (max-width:560px){.prices{grid-template-columns:1fr}}
.prices div{border:1px solid var(--rule);border-radius:10px;padding:10px}
.steps{margin:0;padding-left:1.3em}
.steps li{margin:0 0 6px}
/* question-and-answer tables */
.qa{width:100%;border-collapse:collapse;font-size:.95rem}
.qa caption{text-align:left;font-weight:700;padding:0 0 6px}
.qa th,.qa td{border-top:1px solid var(--rule);padding:8px 6px;vertical-align:top;text-align:left}
.qa th{font-weight:400;width:46%}
.qa td b.a{display:inline-block;min-width:4.6em;font-size:.82rem;font-weight:700;border-radius:6px;padding:1px 6px;margin:0 0 3px;text-align:center}
.a.yes{background:#E3F3EA;color:#14532F;border:1px solid #1E7A4C}
.a.no{background:#FBE9E7;color:#8A1C16;border:1px solid #B3261E}
.a.part{background:#FFF4D6;color:#5F4205;border:1px solid #2D6450}
.a.plan{background:#EAF0FA;color:#173A6B;border:1px solid #2F5C9E}
.a.na{background:#F1EFE8;color:#4A4A45;border:1px solid #8C8A80}
.a.info{background:#fff;color:var(--ink);border:1px solid var(--ink)}
@media (max-width:560px){.qa th,.qa td{display:block;width:auto;border-top:0;padding:4px 0}.qa tr{display:block;border-top:1px solid var(--rule);padding:6px 0}}
details.sec{background:var(--card);border:1px solid var(--rule);border-radius:14px;margin:0 0 10px}
details.sec>summary{cursor:pointer;list-style:none;padding:14px 16px;font-family:var(--display);font-size:1.3rem;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:center}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::after{content:"Show";font-family:inherit;font-weight:400;font-size:.9rem;color:var(--muted)}
details.sec[open]>summary::after{content:"Hide"}
details.sec>div{padding:0 16px 14px}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;font-size:.85rem}
.legend b.a{font-size:.8rem;border-radius:6px;padding:1px 6px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
a.btn.ghost,button.btn.ghost{width:auto;flex:0 0 auto;padding:8px 14px;font-size:1rem}
@media print{
  .top,.toolbar,[data-familybar],nav{display:none!important}
  details.sec{border:0;break-inside:auto}
  details.sec>summary::after,details.sec[open]>summary::after{content:""}
  body{background:#fff}
  .card{border:0;padding:0}
  a{color:inherit}
}