/* =====================================================================
   內文元件樣式 —— 由原有 95 版內聯 <style> 自動合併去重
   由 tools/import-content.php 產生，請勿手動編輯
   ===================================================================== */

.area-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.1rem 0 }
.area-card h3 { margin-top:0 }
.article-meta { display: flex; flex-wrap: wrap; gap: .45rem 1rem; margin: 1rem 0 0; font-size: .88rem; opacity: .78; }
.breadcrumb { margin: 0 0 .9rem; font-size: .9rem; opacity: .8; }
.breadcrumb li::after { content: "›"; margin-left: .4rem; opacity: .5; }
.breadcrumb li:last-child::after { content: ""; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.case-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.case-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.case-card h3 { margin-top:0 }
.cat-head { border-left:4px solid currentColor;padding-left:1rem;margin-top:3rem }
.chain { background:rgba(0,0,0,.045);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.8rem 1rem;margin:.7rem 0;font-size:.95rem;line-height:1.9 }
.checklist { padding: 0; list-style: none; }
.checklist li { position: relative; margin: .45rem 0; padding-left: 1.7rem; line-height: 1.8; }
.checklist li::before { content: "☐"; position: absolute; top: 0; left: 0; font-size: 1.05rem; }
.choice-point { position: relative; margin: 1.1rem 0; padding: 1.25rem 1.35rem 1.25rem 4.2rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; counter-increment: choice; }
.choice-point h3 { margin: 0 0 .45rem; font-size: 1.08rem; }
.choice-point p:last-child { margin-bottom: 0; }
.choice-point::before { content: counter(choice); position: absolute; top: 1.15rem; left: 1.2rem; display: grid; width: 2.25rem; height: 2.25rem; border-radius: 50%; place-items: center; background: rgba(0,0,0,.08); font-weight: 700; }
.cluster-head { border-left:4px solid currentColor;padding-left:1rem;margin-top:2.8rem }
.crit-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.crit-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.crit-card .marks { display:inline-block;font-size:.78rem;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:.15rem .65rem;margin-bottom:.6rem;opacity:.85 }
.crit-card h3 { margin-top:0 }
.data-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: .95rem; }
.data-table .price { font-weight:600;white-space:nowrap }
.data-table caption { padding: 0 0 .6rem; text-align: left; font-weight: 600; opacity: .85; }
.data-table tbody tr:nth-child(even) { background: rgba(0,0,0,.02); }
.data-table tfoot td { border:1px solid rgba(0,0,0,.12);padding:.6rem .75rem;font-weight:600;background:rgba(0,0,0,.04) }
.data-table th, .data-table td { padding: .65rem .75rem; border: 1px solid rgba(0,0,0,.12); text-align: left; vertical-align: top; line-height: 1.65; }
.data-table th,.data-table td { border:1px solid rgba(0,0,0,.12);padding:.65rem .75rem;text-align:left;vertical-align:top;line-height:1.65 }
.data-table thead th { background: rgba(0,0,0,.045); font-weight: 600; white-space: nowrap; }
.decision-card { margin: 1.2rem 0; padding: 1.25rem 1.4rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.decision-card .label { display: block; margin: .85rem 0 .3rem; font-size: .82rem; font-weight: 600; opacity: .7; }
.decision-card h3 { margin: 0 0 .45rem; font-size: 1.05rem; }
.decision-card p { margin: 0; line-height: 1.75; }
.decision-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(235px,1fr)); gap: 1rem; margin: 1.3rem 0; }
.diagnostic-card { margin: 1.2rem 0; padding: 1.25rem 1.4rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.diagnostic-card h3 { margin-top: 0; }
.diff-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.diff-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.diff-card h3 { margin-top:0 }
.doc-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.doc-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.doc-card .src { font-size:.85rem;opacity:.75;margin-top:.5rem }
.doc-card h3 { margin-top:0 }
.err-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.err-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.err-card .tag { display:inline-block;font-size:.78rem;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:.15rem .6rem;margin-bottom:.7rem;opacity:.85 }
.err-card h3 { margin-top:0 }
.ext::after { content:" ↗";font-size:.85em;opacity:.7 }
.faq-item { padding: 1.05rem 0; border-bottom: 1px solid rgba(0,0,0,.1); }
.faq-item h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
.faq-item p { margin: 0; line-height: 1.85; }
.fn-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.fn-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.fn-card h3 { margin-top:0 }
.func-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.func-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.func-card h3 { margin-top:0 }
.guide-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.2rem 1.4rem;margin:1.1rem 0 }
.guide-card .meta { font-size:.85rem;opacity:.75;margin:.3rem 0 .7rem }
.guide-card h3 { margin-top:0 }
.inline-links { display: flex; flex-wrap: wrap; gap: .5rem .7rem; margin: 1.1rem 0; padding: 0; list-style: none; }
.inline-links li a { display: inline-block; padding: .35rem .8rem; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; font-size: .9rem; text-decoration: none; }
.keyfacts { display: grid; grid-template-columns: repeat(auto-fit,minmax(215px,1fr)); gap: 1rem; margin: 1.25rem 0; }
.keyfacts div { padding: .35rem 0 .35rem .9rem; border-left: 3px solid currentColor; }
.keyfacts strong { display: block; font-size: .82rem; font-weight: 600; opacity: .7; }
.loss-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.loss-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.loss-card h3 { margin-top:0 }
.map-embed { overflow: hidden; margin: 1.25rem 0; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.map-embed iframe { display: block; width: 100%; height: 340px; border: 0; }
.metric-card { padding: 1.15rem 1.25rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.metric-card h3 { margin: 0 0 .45rem; font-size: 1.03rem; }
.metric-card p { margin: 0; line-height: 1.75; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(225px,1fr)); gap: 1rem; margin: 1.3rem 0; }
.mistake-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.mistake-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin-bottom:.3rem }
.mistake-card h3 { margin-top:0 }
.mode-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.mode-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.mode-card h3 { margin-top:0 }
.module-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.module-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.module-card h3 { margin-top:0 }
.myth td:first-child { font-weight:600 }
.note-box { margin: 1.4rem 0; padding: 1rem 1.2rem; border-left: 4px solid currentColor; border-radius: 0 8px 8px 0; background: rgba(0,0,0,.03); }
.path-steps { counter-reset:step;list-style:none;padding:0 }
.path-steps li { counter-increment:step;position:relative;padding-left:2.6rem;margin:1rem 0;line-height:1.8 }
.path-steps li::before { content:counter(step);position:absolute;left:0;top:.1rem;width:1.8rem;height:1.8rem;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600 }
.process-card { position: relative; padding: 1.2rem 1.25rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; counter-increment: process; }
.process-card h3 { margin: 0 0 .45rem; font-size: 1.05rem; }
.process-card p { margin: 0; line-height: 1.75; }
.process-card::before { content: counter(process); display: inline-grid; width: 2rem; height: 2rem; margin-bottom: .65rem; border-radius: 50%; place-items: center; background: rgba(0,0,0,.08); font-weight: 700; }
.process-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(235px,1fr)); gap: 1rem; margin: 1.3rem 0; counter-reset: process; }
.proof-figure { margin:1.5rem 0 }
.proof-figure figcaption { font-size:.88rem;opacity:.75;margin-top:.5rem }
.proof-figure img { max-width:420px;width:100%;height:auto;border:1px solid rgba(0,0,0,.15);border-radius:8px;display:block }
.prose blockquote { border-left:4px solid currentColor;margin:1.4rem 0;padding:.6rem 0 .6rem 1.2rem;font-style:normal }
.prose blockquote cite { display:block;margin-top:.6rem;font-size:.9rem;opacity:.75;font-style:normal }
.prose code { padding: .14rem .42rem; border-radius: 4px; background: rgba(0,0,0,.06); font-size: .94em; }
.prose figcaption { font-size:.88rem;opacity:.75;margin-top:.5rem }
.prose figure { margin:1.5rem 0 }
.prose figure img { width:100%;height:auto;border-radius:12px;display:block }
.prose h2 { margin-top: 2.8rem; scroll-margin-top: 5rem; }
.prose h3 { margin-top: 1.9rem; scroll-margin-top: 5rem; }
.prose h4 { margin-top: 1.3rem; margin-bottom: .4rem; }
.prose pre { background:rgba(0,0,0,.045);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1rem 1.1rem;overflow-x:auto;line-height:1.9;font-size:.95rem;margin:1rem 0 }
.prose ul { padding-left:1.3rem }
.prose ul li { margin:.4rem 0;line-height:1.85 }
.prose ul li, .prose ol li { margin: .4rem 0; line-height: 1.85; }
.prose ul li,.prose ol li { margin:.4rem 0;line-height:1.85 }
.prose ul, .prose ol { padding-left: 1.35rem; }
.prose ul,.prose ol { padding-left:1.35rem }
.qa { border-bottom:1px solid rgba(0,0,0,.1);padding:1.4rem 0 }
.qa h3 { margin:0 0 .7rem;font-size:1.08rem }
.qa p { line-height:1.85 }
.qa ul,.qa ol { margin-top:.6rem }
.qa:last-child { border-bottom:none }
.result-profile { margin: 1.4rem 0; padding: 1.35rem 1.5rem; border: 1px solid rgba(0,0,0,.12); border-radius: 14px; }
.result-profile blockquote { margin: 1.3rem 0 0; padding: 1rem 1.2rem; border-left: 4px solid currentColor; background: rgba(0,0,0,.035); }
.result-profile blockquote p { margin: 0; line-height: 1.85; }
.result-profile dd { margin: 0; }
.result-profile dl { display: grid; grid-template-columns: minmax(120px,180px) 1fr; gap: .45rem 1rem; margin: 1rem 0; }
.result-profile dt { font-weight: 600; }
.result-profile h3 { margin-top: 0; }
.round-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.round-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.round-card h3 { margin-top:0 }
.route-card { margin: 1.2rem 0; padding: 1.25rem 1.4rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.route-card .label { display: block; margin: .85rem 0 .3rem; font-size: .82rem; font-weight: 600; opacity: .7; }
.route-card h3 { margin-top: 0; }
.sec-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.sec-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.sec-card h3 { margin-top:0 }
.sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(225px,1fr)); gap: 1.4rem; }
.sitemap-grid li { margin: .35rem 0; line-height: 1.7; }
.sitemap-grid ul { margin: .5rem 0 0; padding: 0; list-style: none; }
.skill-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.skill-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.skill-card h3 { margin-top:0 }
.stage-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.3rem 1.5rem;margin:1.3rem 0 }
.stage-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.9rem 0 .3rem }
.stage-card h3 { margin-top:0 }
.table-wrap { overflow-x: auto; margin: 1.25rem 0; }
.tech-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.tech-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.tech-card h3 { margin-top:0 }
.ten-points { counter-reset: choice; margin: 1.4rem 0; }
.toc { margin: 1.5rem 0; padding: 1.1rem 1.4rem; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; }
.toc li { break-inside: avoid; margin: .35rem 0; }
.toc ol { columns: 2; column-gap: 2rem; margin: 0; padding-left: 1.3rem; }
.toc strong { display: block; margin-bottom: .5rem; }
.tool { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0;background:rgba(0,0,0,.015) }
.tool h3 { margin-top:0 }
.tutor-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.1rem 0 }
.tutor-card h3 { margin-top:0 }
.tutor-card h4 { margin-top:0 }
.tutor-profile { display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.75rem;align-items:start;margin:1.5rem 0 }
.tutor-profile h3 { margin-top:0 }
.tutor-profile img { width:100%;height:auto;border-radius:12px;display:block }
.unit-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.unit-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.unit-card h3 { margin-top:0 }
.warn-box { margin: 1.4rem 0; padding: 1rem 1.2rem; border-left: 4px solid currentColor; border-radius: 0 8px 8px 0; background: rgba(0,0,0,.06); }
.wrong { border-left:3px solid currentColor;padding-left:.8rem;margin:.5rem 0;opacity:.85 }
.year-card { border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem 1.4rem;margin:1.2rem 0 }
.year-card .gate { display:inline-block;font-size:.78rem;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:.15rem .65rem;margin-bottom:.6rem;opacity:.85 }
.year-card .label { font-size:.82rem;opacity:.7;font-weight:600;display:block;margin:.85rem 0 .3rem }
.year-card h3 { margin-top:0 }

@media (max-width:640px) {
  .result-profile dd { margin-bottom: .6rem; }
  .result-profile dl { grid-template-columns: 1fr; gap: .15rem; }
  .tutor-profile { grid-template-columns:1fr }
}

@media (max-width:720px) {
  .choice-point { padding: 4.1rem 1.15rem 1.15rem; }
  .choice-point::before { top: 1rem; left: 1.15rem; }
  .toc ol { columns: 1; }
}