/* Man Tam tinh theo ma spec (/hoso/{ma}/v{n}/tam-tinh). Lane tamtinh2 21/10/2026. Chi dung token va
   thanh phan dung chung cua app.css (.btn, .bao, .nhan, .truong, .o, .lk). */
.tt-mo-dau { max-width: 84ch; color: var(--muted); margin: 0 0 12px; }
.tt-so { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; margin: 0 0 14px; }
.tt-so b { font-family: var(--font-num); font-size: var(--fs-lg); }
.tt-trong { color: var(--muted); }
.tt-cum { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-box); margin: 0 0 8px; }
.tt-cum.co-gia { border-left: 3px solid var(--accent); }
.tt-cum > summary { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 3fr) minmax(0, 0.8fr) minmax(0, 1fr) 140px auto; gap: 12px; align-items: baseline; padding: 9px 14px; cursor: pointer; }
.tt-cum .ma { font-weight: var(--fw-dam); font-family: var(--font-num); }
.tt-cum .ten { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tt-cum .dvt, .tt-cum .kl { color: var(--muted); font-size: var(--fs-sm); }
.tt-cum .gia { text-align: right; font-family: var(--font-num); }
.tt-cum .chung-cu, .tt-cum .tt-khoang { margin: 0 14px 8px; color: var(--muted); max-width: 90ch; }
.tt-cum .bao { margin: 0 14px 10px; }
.tt-dong-mau { margin: 0 14px 10px; padding-left: 18px; color: var(--muted); font-size: var(--fs-sm); }
.tt-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px 14px; padding: 4px 14px 14px; align-items: end; }
.tt-form .truong { display: flex; flex-direction: column; gap: 4px; }
.tt-bo { padding: 0 14px 14px; }
.tt-tep { margin: 0 0 14px; }
.tt-roi { background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--warn, var(--accent)); border-radius: var(--r-box); margin: 0 0 14px; padding: 10px 14px 6px; }
.tt-roi h2 { margin: 0 0 6px; font-size: var(--fs-lg); }
.tt-roi ul { list-style: none; margin: 0; padding: 0; }
.tt-roi li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); }
.tt-roi .ma { font-weight: var(--fw-dam); font-family: var(--font-num); margin-right: 8px; }
.tt-roi .ly-do { grid-column: 1; color: var(--muted); font-size: var(--fs-sm); }
.tt-roi .tt-bo-dong { grid-column: 2; grid-row: 1 / span 2; }
/* Tiêu đề ô ngôn ngữ ở màn này là h2 (sau h1, không nhảy cấp); giữ nguyên dáng h3 cũ. */
.ngon-ngu-xuat > h2 { font-size: 1.17em; margin: 1em 0; }