/* 📄 Tóm tắt vài trang ENP203 (tomtat.js) – chỉ dùng token màu của site; có khối @media print để in mỗi "trang" ra một tờ A4 */
.tt{--tt-ok:#2E9E5B}
.tt-top{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.tt-nav{margin:12px 0 4px}
.tt-page{margin-top:18px;padding:22px 24px;border-radius:18px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);scroll-margin-top:70px}
.tt-page>header{display:flex;gap:14px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--accent-soft)}
.tt-page h3{margin:0;font-family:var(--display);font-size:22px;color:var(--ink)}
.tt-page h4{margin:18px 0 6px;font-size:15.5px;color:var(--accent-dark)}
.tt-n{flex:none;display:grid;place-items:center;min-width:46px;height:46px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:14px}
.tt-lead{margin:0 0 6px;font-size:15.5px}
.tt-page p{margin:6px 0}
.tt-ul,.tt-ol{margin:6px 0;padding-left:22px}.tt-ul li,.tt-ol li{margin:5px 0}
.tt-i{font-family:"Noto Sans","Segoe UI",system-ui,sans-serif;font-weight:600;color:var(--accent-dark);white-space:nowrap}
.tt-tw{overflow-x:auto;margin:8px 0}
.tt-t{border-collapse:collapse;width:100%;font-size:14px}
.tt-t th,.tt-t td{border:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}
.tt-t thead th{background:var(--accent-soft);color:var(--accent-dark)}
.tt-t tbody th{background:var(--sunk);white-space:nowrap}
.tt-pairs td{text-align:center}
.tt-small{font-size:13px}
.tt-note{padding:10px 14px;border-radius:12px;background:var(--sunk);border:1px solid var(--border);font-size:14px}
.tt-box{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-size:14px}
.tt-warn{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 35%,var(--border))}
.tt-tag{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 35%,var(--border));font-size:12px;font-weight:600;color:var(--ink)}
html[data-lang="bi"] .tt-enonly{display:none}
@media (max-width:640px){.tt-page{padding:16px 14px}.tt-t{font-size:13px}.tt-t th,.tt-t td{padding:5px 7px}.tt-n{min-width:40px;height:40px}}
@media print{
  body *{visibility:hidden}
  .tt,.tt *{visibility:visible}
  .tt{position:absolute;left:0;top:0;width:100%}
  .tt-nop,.tt-enonly{display:none!important}
  .tt-page{break-after:page;page-break-after:always;box-shadow:none;border:0;padding:0;margin:0;font-size:11.5px;background:#fff;color:#000}
  .tt-page:last-of-type{break-after:auto}
  .tt-t{font-size:10.5px}.tt-t th,.tt-t td{padding:3px 6px;border-color:#999}
  .tt-t thead th,.tt-t tbody th,.tt-note{background:#eee!important;color:#000}
  .tt-i{color:#000}.tt-n{background:#000;color:#fff}.tt-page h4{color:#000}
  @page{size:A4;margin:12mm}
}