.learn-heading{max-width:900px}.learn-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start}.learn-stack{display:grid;gap:20px}.learn-list{display:grid;gap:14px}.learn-card{display:block;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;background:rgba(255,255,255,.03);text-decoration:none;color:inherit}.learn-card:hover,.learning-tile:hover{border-color:rgba(223,190,113,.45);background:rgba(255,255,255,.055);transform:translateY(-1px)}.learn-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.learn-card h1,.learn-card h3{margin:.4rem 0 .6rem}.learn-card h3{font-size:1.2rem}.learn-card p{margin:.6rem 0;color:var(--muted);font-size:.98rem;line-height:1.6}.learn-kind,.learn-access,.learn-tag,.learning-number{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;border:1px solid rgba(223,190,113,.3);padding:.34rem .65rem;font-size:.82rem;letter-spacing:.04em;color:var(--gold)}.learn-access{white-space:nowrap}.learn-meta{display:flex;gap:11px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:.9rem}.learn-action{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;color:var(--gold);font-size:.96rem;font-weight:650}.learn-detail-head{max-width:940px;margin-bottom:22px}.learn-detail-head h1{margin:.6rem 0 .7rem;font-size:clamp(2.1rem,5vw,3.5rem)}.learn-detail-head>p{max-width:840px;color:var(--muted);line-height:1.68;font-size:1rem}.learn-body{white-space:pre-wrap;line-height:1.75;color:var(--text);margin:16px 0;font-size:1rem}.learn-section-card{margin-top:20px}.learn-section-card>h2,.learn-section-card>h3{margin-top:0}.learn-items{display:grid;gap:10px}.learn-item{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);color:var(--text);line-height:1.6;font-size:.98rem}.learn-item strong{display:block}.learn-item small{display:block;color:var(--muted);margin-top:6px;line-height:1.55;font-size:.9rem}.learn-boundary{background:rgba(223,190,113,.04);margin-top:20px}.learn-summary-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.learn-summary-strip span,.learn-unit-meta span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.42rem .72rem;color:var(--muted);font-size:.88rem}.learning-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learning-tile-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-tile{font:inherit;text-align:left;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;background:rgba(255,255,255,.03);transition:.16s ease;min-width:0;min-height:150px}.learning-tile strong{display:block;font-size:1.12rem;margin:.7rem 0 .5rem}.learning-tile p{color:var(--muted);line-height:1.6;margin:.4rem 0;font-size:.96rem}.learning-tile small{display:block;color:var(--muted);line-height:1.5;font-size:.9rem}.learn-inline-back{font:inherit;display:inline-flex;align-items:center;min-height:44px;color:var(--gold);background:none;border:0;padding:6px 0 13px;cursor:pointer;font-size:.96rem}.learn-unit-head,.learn-lesson-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;background:rgba(255,255,255,.03)}.learn-unit-head h2,.learn-lesson-head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:.45rem 0 .6rem}.learn-unit-head p,.learn-lesson-head p{color:var(--muted);line-height:1.65;max-width:820px;font-size:1rem}.learn-unit-meta{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;min-width:170px}.learn-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.learn-tabs{display:flex;gap:9px;flex-wrap:wrap}.learn-tabs button,.learn-print-action,.learn-primary-action{font:inherit;min-height:48px;border:1px solid rgba(223,190,113,.3);border-radius:999px;padding:.7rem 1.05rem;background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-size:.96rem}.learn-tabs button.active,.learn-primary-action{background:var(--gold);color:#191713;border-color:transparent;font-weight:720}.learn-print-action{color:var(--gold)}.learn-workspace{display:grid;gap:20px}.learn-callout{border-left:4px solid rgba(223,190,113,.62);padding:14px 16px;margin-top:16px;background:rgba(223,190,113,.045);border-radius:0 14px 14px 0}.learn-callout p{margin:.4rem 0 0;line-height:1.65;font-size:.98rem}.learn-details{margin-top:20px}.learn-details summary{cursor:pointer;min-height:44px;font-weight:720;color:var(--gold);font-size:.96rem}.learn-details[open] summary{margin-bottom:16px}.worksheet-field{display:grid;gap:9px;margin-top:18px}.worksheet-field span{font-weight:680;font-size:.96rem}.worksheet-field textarea,.reflection-box{width:100%;box-sizing:border-box;resize:vertical;min-height:120px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(0,0,0,.18);color:var(--text);padding:14px 16px;font:inherit;line-height:1.6}.worksheet-field textarea:focus,.reflection-box:focus{outline:3px solid rgba(223,190,113,.34);outline-offset:2px}.module-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.module-block{border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:17px;background:rgba(255,255,255,.03)}.module-block h4{font-size:1.16rem;margin:.65rem 0 .5rem}.module-block p{color:var(--muted);line-height:1.6;font-size:.96rem}.scenario-card .learn-details{border:0;padding:0;background:transparent}.knowledge-check{display:grid;gap:18px}.knowledge-question{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;margin:0}.knowledge-question legend{font-weight:720;padding:0 7px;line-height:1.55;font-size:1rem}.knowledge-question label{display:flex;gap:10px;align-items:flex-start;min-height:48px;margin-top:11px;padding:11px;border-radius:12px;background:rgba(255,255,255,.03);cursor:pointer;font-size:.96rem}.knowledge-question input{margin-top:4px;transform:scale(1.2)}.knowledge-explanation{margin-top:14px;padding:14px;border-radius:12px;background:rgba(223,190,113,.08);color:var(--muted);line-height:1.6;font-size:.96rem}.knowledge-result{min-height:1px}.knowledge-result:not(:empty){padding:16px;border-radius:14px;background:rgba(223,190,113,.09)}.knowledge-result p{margin:.4rem 0 0;color:var(--muted);font-size:.96rem}.learn-outcome-grid{margin-top:20px}.large-learning-statement{font-size:1.3rem;line-height:1.65}.learn-overview{margin-top:20px}
@media(max-width:760px){.learn-grid{grid-template-columns:1fr}.learn-card-head{align-items:flex-start}.learning-tile-grid,.learning-tile-grid.compact,.module-blocks{grid-template-columns:1fr}.learn-unit-head,.learn-lesson-head{display:block}.learn-unit-meta{justify-content:flex-start;margin-top:14px}.learn-toolbar{align-items:flex-start;flex-direction:column}.learn-tabs{width:100%}.learn-tabs button{flex:1}.learn-print-action{width:100%}}
@media print{.topbar,.bottom-nav,.back-link,.learn-inline-back,.learn-toolbar,.learn-boundary{display:none!important}.main{max-width:none!important;padding:0!important}.learn-detail-head{display:none}.learn-workspace .card,.learn-section-card{break-inside:avoid;border:1px solid #bbb!important;background:#fff!important;color:#111!important;box-shadow:none!important}.learn-workspace,.learn-workspace *{color:#111!important}.worksheet-field textarea,.reflection-box{border:1px solid #999!important;background:#fff!important;color:#111!important;min-height:110px}.learn-callout{border-left:3px solid #555!important;background:#f7f7f7!important}}

/* Canonical lesson packs and authenticated learning record */
.learn-progress-card{margin:0 0 18px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.learn-progress-card h2{margin:.15rem 0 .35rem}
.teacher-pack,.student-pack{display:grid;gap:16px}
.learn-pack-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learn-pack-columns>div{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}
.learn-assessment-grid{display:grid;gap:14px}
.learn-assessment-item{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018)}
.learn-assessment-item h4{margin:.25rem 0 .55rem}
.learn-assessor-pack{border-color:rgba(230,201,135,.32);background:linear-gradient(145deg,rgba(230,201,135,.045),rgba(255,255,255,.015))}
.learn-small-note{color:var(--muted);font-size:.92rem}
.learn-body{white-space:pre-line;line-height:1.72}
.learning-record-panel{display:grid;gap:14px;border-color:rgba(230,201,135,.42)}
.learning-record-panel h3{margin:.15rem 0 .4rem}
.learning-record-actions{display:flex;flex-wrap:wrap;gap:10px}
.learn-secondary-action{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:999px;min-height:48px;padding:10px 18px;font:inherit;font-weight:760;cursor:pointer}
.learn-secondary-action:hover,.learn-secondary-action:focus-visible{border-color:rgba(230,201,135,.45)}
.learn-secondary-action:disabled,.learn-primary-action:disabled{opacity:.45;cursor:not-allowed}
.learning-save-status{color:var(--muted);font-size:.92rem}
.learn-submission-check{margin-top:16px;padding:15px 16px;border:1px solid var(--line);border-radius:16px}
@media(max-width:720px){.learn-pack-columns{grid-template-columns:1fr}.learning-record-actions>*{flex:1 1 160px}.learn-progress-card{align-items:flex-start}}
@media print{.bottom-nav,.topbar,.learn-toolbar .learn-tabs,.learning-record-panel,.learn-inline-back,.back-link{display:none!important}.learn-workspace{display:block}.card{break-inside:avoid}}


.learn-progress-expanded{display:grid;gap:16px}
.learn-progress-list{display:grid;gap:9px;min-width:0}
.learn-progress-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.learn-progress-row>div{display:grid;gap:3px;min-width:0}
.learn-progress-row strong{font-size:.95rem}
.learn-progress-row small,.learn-progress-row span{color:var(--muted);font-size:.8rem;line-height:1.35}
.learn-progress-row span{text-align:right;max-width:48%}
@media(max-width:720px){.learn-progress-row{display:grid;gap:7px}.learn-progress-row span{text-align:left;max-width:none}}