/* v8 樣式（最後載入）：公開測試版標示、單堂教材新區塊、閱讀收合、手機版面修正。
   新增或修正樣式一律寫在這個檔案。 */

/* ---- 公開測試版標示（所有頁面） ---- */
.beta-strip{background:#fff4d6;border-bottom:1px solid #e8cf8f;color:#4a3a12;font-size:14px;line-height:1.6;padding:8px 0}
.beta-strip .wrap{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.beta-strip a{color:#6b3f00;font-weight:800;text-decoration:underline;text-underline-offset:3px;min-height:24px;display:inline-flex;align-items:center}
.beta-short{display:none}
@media(max-width:700px){.beta-long{display:none}.beta-short{display:inline}.beta-strip{font-size:13px;padding:6px 0}}
.beta-badge{display:inline-block;background:#8a4b00;color:#fff;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:800;letter-spacing:.04em}
.beta-section{padding:56px 0;background:#fffaf0}
.beta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.beta-grid article{background:#fff;border:1px solid #ecdcb8;border-radius:16px;padding:18px}
.beta-grid h3{margin:0 0 6px;font-size:18px;color:#3d2c08}
.beta-grid p{margin:0;color:#4b4433;font-size:15px}
.beta-report{margin-top:18px;color:#3d3a33}
.beta-report a{color:#6b3f00;font-weight:800;text-decoration:underline}
@media(max-width:850px){.beta-grid{grid-template-columns:1fr}}

/* ---- 目錄：v8 等級與卡片 ---- */
.quality-beta .quality-count{background:#e4f2ee;color:#0d5c4e}
.quality-badge.beta{background:#e4f2ee;color:#0d5c4e}
.card-en{font-size:13px;color:#566173;margin:2px 0 8px}

/* ---- 單堂教材 ---- */
.lesson-origin{font-size:14px;color:#566173!important;margin:0 0 8px!important}
.pill.evidence-high{background:#e4f2ee;color:#0d5c4e;border-color:#b9dccf}
.pill.evidence-mid{background:#eef3fb;color:#24456f;border-color:#c9d7ec}
.pill.evidence-debated{background:#fff1e0;color:#8a4b00;border-color:#efcfa5}
.pending-note{background:#fff4e5;border:1px solid #f0c890;border-left:5px solid #c56a00;border-radius:12px;padding:14px 16px;color:#5a3a0a;margin-bottom:14px}
.pending-note a{color:#7a3e00;text-decoration:underline}
.load-error{background:#fdecea;border:1px solid #f1b5ad;border-radius:12px;padding:12px 14px;color:#8a1c0f;margin-bottom:12px}
.reading-controls{display:flex;justify-content:flex-end;margin:10px 0}
.reading-controls button{min-height:44px;padding:8px 16px;border:1px solid #b9cdbe;border-radius:10px;background:#edf3ee;color:#174f47;font:inherit;font-weight:700;cursor:pointer}
.reading-section{border:1px solid #dfe6dc;border-radius:14px;margin:12px 0;background:#fffefa;overflow:hidden}
.reading-section>summary{padding:14px 18px;cursor:pointer;min-height:52px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.reading-section>summary::-webkit-details-marker{display:none}
.reading-section>summary::after{content:"＋";font-weight:800;color:#176458}
.reading-section[open]>summary::after{content:"－"}
.reading-section>summary h2{margin:0!important;font-size:20px!important;color:#203b45;border:0!important;padding:0!important;background:none!important}
.reading-section>summary h2::after,.reading-section>summary h2::before{content:none!important;display:none!important}
.reading-section[open]>summary{border-bottom:1px solid #e1e5dd;background:#f0f5ef}
.reading-body{padding:12px 18px 18px}
.reading-body p{max-width:72ch}
.diff-box,.boundary-box,.week-action{border-radius:12px;padding:14px 16px;margin:14px 0}
.diff-box{background:#f3f6fa;border:1px solid #dbe3ee}
.boundary-box{background:#fff6f0;border:1px solid #f0cdb5;border-left:5px solid #b3471d}
.week-action{background:#eef7f2;border:1px solid #c5e2d3}
.diff-box p,.boundary-box p,.week-action p{margin:4px 0 0}
.related-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.related-links a{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid #c9d7ec;color:#1f4fa8;font-weight:700;font-size:14px}
.framework{margin:6px 0;padding:16px;border-radius:16px;background:linear-gradient(180deg,#f6faf8,#fff);border:1px solid #d6e6dd}
.framework figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.framework figcaption strong{font-size:22px;color:#14303a}
.framework figcaption span:last-child{color:#4b5a63}
.chart-type{align-self:flex-start;font-size:12px;font-weight:800;color:#0d5c4e;background:#e4f2ee;border-radius:999px;padding:1px 10px}
.framework-nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;counter-reset:node}
.framework-nodes li{counter-increment:node;background:#fff;border:1px solid #d6e6dd;border-top:4px solid #176458;border-radius:12px;padding:12px}
.framework-nodes li b{display:block;color:#176458;font-size:17px}
.framework-nodes li b::before{content:counter(node) ". ";color:#8a4b00}
.framework-nodes li span{font-size:14px;color:#44515a}
.framework-quote{margin:12px 0 0!important;font-weight:700;color:#5a4a2a}
.lesson-quiz{border:1px solid #dfe6dc;border-radius:12px;padding:12px 16px;margin:0}
.lesson-quiz legend{font-weight:800;padding:0 4px}
.lesson-quiz .option{display:flex;gap:8px;align-items:flex-start;min-height:44px;padding:8px 10px;margin:6px 0;border:1px solid #e1e8f1;border-radius:10px;cursor:pointer;background:#fff}
.lesson-quiz .option:has(input:checked){border-color:#176458;background:#f0f7f3}
.quiz-feedback{min-height:24px;margin:8px 0 0!important;font-weight:700}
.quiz-feedback.good{color:#0d6b55}
.quiz-feedback.retry{color:#8a4b00}
.evidence-list{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:10px 0}
.evidence-list dt{font-weight:800;color:#203b45}
.evidence-list dd{margin:0;color:#3f4b55}
.cite-note{font-size:14px;color:#8a4b00}
.help-title{font-size:20px;margin:0 0 8px}
@media(max-width:700px){
  .lesson-head .hero-img{display:none}            /* 手機：模組共用圖不再佔掉第一屏 */
  .evidence-list{grid-template-columns:1fr}
  .evidence-list dd{margin-bottom:6px}
  .reading-section>summary h2{font-size:18px!important}
  .reading-body{padding:10px 14px 14px}
}

/* ---- 首頁收合段落（沿用 10/05 上線的閱讀調整） ---- */
.home-disclosure{border:1px solid #dfe6dc;border-radius:16px;background:#fffefa}
.home-disclosure>summary{padding:18px 20px;font-weight:800;font-size:20px;cursor:pointer;color:#203b45;min-height:52px}
.home-disclosure[open]{padding-bottom:20px}
.home-disclosure>:not(summary){margin-left:20px;margin-right:20px}

@media print{
  .beta-strip{background:none;border:0;color:#000}
  .reading-controls,.related-links{display:none}
  .reading-section{border:0}
  .reading-section>summary::after{content:none}
  .home-disclosure> :not(summary){display:block!important}
}