/* 터미널ON 단축코드 — informationbox 공통 색 (종이색·잉크 네이비·라임) */
.tmon-tt, .tmon-term, .tmon-notice {
	--tm-paper: #FAF9F4;
	--tm-ink: #10182B;
	--tm-lime: #CFFF3E;
	--tm-line: #E4E1D6;
	--tm-muted: #5B6273;
	--tm-amber: #FFC94D;
	font-family: "Gowun Batang",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",serif;
	box-sizing: border-box;
}
.tmon-tt *, .tmon-term * { box-sizing: border-box; }

.tmon-tt {
	margin: 1.6em 0;
	border: 1px solid var(--tm-line);
	border-radius: 14px;
	background: var(--tm-paper);
	padding: 18px;
	color: var(--tm-ink);
}
.tmon-tt__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 12px; margin-bottom: 10px; }
.tmon-tt__title { font-size: 1.05em; }
.tmon-tt__date { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .85em; color: var(--tm-muted); }
.tmon-tt__sample { margin: 0 0 10px; padding: 8px 10px; border-radius: 8px; background: #FFF3CF; font-size: .88em; }

.tmon-tt__sum { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.tmon-tt__sum li { background: #fff; border: 1px solid var(--tm-line); border-radius: 10px; padding: 8px 10px; margin: 0; }
.tmon-tt__sum span { display: block; font-size: .78em; color: var(--tm-muted); }
.tmon-tt__sum b { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 1.05em; }

.tmon-tt__board { background: var(--tm-ink); border-radius: 10px; overflow-x: auto; max-height: 460px; overflow-y: auto; }
.tmon-tt__board table { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: .9em; }
.tmon-tt__board th { position: sticky; top: 0; background: #1B2540; color: #AEB6C8; font-weight: 600; font-size: .8em; text-align: left; padding: 9px 10px; border: 0; white-space: nowrap; }
.tmon-tt__board td { color: #E9ECF3; padding: 8px 10px; border: 0; border-top: 1px solid #222D4A; white-space: nowrap; font-family: "JetBrains Mono", ui-monospace, monospace; }
.tmon-tt__board td.t { color: var(--tm-amber); font-weight: 700; }

.tmon-tt__empty { margin: 0; padding: 14px; background: #fff; border-radius: 10px; border: 1px dashed var(--tm-line); }
.tmon-tt__more, .tmon-tt__src, .tmon-tt__warn { margin: 8px 0 0; font-size: .8em; color: var(--tm-muted); }
.tmon-tt__book { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.tmon-tt__book a { display: inline-block; padding: 8px 12px; border-radius: 999px; border: 1.5px solid var(--tm-ink); color: var(--tm-ink); background: transparent; text-decoration: none; font-weight: 600; font-size: .88em; }
.tmon-tt__book a:hover { background: var(--tm-ink); color: var(--tm-lime); }

.tmon-term { margin: 1.6em 0; border: 1px solid var(--tm-line); border-left: 6px solid var(--tm-lime); border-radius: 12px; background: #fff; padding: 16px 18px; color: var(--tm-ink); }
.tmon-term__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.tmon-term__status { font-size: .78em; font-weight: 700; padding: 3px 9px; border-radius: 999px; }
.tmon-term__status.is-ok { background: var(--tm-lime); color: var(--tm-ink); }
.tmon-term__status.is-warn { background: #FFD9D2; color: #8A1F0E; }
.tmon-term dl { display: grid; grid-template-columns: 88px 1fr; gap: 6px 12px; margin: 0; }
.tmon-term dt { font-size: .85em; color: var(--tm-muted); font-weight: 600; margin: 0; }
.tmon-term dd { margin: 0; font-size: .95em; }
.tmon-term__checked { margin: 12px 0 0; font-size: .8em; color: var(--tm-muted); }
.tmon-term__empty { padding: 10px; background: #FFF3CF; border-radius: 8px; }

.tmon-notice { margin: 2em 0 0; padding: 12px 14px; border-top: 1px solid #E4E1D6; font-size: .85em; color: #5B6273; }

@media (max-width: 520px) {
	.tmon-tt { padding: 14px; }
	.tmon-term dl { grid-template-columns: 1fr; }
	.tmon-term dt { margin-top: 6px; }
}