/* Praxis Percussion public pages: light print profile.
 *
 * Screen keeps the dark cobalt interface unchanged. Paper gets a light
 * profile (owner decision 2026-10-09): white page, near-black text, navy
 * #003366 headings and rules, orange #FF6600 only as one large accent bar
 * and never as text, no dark fills, no screen chrome or calls to action,
 * Atkinson Hyperlegible at 12pt or larger. The dark theme must not leak into
 * print (UI-CONVENTIONS, "Print blank is a first-class output").
 *
 * Loaded with media="print" from each public marketing page, so nothing
 * here can change what a screen shows. The font is self-hosted (OFL 1.1,
 * apps/assets/fonts/atkinson-hyperlegible-OFL.txt); no CDN.
 */
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/atkinson-hyperlegible-400-latin.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/atkinson-hyperlegible-700-latin.woff2") format("woff2")}

@page{size:letter;margin:0.6in 0.6in 0.75in}

/* Light page, no dark fills, no motion. */
html,body{background:#fff!important;color:#111!important}
*,*::before,*::after{background:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;color:#111!important;animation:none!important;transition:none!important}
.reveal,.js .reveal{opacity:1!important;transform:none!important}
html{scroll-behavior:auto!important}

/* One type family; 12pt is the floor for every line on paper. */
body,main,main *{font-family:"Atkinson Hyperlegible","Atkinson Hyperlegible Next",Arial,sans-serif!important;font-size:12pt!important;line-height:1.4!important;letter-spacing:normal!important}
main h1{font-size:24pt!important;line-height:1.15!important}
main h2{font-size:17pt!important;line-height:1.2!important}
main h3,main summary h3{font-size:13pt!important}
main .amount{font-size:20pt!important}
main h1 *,main h2 *,main h3 *,main .amount *{font-size:inherit!important;color:inherit!important}
main h1,main h2,main h3,main .amount{color:#003366!important;font-weight:700!important}
main .eyebrow,main .kicker,main .tag,main .mode,main .family-status{text-transform:none!important;font-weight:700!important;color:#003366!important}

/* The one orange moment: a large bar above the page title, never text. */
main h1{border-top:10pt solid #FF6600!important;padding-top:10pt!important;max-width:none!important}

/* Navy hairlines replace the dark panels. */
main .card,main .plan,main .packet,main .lane,main .q,main .guide,main .price-box,main .gate,main .banner,main .access-card,main .family-card,main .platform-layer,main .preview-card,main .doc,main .jump a,main .buyer,main table,main th,main td{border:0.75pt solid #003366!important;border-radius:0!important}
main .band,main .hero{border-top:0.75pt solid #003366!important;padding:14pt 0!important;margin:0!important;min-height:0!important}
main .wrap{width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
main .card,main .plan,main .packet,main .q,main .guide,main .lane,main .price-box,main .access-card,main .family-card,main .platform-layer,main .preview-card,main li,main tr,main figure{break-inside:avoid;page-break-inside:avoid}
main h1,main h2,main h3,main .eyebrow,main .kicker{break-after:avoid;page-break-after:avoid}
main p,main li{orphans:3;widows:3}
main a{color:#111!important;text-decoration:underline!important}

/* Screen chrome, calls to action, sign-in and signup, and dark product art
   do not print. The shared header and footer are hidden by the shell. */
.praxis-public-shell,.praxis-public-footer,nav,.toc,.actions,.layer-actions,.button,.cta,.text-link,
.hero-note a[href*="signup"],form,input,button,select,textarea,
.family-visual,.shot,.shot-note,.workspace,.family-art,.product-mark,.workspace-mark,video,iframe{display:none!important}

/* Closed answers print open. */
details>*{display:block!important}
summary{list-style:none!important;display:block!important;padding:6pt 8pt!important}
summary::before{content:none!important;display:none!important}
summary::-webkit-details-marker,summary::marker{display:none!important;content:""}
details::details-content{content-visibility:visible!important;display:block!important}

/* Key destinations carry their address on paper. */
main a[href$="program-demo/"]::after{content:" (praxispercussion.com/program-demo/)"}
main a[href$="districts/"]::after,main a[href*="districts/#"]::after{content:" (praxispercussion.com/districts/)"}
main a[href*="director-request/"]::after{content:" (praxispercussion.com/director-request/)"}
main a[href$="pricing/"]::after{content:" (praxispercussion.com/pricing/)"}
main a[href$="privacy/"]::after{content:" (praxispercussion.com/privacy/)"}
main a[href$="terms/"]::after{content:" (praxispercussion.com/terms/)"}
main a[href^="https://"]::after{content:" (" attr(href) ")"}
main a::after{font-size:12pt!important;word-break:break-all}

/* The print footer the hidden screen footer would have carried. */
main::after{content:"Praxis Percussion · Backwerd Rimshot, LLC · praxispercussion.com";display:block;margin-top:18pt;padding-top:6pt;border-top:0.75pt solid #003366;font-size:12pt!important;color:#003366!important;font-family:"Atkinson Hyperlegible",Arial,sans-serif!important}