:root{color-scheme:light;--bg: #fbf4ea;--paper: #fffdfb;--ink: #241912;--muted: #4e433b;--line: #e4d3c4;--accent: #6f2c12;--accent-text: #fff8f4;--deep: #1e4a44;--focus: #1d4e89;--shadow: 0 1px 0 rgba(36, 25, 18, .04);font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:1.125rem}.skip{position:absolute;left:.75rem;top:.75rem;transform:translateY(-150%);background:var(--paper);color:var(--ink);padding:.6rem .8rem;z-index:2}.skip:focus{transform:none}#app{max-width:42rem;margin:0 auto;padding:1rem 1rem 3rem}.hero{padding:.5rem 0 1rem}.eyebrow{margin:0 0 .25rem;color:var(--deep);font-weight:700;letter-spacing:.02em}h1,h2,h3{line-height:1.25}h1{margin:0 0 .5rem;font-size:1.8rem}h2{margin:0;font-size:1.4rem}h3{margin:0;font-size:1.15rem}.lede,p{margin:0}.lede{color:var(--muted)}.nav{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.5rem 0;background:var(--bg)}.nav-link{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.4rem;border:2px solid var(--accent);border-radius:.9rem;color:var(--accent);background:var(--paper);font-weight:700;text-align:center;text-decoration:none}.nav-link[aria-current=page]{background:var(--accent);color:var(--accent-text)}.theme{margin-top:.5rem}.theme h2{margin-bottom:.6rem}.section-list{display:flex;flex-direction:column;gap:.5rem}.section-link,.back-link{display:flex;align-items:center;min-height:3rem;padding:.75rem 1rem;border:2px solid var(--accent);border-radius:.9rem;color:var(--accent);background:var(--paper);font-weight:700;text-decoration:none}.back-link{width:fit-content;margin-bottom:.75rem}.view{scroll-margin-top:5rem}.stack,.tense-card,.exercise,.result{display:flex;flex-direction:column;gap:.85rem}.stack{margin-top:.5rem}.steps,.points,.examples,.readings{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.steps li,.tense-card,.exercise,.result,.readings li{background:var(--paper);border:2px solid var(--line);border-radius:1rem;padding:.9rem 1rem;box-shadow:var(--shadow)}.cards{display:flex;flex-direction:column;gap:.85rem}.tense-simple{border-left:8px solid var(--accent)}.tense-continuous{border-left:8px dashed var(--deep)}.tense-use{border-left:8px solid var(--accent)}.tense-form{border-left:8px solid var(--deep)}.kicker{margin:0;font-weight:700;color:var(--deep)}.english{font-weight:700}.spanish,.note,.help,.translation,.hint,.limit{color:var(--muted)}.note,.limit,.hint{border-left:4px solid var(--deep);padding-left:.75rem}label,.field-label,.reading-name,.badge,.check-intro{font-weight:700}textarea,input{width:100%;min-height:3rem;padding:.75rem .8rem;border:2px solid #8a7568;border-radius:.8rem;background:#fff;color:var(--ink);font:inherit}textarea{min-height:7rem;resize:vertical}.button{min-height:3rem;padding:.7rem 1rem;border:2px solid var(--accent);border-radius:.9rem;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer}.button-secondary{background:var(--paper);color:var(--accent)}.actions{display:flex;flex-direction:column;gap:.5rem}.prompt{font-size:1.25rem;font-weight:700}.result[data-status=match]{border-left:8px solid var(--deep)}.result[data-status=correction]{border-left:8px double var(--accent)}.result[data-status=needs_context]{border-left:8px dashed var(--accent)}.result[data-status=unrecognized],.result[data-status=empty]{border-left:8px dotted var(--muted)}.badge{margin:0;display:inline-block;width:fit-content;padding:.15rem .55rem;border:2px solid currentColor;border-radius:999px}.field{display:flex;flex-direction:column;gap:.15rem}.field-label{margin:0;color:var(--deep)}.field-value{margin:0}.readings li{border-left-width:6px}.readings li:first-child{border-left-style:solid}.readings li:last-child{border-left-style:dashed}.footer{margin-top:2rem;color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(min-width:720px){.cards{display:grid;grid-template-columns:1fr 1fr}.actions{flex-direction:row;flex-wrap:wrap}.button{width:auto}}@media(forced-colors:active){.result,.tense-card,.nav-link,.section-link,.back-link,.button{border-color:CanvasText}}