/* Shared editable styles for the learning downloads. Print to A4 with backgrounds. */
:root { --blue:#006af4; --navy:#062146; --yellow:#ffd846; --cyan:#84eaff; --ink:#102643; --muted:#405773; --line:#c7d5e6; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#e6edf7; font:16px/1.48 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
a { color:#0055c6; text-underline-offset:3px; } button { font:inherit; cursor:pointer; }
.print-only { display:none; }
:focus-visible { outline:3px solid #9e5a00; outline-offset:4px; }
.toolbar { max-width:210mm; margin:20px auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding-inline:12px; }
.toolbar button { border:0; border-radius:6px; background:var(--navy); color:white; padding:12px 18px; } .toolbar span { font-size:14px; }
.page { width:210mm; height:297mm; margin:20px auto; padding:14mm 16mm 21mm; background:white; position:relative; box-shadow:0 4px 25px #06214618; }
.brand-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--blue); color:white; padding:15px 18px; border-bottom:4px solid var(--yellow); margin-bottom:24px; }
.brand-lockup { display:flex; align-items:center; gap:10px; } .brand-lockup img { width:40px; height:40px; }
.brand-lockup strong { display:block; font-size:21px; line-height:1.1; letter-spacing:-.03em; }
.brand-lockup small { color:var(--yellow); display:block; font-weight:750; font-size:10px; letter-spacing:.24em; margin-top:5px; }
.brand-bar > span { font-size:11px; text-align:right; line-height:1.4; }
h1,h2,h3,p { margin:0; } h1 { font-size:32px; line-height:1.1; letter-spacing:-.035em; color:var(--navy); }
h2 { font-size:27px; line-height:1.15; letter-spacing:-.03em; color:var(--navy); } h3 { font-size:17px; line-height:1.25; color:var(--navy); margin-bottom:8px; }
p { margin:9px 0; } .kicker { font-size:11px; color:#0055c6; font-weight:750; letter-spacing:.1em; text-transform:uppercase; margin-bottom:8px; }
.intro { color:var(--muted); margin:12px 0 19px; } .identity { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; font-size:12px; margin:16px 0 21px; }
.note { padding:13px 15px; background:#edf4ff; border-left:3px solid var(--blue); font-size:13px; margin:14px 0; }
.note.yellow { background:#fff7d6; border-color:#ba8b00; } .note.dark { background:var(--navy); color:white; border-color:var(--cyan); } .note.dark strong { color:var(--yellow); }
table { width:100%; border-collapse:collapse; margin:15px 0; font-size:13px; } th { text-align:left; font-weight:700; background:var(--navy); color:white; }
th,td { border:1px solid var(--line); padding:10px 11px; vertical-align:top; } td p { margin:0; }
.formulas td:first-child { font-size:16px; font-weight:650; width:35%; white-space:nowrap; }
.symbols { color:var(--muted); font-size:12px; margin:12px 0; } .two-col { display:grid; grid-template-columns:1fr 1fr; gap:19px; }
.mini { font-size:13px; } .mini p { margin:6px 0; }
.question { margin-top:21px; padding-top:15px; border-top:2px solid var(--line); } .question h3 { display:flex; gap:11px; align-items:baseline; }
.q-num { color:#0055c6; font-weight:750; font-size:14px; } .question p { margin:7px 0; font-size:14px; } .prompt { color:var(--muted); font-size:12px !important; }
.write { background:repeating-linear-gradient(transparent 0 25px,var(--line) 25px 26px); height:78px; margin-top:8px; } .write.short { height:52px; }
.transfer .write { height:72px; }
.checklist { list-style:none; padding:0; margin:13px 0; font-size:13px; } .checklist li { margin:10px 0; padding-left:22px; position:relative; }
.checklist li::before { content:""; width:12px; height:12px; border:1.3px solid var(--muted); position:absolute; left:0; top:4px; }
.solution { padding:10px 0; border-bottom:1px solid var(--line); } .solution h3 { font-size:15px; margin-bottom:4px; } .solution p { font-size:13px; margin:5px 0; line-height:1.4; }
.result { font-weight:750; color:#004cba; } .tracker td { height:50px; } .tracker th { font-size:12px; }
.retry-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; } .retry-grid > div { border:1px solid var(--line); padding:14px; } .retry-grid h3 { font-size:15px; }
.page-footer { position:absolute; bottom:12mm; left:16mm; right:16mm; display:flex; justify-content:space-between; gap:16px; padding-top:10px; border-top:2px solid var(--blue); font-size:10px; color:var(--muted); }
.action-table { table-layout:fixed; font-size:12px; } .action-table td { padding:8px 10px; } .action-table th:nth-child(1) { width:13%; } .action-table th:nth-child(2) { width:54%; } .action-table th:nth-child(3) { width:33%; }
.action-table strong { color:var(--navy); } .action-table td:first-child { color:#0055c6; font-weight:750; font-size:14px; }
.box { display:inline-block; height:11px; width:11px; border:1px solid var(--muted); vertical-align:baseline; margin-right:5px; }
.daily-log { table-layout:fixed; } .daily-log td { height:35px; padding:7px 10px; } .daily-log th { font-size:12px; } .daily-log th:first-child { width:9%; } .daily-log th:nth-child(2) { width:32%; } .daily-log th:nth-child(3) { width:18%; } .daily-log th:nth-child(4) { width:20%; } .daily-log th:nth-child(5) { width:21%; }
.execution .brand-bar { margin-bottom:18px; }
.execution .intro { margin-bottom:14px; }
.execution .note { margin:10px 0; padding:10px 13px; }
.execution .question { margin-top:12px; padding-top:9px; }
.execution .write.short { height:26px; }
.execution .daily-log td { height:32px; }
.execution .question .write.short { height:20px; }
.execution .retry-grid { margin-top:12px; }
.execution .retry-grid > div { padding:11px; }
.execution .checklist { margin:7px 0; }
.execution .checklist li { margin:6px 0; }
@media screen and (max-width:820px) {
 .page { width:calc(100% - 24px); height:auto; min-height:0; padding:24px 20px; } .page-footer { position:static; margin-top:30px; }
 .brand-bar { padding:12px; } .brand-bar > span { max-width:92px; } .brand-lockup img { width:32px; height:32px; } .brand-lockup strong { font-size:18px; }
 h1 { font-size:28px; } h2 { font-size:25px; } .two-col,.retry-grid { grid-template-columns:1fr; }
 .formulas td:first-child { white-space:normal; width:40%; font-size:15px; } th,td { padding:9px 7px; }
 .table-scroll { overflow-x:auto; } .table-scroll table { min-width:590px; } .action-table { table-layout:auto; } .action-table th:nth-child(1) { width:12%; } .toolbar { padding:0 18px; }
}
@page { size:A4; margin:0; }
@media print {
 body { background:white; font-size:11pt; -webkit-print-color-adjust:exact; print-color-adjust:exact; } .toolbar { display:none; }
 .page { margin:0; box-shadow:none; break-after:page; break-inside:avoid; } .page:last-child { break-after:auto; } a { color:inherit; text-decoration:none; }
 .screen-only { display:none; } .print-only { display:inline; }
}