/* US-only additions on top of India's news.css */

/* if the nav ever overflows, "safe" keeps the first items reachable */
.nav__list { justify-content: safe center; }

.us-search { margin-bottom: 18px; }

/* multi-period results table: .facts gives row headers 42% width, which
   pushes the first period column far from the rest */
.facts--wide thead th, .facts--wide td { width: auto; padding-left: 14px; }


/* Our guide cards have no images (India's do), so give the text a little more room */
.guide-card__body { padding: 16px 16px 18px; }
.us-guide-excerpt { color: #c9cde0; font-size: 13.5px; line-height: 1.45; margin-top: 8px; }

/* 3-month share-price chart (blog/charts.py) — styled like India's .facts captions */
.us-chart { margin: 6px 0 28px; font-family: var(--sans); }
.us-chart__title { font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  color: var(--ink); border-bottom: 2px solid var(--ink-strong); padding-bottom: 7px; margin-bottom: 10px; }
.us-chart img { display: block; width: 100%; height: auto; }
.us-chart__note { margin-top: 6px; }
.us-chart__data summary { cursor: pointer; font-size: 13px; font-weight: 600; color: var(--ink-2); margin-top: 6px; }
.us-chart__data .facts { margin-top: 8px; }

/* "Get Alerts" coming-soon popup (base.html). Buttons reuse India's .btn-cta / .btn-ink */
button.btn-cta, button.btn-ink { border: 0; cursor: pointer; font-family: inherit; }  /* keep India's weight/size */
.us-soon { max-width: 440px; width: calc(100% - 32px); border: 0; border-top: 3px solid var(--accent);
  border-radius: var(--radius); padding: 26px 26px 22px; color: var(--ink); background: var(--paper);
  box-shadow: 0 20px 60px rgba(0,0,0,.25); font-family: var(--sans); }
.us-soon::backdrop { background: rgba(1,4,13,.55); }
.us-soon h2 { font-family: var(--serif); margin: 2px 0 10px; }
.us-soon p:not(.kicker) { font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 0 0 10px; }
.us-soon .btn-ink { margin-top: 8px; }

/* /learn/ cards: hand-written guides have no photo — a navy tile with the topic instead */
.us-guide-thumb { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 12px 14px;
  background: radial-gradient(60% 160% at 30% 40%, var(--island-2) 0%, var(--island) 100%);
  color: #ffd166; font: 700 12px/1.2 var(--sans); letter-spacing: 1.4px; text-transform: uppercase; }
@media (max-width: 882px) { .us-guide-thumb { font-size: 9px; letter-spacing: .6px; padding: 6px 7px; } }

/* Author pages — India's news.css (newer than our copy) */
.avatar { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--ink-strong); color: #fff; font-family: var(--serif); font-size: 22px; font-weight: 700; letter-spacing: 0.5px; object-fit: cover; }
.avatar--lg { width: 96px; height: 96px; font-size: 34px; }
.list-item--author { justify-content: flex-start; align-items: flex-start; }
.list-item--author > .avatar { flex: none; min-width: 64px; }
.list-item--author > div { flex: 1; min-width: 0; }
.author-head { display: flex; align-items: center; gap: 20px; }

/* "Get Alerts" form inside the popup (signups app) */
.us-soon { max-height: calc(100vh - 32px); overflow-y: auto; }
.us-signup { display: grid; gap: 12px; margin-top: 6px; }
.us-signup__field { display: grid; gap: 5px; font-size: 13px; font-weight: 600; color: var(--ink); }
.us-signup input, .us-signup select { height: 42px; padding: 0 12px; border: 1px solid #aaa; border-radius: 4px;
  background: var(--paper); color: var(--ink); font: 16px var(--sans); width: 100%; min-width: 0; }
.us-signup input:focus, .us-signup select:focus { outline: none; border-color: var(--ink-strong); box-shadow: 0 0 0 1px var(--ink-strong); }
.us-signup__phone { display: grid; grid-template-columns: 116px 1fr; gap: 8px; }
.us-signup__err { font-size: 12.5px; font-weight: 600; color: var(--accent); min-height: 0; margin: 0; }
.us-signup__err:empty { display: none; }
.us-soon p.us-signup__consent { font-size: 11.5px; line-height: 1.45; color: var(--ink-3); margin: 0; }
.us-signup .btn-ink { margin-top: 2px; width: 100%; border: 0; cursor: pointer; }
.us-signup .btn-ink:disabled { opacity: .6; cursor: wait; }
.us-signup__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* "Earlier announcements" table with source links (India's newer news.css) */
.facts.track th, .facts.track thead th { width: auto; white-space: nowrap; padding-right: 14px; }
.facts.track thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.facts.track td { font-weight: 400; }
.facts.track td:nth-child(3) { font-weight: 700; white-space: nowrap; padding-right: 14px; }
.facts.track td small a { color: var(--ink-2); text-decoration: underline; }