/* OGA News Operation System — front-end styles */

.oga-nos-magazine { --oga-nos-accent: #0b6e4f; --oga-nos-ink: #1a1a1a; --oga-nos-muted: #6b6b6b; }

.oga-nos-chip-row { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; }
.oga-nos-chip { padding: .35rem .9rem; border-radius: 999px; border: 1px solid #d8d8d8; text-decoration: none; color: var(--oga-nos-ink); font-size: .85rem; }
.oga-nos-chip.is-active, .oga-nos-chip:hover { background: var(--oga-nos-accent); border-color: var(--oga-nos-accent); color: #fff; }

.oga-nos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; }
.oga-nos-grid--publishers { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

.oga-nos-card { border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; background: #fff; transition: box-shadow .15s ease, transform .15s ease; }
.oga-nos-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); transform: translateY(-2px); }
.oga-nos-card__link { text-decoration: none; color: inherit; display: block; }
.oga-nos-card__media img { width: 100%; height: 160px; object-fit: cover; display: block; }
.oga-nos-card__body { padding: 1rem; }
.oga-nos-card__badges { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .5rem; }
.oga-nos-card__title { font-size: 1.05rem; margin: 0 0 .4rem; line-height: 1.3; }
.oga-nos-card__excerpt { font-size: .9rem; color: var(--oga-nos-muted); margin: 0 0 .5rem; }
.oga-nos-card__byline { font-size: .78rem; color: var(--oga-nos-muted); margin: 0; }

.oga-nos-badge { display: inline-block; font-size: .68rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 999px; }
.oga-nos-badge--cat { background: #eef6f2; color: var(--oga-nos-accent); }
.oga-nos-badge--featured { background: #fff4e0; color: #a15c00; }
.oga-nos-badge--sponsored { background: #ffe9e9; color: #b3261e; }
.oga-nos-badge--plan { background: #eef2ff; color: #3b3ba0; }

.oga-nos-spotlight { border-radius: 14px; padding: 2rem; background: linear-gradient(135deg,#0b6e4f,#0a5540); color: #fff; margin: 2rem 0; }
.oga-nos-spotlight__eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; opacity: .85; }
.oga-nos-spotlight__media img { width: 100%; border-radius: 10px; margin: 1rem 0; }
.oga-nos-spotlight__title a { color: #fff; text-decoration: none; }
.oga-nos-spotlight__cta { display: inline-block; margin-top: .75rem; color: #fff; font-weight: 600; text-decoration: underline; }

.oga-nos-publisher-card { border: 1px solid #eaeaea; border-radius: 10px; padding: 1.2rem; text-align: center; background: #fff; }
.oga-nos-publisher-card__logo img { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; margin: 0 auto .6rem; }
.oga-nos-publisher-card__link, .oga-nos-publisher-card__site { display: block; margin-top: .4rem; font-size: .85rem; }

.oga-nos-article__header h1 { margin-bottom: .3rem; }
.oga-nos-article__meta { color: var(--oga-nos-muted); font-size: .9rem; }
.oga-nos-article__media img { width: 100%; border-radius: 10px; margin: 1rem 0; }
.oga-nos-btn, .oga-nos-boost-cta a { display: inline-block; background: var(--oga-nos-accent); color: #fff; padding: .6rem 1.1rem; border-radius: 8px; text-decoration: none; font-weight: 600; }

.oga-nos-related { margin-top: 2.5rem; }
.oga-nos-empty { color: var(--oga-nos-muted); }
.oga-nos-pagination { margin-top: 1.5rem; display: flex; gap: .5rem; }

/* ══════════════════════════════════════════════════════════════════════════
 * TOP-OF-THEME · Tourism News feature band (light OGA brand)
 * ══════════════════════════════════════════════════════════════════════════ */
.oga-nos-top {
	margin: 0 0 24px;
	padding: 22px clamp(16px, 4vw, 32px);
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(0,29,108,.05), transparent 55%),
		#f6f8fc;
	border-bottom: 3px solid var(--oga-red, #b01c2e);
}
.oga-nos-top__eyebrow {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 11px; color: var(--oga-navy, #001D6C); letter-spacing: .02em;
}
.oga-nos-top__title { margin: 4px 0 4px; font-size: clamp(20px, 3vw, 26px); font-weight: 800; color: var(--oga-navy, #001D6C); }
.oga-nos-top__sub { margin: 0 0 16px; font-size: 13.5px; color: #55617a; max-width: 70ch; }

.oga-nos-top__grid {
	display: grid;
	grid-template-columns: 2fr repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px;
}
@media (max-width: 720px){ .oga-nos-top__grid { grid-template-columns: 1fr; } }

.oga-nos-top__card {
	display: flex; flex-direction: column; gap: 6px;
	padding: 16px; border-radius: 12px;
	background: #fff; border: 1px solid #e3e8f2;
	transition: transform .14s ease, box-shadow .14s ease;
}
.oga-nos-top__card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,29,108,.10); }
.oga-nos-top__card.is-lead { border-top: 3px solid var(--oga-gold, #EAB308); }

.oga-nos-top__tag {
	align-self: flex-start; font-size: 9.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
	color: var(--oga-red, #b01c2e); background: rgba(176,28,46,.08); padding: 2px 8px; border-radius: 999px;
}
.oga-nos-top__card-title { margin: 2px 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
.oga-nos-top__card.is-lead .oga-nos-top__card-title { font-size: 19px; }
.oga-nos-top__card-title a { color: var(--oga-navy, #001D6C); text-decoration: none; }
.oga-nos-top__card-title a:hover { color: var(--oga-red, #b01c2e); }
.oga-nos-top__excerpt { margin: 0; font-size: 13px; color: #4a5568; line-height: 1.55; }
.oga-nos-top__meta { font-size: 11px; color: #8894ac; }
.oga-nos-top__cta { margin-top: auto; font-size: 12.5px; font-weight: 700; color: var(--oga-red, #b01c2e); text-decoration: none; }
.oga-nos-top__cta:hover { color: var(--oga-navy, #001D6C); }

@media (prefers-reduced-motion: reduce){ .oga-nos-top__card { transition: none; } .oga-nos-top__card:hover { transform: none; } }