/* Hallmark · macrostructure: Preview Catalogue / A4 Worksheet · tone: Ivory Subject Studio · anchor hue: blue */
@import url("site.css");
.paper { width:min(100% - 16px,210mm); margin:var(--space-lg) auto; padding:var(--space-md); background:var(--color-surface); color:var(--color-ink); }
.sheet-head { border-bottom:2px solid var(--color-ink); padding-bottom:var(--space-sm); }
.sheet-head .meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--space-xs); font-size:var(--text-sm); }
.sheet-head h1 { font-size:var(--text-lg); margin-block:var(--space-xs); }
.identity { display:flex; gap:var(--space-md); flex-wrap:wrap; margin-top:var(--space-sm); font-size:var(--text-sm); }
.learning { padding-block:var(--space-sm); font-size:var(--text-sm); }
.learning p+p { margin-top:var(--space-xs); }
.questions { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-md); }
.question { min-width:0; border-top:1px solid var(--color-rule); padding-top:var(--space-sm); display:flex; flex-direction:column; gap:var(--space-xs); }
.qtext { font-family:var(--font-display); font-size:var(--text-base); line-height:1.7; }
.qnum { font-family:var(--font-body); margin-right:.5em; font-weight:700; }
.workspace-lines { min-height:64px; flex:1; }
.answer-line { border-bottom:1px solid var(--color-rule-dark); min-height:32px; font-size:var(--text-sm); color:var(--color-muted); }
.diagram { width:min(100%,230px); height:112px; align-self:center; color:var(--color-ink); }
.diagram .shape { fill:none; stroke:currentColor; stroke-width:2; }
.diagram .guide { fill:none; stroke:currentColor; stroke-width:1.4; stroke-dasharray:4 3; }
.diagram .graph-grid { fill:none; stroke:currentColor; stroke-width:.4; opacity:.45; }
.diagram-line { width:min(100%,310px); height:146px; }
.diagram text { font-family:var(--font-display); font-size:13px; fill:currentColor; }
.sheet-foot { margin-top:var(--space-md); padding-top:var(--space-xs); border-top:1px solid var(--color-rule); font-size:var(--text-sm); }
.solutions { display:grid; gap:var(--space-md); }
.solution { border-bottom:1px solid var(--color-rule); padding-bottom:var(--space-md); }
.solution h2 { font-size:var(--text-base); line-height:1.8; margin-bottom:var(--space-xs); }
.solution p { font-size:var(--text-sm); line-height:1.8; }
.recheck { margin-top:var(--space-lg); font-size:var(--text-sm); }
.sheet-options { max-width:210mm; margin:var(--space-lg) auto; padding:var(--space-sm); }
@media screen and (min-width:40rem) { .paper { padding:12mm; } .questions { grid-template-columns:repeat(2,minmax(0,1fr)); } .question { min-height:56mm; } }
@page { size:A4; margin:0; }
@media print {
  html,body { overflow:visible; background:var(--color-surface); padding:0; }
  body,body * { font-family:var(--font-display); }
  .paper { width:210mm; height:297mm; margin:0; padding:12mm; break-after:page; box-sizing:border-box; }
  .paper:last-child { break-after:auto; }
  .sheet-head { padding-bottom:3mm; }
  .sheet-head h1 { font-size:21pt; margin-block:2mm; }
  .sheet-head .meta,.identity { font-size:10pt; }
  .identity { margin-top:2mm; }
  .learning { padding-block:3mm; font-size:10pt; line-height:1.65; min-height:29mm; }
  .learning p+p { margin-top:2mm; }
  .questions { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,55mm); column-gap:7mm; row-gap:3mm; }
  .question { padding-top:2mm; gap:1mm; min-height:0; }
  .qtext { font-size:11.5pt; line-height:1.6; }
  .workspace-lines { min-height:0; }
  .answer-line { min-height:7mm; font-size:9pt; }
  .diagram { height:24mm; width:49mm; }
  .diagram-line { height:31mm; width:75mm; }
  .sheet-foot { font-size:9pt; margin-top:3mm; padding-top:2mm; }
  .solutions { gap:4mm; padding-top:5mm; }
  .solution { padding-bottom:4mm; break-inside:avoid; }
  .solution h2 { font-size:12pt; }
  .solution p,.recheck { font-size:10.5pt; }
  .recheck { margin-top:5mm; }
  .sheet-options { display:none; }
}
