/* 道德經 reading section — scoped to .ddj */
.ddj{--ddj-ink:#1b3d30;--ddj-blue:#5b9bd5;--ddj-gold:#c4a35a;--ddj-soft:#f4f8f5;--ddj-line:#e4ebe6}
.ddj .ddj-shell{padding-bottom:2.5rem}
.ddj .ddj-head{margin:0 0 1.6rem}
.ddj .ddj-kicker{margin:0 0 .35rem;color:var(--ddj-gold);font-weight:700;letter-spacing:.12em;font-size:.95rem}
.ddj .entry-title{margin-bottom:.6rem}
.ddj .ddj-lead{margin:0 0 .6rem;font-size:1.12rem;line-height:1.9;color:#48605a}
.ddj .ddj-status{display:inline-block;margin:.3rem 0 0;padding:.3rem .8rem;border-radius:999px;background:var(--ddj-soft);color:var(--ddj-ink);font-size:.95rem}
.ddj .ddj-note{margin-top:2rem;color:#7a8a83;font-size:.9rem}
.ddj .ddj-sec-title{margin:2rem 0 .9rem;font-size:1.3rem;color:var(--ddj-ink);border-left:4px solid var(--ddj-gold);padding-left:.7rem}
/* TOC grid */
.ddj .ddj-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.ddj .ddj-grid li a,.ddj .ddj-grid li span{display:flex;flex-direction:column;gap:.15rem;height:100%;box-sizing:border-box;padding:.7rem .8rem;border:1px solid var(--ddj-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ddj-ink)}
.ddj .ddj-grid li a:hover{border-color:var(--ddj-blue);box-shadow:0 4px 14px rgba(47,93,74,.12);text-decoration:none}
.ddj .ddj-grid b{font-size:1.25rem;color:var(--ddj-blue);line-height:1.1}
.ddj .ddj-grid em{font-style:normal;font-size:.95rem;line-height:1.45;font-family:DFKai-SB,"標楷體","BiauKai","Kaiti TC","STKaiti","KaiTi",serif}
.ddj .ddj-grid .is-pending span{background:#fafbfa;color:#98a39e}
.ddj .ddj-grid .is-pending b{color:#b5c3bd}
.ddj .ddj-grid small{font-size:.75rem;color:#a7b2ad}
/* anchors */
.ddj .ddj-anchors{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.ddj .ddj-anchors a{padding:.3rem .85rem;border-radius:999px;border:1px solid var(--ddj-line);background:#fff;font-size:.92rem;color:var(--ddj-ink);text-decoration:none}
.ddj .ddj-anchors a:hover{border-color:var(--ddj-blue);color:var(--ddj-blue)}
/* sections */
.ddj .ddj-sec{margin:2.2rem 0 0;scroll-margin-top:90px}
.ddj .ddj-sec>h2{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .9rem;padding-bottom:.45rem;font-size:1.45rem;color:var(--ddj-ink);border-bottom:1px solid var(--ddj-line)}
.ddj .ddj-sec>h2 small{font-size:.85rem;color:#8a9a93;font-weight:400}
.ddj .ddj-original{padding:1.3rem 1.5rem;border-radius:14px;background:linear-gradient(180deg,#fbfaf5,#f6f3e8);border:1px solid #ece4cc;font-family:DFKai-SB,"標楷體","BiauKai","Kaiti TC","STKaiti","KaiTi",serif;font-size:1.45rem;line-height:2.15;color:#2a2a22;letter-spacing:.05em}
.ddj .ddj-original p{margin:0 0 .6rem}.ddj .ddj-original p:last-child{margin:0}
.ddj .ddj-text p{margin:0 0 1rem}
.ddj .ddj-text h3{margin:1.6rem 0 .6rem;font-size:1.2rem;color:var(--ddj-ink)}
.ddj .ddj-story{margin:0 0 1.2rem;padding:1.1rem 1.3rem;border:1px solid var(--ddj-line);border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(27,61,48,.05)}
.ddj .ddj-story h3{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;font-size:1.2rem;color:var(--ddj-ink)}
.ddj .ddj-story h3 span{flex:0 0 auto;display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ddj-ink);color:#fff;font-size:.9rem}
.ddj .ddj-lesson{margin:.4rem 0 0;padding:.6rem .9rem;border-radius:10px;background:var(--ddj-soft);color:var(--ddj-ink);font-size:1.02rem;line-height:1.8}
.ddj .ddj-source{margin:.5rem 0 0;color:#8a9a93;font-size:.88rem}
/* prev / next */
.ddj .ddj-pn{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:stretch;margin:0 0 1.6rem}
.ddj .ddj-sec~.ddj-pn{margin:2.4rem 0 1rem}
.ddj .ddj-pn a{display:flex;flex-direction:column;justify-content:center;padding:.6rem .9rem;border:1px solid var(--ddj-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ddj-ink);min-width:0}
.ddj .ddj-pn a:hover{border-color:var(--ddj-blue);text-decoration:none}
.ddj .ddj-pn span{font-size:.82rem;color:#8a9a93}
.ddj .ddj-pn strong{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddj .ddj-next{text-align:right}
.ddj .ddj-pn .ddj-toc-link{align-items:center;font-weight:700;color:var(--ddj-blue)}
.ddj .ddj-jump{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;font-size:.95rem;color:#5c6b64}
.ddj .ddj-jump select{padding:.45rem .6rem;border:1px solid var(--ddj-line);border-radius:10px;background:#fff;font-size:1rem}
.ddj .ddj-jump button{padding:.45rem .9rem;border:0;border-radius:10px;background:var(--ddj-ink);color:#fff}
@media (max-width:640px){
  .ddj .ddj-original{padding:1rem 1.05rem;font-size:1.25rem;line-height:2}
  .ddj .ddj-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
  .ddj .ddj-grid li a,.ddj .ddj-grid li span{padding:.55rem .6rem}
  .ddj .ddj-grid em{font-size:.85rem}
  .ddj .ddj-pn{grid-template-columns:1fr 1fr}
  .ddj .ddj-pn .ddj-toc-link{grid-column:1/-1;grid-row:2;padding:.45rem}
  .ddj .ddj-pn strong{font-size:.9rem}
  .ddj .ddj-story{padding:.95rem 1rem}
}
.ddj .ddj-grid b i{font-style:normal;margin-left:.4rem;font-size:.95rem;color:var(--ddj-ink);letter-spacing:.08em;font-family:DFKai-SB,"標楷體","BiauKai","Kaiti TC","STKaiti","KaiTi",serif}
.ddj .ddj-grid .is-pending b i{color:#a7b2ad}

/* ===== Touch reading mode: phones (360–430) + iPads (768–1024 portrait/landscape). Desktop (mouse, >1024px) unchanged. ===== */
.ddj .ddj-fs,.ddj .ddj-bar,.ddj .ddj-top,.ddj .ddj-sheet,.ddj .ddj-sheet-bg{display:none}
.ddj [hidden]{display:none!important}
@media (max-width:1024px),(hover:none) and (pointer:coarse){
  .ddj{--ddj-s:var(--ddj-scale,1);--ddj-fs-body:18px;--ddj-fs-orig:22px;--ddj-bar-h:60px}
  .ddj .ddj-shell{overflow-wrap:anywhere}
  /* reading text */
  .ddj .ddj-text p,.ddj .ddj-text li{font-size:calc(var(--ddj-fs-body) * var(--ddj-s))!important;line-height:1.9!important}
  .ddj .ddj-lead{font-size:calc((var(--ddj-fs-body) - 1px) * var(--ddj-s));line-height:1.9}
  .ddj .ddj-original{font-size:calc(var(--ddj-fs-orig) * var(--ddj-s));line-height:2}
  .ddj .ddj-text h3,.ddj .ddj-story h3{font-size:calc((var(--ddj-fs-body) + 2px) * var(--ddj-s));line-height:1.5}
  .ddj .ddj-lesson{font-size:calc((var(--ddj-fs-body) - 1px) * var(--ddj-s));line-height:1.85}
  .ddj .ddj-source{font-size:calc(15px * var(--ddj-s))}
  /* tap targets >= 44px */
  .ddj .ddj-anchors{gap:.5rem}
  .ddj .ddj-anchors a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;font-size:1rem}
  .ddj .ddj-pn a{min-height:56px}
  .ddj .ddj-jump select{min-height:48px;font-size:17px;max-width:100%}
  .ddj .ddj-jump button{min-height:44px}
  .ddj .ddj-grid li a,.ddj .ddj-grid li span{min-height:64px;justify-content:flex-start}
  .ddj .ddj-grid li a:active{background:var(--ddj-soft);border-color:var(--ddj-blue)}
  /* A− / A+ */
  .ddj .ddj-fs{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.25rem .35rem .25rem .8rem;border:1px solid var(--ddj-line);border-radius:999px;background:#fff}
  .ddj .ddj-fs-label{font-size:.95rem;color:#5c6b64}
  .ddj .ddj-fs-btn{min-width:48px;min-height:44px;border:0;border-radius:999px;background:var(--ddj-soft);color:var(--ddj-ink);font-size:1.05rem;font-weight:700;cursor:pointer;touch-action:manipulation}
  .ddj .ddj-fs-btn:disabled{opacity:.35}
  .ddj .ddj-fs-val{min-width:3.2em;text-align:center;font-size:.95rem;color:var(--ddj-ink);font-variant-numeric:tabular-nums}
  /* sticky bottom bar */
  body.ddj-has-bar{padding-bottom:calc(var(--ddj-bar-h,60px) + env(safe-area-inset-bottom,0px))}
  .ddj .ddj-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;left:0;right:0;bottom:0;
    padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
    background:rgba(255,255,255,.96);border-top:1px solid var(--ddj-line);box-shadow:0 -4px 16px rgba(27,61,48,.08);
    -webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px)}
  .ddj .ddj-bar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;margin:0 3px;padding:2px 4px;border:0;border-radius:12px;background:transparent;
    color:var(--ddj-ink);font:inherit;font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .ddj .ddj-bar-btn .ddj-ico{font-size:17px;font-weight:700;color:var(--ddj-blue);line-height:1.1}
  .ddj .ddj-bar-jump .ddj-ico{font-size:13px}
  .ddj .ddj-bar-btn:active{background:var(--ddj-soft)}
  .ddj .ddj-bar-btn:hover{text-decoration:none}
  .ddj .ddj-bar-btn.is-off{opacity:.3}
  /* chapter-jump sheet */
  html.ddj-lock,html.ddj-lock body{overflow:hidden}
  .ddj .ddj-sheet-bg{display:block;position:fixed;inset:0;z-index:70;background:rgba(15,30,24,.45)}
  .ddj .ddj-sheet{display:flex;flex-direction:column;position:fixed;z-index:71;left:0;right:0;bottom:0;max-height:78vh;max-height:78dvh;
    background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom,0px)}
  .ddj .ddj-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem max(.6rem,env(safe-area-inset-right,0px)) .4rem max(1.1rem,env(safe-area-inset-left,0px));border-bottom:1px solid var(--ddj-line)}
  .ddj .ddj-sheet-head strong{font-size:1.1rem;color:var(--ddj-ink)}
  .ddj .ddj-sheet-x{width:48px;height:48px;border:0;border-radius:50%;background:transparent;font-size:1.2rem;color:#5c6b64;cursor:pointer}
  .ddj .ddj-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.4rem max(.8rem,env(safe-area-inset-right,0px)) 1rem max(.8rem,env(safe-area-inset-left,0px))}
  .ddj .ddj-sheet-sec{margin:.8rem 0 .5rem;font-size:.95rem;font-weight:700;color:var(--ddj-gold)}
  .ddj .ddj-sheet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .ddj .ddj-sheet-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;border:1px solid var(--ddj-line);border-radius:10px;text-decoration:none;color:var(--ddj-ink);background:#fff}
  .ddj .ddj-sheet-grid a b{font-size:1.05rem;color:var(--ddj-blue);line-height:1.1}
  .ddj .ddj-sheet-grid a i{font-style:normal;font-size:.82rem;letter-spacing:.05em;font-family:DFKai-SB,"標楷體","BiauKai","Kaiti TC","STKaiti","KaiTi",serif}
  .ddj .ddj-sheet-grid a.is-cur{background:var(--ddj-ink);border-color:var(--ddj-ink)}
  .ddj .ddj-sheet-grid a.is-cur b,.ddj .ddj-sheet-grid a.is-cur i{color:#fff}
  /* back to top */
  .ddj .ddj-top{display:grid;place-items:center;position:fixed;z-index:59;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
    width:48px;height:48px;border:1px solid var(--ddj-line);border-radius:50%;background:rgba(255,255,255,.95);color:var(--ddj-ink);font-size:1.25rem;box-shadow:0 4px 14px rgba(27,61,48,.15);cursor:pointer}
  body.ddj-has-bar .ddj .ddj-top{bottom:calc(var(--ddj-bar-h,60px) + 14px + env(safe-area-inset-bottom,0px))}
}
/* phones */
@media (max-width:699px){
  .ddj .ddj-shell{width:auto;margin-left:max(10px,env(safe-area-inset-left,0px));margin-right:max(10px,env(safe-area-inset-right,0px))}
  .ddj .ddj-shell > .ddj-pn:first-child{display:none}
  .ddj .ddj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddj .ddj-original{padding:1rem 1.05rem}
}
@media (min-width:400px) and (max-width:699px){
  .ddj .ddj-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}
  .ddj .ddj-grid li a,.ddj .ddj-grid li span{padding:.5rem .45rem}
  .ddj .ddj-grid b{font-size:1.1rem}
  .ddj .ddj-grid b i{margin-left:.25rem;font-size:.9rem}
  .ddj .ddj-grid em{font-size:.8rem}
}
/* iPads / tablets (portrait + landscape) */
@media (min-width:700px) and (max-width:1024px),(min-width:700px) and (hover:none) and (pointer:coarse){
  .ddj{--ddj-fs-body:19.5px;--ddj-fs-orig:26px;--ddj-bar-h:64px}
  .ddj .ddj-shell{width:min(800px,calc(100% - 3rem));padding:2.4rem 2.6rem 2.8rem}
  .ddj .ddj-shell.ddj-toc{width:min(1040px,calc(100% - 3rem))}
  .ddj .ddj-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
  .ddj .ddj-sheet{left:50%;right:auto;width:min(720px,100%);transform:translateX(-50%)}
  .ddj .ddj-sheet-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .ddj .ddj-bar{grid-template-columns:repeat(4,minmax(0,150px));justify-content:center}
  .ddj .ddj-bar-btn{font-size:15px}
}
@media (min-width:900px) and (max-width:1024px),(min-width:900px) and (hover:none) and (pointer:coarse){
  .ddj .ddj-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* ===== FONT-ENLARGE-v2 (2026-10-01): reading text / labels ~+17%; headings (h1/h2/h3, .jd-zh, section titles, tile numbers) unchanged ===== */
/* desktop (mouse); touch rules below re-assert after this */
.ddj .ddj-text p,.ddj .ddj-text li{font-size:24px;line-height:1.95}
.ddj .ddj-lead{font-size:21px}
.ddj .ddj-status{font-size:1.1rem}
.ddj .ddj-note{font-size:16.5px}
.ddj .ddj-original{font-size:27px}
.ddj .jd-orig-s{font-size:24.5px}
.ddj .jd-orig-long{font-size:24px}
.ddj .ddj-lesson{font-size:19.5px}
.ddj .ddj-source{font-size:16.5px}
.ddj .ddj-grid em{font-size:17.5px}
.ddj .ddj-grid b i{font-size:17.5px}
.ddj .ddj-grid.jd-wide b i{font-size:19px}
.ddj .ddj-grid small{font-size:14px}
.ddj .ddj-anchors a{font-size:17px}
.ddj .ddj-pn span{font-size:15px}
.ddj .ddj-pn strong{font-size:18px}
.ddj .ddj-jump{font-size:17.5px}
.ddj .ddj-jump select{font-size:18px}
.ddj .ddj-jump button{font-size:17px}
.ddj .jd-sidx a{font-size:18.5px}
.ddj .ddj-text h3,.ddj .ddj-story h3{font-size:1.2rem}
.ddj .jd-sxj h3{font-size:1.08rem}
/* touch: phones + iPads */
@media (max-width:1024px),(hover:none) and (pointer:coarse){
  .ddj{--ddj-fs-body:21px;--ddj-fs-orig:25.5px;--ddj-fs-h3:20px;--ddj-bar-h:64px}
  .ddj .ddj-text p,.ddj .ddj-text li{font-size:calc(var(--ddj-fs-body) * var(--ddj-s))!important;line-height:1.9!important}
  .ddj .ddj-lead{font-size:calc((var(--ddj-fs-body) - 1px) * var(--ddj-s))}
  .ddj .ddj-original{font-size:calc(var(--ddj-fs-orig) * var(--ddj-s))}
  .ddj .jd-orig-long,.ddj .jd-orig-s{font-size:calc(var(--ddj-fs-orig) * .9 * var(--ddj-s))}
  .ddj .ddj-text h3,.ddj .ddj-story h3{font-size:calc(var(--ddj-fs-h3) * var(--ddj-s))}
  .ddj .jd-sxj h3{font-size:1.08rem}
  .ddj .ddj-lesson{font-size:calc((var(--ddj-fs-body) - 1px) * var(--ddj-s))}
  .ddj .ddj-source{font-size:calc(17px * var(--ddj-s))}
  .ddj .ddj-note{font-size:16.5px}
  .ddj .ddj-grid em{font-size:15.6px}
  .ddj .ddj-grid b i{font-size:17px}
  .ddj .ddj-grid.jd-wide b i{font-size:18.5px}
  .ddj .ddj-anchors a{font-size:18px}
  .ddj .ddj-pn span{font-size:15px}
  .ddj .ddj-pn strong{font-size:16.5px}
  .ddj .ddj-jump{font-size:17.5px}
  .ddj .ddj-jump select{font-size:19px}
  .ddj .jd-sidx a{font-size:18.5px}
  .ddj .ddj-fs-label{font-size:17px}
  .ddj .ddj-fs-val{font-size:17px}
  .ddj .ddj-fs-btn{font-size:1.2rem}
  .ddj .ddj-bar-btn{font-size:16px}
  .ddj .ddj-bar-btn .ddj-ico{font-size:19px}
  .ddj .ddj-bar-jump .ddj-ico{font-size:15px}
  .ddj .ddj-sheet-grid a i{font-size:.95rem}
  .ddj .ddj-sheet-grid.jd-wide a i{font-size:1.02rem}
}
@media (min-width:400px) and (max-width:699px){
  .ddj .ddj-grid em{font-size:14.5px}
  .ddj .ddj-grid b i{font-size:16px}
}
@media (min-width:700px) and (max-width:1024px),(min-width:700px) and (hover:none) and (pointer:coarse){
  .ddj{--ddj-fs-body:23px;--ddj-fs-orig:30px;--ddj-fs-h3:21.5px;--ddj-bar-h:68px}
  .ddj .ddj-grid em{font-size:17.5px}
  .ddj .ddj-grid b i{font-size:17.5px}
  .ddj .ddj-grid.jd-wide b i{font-size:19px}
  .ddj .ddj-pn strong{font-size:18px}
  .ddj .ddj-bar-btn{font-size:17px}
}
/* ===== /FONT-ENLARGE-v2 ===== */

/* ===== TILE-ENLARGE-v3 (2026-10-01): chapter tiles, jump sheet, prev/next ~+25-30%; page headings unchanged ===== */
.ddj .ddj-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}
.ddj .ddj-grid.jd-wide{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ddj .ddj-grid li a,.ddj .ddj-grid li span{padding:.8rem .9rem;gap:.25rem}
.ddj .ddj-grid b{font-size:25px;line-height:1.15}
.ddj .ddj-grid b i{font-size:22px}
.ddj .ddj-grid.jd-wide b i{font-size:24px}
.ddj .ddj-grid em{font-size:22px;line-height:1.4}
.ddj .ddj-grid small{font-size:16px}
.ddj .ddj-pn span{font-size:17px}
.ddj .ddj-pn strong{font-size:22px}
@media (max-width:1024px),(hover:none) and (pointer:coarse){
  .ddj .ddj-grid b{font-size:24px}
  .ddj .ddj-grid b i{font-size:21.5px}
  .ddj .ddj-grid.jd-wide b i{font-size:23px}
  .ddj .ddj-grid em{font-size:19.5px}
  .ddj .ddj-grid li a,.ddj .ddj-grid li span{min-height:78px}
  .ddj .ddj-pn span{font-size:17px}
  .ddj .ddj-pn strong{font-size:20.5px}
  .ddj .ddj-sheet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .ddj .ddj-sheet-grid a{min-height:68px}
  .ddj .ddj-sheet-grid a b{font-size:21px}
  .ddj .ddj-sheet-grid a i{font-size:19px}
  .ddj .ddj-sheet-grid.jd-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddj .ddj-sheet-grid.jd-wide a i{font-size:20px}
}
@media (max-width:699px){
  .ddj .ddj-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
  .ddj .ddj-grid li a,.ddj .ddj-grid li span{padding:.6rem .5rem}
  .ddj .ddj-grid b i{margin-left:.25rem}
  .ddj .ddj-grid.jd-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:400px) and (max-width:699px){
  .ddj .ddj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddj .ddj-grid b{font-size:24px}
  .ddj .ddj-grid b i{font-size:21.5px}
  .ddj .ddj-grid em{font-size:19.5px}
}
@media (min-width:700px) and (max-width:1024px),(min-width:700px) and (hover:none) and (pointer:coarse){
  .ddj .ddj-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
  .ddj .ddj-grid b{font-size:25px}
  .ddj .ddj-grid b i{font-size:22px}
  .ddj .ddj-grid.jd-wide b i{font-size:24px}
  .ddj .ddj-grid em{font-size:22px}
  .ddj .ddj-grid.jd-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddj .ddj-pn strong{font-size:22px}
  .ddj .ddj-sheet-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ddj .ddj-sheet-grid.jd-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px) and (max-width:1024px),(min-width:900px) and (hover:none) and (pointer:coarse){
  .ddj .ddj-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ddj .ddj-grid.jd-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* short contents lists (<=11 tiles, long names: 大學, 壇經) get the wide card layout */
.ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))) b i{display:block;margin:.2rem 0 0;font-size:24px}
@media (max-width:1024px),(hover:none) and (pointer:coarse){
  .ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))) b i{font-size:23px}
}
@media (max-width:699px){
  .ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:700px) and (max-width:1024px),(min-width:700px) and (hover:none) and (pointer:coarse){
  .ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px) and (max-width:1024px),(min-width:900px) and (hover:none) and (pointer:coarse){
  .ddj .ddj-grid:not(.jd-wide):not(:has(li:nth-child(12))){grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ===== /TILE-ENLARGE-v3 ===== */

/* ===== COLOR-DARKBLUE-v4 (2026-10-01): light blue (#5b9bd5, #3d7eb5) -> dark blue #1a3a6b (11.6:1 on white) ===== */
.ddj{--ddj-blue:#1a3a6b;--ddj-blue-hover:#0d2547}
.ddj .entry-title,.ddj h1.entry-title{color:#1a3a6b}
.ddj .entry-content,.ddj .entry-content p,.ddj .ddj-text p,.ddj .ddj-text li,.ddj .jd-jie,.ddj .jd-zb p{color:#1a3a6b}
.ddj .ddj-grid b,.ddj .ddj-sheet-grid a b,.ddj .ddj-bar-btn .ddj-ico,.ddj .ddj-pn .ddj-toc-link,.ddj .jd-zidx a,.ddj .jd-sidx a span{color:#1a3a6b}
.ddj .ddj-text a,.ddj .ddj-text a:visited,.ddj .ddj-pn .ddj-toc-link:visited,.ddj .jd-zidx a:visited{color:#1a3a6b}
.ddj .ddj-text a:hover,.ddj .ddj-text a:focus,.ddj .ddj-pn .ddj-toc-link:hover,.ddj .jd-zidx a:hover,.ddj .ddj-anchors a:hover,.ddj .ddj-grid li a:hover b{color:#0d2547}
.ddj .ddj-sheet-grid a.is-cur b{color:#fff}
/* ===== /COLOR-DARKBLUE-v4 ===== */