/* V58_195 bundled fonts (SIL OFL 1.1, see fonts/OFL-LICENSE.txt). Local files only, no external fetch. */
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-sans-thai-thai-400-normal.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-sans-thai-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-sans-thai-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-sans-thai-thai-600-normal.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-sans-thai-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GT Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-sans-thai-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-serif-thai-thai-600-normal.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-serif-thai-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-serif-thai-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-serif-thai-thai-700-normal.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-serif-thai-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GT Serif Thai';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-serif-thai-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/noto-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/noto-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:'GT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'GT Serif';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-serif-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'GT Serif';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-serif-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* V58_196: kratoo-matched fonts and contrast; layout unchanged from V58_195. */
/* ==========================================================================
   V58_195/196 Subhasit UI — shared by subhasit.php and subhasit_drill.php
   Scope: body.sh-ui only. Replaces the V58_192–194 font-size overrides.
   Idea: quiet page, the Pali verse is the one strong element.
   Pali (Thai script) = serif · translation/UI = sans · source = small, muted.
   ========================================================================== */
body.sh-ui{
  --ui-sans:Tahoma,"Segoe UI","Leelawadee UI","Noto Sans Thai",Arial,sans-serif;   /* V58_196: same Thai face as kratoo.php */
  --ui-serif:Tahoma,"Segoe UI","Leelawadee UI","Noto Sans Thai",Arial,sans-serif;  /* V58_196: Pali back to Tahoma bold (kratoo style) */
  --ui-roman:'GT Serif',"Noto Serif",Georgia,"Times New Roman",serif;
  --page:#f3f0ea; --paper:#ffffff; --ink:#111827; --text:#1f2937; --muted:#4b5563;
  --line:#e7dcc9; --line-soft:#f0e8da;
  --brand:#a15c07; --brand-deep:#5a3a06; --brand-soft:#f5ead6; --head:#3b2810;
  margin:0; background:var(--page); color:var(--text);
  font-family:var(--ui-sans)!important; font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body.sh-ui.dr-page{ --brand:#2f6b4f; --brand-deep:#1f4a36; --brand-soft:#e4f0e8; --head:#1d3a2c; --line:#dbe4dc; --line-soft:#ebf1ec; }
body.sh-ui .container{ max-width:1080px; }
body.sh-ui .small, body.sh-ui small{ font-size:14px; line-height:1.6; }
body.sh-ui .text-muted{ color:var(--muted)!important; }
body.sh-ui a{ color:var(--brand); text-underline-offset:3px; text-decoration-thickness:1px; }
body.sh-ui a:hover{ color:var(--brand-deep); }

/* ---------- header ---------- */
body.sh-ui .hero{ background:var(--head); color:#f7efe0; padding:40px 0 34px; text-align:left!important; }
body.sh-ui .hero h2{ font-family:var(--ui-serif); font-weight:700; font-size:34px; line-height:1.3; margin:0 0 10px; letter-spacing:-.005em; }
body.sh-ui .hero h2 .bi{ font-size:.78em; opacity:.7; vertical-align:.04em; }
body.sh-ui .hero p{ font-size:17px; line-height:1.65; max-width:46em; color:rgba(247,239,224,.88); margin:0; }
body.sh-ui .hero p.small{ font-size:14px; margin-top:8px!important; color:rgba(247,239,224,.66); opacity:1!important; }

/* ---------- book navigation (3 groups) ---------- */
body.sh-ui .sh-booknav{ margin-bottom:22px!important; border-bottom:1px solid var(--line); padding-bottom:14px; }
body.sh-ui .sh-booknav>div{ flex-wrap:nowrap!important; align-items:baseline!important; gap:0!important; margin-bottom:4px!important; }
body.sh-ui .sh-booknav>div>span.small{ flex:0 0 11.5rem; min-width:0!important; font-size:13.5px; color:var(--muted)!important; margin:0!important; }
body.sh-ui .sh-booknav .nav{ gap:2px 4px!important; }
body.sh-ui .sh-booknav .nav-link{ font-size:15px; line-height:1.5; padding:5px 11px!important; border-radius:8px; color:var(--text); background:transparent; }
body.sh-ui .sh-booknav .nav-link:hover{ background:var(--brand-soft); color:var(--brand-deep); }
body.sh-ui .sh-booknav .nav-link.active{ background:var(--brand); color:#fff; font-weight:600; }
body.sh-ui > .container > .card .sh-booknav{ border-bottom:1px solid var(--line-soft); }

/* ---------- panels / forms ---------- */
body.sh-ui .card{ background:var(--paper); border:1px solid var(--line)!important; border-radius:14px; box-shadow:none; }
body.sh-ui .card-body{ padding:20px 22px; }
body.sh-ui .form-label{ font-size:14px!important; font-weight:600; color:var(--muted); margin-bottom:6px!important; }
body.sh-ui .form-select, body.sh-ui .form-control{ font-family:inherit; font-size:16px; min-height:44px; padding:8px 12px; border-color:var(--line); border-radius:10px; background-color:#fff; color:var(--ink); }
body.sh-ui .form-select{ padding-right:36px; }
body.sh-ui .form-select:focus, body.sh-ui .form-control:focus{ border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-soft); }
body.sh-ui .changed{ border-color:var(--brand)!important; background-color:var(--brand-soft)!important; }
body.sh-ui .btn{ font-family:inherit; font-size:15px; border-radius:10px; }
body.sh-ui .btn-sm{ font-size:14px; }

/* language chips (both pages) */
body.sh-ui .sh-langbar, body.sh-ui .dr-langbar{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
body.sh-ui .dr-langbar>.small{ flex-basis:100%; }
body.sh-ui .sh-langbar .btn, body.sh-ui .dr-langbar .btn{ font-size:14px; min-height:32px; padding:3px 13px; border-radius:999px; margin:0!important;
  background:transparent; border:1px solid var(--line); color:var(--text); }
body.sh-ui .sh-langbar .btn:hover, body.sh-ui .dr-langbar .btn:hover{ border-color:var(--brand); color:var(--brand-deep); }
body.sh-ui .sh-langbar .btn.btn-warning, body.sh-ui .dr-langbar .btn.btn-success{ background:var(--brand); border-color:var(--brand); color:#fff; }
body.sh-ui .sh-langbar .btn:disabled{ opacity:.4; }
body.sh-ui .sh-langbar>span.small{ margin-right:4px; }

/* ---------- verse list ---------- */
body.sh-ui .sh-card{ overflow:hidden; }
body.sh-ui .sh-head{ background:transparent; border-bottom:1px solid var(--line); border-radius:0; padding:16px 22px 12px!important; align-items:baseline; }
body.sh-ui .sh-head .fw-bold{ font-family:var(--ui-serif); font-weight:700!important; font-size:19px; color:var(--ink); }
body.sh-ui .sh-head .small{ font-size:14px; }
body.sh-ui .sh-item{ border-bottom:1px solid var(--line-soft); padding:16px 22px 15px; }
body.sh-ui .sh-item:last-child{ border-bottom:0; }
body.sh-ui .sh-item:hover{ background:#fffaf0; }
body.sh-ui .sh-pali{ font-family:var(--ui-serif); font-weight:600; font-size:21px; line-height:1.6; color:var(--brand-deep); }
body.sh-ui .sh-item a:hover .sh-pali{ color:var(--brand); }
body.sh-ui .sh-verse{ font-size:17px; line-height:1.7; color:var(--text); margin-top:2px; }
body.sh-ui .sh-src{ font-size:14px; line-height:1.6; color:var(--muted); margin-top:3px; }
body.sh-ui .sh-item .btn-outline-warning{ font-size:14px; min-height:32px; padding:3px 12px; border-radius:999px; border:1px solid var(--line); color:var(--brand); background:transparent; }
body.sh-ui .sh-item .btn-outline-warning:hover{ background:var(--brand-soft); border-color:var(--brand); color:var(--brand-deep); }

/* ---------- detail page ---------- */
body.sh-ui .krathu-block{ background:transparent; border:0!important; border-left:3px solid var(--brand)!important; border-radius:0!important; padding:4px 0 4px 20px!important; margin:4px 0 18px!important; }
body.sh-ui .krathu-block .small{ font-size:13px; color:var(--muted)!important; }
body.sh-ui .krathu-block .small .bi{ display:none; }
body.sh-ui .krathu-block .badge{ font-weight:400; font-size:11.5px; }
body.sh-ui .krathu-pali{ font-family:var(--ui-serif); font-weight:600!important; font-size:27px; line-height:1.55; color:var(--brand-deep); }
body.sh-ui .krathu-pali.krathu-roman{ font-family:var(--ui-roman); font-style:italic; font-weight:400!important; font-size:19px; line-height:1.6; color:var(--muted); }
body.sh-ui .krathu-pali .krathu-2{ max-width:40rem; }
body.sh-ui .krathu-block .small.mt-2{ font-size:14px; color:var(--text)!important; }
body.sh-ui .card-body>.sh-verse{ font-size:18px; }
body.sh-ui .card-body>.sh-verse strong{ font-weight:600; color:var(--ink); }
body.sh-ui .sh-alltr summary{ font-size:14px; }
body.sh-ui .sh-alltr .table{ font-size:15px; --bs-table-bg:transparent; }
body.sh-ui .sh-alltr .table th{ font-size:13.5px; }
body.sh-ui .sh-alltr .table-warning{ --bs-table-bg:var(--brand-soft); }
body.sh-ui hr{ border-color:var(--line); opacity:1; margin:22px 0; }
body.sh-ui h5{ font-family:var(--ui-serif); font-weight:700; font-size:20px; color:var(--ink); }
body.sh-ui .sh-disclaimer{ font-size:14px; background:transparent; border-left:2px solid var(--line); border-radius:0; padding:2px 0 2px 14px; color:var(--muted); }
body.sh-ui .sh-note{ font-size:18px; line-height:1.95; color:var(--text); max-width:42em; }
body.sh-ui .sh-note p{ text-indent:2em; margin-bottom:.9em; }
body.sh-ui .alert{ font-size:14.5px; border-radius:10px; }

/* ---------- footer links ---------- */
body.sh-ui .btn-outline-warning, body.sh-ui .btn-outline-success, body.sh-ui .btn-outline-secondary{ border-color:var(--line); color:var(--text); background:var(--paper); }
body.sh-ui .btn-outline-warning:hover, body.sh-ui .btn-outline-success:hover, body.sh-ui .btn-outline-secondary:hover{ border-color:var(--brand); color:var(--brand-deep); background:var(--brand-soft); }

/* ---------- drill ---------- */
body.sh-ui .dr-mode>.small{ font-size:14px; color:var(--muted); }
body.sh-ui .dr-mode .btn{ font-size:14.5px; min-height:36px; padding:4px 14px; border-radius:999px; border:1px solid var(--line); color:var(--text); background:transparent; }
body.sh-ui .dr-mode .btn:hover{ border-color:var(--brand); color:var(--brand-deep); }
body.sh-ui .dr-mode .btn.btn-success{ background:var(--brand); border-color:var(--brand); color:#fff; }
body.sh-ui #drStage{ font-size:17px; padding:26px 28px; }
body.sh-ui .dr-q{ min-height:8rem; }
body.sh-ui .dr-pali{ font-family:var(--ui-serif); font-weight:600; font-size:25px; line-height:1.65; color:var(--brand-deep); }
body.sh-ui .dr-say{ font-size:18px; line-height:1.75; color:var(--ink); }
body.sh-ui .dr-sub{ font-size:14px; color:var(--muted); }
body.sh-ui .dr-opt{ font-size:17px; line-height:1.6; padding:12px 16px; border-radius:12px; border:1px solid var(--line); background:#fff; color:var(--text); }
body.sh-ui .dr-opt .fw-bold{ font-family:var(--ui-serif); font-weight:600!important; font-size:19px; color:var(--brand-deep)!important; }
body.sh-ui .dr-opt:hover:not(:disabled){ border-color:var(--brand); background:var(--brand-soft); color:var(--ink); }
body.sh-ui .dr-opt:disabled{ opacity:1; }
body.sh-ui .dr-blank{ border-bottom-color:var(--brand); color:var(--brand); }
body.sh-ui .dr-flip{ border:1px dashed var(--line); background:#fff; border-radius:16px; }
body.sh-ui .dr-progress{ height:4px; background:var(--line-soft); }
body.sh-ui .dr-progress .progress-bar{ background:var(--brand)!important; }
body.sh-ui #drStage .btn-success{ background:var(--brand); border-color:var(--brand); }
body.sh-ui #drStage>.text-center.text-muted{ font-size:16px; }
body.sh-ui .dr-wrong{ border-left:3px solid #c2410c; background:#fff; padding:10px 14px; border-radius:0 8px 8px 0; }
body.sh-ui .dr-wrong .fw-bold{ font-family:var(--ui-serif); font-weight:600!important; color:var(--brand-deep)!important; }
body.sh-ui .form-check-input:checked{ background-color:var(--brand); border-color:var(--brand); }

/* ---------- small screens ---------- */
@media (max-width:767.98px){
  body.sh-ui{ font-size:16.5px; }
  body.sh-ui .hero{ padding:28px 0 24px; }
  body.sh-ui .hero h2{ font-size:27px; }
  body.sh-ui .hero p{ font-size:16px; }
  body.sh-ui .sh-booknav>div{ flex-wrap:wrap!important; margin-bottom:8px!important; }
  body.sh-ui .sh-booknav>div>span.small{ flex:0 0 100%; margin-bottom:2px!important; }
  body.sh-ui .sh-booknav .nav{ flex-wrap:nowrap!important; overflow-x:auto; scrollbar-width:none; width:100%; padding-bottom:2px; }
  body.sh-ui .sh-booknav .nav::-webkit-scrollbar{ display:none; }
  body.sh-ui .sh-booknav .nav-link{ white-space:nowrap; font-size:14.5px; }
  body.sh-ui .card-body{ padding:16px; }
  body.sh-ui .sh-head{ padding:14px 16px 10px!important; }
  body.sh-ui .sh-item{ padding:14px 16px 13px; }
  body.sh-ui .sh-pali{ font-size:20px; }
  body.sh-ui .sh-verse{ font-size:16.5px; }
  body.sh-ui .krathu-pali{ font-size:23px; }
  body.sh-ui .krathu-pali .krathu-2{ grid-template-columns:1fr; gap:0; }
  body.sh-ui .sh-note{ font-size:17px; line-height:1.9; }
  body.sh-ui #drStage{ padding:18px 16px; }
  body.sh-ui .dr-pali{ font-size:22px; }
}
@media print{ body.sh-ui{ background:#fff; } body.sh-ui .hero{ background:#fff; color:#000; } }

/* ---------- functional rules carried over from the pre-V58_195 inline styles ---------- */
body.sh-ui .sh-alltr summary{ cursor:pointer; }
body.sh-ui .dr-q{ display:flex; flex-direction:column; justify-content:center; text-align:center; }
body.sh-ui .dr-opt{ text-align:left; white-space:normal; }
body.sh-ui .dr-opt.ok{ background:#e3f4ea!important; border-color:#2f8a5b!important; color:#14532d!important; }
body.sh-ui .dr-opt.bad{ background:#fbe7e3!important; border-color:#c2410c!important; color:#7c2d12!important; }
body.sh-ui .dr-blank{ display:inline-block; min-width:4.5em; border-bottom:3px solid var(--brand); }
body.sh-ui .dr-flip{ min-height:14rem; cursor:pointer; }
body.sh-ui .dr-mode .btn.btn-success, body.sh-ui .dr-mode .btn.btn-success:hover, body.sh-ui .dr-mode .btn.btn-success:focus, body.sh-ui .dr-mode .btn.btn-success:active{ background:var(--brand)!important; border-color:var(--brand)!important; color:#fff!important; }
body.sh-ui a.btn[style*="b45309"]{ background:var(--brand)!important; border-radius:999px; padding:4px 14px; }

/* V58_195: keep each Pali word on one line (Thai line-breaking splits unknown Pali words mid-word) */
body.sh-ui .pw{ white-space:nowrap; }

/* ---------- V58_196 readability: kratoo-matched weights/sizes and contrast ---------- */
body.sh-ui{ font-size:16.5px; line-height:1.75; -webkit-font-smoothing:auto; }
body.sh-ui .hero h2{ font-weight:700; font-size:30px; }
body.sh-ui .hero p{ color:#fff; }
body.sh-ui .hero p.small{ color:rgba(255,255,255,.85); }
body.sh-ui .sh-head .fw-bold, body.sh-ui h5{ font-weight:700!important; }
body.sh-ui .sh-pali{ font-weight:700; font-size:19px; line-height:1.7; color:var(--brand-deep); }
body.sh-ui .sh-verse{ font-size:16.5px; color:var(--text); }
body.sh-ui .sh-src{ font-size:14.5px; color:var(--muted); }
body.sh-ui .krathu-pali{ font-weight:700!important; font-size:23px; line-height:1.7; }
body.sh-ui .krathu-pali.krathu-roman{ font-size:18px; color:#374151; }
body.sh-ui .krathu-block .small, body.sh-ui .form-label, body.sh-ui .sh-booknav>div>span.small{ color:var(--muted)!important; }
body.sh-ui .sh-note{ font-size:17.5px; line-height:2; color:var(--text); }
body.sh-ui .sh-disclaimer{ color:#4b5563; }
body.sh-ui .dr-pali{ font-weight:700; font-size:22px; }
body.sh-ui .dr-opt .fw-bold, body.sh-ui .dr-wrong .fw-bold{ font-weight:700!important; font-size:17.5px; }
body.sh-ui .dr-say{ font-size:17.5px; }
@media (max-width:767.98px){
  body.sh-ui{ font-size:16px; }
  body.sh-ui .hero h2{ font-size:25px; }
  body.sh-ui .sh-pali{ font-size:18.5px; }
  body.sh-ui .krathu-pali{ font-size:21px; }
  body.sh-ui .dr-pali{ font-size:20px; }
}

/* ---------- V58_205: รอบชิงอันดับ Hall of Fame ---------- */
body.sh-ui .sr-card{ border-color:#e9d8b4!important; background:linear-gradient(180deg,#fffdf6,#fff); }
body.sh-ui .sr-card h5{ font-weight:700; font-size:19px; }
body.sh-ui .sr-card .form-label{ color:var(--text); }
body.sh-ui .sr-card details summary{ cursor:pointer; color:var(--brand-deep); }
body.sh-ui #drStage .progress-bar{ background:var(--brand)!important; }