/* (c) Britt Innovations Inc., Monsieur Britt */
:root{color-scheme:light;--ink:#182f36;--muted:#4d6269;--paper:#f8f5ee;--green:#155f53;--purple:#514479;--line:#d8dfda}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #ad590d;outline-offset:5px}a,button{touch-action:manipulation}.skip{position:absolute;left:16px;top:-90px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}.shell{max-width:1120px;padding:24px;margin:auto}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.25}.brand small{display:block;font-weight:500;color:var(--muted);font-size:13px;margin-top:4px}.mark{background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 12px;font-size:19px;letter-spacing:-1px}.brandbar nav{display:flex;gap:12px;flex-wrap:wrap}.brandbar nav a{padding:10px 12px;font-size:14px;min-height:44px}.intro{margin:48px 0 30px;max-width:810px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:var(--green)}h1{font-size:clamp(32px,5vw,55px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 18px}h2{font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:16px 0 12px}p{margin:10px 0}.intro>p:last-child{font-size:18px;color:var(--muted)}.pathways{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path{position:relative;display:flex;flex-direction:column;text-decoration:none;background:white;border:1px solid var(--line);border-radius:22px;padding:30px;transition:box-shadow .15s,transform .15s;overflow:hidden}.path:hover{box-shadow:0 10px 22px #18382b14;transform:translateY(-2px)}.path.new{background:#e9f2eb;border-color:#9cbcb0}.path.practice{background:#f0edf6;border-color:#c9c0dc}.chip{align-self:flex-start;font-size:11px;letter-spacing:.08em;font-weight:800;padding:6px 10px;border-radius:7px;background:#d0e4d6;color:#174c40}.practice .chip{background:#e0d9ed;color:#463762}.path .description{color:var(--muted);max-width:40ch}.path .sub{font-size:14px;color:var(--muted);margin-bottom:24px}.path .destination{border-top:1px solid #b9cec0;padding-top:18px;margin-top:auto;display:flex;justify-content:space-between;gap:16px;font-weight:750;color:var(--green)}.practice .destination{border-color:#d0c6e0;color:var(--purple)}.path .arrow{font-size:24px;line-height:1}.path .details{font-size:14px;margin:18px 0 22px}.bottom{display:flex;justify-content:space-between;gap:24px;margin-top:25px;font-size:14px;color:var(--muted)}.bottom a{display:inline-flex;align-items:center;min-height:44px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:30px;margin-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer a{min-height:44px;display:inline-flex;align-items:center}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grade-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.grade-panel h2{font-size:26px}.grade-panel p{color:var(--muted);font-size:15px}.links{display:grid;gap:10px;margin-top:22px}.links a{background:#f0edf6;border:1px solid #d3c9e3;border-radius:10px;text-decoration:none;padding:12px 14px;min-height:48px;font-weight:700;font-size:15px}.links a:hover{background:#e5dff0}.practice-extra{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.practice-extra summary{cursor:pointer;padding:8px 0;min-height:44px}.practice-extra .links{display:flex;flex-wrap:wrap}.notice{padding:16px 20px;border-left:4px solid var(--green);background:#e9f2eb;border-radius:0 10px 10px 0;font-size:15px;margin:24px 0}
@media(max-width:700px){.shell{padding:18px}.brandbar{gap:15px;flex-wrap:wrap}.brandbar nav{gap:6px}.brandbar nav a{padding:8px 10px}.intro{margin-top:30px}.pathways,.practice-grid{grid-template-columns:1fr}.path{padding:25px}.bottom{flex-direction:column;gap:0}h2{font-size:27px}.path .sub{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.path{transition:none}.path:hover{transform:none}}