/* Source pages and A4 worksheets for the four practical guides. */
.resource-page .container{max-width:1060px}
.resource-heading{max-width:760px}
.resource-heading h1{max-width:21ch;font-size:clamp(32px,4.5vw,48px);line-height:1.25;letter-spacing:-.035em}
.resource-heading .eyebrow{color:var(--accent-dark);font-weight:800}
.resource-heading .page-lead{max-width:65ch}
.resource-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:28px 0 36px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft)}
.resource-actions p{max-width:560px;color:var(--muted);font-size:14px}
.resource-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:55px;align-items:start}
.resource-article>section+section{margin-top:40px;padding-top:34px;border-top:1px solid var(--line)}
.resource-article h2{font-size:clamp(23px,2.6vw,30px);line-height:1.35}
.resource-article h3{font-size:20px;line-height:1.4}
.resource-article :is(p,ol,ul,table){margin-top:14px}
.resource-article :is(ol,ul){padding-left:25px}
.resource-article li+li{margin-top:10px}
.resource-article table{width:100%;border-collapse:collapse;font-size:15px}
.resource-article th,.resource-article td{padding:11px;border:1px solid var(--line);text-align:left;vertical-align:top}
.resource-article th{background:var(--soft)}
.resource-example{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}
.resource-example+.resource-example{margin-top:18px}
.resource-example .button{margin-top:8px}
.resource-grid-preview{max-width:440px;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.resource-grid-preview .resource-letter-grid{width:100%;margin:0;table-layout:fixed;border-collapse:collapse}
.resource-grid-preview .resource-letter-grid td{padding:0;aspect-ratio:1;text-align:center;vertical-align:middle;font-size:clamp(18px,3vw,26px);font-weight:800;background:#fff}
.resource-difference-preview{display:block;width:100%;max-width:680px;height:auto;margin-top:20px;border:1px solid var(--line);border-radius:12px}
.resource-side{position:sticky;top:100px;padding:22px;border-radius:14px;background:var(--soft);font-size:14px}
.resource-side ul{margin:12px 0 0;padding-left:20px;color:var(--muted)}
.resource-side li+li{margin-top:9px}
.resource-print-root{display:none}
@media(max-width:800px){
  .resource-layout{grid-template-columns:1fr}
  .resource-side{position:static;order:-1}
  .resource-article table{display:block;overflow-x:auto}
  .resource-grid-preview .resource-letter-grid{display:table;overflow:visible}
}
@media print{
  @page{size:A4 portrait;margin:12mm}
  body{background:#fff;color:#000}
  body>:not(.resource-print-root){display:none!important}
  .resource-print-root{display:block!important}
  .resource-sheet{box-sizing:border-box;min-height:273mm;break-after:page;font-size:10.5pt;line-height:1.55;color:#000}
  .resource-sheet:last-child{break-after:auto}
  .resource-sheet__head{display:flex;justify-content:space-between;gap:10mm;padding-bottom:3mm;border-bottom:1px solid #555;font-size:8pt}
  .resource-sheet h2{margin:5mm 0 3mm;font-size:19pt;line-height:1.25}
  .resource-sheet h3{margin:5mm 0 2mm;font-size:12pt}
  .resource-sheet p{margin:3mm 0}
  .resource-sheet :is(ol,ul){padding-left:6mm}
  .resource-sheet li{margin:2mm 0}
  .resource-sheet__source{margin-top:5mm!important;border-top:1px solid #aaa;padding-top:2mm;font-size:8pt;color:#555}
  .resource-sheet table{width:100%;border-collapse:collapse;table-layout:fixed}
  .resource-sheet th,.resource-sheet td{padding:2mm;border:1px solid #777;text-align:left;vertical-align:top}
  .resource-sheet th{background:#eee}
  .resource-plan th:first-child,.resource-plan td:first-child{width:19%}
  .resource-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:7mm}
  .resource-role-grid>div{min-height:95mm;padding:5mm;border:1px dashed #333}
  .resource-coloring{display:block;width:auto;max-width:100%;height:172mm;margin:4mm auto;object-fit:contain}
  .resource-difference{display:block;width:100%;max-height:150mm;margin:7mm 0;object-fit:contain}
  .resource-letter-grid{width:auto!important;margin:12mm auto!important}
  .resource-letter-grid td{width:13mm;height:13mm;padding:0;text-align:center;vertical-align:middle;font-size:18pt;font-weight:700}
  .resource-draft th:nth-child(1){width:10%}
  .resource-draft th:nth-child(2){width:30%}
  .resource-draft td{height:18mm}
  .resource-hint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:6mm}
  .resource-hint-card{min-height:49mm;padding:3mm;border:1px dashed #555;break-inside:avoid}
  .resource-hint-card span{display:block;font-size:9pt;font-weight:800}
  .resource-hint-card p{margin-top:5mm}
  .resource-reflection{display:grid;gap:5mm;margin:7mm 0}
  .resource-reflection section{padding:4mm;border:1px dashed #555}
  .resource-reflection h3{margin-top:0}
}