/* Antoni 3.0 - tools.css: monitor kurs dan daftar berita. */

.currency { display: grid; gap: 1.5rem; margin-block: 1rem 2rem; }
.currency__converter { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: end; }
.currency__field label { display: block; margin-bottom: .3rem; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.currency__result { grid-column: 1 / -1; margin: 0; font-family: var(--font-display); font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; letter-spacing: -.02em; color: var(--c-primary); overflow-wrap: anywhere; }
.currency__status { margin: 0; color: var(--c-muted); font-size: .875rem; }
.currency[data-state="error"] .currency__status { color: var(--c-danger); }
.currency__tables { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
.currency .section-head__title { margin-bottom: .75rem; }

.currency table { width: 100%; border-collapse: collapse; font-size: .9375rem; font-variant-numeric: tabular-nums; }
.currency th { font-size: .6875rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-muted); }
.currency th, .currency td { padding: .65rem .5rem; text-align: right; border-bottom: 1px solid var(--c-border); white-space: nowrap; }
.currency th:first-child, .currency td:first-child { text-align: left; font-weight: 700; }
.currency tbody tr:hover { background: var(--c-surface-2); }
.currency .is-up { color: var(--c-accent); font-weight: 700; }
.currency .is-down { color: var(--c-danger); font-weight: 700; }

.news-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; counter-reset: news; border-top: 1px solid var(--c-border); }
.news-list__item { position: relative; padding: 1.25rem 0 1.25rem 3.25rem; border-bottom: 1px solid var(--c-border); counter-increment: news; }
.news-list__item::before { content: counter(news, decimal-leading-zero); position: absolute; left: 0; top: 1.15rem; font-family: var(--font-display); font-size: 1.75rem; font-weight: 800; line-height: 1; color: var(--c-primary); }
.news-list__title { margin: 0 0 .35rem; font-size: 1.25rem; }
.news-list__title a { color: var(--c-text); text-decoration: none; }
.news-list__title a:hover { color: var(--c-primary); text-decoration: underline; }
.news-list__item p:last-child { margin-bottom: 0; }

@media (min-width: 768px) {
	.currency__converter { grid-template-columns: 1fr 1fr auto 1fr; }
}
@media (min-width: 1024px) {
	.currency__tables { grid-template-columns: 1fr 1fr; align-items: start; }
}