/* Page furniture emitted by build_edu.py (course.css holds the tokens, boxes and widgets). */
.sub{color:var(--mut);margin:4px 0 0}
.hero{padding:8px 0 4px}.hero h1{font-size:30px;line-height:1.25}
.kicker{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--acc);letter-spacing:.02em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.grid .card h3{margin:0 0 4px}.grid .card p{margin:0}
.outcome{margin:10px 0 18px;padding:10px 14px;border-left:4px solid var(--acc);background:var(--acc2);border-radius:0 8px 8px 0;max-width:68ch}
.unit-list{padding-left:1.4em}.unit-list li{margin:8px 0}.unit-list .unit-meta{margin-left:6px;font-size:14px;color:var(--mut)}
.badge-preview{margin:18px 0}
.mark-read{margin:28px 0 0}
.myths{margin:24px 0}.myths h3{margin-bottom:4px}
.sd-table-wrap table{width:100%;font-size:15px}
.sd-table-wrap th,.sd-table-wrap td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.sd-table-wrap th{font-weight:700;background:var(--acc2)}
blockquote{margin:12px 0;padding:8px 14px;border-left:4px solid var(--line);color:var(--mut)}
@media (max-width:520px){.hero h1{font-size:25px}}
@media print{.mark-read,.pager,nav.top,.crumbs{display:none}}
.muted{color:var(--mut)}a.card.tool{display:block;text-decoration:none;color:var(--fg)}a.card.tool:hover{border-color:var(--acc)}
.grid.tools .card p{margin:6px 0;color:var(--mut);font-size:15px}.go{color:var(--acc);font-weight:600;font-size:15px}
ol.mods{list-style:none;padding:0;margin:0}ol.mods li{padding:10px 0;border-bottom:1px solid var(--line)}
.signup{background:var(--acc2);border-radius:12px;padding:16px 18px;margin:28px 0 8px}.signup h2{margin:0 0 6px;font-size:20px}
.signup form{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.signup input[type=email]{flex:1 1 220px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);font-size:16px}
.signup button{min-height:44px;padding:9px 16px;border:0;border-radius:8px;background:var(--acc);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
@media print{.signup{display:none}}