.teach .hp{flex-direction:column;flex:1;gap:18px;padding:clamp(14px,2.5vw,28px);display:flex}.teach .hp-form{gap:16px;max-width:900px;display:grid}.teach .hp-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.teach .hp-field{flex-direction:column;gap:6px;min-width:0;display:flex}.teach .hp-field--grow{flex:260px}.teach .hp-field>label,.teach .hp-legend{font-weight:600}.teach .hp textarea,.teach .hp select,.teach .hp input[type=number],.teach .hp input[type=text]{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--muted);border-radius:6px;width:100%;padding:10px 12px;font-size:17px}.teach .hp textarea{resize:vertical;line-height:1.5}.teach .hp select{min-height:48px}.teach .hp input[type=number]{max-width:120px;min-height:48px}.teach .hp-hint{color:var(--muted);margin:0;font-size:14px}.teach .hp-count{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.teach .hp-count[data-over=true]{color:var(--stop);font-weight:600}.teach .hp-checks{border:0;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;display:flex}.teach .hp-checks label{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.teach .hp-checks input{width:22px;height:22px;accent-color:var(--accent)}.teach .hp-go{min-height:64px;padding:14px 26px;font-size:18px}.teach .hp-left{color:var(--muted);font-size:15px}.teach .hp-note{background:var(--tint);border-left:4px solid var(--accent);border-radius:4px;margin:0;padding:10px 14px;font-size:15px}.teach .hp-note--stop{border-left-color:var(--stop)}.teach .hp-note--good{border-left-color:var(--good)}.teach .hp-note ul{margin:6px 0 0;padding-left:20px}.teach .hp-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.teach .hp-wait{align-items:center;gap:12px;font-size:16px;display:flex}.teach .hp-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite hp-pulse}@keyframes hp-pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.teach .hp-dot{animation:none}}.teach .hp-result{border:1px solid var(--rule);background:var(--card);border-radius:8px;gap:14px;padding:clamp(14px,2.5vw,24px);display:grid}.teach .hp-draft{color:var(--warn);margin:0;font-weight:700}.teach .hp-result h2{margin:0;font-size:22px}.teach .hp-result h3{margin:10px 0 4px;font-size:17px}.teach .hp-result p{margin:0 0 8px;line-height:1.55}.teach .hp-result ol,.teach .hp-result ul{margin:0;padding-left:22px;line-height:1.55}.teach .hp-result li{margin-bottom:6px}.teach .hp-answer{color:var(--muted);font-size:15px;display:block}.teach .hp-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teach .hp-tools .btn{min-height:48px}.teach .hp-version{border-top:1px solid var(--rule);padding-top:12px}.teach .hp-version .teach-read,.teach .hp-body{font-family:var(--font-source-serif), Georgia, serif;white-space:pre-wrap;font-size:18px}.teach .hp-badge{border:1px solid var(--rule);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-block}.teach .hp-badge[data-land=in]{border-color:var(--good);color:var(--good)}.teach .hp-badge[data-land=harder],.teach .hp-badge[data-land=easier]{border-color:var(--warn);color:var(--warn)}.teach .hp-table{border-collapse:collapse;width:100%;font-size:15px}.teach .hp-table th,.teach .hp-table td{text-align:left;vertical-align:top;border:1px solid var(--rule);padding:8px 10px}.teach .hp-table th{background:var(--tint)}.teach .hp-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.teach .hp-slip{border:1px dashed var(--muted);border-radius:6px;padding:12px 14px}.teach .hp-bank{gap:8px;display:grid}.teach .hp-bank label{border:1px solid var(--rule);cursor:pointer;border-radius:6px;align-items:flex-start;gap:10px;padding:10px;line-height:1.5;display:flex}.teach .hp-bank input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:2px}.teach .hp-bank label:has(input:checked){border-color:var(--accent);background:var(--tint)}.teach .hp-closed{border:2px solid var(--ink);border-radius:8px;max-width:760px;padding:18px 20px}.teach .hp-closed h2{margin:0 0 8px;font-size:20px}.teach .hp-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.teach .hp-list li{border:1px solid var(--rule);background:var(--card);border-radius:8px;padding:14px 16px}.teach .hp-list a{font-size:17px;font-weight:600}.teach .hp-list p{color:var(--muted);margin:6px 0 0;font-size:15px}@media print{@page{size:letter portrait;margin:.6in}.teach .hp-form,.teach .hp-tools,.teach .hp-left,.teach .hp-wait,.teach .hp-removed,.teach .hp-screen-only{display:none!important}.teach .hp{padding:0}.teach .hp-result{color:#000;background:#fff;border:0;padding:0}.teach .hp-draft{color:#000}.teach .hp-version{break-inside:avoid-page}.teach .hp-version+.hp-version{break-before:page}.teach .hp-slip{break-inside:avoid;border-color:#555}.teach .hp-table th{background:#eee}.teach .hp-answer{color:#333}}