/* 數獨 Sudoku — 文章頁共用樣式（與遊戲首頁同色系）*/
:root{
  --bg:#ffffff; --panel:#ffffff; --line:#5c6880; --accent:#0b3fd6;
  --text:#1a2030; --muted:#3a4458; --highlight:#d4e2ff; --ok:#0a7a2e;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Segoe UI","Microsoft JhengHei",system-ui,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.9;padding:0 16px;}
.wrap{max-width:820px;margin:0 auto;padding:24px 0 60px;}
.crumb{font-size:.85rem;color:var(--muted);margin:14px 0 8px;}
.crumb a{color:var(--accent);text-decoration:none;}
.crumb a:hover{text-decoration:underline;}
h1{font-size:1.9rem;letter-spacing:1px;margin:6px 0 6px;line-height:1.35;}
.lead{color:var(--muted);font-size:1.05rem;margin-bottom:8px;}
.meta{font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px;}
h2{font-size:1.45rem;color:var(--accent);margin:34px 0 12px;letter-spacing:1px;}
h3{font-size:1.12rem;margin:22px 0 8px;}
p{margin-bottom:12px;color:#2a3344;}
ul,ol{margin:10px 0 16px 24px;color:#2a3344;}
li{margin-bottom:7px;}
strong{color:var(--text);}
.box{background:#f4f7ff;border:1px solid var(--highlight);border-left:4px solid var(--accent);
  border-radius:10px;padding:16px 18px;margin:18px 0;}
.box .t{font-weight:700;color:var(--accent);margin-bottom:6px;}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:14px 0;}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;}
th{background:var(--highlight);}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:13px 30px;border-radius:11px;font-weight:700;margin:14px 0;font-size:1.05rem;}
.cta:hover{filter:brightness(1.08);}
.faq details{border-bottom:1px solid var(--line);padding:13px 0;}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;}
.faq summary::after{content:"+";color:var(--accent);font-size:1.3rem;}
.faq details[open] summary::after{content:"−";}
.related{background:#f4f7ff;border-radius:12px;padding:18px 20px;margin-top:34px;}
.related a{color:var(--accent);text-decoration:none;font-weight:600;}
.related a:hover{text-decoration:underline;}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;
  font-size:.8rem;color:var(--muted);text-align:center;}
footer a{color:var(--accent);text-decoration:none;}