@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--color-primary: #2b9f59;--color-primary-dark: #1f7541;--color-primary-soft: #e5f5eb;--color-accent: #ffcb04;--color-accent-dark: #c6893f;--color-ink: #212529;--color-muted: #6c757d;--color-border: #dee2e6;--color-surface: #ffffff;--color-background: #f8f9fa;--color-danger: #b23b3b;--shadow-card: 0 1rem 2.5rem rgb(33 37 41 / 8%);color:var(--color-ink);background:var(--color-background);font-family:Nunito,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgb(255 255 255 / 10%);background:var(--color-primary);box-shadow:0 .25rem 1rem #2125291f}.brand{display:flex;width:min(100% - 2rem,72rem);margin:0 auto;padding:.75rem 0;align-items:center;gap:.75rem;border:0;color:#fff;background:transparent;cursor:pointer;text-align:left;text-decoration:none}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:3px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{color:#ffffffbf}.app-shell{width:min(100% - 2rem,72rem);min-height:calc(100vh - 5rem);margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:2rem}.hero-photo{display:block;width:100%;height:auto;border-radius:1.25rem;box-shadow:var(--shadow-card)}.hero-intro{min-width:0}@media(max-width:799px){.hero{grid-template-columns:minmax(0,1fr)}}.hero h1,.pack-heading h1{margin:.3rem 0 .75rem;font-size:clamp(2.5rem,7vw,5rem);line-height:1}.hero h1{font-size:clamp(2.25rem,4.5vw,4rem)}.hero p,.pack-heading p{color:var(--color-muted);font-size:1.1rem}.eyebrow{margin:0 0 .35rem;color:var(--color-primary-dark);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}.pack-card{display:flex;min-height:14rem;padding:1.5rem;flex-direction:column;align-items:flex-start;gap:.75rem;border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-surface);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.pack-card:hover{transform:translateY(-3px);border-color:var(--color-primary)}.pack-card strong{font-size:1.5rem}.pack-type,.difficulty{padding:.3rem .6rem;border-radius:999px;color:var(--color-primary-dark);background:var(--color-primary-soft);font-size:.75rem;font-weight:800}.pack-meta{display:flex;width:100%;margin-top:auto;justify-content:space-between;gap:1rem;color:var(--color-muted);font-size:.85rem}.back-button{display:inline-block;margin-bottom:1.5rem;padding:0;border:0;color:var(--color-primary-dark);background:transparent;cursor:pointer;font-weight:800;text-decoration:none}.pack-heading{display:flex;margin-bottom:2rem;align-items:end;justify-content:space-between;gap:2rem}.pack-heading dl{min-width:12rem;margin:0;padding:1rem 1.25rem;border-left:4px solid var(--color-accent);background:#fff}.pack-heading dt{color:var(--color-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.pack-heading dd{margin:0 0 .75rem;font-weight:800}.pack-heading dd:last-child{margin-bottom:0}.panel,.state-card{margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-surface);box-shadow:var(--shadow-card)}.state-card{display:grid;min-height:12rem;place-content:center;gap:.5rem;text-align:center}.state-card.error{color:var(--color-danger)}.section-heading{display:flex;margin-bottom:1.25rem;align-items:start;justify-content:space-between;gap:1rem}.section-heading h2{margin:0;font-size:clamp(1.5rem,4vw,2rem)}.section-heading>span{color:var(--color-muted);white-space:nowrap}.clue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.clue-image{overflow:hidden;padding:0;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-background);cursor:zoom-in}.clue-image img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.clue-image span{display:block;padding:.75rem 1rem;font-weight:700;text-align:left}.topic-picker{display:flex;flex-wrap:wrap;gap:.75rem}.topic-option{display:grid;gap:.5rem}.topic-link,.pack-heading a,.state-card a{color:var(--color-primary-dark)}.topic-link{padding:0 1rem;font-size:.85rem}.topic-picker label{display:flex;padding:.75rem 1rem;align-items:center;gap:.75rem;border:1px solid var(--color-border);border-radius:.85rem;cursor:pointer}.topic-picker label.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.topic-picker input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.topic-picker strong,.topic-picker small{display:block}.topic-picker small{color:var(--color-muted)}.mode-tabs{display:flex;margin-top:1.5rem;gap:.5rem;border-top:1px solid var(--color-border);padding-top:1.25rem}.mode-tabs button,.primary-button{padding:.7rem 1.1rem;border:0;border-radius:.75rem;cursor:pointer;font-weight:800}.mode-tabs button{background:var(--color-background)}.mode-tabs button.active,.primary-button{color:var(--color-ink);background:var(--color-accent)}.mode-tabs button:disabled{cursor:not-allowed;opacity:.45}.mode-content{display:grid;gap:1.25rem}.question-row{border-top:1px solid var(--color-border)}.question-row summary{display:grid;padding:1rem 0;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;cursor:pointer;font-weight:700;list-style:none}.question-row summary::-webkit-details-marker{display:none}.question-number{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#fff;background:var(--color-primary);font-size:.85rem}.answer-panel{padding:0 0 1.25rem 3rem}.answer{display:flex;flex-direction:column;color:var(--color-primary-dark)}.answer span{font-size:.75rem;font-weight:800;text-transform:uppercase}.answer strong{font-size:1.35rem}.question-image,.quiz-image{display:block;width:min(100%,32rem);max-height:24rem;margin:1rem 0;border-radius:1rem;object-fit:contain}.sources{margin:1rem 0 0;padding-left:1.25rem}.sources a{color:var(--color-primary-dark)}.quiz-shell,.flashcard-shell{max-width:48rem;margin-right:auto;margin-left:auto}.quiz-progress{display:flex;margin-bottom:2rem;justify-content:space-between;color:var(--color-muted)}.choice-grid{display:grid;margin-top:1.5rem;grid-template-columns:repeat(2,1fr);gap:.75rem}.choice-grid button{min-height:4rem;padding:1rem;border:2px solid var(--color-border);border-radius:.85rem;background:#fff;cursor:pointer;font-weight:700}.choice-grid button:hover:not(:disabled){border-color:var(--color-primary)}.choice-grid button.correct{border-color:var(--color-primary);background:var(--color-primary-soft)}.choice-grid button.incorrect{border-color:var(--color-danger);background:#fae9e9}.answer-feedback{margin-top:1.25rem;padding:1rem;border-left:4px solid var(--color-danger);background:#fae9e9}.answer-feedback.success{border-color:var(--color-primary);background:var(--color-primary-soft)}.quiz-result{padding:3rem 1rem;text-align:center}.quiz-result h2{margin:0;color:var(--color-primary-dark);font-size:clamp(3rem,12vw,6rem)}.flashcard{display:grid;min-height:20rem;padding:clamp(1.5rem,5vw,3rem);place-content:center;border:2px solid var(--color-primary);border-radius:1rem;background:var(--color-primary-soft);text-align:center}.flashcard.revealed{border-color:var(--color-accent-dark);background:#fff9dd}.flashcard-actions{margin-top:1rem;text-align:center}.empty-state{padding:3rem;border:2px dashed var(--color-border);border-radius:1rem;color:var(--color-muted);text-align:center}.image-overlay{position:fixed;z-index:20;display:grid;inset:0;padding:3rem 1rem 1rem;place-items:center;background:#000000d9}.image-overlay img{max-width:min(100%,70rem);max-height:80vh;border-radius:.75rem}.image-overlay p{color:#fff}.image-overlay button{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border:0;border-radius:50%;color:var(--color-ink);background:var(--color-accent);cursor:pointer;font-size:1.75rem}@media(max-width:700px){.pack-heading{align-items:stretch;flex-direction:column}.pack-heading dl{min-width:0}.choice-grid{grid-template-columns:1fr}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.question-row summary{grid-template-columns:auto 1fr}.question-row .difficulty{display:none}.answer-panel{padding-left:0}}