/* Circuit Classroom legal pages: plywood lab records, module tabs and practical document benches. */
:root{--chalk:#f6f4ec;--white:#fff;--birch:#d9bd8f;--blue:#145dff;--orange:#ff692e;--graphite:#262b2f;--line:#86898a}*{box-sizing:border-box}body{margin:0;color:var(--graphite);background:var(--chalk);font:400 17px/1.58 "Atkinson Hyperlegible",sans-serif}a{color:inherit;text-decoration:none}.legal-head{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto auto;min-height:68px;color:#fff;background:var(--graphite);border-bottom:6px solid var(--blue)}.legal-head>a{display:flex;align-items:center;padding:0 1rem;border-left:1px solid #555;font-weight:700}.legal-head .brand{gap:.6rem;border:0}.legal-head img{width:36px;height:36px}.legal-head .contact{background:var(--orange);border:0}.lab-record-hero{display:grid;grid-template-columns:.45fr 1.15fr .65fr;min-height:480px;background:var(--birch)}.record-tabs{display:grid;align-content:center}.record-tabs span{display:grid;place-items:center;min-height:58px;border-top:1px solid var(--graphite);font:600 .62rem "Space Grotesk"}.record-tabs span:last-child{border-bottom:1px solid}.record-title{display:flex;flex-direction:column;justify-content:center;padding:5rem 5vw;background:var(--white);border-left:2px solid;border-right:2px solid}.record-title p{margin:0;color:var(--blue);font:700 .62rem "Space Grotesk";letter-spacing:.1em}.record-title h1{margin:1rem 0;font:700 clamp(3.8rem,7vw,7.5rem)/.86 "Space Grotesk";letter-spacing:-.055em}.record-title span{max-width:760px}.record-object{display:grid;place-items:center;padding:2rem}.record-object img{width:min(210px,70%)}.record-layout{display:grid;grid-template-columns:.32fr 1fr;max-width:1450px;margin:auto;background:var(--white);border-left:2px solid;border-right:2px solid}.record-index{position:sticky;top:68px;align-self:start;min-height:calc(100vh - 68px);padding:2rem;color:#fff;background:var(--blue)}.record-index p{font:700 .6rem "Space Grotesk";letter-spacing:.1em}.record-index a{display:block;padding:1rem 0;border-top:1px solid #ffffff66}.record-copy{padding:3rem 5vw}.record-copy section{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding:2.5rem 0;border-bottom:2px solid}.record-copy section>span{color:var(--orange);font:700 1rem "Space Grotesk"}.record-copy h2{margin:0 0 .8rem;font:700 clamp(1.8rem,3vw,3rem) "Space Grotesk"}.record-copy p,.record-copy li{max-width:820px}.record-note{padding:1.2rem;border-left:8px solid var(--orange);background:var(--chalk)}.legal-foot{display:grid;grid-template-columns:1fr auto auto;gap:2rem;padding:2rem 4vw;color:#fff;background:#171b1e}.legal-foot nav{display:flex;gap:1rem;flex-wrap:wrap}.error-lab{min-height:calc(100vh - 68px);display:grid;grid-template-columns:.7fr 1fr}.error-code{display:grid;place-items:center;color:var(--graphite);background:var(--orange);font:700 clamp(9rem,24vw,22rem)/1 "Space Grotesk"}.error-copy{display:flex;flex-direction:column;justify-content:center;padding:5rem;background:var(--birch)}.error-copy>p:first-child{color:var(--blue);font:700 .65rem "Space Grotesk"}.error-copy h1{max-width:720px;margin:1rem 0;font:700 clamp(3.2rem,7vw,7rem)/.88 "Space Grotesk"}.error-copy a{width:max-content;margin-top:1rem;padding:1rem 1.2rem;color:#fff;background:var(--blue);font-weight:700}@media(max-width:820px){.lab-record-hero{grid-template-columns:48px 1fr}.record-object{grid-column:1/-1;min-height:200px}.record-layout{grid-template-columns:1fr}.record-index{position:static;min-height:auto}.record-copy{padding:2rem 1rem}.record-copy section{grid-template-columns:1fr;gap:.4rem}.error-lab{grid-template-columns:1fr}.error-code{min-height:300px}.error-copy{padding:4rem 1rem}.legal-foot{grid-template-columns:1fr}}@media(max-width:520px){.legal-head{min-height:60px}.legal-head .brand b{font-size:.9rem}.legal-head>a{padding:0 .6rem}.record-title{padding:4rem 1rem}.record-title h1{font-size:3.3rem}.record-tabs span{font-size:.45rem}.legal-foot{padding:2rem 1rem}}
/* Contact is a normal dark-header route, not a filled orange CTA. */
.legal-head .contact{color:#fff!important;background:transparent!important;border-left:1px solid #ffffff38!important}
.legal-head .contact:hover,.legal-head .contact:focus-visible{background:#ffffff0d!important}