/* ── days_weeks_decomposition3_4（日数をしゅうと日に分けよう、単元仕様書 v1.2）── */
/* 画面：問題文の下に、C群だけじょうけんの一覧、7日ずつの周期の図と代替文、選択肢4つ（§5-3・§7 画面表示）。PCでは図と選択肢を左右にならべ、320×568では上下にならべる。 */
.dwd-main{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 6px;max-width:100%}
.dwd-conds{border:2px solid #64748b;border-radius:10px;padding:4px 12px;background:#f8fafc;max-width:100%;box-sizing:border-box}
.dwd-conds-head{margin:0;font-weight:700;font-size:1rem;text-align:left}
.dwd-conds-list{margin:2px 0 0;padding-left:1.2em;text-align:left;font-weight:700;font-size:1.05rem;line-height:1.5}
.dwd-body{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px 18px;max-width:100%}
.dwd-figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%}
.dwd-svg{display:block;max-width:100%;height:auto;background:#fff}
.dwd-caption{margin:4px 0 0;font-size:.95rem;line-height:1.4;max-width:20em;text-align:center;color:#1f2937}
.dwd-answer-col{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;max-width:100%}
.dwd-response{margin:0;font-weight:700;text-align:center}
.dwd-choices{display:grid;grid-template-columns:1fr;gap:8px;min-width:12em}
.dwd-choice{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:48px;padding:6px 14px;border:2px solid #94a3b8;border-radius:12px;background:#fff;color:#111827;font-size:1.15rem;font-weight:700;font-family:inherit;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.dwd-choice:hover:not(:disabled){border-color:#1d4ed8;background:#eff6ff}
.dwd-choice:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.dwd-choice:disabled{cursor:default;opacity:1;color:#111827}
.dwd-choice.dwd-choice-correct{border:3px solid #15803d;background:#dcfce7}
.dwd-choice.dwd-choice-wrong{border:3px dashed #b91c1c;background:#fff1f2}
.dwd-choice.dwd-choice-selected{box-shadow:0 0 0 2px #111827 inset}
.dwd-choice-tag{font-weight:900;min-width:1.1em}
.feedback.has-text.dwd-feedback{height:auto;min-height:40px;padding:4px 0;text-align:center;line-height:1.45}
.dwd-answer-line{margin:4px 0 2px;font-weight:700}
.dwd-expl-text{margin:2px 0 6px}
#page-quiz.active:has(.dwd-main) #hint-area .kp-card{display:flex;align-items:flex-start;gap:8px}
#page-quiz.active:has(.dwd-main) #hint-area .kp-head{margin-bottom:0;flex:none}
#page-quiz.active:has(.dwd-main) #hint-area .kp-title:empty{display:none}
#page-quiz.active:has(.dwd-main) #hint-area .kp-body{flex:1;min-width:0;padding-left:0}
@media (max-width:480px){
  .dwd-body{flex-direction:column;align-items:center}
  .dwd-answer-col{width:100%}
}

/* 印刷：A4縦・1列・1ページ（§7。用紙の余白10mm、本文190×277mm）。 */
.dwd-print-page{width:190mm;height:277mm;box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:0 auto 8mm;overflow:hidden;background:#fff;color:#000;font-family:'Atkinson Hyperlegible','BIZ UDPGothic','Yu Gothic','Meiryo',sans-serif}
/* 見出し（共通の領域29mm）：題名の枠、「月 日」「年 組」「名前」の記入欄、実線、共通の案内（点数の欄は置かない）。 */
.dwd-print-head{display:flex;flex-direction:column;height:29mm;flex:none;box-sizing:border-box}
.dwd-print-title{box-sizing:border-box;margin:0;height:8mm;font-size:14pt;font-weight:700;line-height:7.4mm;text-align:center;white-space:nowrap;padding:0;border:1.5pt solid #666;background:#ffffcc;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.dwd-print-fields{display:flex;gap:9mm;align-items:flex-end;height:7mm;margin-top:2mm;font-size:12.5pt;line-height:7mm;white-space:nowrap}
.dwd-print-group{display:inline-flex;align-items:flex-end;gap:4mm;flex:none}
.dwd-print-field{display:inline-flex;align-items:flex-end;gap:1.5mm;flex:none}
.dwd-print-field-line{display:inline-block;box-sizing:border-box;width:13mm;height:5.5mm;border-bottom:1pt solid #555}
.dwd-field-name{flex:1;min-width:0}
.dwd-field-name .dwd-print-field-line{flex:1;width:auto;min-width:40mm}
.dwd-print-solid{box-sizing:content-box;display:block;height:0;padding:0;border:0;border-top:1.5pt solid #333;margin:1.2mm 0 1.2mm}
.dwd-print-instruction{margin:0;height:6mm;font-size:12.5pt;line-height:6mm;white-space:nowrap;overflow:hidden}
/* 問題：1問23mm×10段。各問の中は、上の2行（番号10mm・問題文149mm・間隔4mm・答え23mm）と、選択肢4つ（各46mm）の1行。 */
.dwd-print-problems{display:grid;grid-template-rows:repeat(10,23mm);flex:none;height:230mm}
.dwd-print-cell{display:flex;flex-direction:column;height:23mm;overflow:hidden;box-sizing:border-box;padding-top:1.5mm;font-size:12.5pt}
.dwd-print-number{font-weight:700;line-height:6mm}
.dwd-print-top{display:grid;grid-template-columns:10mm 153mm 23mm;height:12mm}
/* 問題文の列は149mm（2行まで）。右の4mmは答えの列との間隔。 */
.dwd-print-prompt{line-height:6mm;max-height:12mm;overflow:hidden;padding-right:4mm;box-sizing:border-box}
.dwd-print-answer{display:flex;flex-direction:column;align-items:center;line-height:6mm}
.dwd-print-answer-label{font-weight:700;height:6mm}
.dwd-print-box{display:inline-flex;align-items:center;white-space:pre;height:6mm;line-height:6mm}
.dwd-print-box-space{display:inline-block;min-width:8mm;height:6mm;white-space:pre}
.dwd-print-choices{display:grid;grid-template-columns:repeat(4,46mm);height:6mm;line-height:6mm;white-space:nowrap}
.dwd-print-choice{overflow:hidden}
.dwd-nowrap{white-space:nowrap}
.dwd-print-answers{flex:none;box-sizing:border-box}
.dwd-print-dashed{box-sizing:content-box;display:block;height:0;margin:0.8mm 0 1mm;padding:0;border:0;border-top:2pt dashed #aaa}
.dwd-print-answers-row{display:flex;align-items:center;height:6mm;line-height:6mm;font-size:12.5pt;white-space:nowrap}
.dwd-print-answers-title{font-weight:700;margin-right:4mm;flex:none}
.dwd-print-ans{display:inline-block;width:16.5mm;flex:none}
.dwd-app-pdf-page .dwd-print-page{box-shadow:none;margin:0}

#pr-sheet[data-unit="days_weeks_decomposition3_4"]{width:190mm;max-width:none;padding:0;margin:calc(12px + 10mm) auto;background:transparent;box-shadow:none}
#pr-sheet[data-unit="days_weeks_decomposition3_4"]>:not(#pr-problems){display:none!important}
#pr-sheet[data-unit="days_weeks_decomposition3_4"]>#pr-problems{display:block}
/* 画面のプレビューでは、用紙の余白10mmを白い縁で見せる（印刷の寸法は変えない）。 */
#pr-sheet[data-unit="days_weeks_decomposition3_4"] .dwd-print-page{box-shadow:0 0 0 10mm #fff,0 0 4px 10mm rgba(0,0,0,.12);margin-bottom:calc(8mm + 10mm)}
@media print{
  #page-print #pr-sheet[data-unit="days_weeks_decomposition3_4"]{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important}
  #page-print #pr-sheet[data-unit="days_weeks_decomposition3_4"]>:not(#pr-problems){display:none!important}
  #page-print #pr-sheet[data-unit="days_weeks_decomposition3_4"]>#pr-problems{display:block!important}
  #page-print #pr-sheet[data-unit="days_weeks_decomposition3_4"] .dwd-print-page{display:flex!important;margin:0!important;box-shadow:none!important;break-after:auto;page-break-after:auto}
}