.hidden { display: none !important; }
.data-status { grid-column: 1 / -1; padding: 30px 0; color: #68717c; line-height: 1.8; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.form-status { min-height: 22px; margin: 14px 0 0; color: var(--rust); font-size: 12px; }
.article-tags a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 99px; font-size: 11px; }
.search-panel { position: fixed; z-index: 100; inset: 0; display: grid; place-items: start center; padding: 16vh 20px 20px; background: rgba(5,15,30,.93); backdrop-filter: blur(14px); }
.search-panel form { width: min(820px,100%); color: #fff; }
.search-panel label { display: block; margin-bottom: 18px; font-family: Oswald,sans-serif; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.search-panel form > div { display: grid; grid-template-columns: 1fr auto auto; align-items: center; border-bottom: 2px solid var(--gold); }
.search-panel input { min-width: 0; padding: 20px 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: clamp(22px,4vw,42px); }
.search-panel button { padding: 18px; border: 0; background: transparent; color: #fff; cursor: pointer; font-weight: 800; }
.search-panel #search-close { color: var(--gold); font-size: 30px; }
.share-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 30px 0 10px; }
.share-bar > span { margin-right: 6px; font-family: Oswald,sans-serif; font-size: 10px; font-weight: 900; letter-spacing: .14em; color: var(--rust); }
.share-bar a,.share-bar button { padding: 10px 14px; border: 1px solid var(--line); border-radius: 99px; background: transparent; color: var(--ink); cursor: pointer; font-size: 11px; font-weight: 800; }
.archive { min-height: 70vh; }
.archive-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; padding-bottom: 34px; border-bottom: 3px solid var(--ink); }
.archive-heading > p { grid-column: 1 / -1; margin: 0; color: var(--rust); font: 900 10px Oswald,sans-serif; letter-spacing: .16em; }
.archive-heading h1 { margin: 0; font: 700 clamp(48px,7vw,96px)/.95 Oswald,"Noto Sans Myanmar",sans-serif; letter-spacing: -.045em; }
.archive-heading > span { font: 800 10px Oswald,sans-serif; letter-spacing: .13em; }
.archive-grid { display: grid; }
.archive-card { display: grid; grid-template-columns: minmax(240px,420px) 1fr; gap: clamp(28px,5vw,74px); padding: 42px 0; border-bottom: 1px solid var(--line); }
.archive-image { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #d9d4ca; }
.archive-image img { height: 100%; object-fit: cover; transition: transform .5s; }
.archive-card:hover img { transform: scale(1.03); }
.archive-image > span { position: absolute; right: 14px; bottom: 8px; color: #fff; font: 900 40px Oswald,sans-serif; }
.archive-card h2 { margin: 0 0 14px; font-size: clamp(23px,2.5vw,38px); line-height: 1.45; }
.archive-card > div > p:not(.eyebrow) { max-width: 760px; margin: 0 0 22px; color: #606a75; font-size: 13px; line-height: 1.85; }
.archive-read { display: inline-block; padding-bottom: 7px; border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 800; }
@media(max-width:700px) {
  .archive-heading { grid-template-columns: 1fr; }
  .archive-card { grid-template-columns: 1fr; gap: 24px; padding: 30px 0; }
  .archive-image { aspect-ratio: 4/3; }
}