:root{color-scheme:light;--ink:#192d29;--muted:#4d625b;--paper:#f7f7f0;--accent:#175d47;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;line-height:1.65}header,footer,main{max-width:1120px;margin:auto;padding:2rem clamp(1rem,4vw,3rem)}header{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd6cb}nav{display:flex;flex-wrap:wrap;gap:1rem}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}.brand{font-size:1.3rem;font-weight:800;text-decoration:none;white-space:nowrap}main{max-width:860px;min-height:65vh;padding-top:4rem;padding-bottom:4rem}h1{font-family:Georgia,serif;font-size:clamp(2.3rem,6vw,4rem);font-weight:500;line-height:1.12;letter-spacing:-.04em}h2{font-size:1.4rem;line-height:1.3;margin-top:2.5rem}p,li{max-width:72ch}.lead{font-size:1.25rem;color:var(--muted)}footer{border-top:1px solid #cbd6cb;font-size:.9rem}.next-step,.sample-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}button,.primary{font:inherit;cursor:pointer;border:1px solid var(--accent);border-radius:.5rem;padding:.7rem 1rem;background:var(--accent);color:white;text-decoration:none;min-height:44px}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid #ae6016;outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-10rem;background:white;padding:1rem;z-index:10}.skip-link:focus{top:1rem}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.plan-grid section{border:1px solid #b7c9bc;border-radius:1rem;padding:1.5rem;background:#fff}.plan-grid h2{margin-top:0}.price{font-size:2rem;font-weight:700}.price small{font-size:1rem}.sample-score{font-size:clamp(1rem,4vw,2rem);font-family:Georgia,serif;letter-spacing:.15em;border-block:1px solid #b7c9bc;padding:1.5rem 0}.sample-keys{display:flex;gap:.5rem;margin-top:1.5rem}.sample-keys button{background:#fff;color:var(--ink);flex:1;min-width:0;min-height:120px;display:grid;align-content:space-between;border-color:#7b9185;box-shadow:0 4px 0 #c3cec5}.sample-keys button:active{background:#e0ede2;transform:translateY(2px)}kbd{font:inherit;font-size:.75rem;color:var(--muted)}#sample-status{min-height:2em;font-weight:700}#sample-result{border-left:4px solid var(--accent);padding-left:1.5rem}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.plan-grid{grid-template-columns:1fr}main{padding-top:2rem}.sample-keys button{padding:.6rem;min-height:95px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Match the practice workbook without adding authenticated app dependencies. */
:root { --ink: #262c29; --muted: #61675e; --paper: #f5f3eb; --accent: #9f3d2b; }
header { padding-block: 1.25rem; font-size: .85rem; border-color: #d7d8ca; }
.brand { font-family: Georgia, serif; font-weight: 400; font-size: 1.2rem; color: var(--ink); }
header nav a { color: var(--ink); text-decoration: none; }
header nav a:hover { text-decoration: underline; }
.sample-score { margin: 1.5rem 0; padding: 1rem 1.5rem; border: 1px solid #d7d8ca; border-radius: 6px; background: #fffdf7; }
.sample-score img { display: block; width: 100%; max-width: 660px; height: auto; mix-blend-mode: multiply; }
.sample-score figcaption { font: .8rem system-ui, sans-serif; color: var(--muted); letter-spacing: .1em; }
.sample-actions { margin-top: 1.5rem; }
.sample-actions button:not(#sample-start) { background: transparent; color: var(--ink); border-color: #9da58e; }
footer { border-color: #d7d8ca; }