@import url("../../../../../assets/vervenveda-parchment.css");
/* ==========================================================
   UNIT 01 · SCIENTIFIC INQUIRY, MEASUREMENT & EVIDENCE
   ========================================================== */
.unit-hero{padding:clamp(4.2rem,9vw,7.2rem) 0 3.5rem;text-align:center}
.unit-hero h1{font-size:clamp(2.55rem,7vw,5.4rem)}
.unit-lead{max-width:850px;margin:0 auto;color:var(--muted);font-size:clamp(1.03rem,2vw,1.23rem)}
.unit-shell{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.unit-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.progress-card{padding:1.25rem}
.requirement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.requirement{padding:.9rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft)}
.requirement[data-complete="true"]{border-color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--bg-soft))}
.requirement strong{display:block;font-family:var(--serif);font-weight:444}
.requirement span{display:block;margin-top:.25rem;color:var(--muted);font-size:.76rem}
.week-label{margin:2rem 0 .8rem;color:var(--science);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}
.day-card{min-height:260px;padding:1.05rem;display:flex;flex-direction:column;text-decoration:none;border-top:3px solid var(--science)}
.day-card:hover{border-color:var(--science)}
.day-number{color:var(--science);font:444 2rem/1 var(--serif)}
.day-card h3{margin:.8rem 0 .4rem;font-size:1.02rem}
.day-card p{margin:0;color:var(--muted);font-size:.81rem}
.day-card span:last-child{margin-top:auto;padding-top:1rem;color:var(--science);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.resource-card{padding:1.2rem;display:flex;flex-direction:column}
.resource-card h3{font-size:1.15rem}
.resource-card p{color:var(--muted);font-size:.84rem}
.resource-card .btn{margin-top:auto}
.lesson-page{width:min(1000px,calc(100% - 2rem));margin:2rem auto;padding:clamp(1.4rem,5vw,3.4rem)}
.lesson-page h1{text-align:center;font-size:clamp(2.15rem,5vw,4rem)}
.lesson-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}
.lesson-section{margin-top:2rem}
.lesson-section h2{padding-bottom:.45rem;border-bottom:1px solid var(--line);font-size:clamp(1.42rem,3vw,2.1rem)}
.objective-list,.material-list,.step-list{display:grid;gap:.5rem}
.key-term{padding:.12rem .38rem;border:1px solid var(--line);border-radius:var(--radius-small);color:var(--silver-soft);background:var(--bg-soft);white-space:nowrap}
.safety-panel{margin:1.2rem 0;padding:1rem;border:1px solid color-mix(in srgb,var(--success) 48%,var(--line));border-radius:var(--radius-small);background:color-mix(in srgb,var(--success) 7%,var(--panel))}
.safety-panel.tier-2{border-color:color-mix(in srgb,var(--energy) 55%,var(--line));background:color-mix(in srgb,var(--energy) 7%,var(--panel))}
.checkpoint,.example,.warning{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft)}
.warning{border-color:color-mix(in srgb,var(--energy) 52%,var(--line))}
.response-lines{min-height:100px;margin-top:.65rem;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 29px,var(--line) 30px)}
.data-table{overflow-x:auto}
.data-table table{min-width:620px}
.lesson-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.complete-button[aria-pressed="true"]{color:#07131d;border-color:var(--success);background:var(--success)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.form-grid label{display:grid;gap:.35rem;color:var(--muted);font-size:.78rem}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:46px;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius-small);color:var(--text);background:var(--bg-soft)}
.form-grid textarea{min-height:115px}.full{grid-column:1/-1}
.check-row{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft)}
.check-row input{margin-top:.3rem;accent-color:var(--science)}
.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:1rem;align-items:start}
.question-panel,.app-side,.result-panel{padding:1.3rem}
.app-side{position:sticky;top:92px}
.question-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.domain-label{color:var(--science);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.question-panel h2{margin:1rem 0;font-size:clamp(1.42rem,4vw,2.25rem)}
.options{display:grid;gap:.65rem}
.option{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft);cursor:pointer}
.option:hover{border-color:var(--science)}
.option:has(input:checked){border-color:var(--science);background:color-mix(in srgb,var(--science) 7%,var(--bg-soft))}
.option input{margin-top:.3rem;accent-color:var(--science)}
.app-nav{display:flex;justify-content:space-between;gap:.65rem;margin-top:1rem}
.question-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:.38rem;margin:1rem 0}
.dot{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--bg-soft);font-size:.68rem}
.dot.current{border-color:var(--science);color:var(--science)}
.dot.answered{color:#07131d;border-color:var(--success);background:var(--success)}
.score{color:var(--science);font:444 clamp(3rem,8vw,6rem)/1 var(--serif)}
.domain-results{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}
.domain-result{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft)}
.domain-result strong{display:block;color:var(--science);font-size:1.2rem}
.review-list{display:grid;gap:.7rem;margin-top:1rem}
.review-item{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--bg-soft)}
.review-item.correct{border-inline-start:5px solid var(--success)}
.review-item.incorrect{border-inline-start:5px solid var(--danger)}
.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.record-card{padding:1rem}.record-card strong{display:block;color:var(--science);font-size:1.18rem}
.signature-area{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}
.signature-line{padding-top:.4rem;border-top:1px solid var(--text);text-align:center;font-size:.8rem}
@media(max-width:1080px){.day-grid{grid-template-columns:repeat(3,1fr)}.requirement-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.app-side{position:static}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.day-grid,.resource-grid,.domain-results,.record-grid,.form-grid{grid-template-columns:1fr}.requirement-grid{grid-template-columns:repeat(2,1fr)}.signature-area{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:500px){.requirement-grid{grid-template-columns:1fr}}
@media print{.unit-nav,.lesson-actions,.app-side,.app-nav,.no-print{display:none!important}.lesson-page{width:100%;margin:0;padding:0;box-shadow:none}.response-lines{min-height:120px}}