.quest{--ink:#263957;--green:#3d5f8a;--line:#d5dce6;max-width:1240px;margin:auto;padding:30px 24px;color:var(--ink);font-family:system-ui,-apple-system,sans-serif}.quest p{line-height:1.75}.quest a{color:var(--green)}.quest-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;padding:60px 0}.quest h1{font-size:clamp(3.2rem,6.8vw,6rem);letter-spacing:-.055em;line-height:1.02;margin:20px 0 26px}.quest h1 em{color:var(--green)}.quest .lead{font-size:1.18rem;max-width:660px}.quest .eyebrow{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.15em}.quest .small{font-size:.85rem}.quest .hero-card{background:#f5ecd9;border-radius:24px;padding:36px;transform:rotate(2deg)}.quest .hero-card span{font-size:.75rem;letter-spacing:.14em;font-weight:800}.quest .hero-card li{padding:13px 0;line-height:1.6}.quest button,.quest .button{font:inherit;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:12px 17px;cursor:pointer;display:inline-block;text-decoration:none;margin:5px 6px 5px 0}.quest button:hover,.quest .button:hover{background:#153f34}.quest .secondary{background:white;color:var(--green)}.quest-nav{display:flex;flex-wrap:wrap;gap:26px;padding:22px 0 35px}.quest-nav a{font-weight:700}.quest .panel{padding:34px;border:1px solid var(--line);border-radius:18px;margin-bottom:30px;background:white;scroll-margin-top:22px}.quest .three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quest h2{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.025em;margin:10px 0 22px}.quest .section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.quest progress{width:100%;height:10px;accent-color:var(--green);margin-bottom:26px}.quest .lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}.quest #lessonMenu button{display:block;width:100%;text-align:left;margin:0 0 7px;background:#f3f6f3;color:var(--ink);border-color:transparent;font-size:.9rem}.quest #lessonMenu button[aria-current=step]{background:var(--green);color:white}.quest #lessonMenu h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 10px}.quest .callout{background:#f5ecd9;padding:24px;border-radius:12px;margin:22px 0}.quest .feedback{background:#eaf0f7;padding:20px;border-radius:10px;margin:18px 0}.quest .choices{display:grid;gap:8px}.quest .choices button{text-align:left;background:#f3f6f3;color:var(--ink);border-color:var(--line);margin:0}.quest .choices button[aria-pressed=true]{border:2px solid var(--green)}.quest label{display:block;font-weight:650;margin:20px 0}.quest input,.quest textarea{font:inherit;color:var(--ink);box-sizing:border-box;display:block;width:100%;border:1px solid #879f92;border-radius:7px;padding:12px;margin-top:9px;background:white}.quest textarea{min-height:112px;resize:vertical}.quest .project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.quest .project-grid button{background:#f3f6f3;color:var(--ink);text-align:left;padding:20px;margin:0;border-color:var(--line)}.quest .project-grid button[aria-pressed=true]{border:2px solid var(--green);background:#eaf0f7}.quest .project-grid strong,.quest .project-grid span{display:block}.quest .project-grid span{font-size:.82rem;margin-bottom:7px}.quest details{border:1px solid var(--line);padding:18px;border-radius:10px;margin:20px 0}.quest summary{font-weight:750;cursor:pointer}.quest .workbook{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.quest .workbook label:nth-child(3),.quest .workbook label:nth-child(6){grid-column:1/-1}.quest .checks label{font-weight:400;display:flex;gap:12px;align-items:flex-start}.quest input[type=checkbox]{width:20px;height:20px;margin:3px 0;flex-shrink:0}.quest pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f3f6f3;padding:20px}.quest .portfolio-item{border-bottom:1px solid var(--line);padding:16px 0}.quest :focus-visible{outline:3px solid #b37b20;outline-offset:4px}.quest [hidden]{display:none!important}@media(max-width:900px){.quest-hero{gap:30px}.quest .lesson-layout{grid-template-columns:1fr}.quest #lessonMenu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quest #lessonMenu h3{grid-column:1/-1}.quest .three{grid-template-columns:1fr}}@media(max-width:600px){.quest{padding:22px 16px}.quest-hero{grid-template-columns:1fr;padding:30px 0}.quest .hero-card{transform:none;padding:24px}.quest .panel{padding:22px}.quest .workbook,.quest .project-grid{grid-template-columns:1fr}.quest .workbook label{grid-column:auto!important}.quest .section-title{display:block}.quest #lessonMenu{grid-template-columns:1fr 1fr}.quest #lessonMenu button{font-size:.8rem;padding:10px}}