/* CYCLE210-B-LD-NT-BIG-PAGES-1: answer blocks; loaded only by pages that render them (p_base.html), so printables.css keeps its weight budget (tests/test_print_build1.py) */
.ans .lede { max-width: 70ch; }
.ans-cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 560px) { .ans-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 960px) { .ans-cards { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ans-cards a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: #fff; text-decoration: none; color: var(--ink); min-height: var(--tap); }
.ans-cards a:hover, .ans-cards a:focus-visible { border-color: currentColor; }
.ans-cards img { width: 100%; height: auto; display: block; }
.ans-cards span { font-weight: 700; font-size: 16px; }
.ans-list { margin: 0 0 18px; }
.ans-list h3 { margin: 0 0 8px; font-size: 18px; }
.ans-count { color: var(--muted); font-weight: 400; font-size: 14px; }
.ans-words { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px 12px; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); font-size: 18px; }
.ans-words li { padding: 4px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.ans-tagged { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.ans-tagged small { color: var(--muted); font-size: 14px; }
.ans-table-wrap { max-height: 560px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.ans-table { border-collapse: collapse; width: 100%; font-size: 16px; }
.ans-table th, .ans-table td { text-align: left; padding: 6px 12px; border-bottom: 1px solid var(--line); }
.ans-table thead th { position: sticky; top: 0; background: var(--surface); }
.ans-ready-list li { display: flex; flex-direction: column; gap: 10px; }
.ans-ready-list .ans-pdf { align-self: center; }
.ans-steps ol { padding-left: 1.4em; max-width: 70ch; }
.ans-steps li { margin: 0 0 8px; }
@media print { .ans-ready, .ans-az { break-inside: avoid; } .ans-table-wrap { max-height: none; overflow: visible; } }
.ans .source a { display: inline-flex; align-items: center; min-height: var(--tap); }
/* CYCLE210-B-LD-NT-GAPS-1: a list grouped by first letter (/sight-words-for-kindergarten/) */
.ans-letters { list-style: none; padding: 0; margin: 0; }
.ans-letters li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.ans-letter { font-weight: 700; min-width: 1.6em; }