/* Dynamic homepage additions for IranianDaily.com. */
.archive-tools { border-bottom: 1px solid var(--ink); background: var(--paper-deep); }
.archive-form { display: grid; grid-template-columns: 170px minmax(170px,.75fr) minmax(260px,1.3fr) 150px auto; gap: 10px; align-items: end; padding-block: 14px; }
.archive-form label { display: grid; min-width: 0; gap: 4px; }
.archive-form label > span { color: #756e64; font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.archive-form input, .archive-form select { width: 100%; min-width: 0; height: 38px; padding: 0 10px; border: 1px solid var(--rule); outline: 0; background: var(--paper-light); color: var(--ink); font: 500 10px var(--sans); }
.archive-form input:focus, .archive-form select:focus { border-color: var(--teal); box-shadow: 0 0 0 2px rgba(23,109,106,.12); }
.archive-form button { height: 38px; padding: 0 16px; border: 0; background: var(--ink); color: white; cursor: pointer; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.archive-form button:hover { background: var(--teal); }
.status-note { margin: 24px auto 0; padding: 12px 15px; border-left: 3px solid var(--teal); background: var(--paper-light); color: var(--ink-soft); font-size: 10px; }
.status-note.warning { border-color: var(--red); }
.top-track a:hover { text-decoration: underline; }
.lead-image > a { display: block; height: 100%; }
.lead-fallback { height: 100%; display: grid; place-items: center; padding: 30px; background: linear-gradient(135deg, #14243f, #176d6a); color: white; font: 600 clamp(35px,5vw,70px)/.9 var(--serif); text-align: center; }
.video-marker { position: absolute; z-index: 2; left: 14px; bottom: 13px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--gold); color: var(--ink); font-size: 12px; }
.policy-wire .wire-list a { display: contents; }
.empty-edition { grid-column: 1 / -1; padding: 80px 30px; border-block: 3px double var(--ink); text-align: center; }
.empty-edition h1 { margin: 0 0 10px; font: 600 clamp(40px,7vw,76px)/.95 var(--serif); }
.empty-edition p { color: var(--ink-soft); }
.story-photo a { display: block; height: 100%; }
.story-photo .media-fallback { height: 100%; }
.media-fallback { min-height: 100%; display: grid; place-items: center; padding: 18px; background: var(--ink); color: var(--paper); font: 600 30px/1 var(--serif); text-align: center; }
.verified-note { color: var(--teal) !important; font-weight: 700; }
.argument .author-mark.verified-mark { background: var(--gold); color: var(--ink); font-family: var(--sans); font-weight: 700; }
.argument h3 a { display: block; }
.argument-source { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dispatch { overflow: hidden; }
.dispatch.has-media { padding-right: min(43%, 280px); }
.dispatch-media { position: absolute; inset: 0 0 0 auto; width: 38%; height: 100%; object-fit: cover; opacity: .74; }
.dispatch.has-media::after { content: ""; position: absolute; inset: 0 30% 0 0; pointer-events: none; background: linear-gradient(90deg, #172743 75%, transparent); }
.dispatch.has-media > :not(.dispatch-media) { position: relative; z-index: 1; }
.feature-dispatch.has-media::after { background: linear-gradient(90deg, var(--paper-light) 75%, transparent); }
.topic-empty { margin-top: 28px; }
.record-row .verified-stage { background: var(--teal-light); color: var(--teal); }
.record-row .news-stage { background: #e5e1d9; color: #665f56; }
.record-row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsletter .archive-search input::placeholder { color: rgba(255,255,255,.62); }
.newsletter .archive-search .form-status { color: #d7e7e5; }
.search-result:hover b { color: var(--teal); }
.search-result b { transition: color .2s; }
.source-count { color: var(--gold); }

@media (max-width: 1140px) {
  .archive-form { grid-template-columns: 1fr 1fr 1.3fr auto; }
  .archive-form .content-control { grid-column: 1 / 2; }
  .archive-form .archive-submit { grid-column: 4; grid-row: 1 / 3; height: 100%; }
}
@media (max-width: 820px) {
  .archive-form { grid-template-columns: 1fr 1fr; }
  .archive-form .archive-search { grid-column: 1 / -1; }
  .archive-form .content-control { grid-column: auto; }
  .archive-form .archive-submit { grid-column: 1 / -1; grid-row: auto; height: 38px; }
  .dispatch.has-media { padding-right: 23px; }
  .dispatch-media { opacity: .2; width: 100%; }
  .dispatch.has-media::after, .feature-dispatch.has-media::after { inset: 0; background: rgba(19,33,60,.78); }
  .feature-dispatch.has-media::after { background: rgba(251,249,243,.86); }
}
@media (max-width: 560px) {
  .archive-form { grid-template-columns: 1fr; }
  .archive-form .archive-search, .archive-form .archive-submit { grid-column: auto; }
  .archive-form .content-control { grid-column: auto; }
  .status-note { margin-top: 16px; }
  .record-row > b { font-size: 10px; }
}