/* Thursday AI: the pages at /ai/ and the ask field wherever it appears in the paper. Built on the identity's
   tokens and components (tokens.css, identity.css). The sky is Thursday AI's own colour: dawn for light
   surfaces, dusk for dark ones; the question sits on the sky, the answer and its proof stay on paper. */

/* ------------------------------------------------------------------ page */
.tai-page { margin: 0; background: var(--tt-bg); color: var(--tt-text); font-family: var(--font-text); -webkit-font-smoothing: antialiased; }
.tai-page[dir="rtl"] { font-family: var(--font-urdu); }
.tai-page h1, .tai-page h2, .tai-page h3, .tai-page p { margin: 0; }
.tai-page h1, .tai-page h2, .tai-page h3 { text-wrap: balance; }
.tai-page a:not(.tt-button) { color: inherit; }
.tai-page img, .tai-page svg { max-width: 100%; }
.tai-page input, .tai-page button:not(.tt-button):not(.tai-ask__go), .tai-page select, .tai-page textarea { font: inherit; color: inherit; }
.tai-page ::placeholder { color: var(--tt-text-secondary); opacity: 1; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 12px 16px; background: var(--tt-text); color: var(--tt-bg); font-weight: 600; text-decoration: none; }
.skip-link:focus { top: 16px; }
.skip-link:lang(ur) { font-family: var(--font-urdu); }
/* Below the fold, a band is laid out and drawn (and its faces and pictures fetched) only as it comes near. */
.tai-band, .tai-footer { content-visibility: auto; contain-intrinsic-size: auto 800px; }
.tai-wrap { box-sizing: border-box; max-width: var(--tt-max-width); margin: 0 auto; padding-inline: var(--tt-margin-desktop); }
.tai-caption { margin: 0; font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-page[dir="rtl"] .tai-caption { font-size: 14px; line-height: 26px; }
.tai-mute { color: var(--tt-text-secondary); }
.tai-txt { margin: 0; font-size: 16px; line-height: 24px; }
.tai-page[dir="rtl"] .tai-txt, .tai-page[dir="rtl"] .tt-body { font-family: var(--font-urdu); font-size: 17px; line-height: 32px; }
.tai-page[dir="rtl"] .tt-headline-xl, .tai-page[dir="rtl"] .tt-headline-l, .tai-page[dir="rtl"] .tt-headline-m, .tai-page[dir="rtl"] .tt-headline-s { font-family: var(--font-urdu); letter-spacing: 0; line-height: 1.55; }
.tai-page[dir="rtl"] .tt-headline-m { font-size: 23px; } .tai-page[dir="rtl"] .tt-headline-s { font-size: 19px; }
.tai-page[dir="rtl"] .tt-button { font-family: var(--font-urdu); }
@keyframes tai-blink { 0% { opacity: 1 } 50% { opacity: .18 } 100% { opacity: 1 } }
.tai-blink, .tai-live rect { animation: tai-blink var(--tt-blink) steps(1, end) infinite; }
@media (prefers-reduced-motion: reduce) { .tai-blink, .tai-live rect { animation: none; } }

/* ----------------------------------------------------------------- the sky */
.tai-sky { position: relative; }
.tai-sky__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tai-sky__on { position: relative; }
.tai-sky--dawn { --tt-graphite: rgba(0,0,0,0.72); --tt-text-secondary: rgba(0,0,0,0.72); --tt-rule: rgba(0,0,0,0.16); --tt-border: rgba(0,0,0,0.16); }
.tai-sky--dusk, .tai-footer, .tai-verdict__head { --tt-bg: var(--tt-ink); --tt-text: var(--tt-paper); --tt-graphite: rgba(255,255,255,0.8); --tt-text-secondary: rgba(255,255,255,0.8); --tt-rule: rgba(255,255,255,0.22); --tt-border: rgba(255,255,255,0.22); color: var(--tt-paper); }

/* --------------------------------------------------------------- the header */
.tai-head { background: transparent; }
.tai-head .tt-header__bar { max-width: var(--tt-max-width); }
.tai-head .tt-header__link { white-space: nowrap; }
.tai-head .tt-header__link[aria-current="page"] { border-bottom: var(--tt-rule-section-width) solid var(--tt-text); padding-bottom: 7px; }
.tai-head .tt-header__start { gap: var(--tt-space-2); }
.tai-head .tt-header__tools { gap: var(--tt-space-5); }
.tai-head .tai-head__phone-edition { min-width: 44px; height: 44px; align-items: center; justify-content: center; font-family: var(--font-edition, var(--font-urdu)); font-weight: 600; font-size: 17px; text-decoration: none; }
.tai-head .tai-head__phone-edition:lang(en) { font-family: var(--font-text); font-size: 15px; }
.tai-head .tai-head__home { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; height: auto; width: auto; text-decoration: none; }
.tai-head__mark { display: block; line-height: 0; }
.tai-head__line { display: block; font-family: var(--font-nav); font-weight: 600; font-size: 9px; line-height: 12px; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; color: var(--tt-text-secondary); }
.tai-page[dir="rtl"] .tai-head__line { font-family: var(--font-urdu); font-weight: 500; font-size: 12px; letter-spacing: 0; text-transform: none; }
.tai-head--dusk { color: var(--tt-paper); --tt-text: var(--tt-paper); --tt-bg: var(--tt-ink); --tt-border: rgba(255,255,255,0.22); --tt-text-secondary: rgba(255,255,255,0.8); }
.tai-page[dir="rtl"] .tai-head .tt-header__link { font-family: var(--font-urdu); font-size: 17px; }
.tai-menu-panel { border-bottom: var(--tt-rule-item-width) solid var(--tt-border); background: var(--tt-bg); color: var(--tt-text); }
.tai-menu-panel[hidden] { display: none; }
.tai-menu-panel .tai-wrap { display: flex; flex-direction: column; gap: var(--tt-space-5); padding-block: var(--tt-space-5) var(--tt-space-6); }
.tai-menu-panel ul { margin: 0; padding: 0; list-style: none; }
.tai-menu-panel li a { display: flex; align-items: center; min-height: 52px; border-top: var(--tt-rule-item-width) solid var(--tt-border); font-family: var(--font-display); font-weight: 700; font-size: 21px; text-decoration: none; }
.tai-menu-panel li:first-child a { border-top: 0; }
.tai-page[dir="rtl"] .tai-menu-panel li a { font-family: var(--font-urdu); }
@media (max-width: 1180px) {
  .tai-head .tt-header__nav { display: none; }
  .tai-head .tt-header__tools { grid-column: 3; }
  .tai-head .tai-menu { display: inline-flex; margin-inline-start: -10px; }
  .tai-head .tai-head__home { align-items: center; }
  .tai-head .tai-head__mark .tt-logo { width: 140px; height: auto; }
}
@media (max-width: 767px) { .tai-head .tt-header__start { gap: 0; } }

/* ------------------------------------------------------------------- bands */
.tai-band .tai-wrap { padding-top: clamp(56px, 7.5vw, 96px); padding-bottom: clamp(56px, 7.5vw, 96px); }
.tai-band.tai-pad-top .tai-wrap { padding-bottom: 0; }
.tai-band.tai-pad-bottom .tai-wrap { padding-top: 0; }
.tai-band.tai-pad-none .tai-wrap { padding-top: 0; padding-bottom: 0; }
.tai-band.tai-pad-tight .tai-wrap { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(56px, 7.5vw, 96px); }
.tai-band--dark { background: var(--tt-ink); color: var(--tt-paper); --tt-bg: var(--tt-ink); --tt-text: var(--tt-paper); --tt-text-secondary: #a8a8a8; --tt-border: #3a3a3a; --tt-panel: #1c1c1c; }
.tai-spacer { height: clamp(56px, 7.5vw, 96px); }

/* The hero on the sky. */
.tai-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 48px 24px; padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(48px, 6vw, 80px); }
.tai-hero__text { flex: 7 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.tai-hero__right { flex: 5 1 340px; min-width: 0; }
.tai-hero__label { display: flex; align-items: center; justify-content: space-between; gap: 16px; align-self: stretch; }
.tai-hero__title { font-family: var(--font-display); font-weight: 900; letter-spacing: -0.025em; }
.tai-hero__title--xl { font-size: clamp(44px, 5.625vw, 72px); line-height: 1; }
.tai-hero__title--l { font-size: clamp(32px, 3.6vw, 46px); line-height: 1.05; }
.tai-page[dir="rtl"] .tai-hero__title { font-family: var(--font-urdu); letter-spacing: 0; line-height: 1.5; }
.tai-page[dir="rtl"] .tai-hero__title--xl { font-size: clamp(34px, 4.4vw, 58px); }
.tai-hero__deck { max-width: 28em; font-size: clamp(18px, 1.65vw, 21px); line-height: 1.52; }
.tai-page[dir="rtl"] .tai-hero__deck { font-family: var(--font-urdu); line-height: 1.9; }
.tai-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 8px; }
.tai-hero__field { align-self: stretch; display: flex; flex-direction: column; gap: 16px; max-width: 640px; }

/* The opener of a section: a 3 px rule, a label, a headline. */
.tai-opener { border-top: var(--tt-rule-section-width) solid var(--tt-text); padding-top: 24px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; }
.tai-opener__text { display: flex; flex-direction: column; gap: 16px; flex: 1 1 420px; }
.tai-opener__label { display: flex; }
.tai-opener__deck { max-width: 34em; }
.tai-after { padding-top: 40px; }
.tai-after--s { padding-top: 32px; }

/* Columns. */
.tai-pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 32px 24px; }
.tai-pillars--wide { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.tai-pillar { display: flex; flex-direction: column; gap: 12px; padding-top: 20px; border-top: var(--tt-rule-item-width) solid var(--tt-rule); min-width: 0; height: 100%; box-sizing: border-box; }
.tai-pillar > p { font-size: 16px; line-height: 24px; }
.tai-pillar__label { display: flex; }
.tai-page[dir="rtl"] .tai-pillar > p { font-size: 17px; line-height: 32px; }
.tai-cols { display: flex; flex-wrap: wrap; gap: 48px 24px; align-items: flex-start; }
.tai-cols__main { flex: 7 1 460px; min-width: 0; }
.tai-cols__side { flex: 4 1 300px; min-width: 0; }
.tai-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 16px; line-height: 22px; font-weight: 600; text-decoration: none; }
.tai-link:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.tai-links { display: flex; flex-wrap: wrap; gap: 4px 32px; }
.tai-stack { display: flex; flex-direction: column; gap: 24px; }
.tai-stack--s { gap: 12px; }
.tai-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }

/* The ask field: a label waiting for its word. */
.tai-ask { display: flex; height: 56px; margin: 0; }
.tai-ask--small { height: 52px; }
.tai-ask__box { flex: 1; min-width: 0; display: flex; align-items: center; box-sizing: border-box; border: 1.5px solid var(--tt-text); border-inline-end-width: 0; background: var(--tt-bg); }
.tai-ask__t { flex: none; display: flex; align-items: center; padding-inline-start: 16px; }
.tai-ask__input { flex: 1; min-width: 0; box-sizing: border-box; height: 100%; margin: 0; border: 0; padding: 0 12px 0 10px; background: transparent; color: var(--tt-text); font-size: 17px; line-height: 24px; }
.tai-ask--small .tai-ask__input { font-size: 16px; }
.tai-ask__input:focus { outline: none; }
.tai-ask__input[dir="rtl"] { font-family: var(--font-urdu); }
.tai-ask__go { flex: none; width: 56px; margin: 0; padding: 0; border: 0; background: var(--tt-text); color: var(--tt-bg); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.tai-ask--small .tai-ask__go { width: 52px; }
.tai-ask.is-busy .tai-ask__go { opacity: .5; }

/* The proof row: the one orange thing on a screen. */
.tai-proof { display: flex; flex-direction: column; gap: 8px; padding: 14px 12px 14px 16px; border: 1.5px solid var(--tt-text); color: inherit; text-decoration: none; }
.tai-proof__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tai-proof__q { font-size: 16px; line-height: 22px; font-weight: 600; }
.tai-proof__meter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tai-proof__word { font-size: 13px; line-height: 18px; font-weight: 600; }
.tai-proof__sub { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-status { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; line-height: 18px; font-weight: 600; white-space: nowrap; }
.tai-status .tt-meter { gap: 2px; }

/* The story card: every answer opens a story. */
.tai-story { display: flex; flex-direction: column; gap: 12px; padding: 20px; background: var(--tt-ink); color: var(--tt-paper); text-decoration: none; }
.tai-story__kicker, .tai-story__meta { font-size: 13px; line-height: 18px; color: #a8a8a8; }
.tai-story__logo { display: flex; direction: ltr; }
.tai-story__headline { margin-top: 4px; color: var(--tt-paper); }
.tai-story__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

/* The answer. */
.tai-answer { display: flex; flex-direction: column; gap: 24px; }
.tai-answer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tai-answer__when { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-answer__body { max-width: 36em; display: flex; flex-direction: column; gap: 16px; }
.tai-answer__body p { margin: 0; }
.tai-answer__body a { text-decoration: underline; text-underline-offset: .15em; }
.tai-cite { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; box-sizing: border-box; margin: 0 1px; padding: 0 4px; background: var(--tt-text); color: var(--tt-bg); font-size: 11px; line-height: 1; font-weight: 600; text-decoration: none !important; vertical-align: 3px; }
.tai-stats { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 16px; padding: 12px 0 14px; border-top: var(--tt-rule-section-width) solid var(--tt-text); border-bottom: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-stats > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tai-stat__label { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-stat__value { font-family: var(--font-display); font-weight: 900; font-size: 22px; line-height: 26px; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.tai-panel { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--tt-panel); }
.tai-panel p { font-size: 16px; line-height: 25px; }
.tai-timeline { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); padding-top: 12px; }
.tai-dated { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-dated:first-of-type { border-top: 0; }
.tai-dated__when { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); padding-top: 2px; }
.tai-dated__what { font-size: 15px; line-height: 22px; }
.tai-answer__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.tai-answer__foot a { color: inherit; }
.tai-answer__right { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.tai-answer__right .tt-button { min-height: 40px; padding: 0 14px; }
.tai-sources { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); }
.tai-source { display: flex; gap: 12px; padding: 12px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); color: inherit; text-decoration: none; }
.tai-source:first-child { border-top: 0; }
.tai-source__n { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; flex: none; box-sizing: border-box; margin-top: 1px; padding: 0 4px; background: var(--tt-text); color: var(--tt-bg); font-size: 12px; line-height: 1; font-weight: 600; }
.tai-source__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tai-source__kind, .tai-source__detail { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-source__title { font-size: 16px; line-height: 22px; font-weight: 600; }

/* The verdict. */
.tai-verdict { display: flex; flex-direction: column; border: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-verdict__head { position: relative; overflow: hidden; }
.tai-verdict__sky { position: absolute; inset: 0; }
.tai-verdict__sky img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; }
.tai-verdict__text { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 28px 24px 56px; }
.tai-verdict__title { font-family: var(--font-display); font-weight: 900; font-size: clamp(36px, 4vw, 52px); line-height: 1; letter-spacing: -0.025em; }
.tai-page[dir="rtl"] .tai-verdict__title { font-family: var(--font-urdu); letter-spacing: 0; line-height: 1.4; }
.tai-verdict__line { font-size: 17px; line-height: 26px; }
.tai-verdict__body { display: flex; flex-direction: column; gap: 20px; padding: 24px; }
.tai-verdict__ev { display: flex; flex-direction: column; gap: 8px; border-top: var(--tt-rule-section-width) solid var(--tt-text); padding-top: 12px; }
.tai-verdict__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tai-kv { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-kv:first-of-type { border-top: 0; }
.tai-kv__k { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-kv__v { font-size: 16px; line-height: 25px; }
.tai-evidence { display: flex; gap: 12px; padding: 10px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-evidence:first-of-type { border-top: 0; }
.tai-evidence__sq { width: 10px; height: 10px; flex: none; margin-top: 6px; background: var(--tt-text); }
.tai-evidence__kind { display: block; font-size: 16px; line-height: 22px; font-weight: 600; }
.tai-evidence__text { display: block; font-size: 15px; line-height: 22px; color: var(--tt-text-secondary); }
.tai-sent { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--tt-panel); }
.tai-sent__icon { width: 48px; height: 48px; flex: none; background: var(--tt-slate); color: var(--tt-paper); display: flex; align-items: center; justify-content: center; }
.tai-sent__k { display: block; font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-sent__v { display: block; font-size: 16px; line-height: 22px; font-weight: 600; }

/* Lists and tables on the pages. */
.tai-table-wrap { overflow-x: auto; }
.tai-table-wrap .tt-table { min-width: 640px; }
.tai-faq { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); }
.tai-faq__row { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 20px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-faq__row:first-child { border-top: 0; }
.tai-faq__row h3 { flex: 1 1 280px; min-width: 0; }
.tai-faq__row p { flex: 2 1 360px; min-width: 0; max-width: 40em; font-size: 16px; line-height: 24px; }
.tai-rail { display: flex; flex-direction: column; }
.tai-rail__section { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); margin-top: 32px; }
.tai-rail__section:first-child { margin-top: 0; }
.tai-rail__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 0 4px; }
.tai-headline-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); color: inherit; text-decoration: none; }
.tai-headline-row:first-of-type { border-top: 0; }
.tai-headline-row span:first-child { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tai-headline-row b { font-size: 16px; line-height: 22px; font-weight: 600; }
.tai-headline-row small { font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-qcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 24px; }
.tai-qcard { display: flex; flex-direction: column; gap: 12px; padding: 20px 0 4px; border-top: var(--tt-rule-item-width) solid var(--tt-border); min-width: 0; color: inherit; text-decoration: none; }
.tai-qcard__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* Pakistan Now. */
.tai-tabs { display: flex; gap: 24px; min-width: 0; max-width: 100%; overflow-x: auto; border-bottom: var(--tt-rule-item-width) solid var(--tt-border); scrollbar-width: none; }
.tai-tabs::-webkit-scrollbar { display: none; }
.tai-tabs button { flex: none; height: 44px; margin: 0; padding: 0; border: 0; border-bottom: var(--tt-rule-section-width) solid transparent; background: transparent; color: var(--tt-text-secondary); font-family: var(--font-display); font-weight: 700; font-size: 15px; line-height: 20px; white-space: nowrap; cursor: pointer; }
.tai-tabs button[aria-pressed="true"] { border-bottom-color: var(--tt-text); color: var(--tt-text); }
.tai-page[dir="rtl"] .tai-tabs button { font-family: var(--font-urdu); }
.tai-rank { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); color: inherit; text-decoration: none; }
.tai-rank:first-child { border-top: 0; }
.tai-rank__n { width: 44px; height: 44px; flex: none; display: flex; align-items: center; justify-content: center; background: var(--tt-panel); font-family: var(--font-display); font-weight: 900; font-size: 27px; letter-spacing: -0.025em; }
.tai-rank--hot .tai-rank__n { background: var(--tt-orange); }
.tai-rank__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.tai-rank__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tai-city { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-city:first-of-type { border-top: 0; }
.tai-city b { font-size: 16px; line-height: 22px; font-weight: 600; }
.tai-city span { font-size: 15px; line-height: 22px; }
.tai-city a { text-decoration: none; }
.tai-rising { display: flex; flex-direction: column; gap: 12px; padding: 20px 0 8px; border-top: var(--tt-rule-item-width) solid var(--tt-border); min-width: 0; color: inherit; text-decoration: none; }
.tai-rising__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.tai-bars { display: flex; align-items: flex-end; gap: 3px; height: 28px; }
.tai-bars span { width: 8px; background: var(--tt-text); opacity: .3; }
.tai-bars span:last-child { opacity: 1; }
.tai-empty { padding: 24px 0; font-size: 16px; line-height: 24px; color: var(--tt-text-secondary); }

/* What it does: feature rows. */
.tai-feature { display: flex; flex-wrap: wrap; gap: 40px clamp(32px, 5vw, 80px); align-items: center; padding-top: clamp(56px, 7.5vw, 96px); border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-feature--flip { flex-direction: row-reverse; }
.tai-feature__text { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.tai-feature__text p { max-width: 30em; font-size: 16px; line-height: 24px; }
.tai-feature__sample { flex: 1 1 340px; min-width: 0; max-width: 520px; }
.tai-tile { display: flex; flex-direction: column; gap: 16px; padding: 24px; border: var(--tt-rule-item-width) solid var(--tt-border); background: var(--tt-bg); min-width: 0; }
.tai-tile > * { min-width: 0; }
.tai-tile--paper { border: 0; background: var(--tt-paper); color: var(--tt-ink); }
.tai-toc { display: flex; flex-wrap: wrap; gap: 0 28px; border-bottom: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-toc a { display: flex; align-items: center; height: 48px; font-family: var(--font-display); font-weight: 700; font-size: 15px; line-height: 20px; text-decoration: none; white-space: nowrap; }
.tai-page[dir="rtl"] .tai-toc a { font-family: var(--font-urdu); }

/* The proof meter explained. */
.tai-level { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px 24px; padding: 24px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-level:last-child { border-bottom: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-level__head { display: flex; flex-direction: column; gap: 12px; }
.tai-level__text { display: flex; flex-direction: column; gap: 8px; }
.tai-level__text p { font-size: 16px; line-height: 24px; }
.tai-never { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-paper); }
.tai-never > div { padding: 16px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-never > div:first-child { border-top: 0; }
.tai-never p { margin-top: 4px; font-size: 16px; line-height: 24px; color: var(--tt-text-secondary); }
@media (max-width: 600px) { .tai-level { grid-template-columns: 1fr; } }

/* Plans. */
.tai-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 24px; }
.tai-plan { display: flex; flex-direction: column; gap: 16px; padding: 22px; border: var(--tt-rule-item-width) solid var(--tt-border); min-width: 0; }
.tai-plan__price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.tai-plan ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 24px; }
.tai-plan li { display: flex; align-items: baseline; gap: 10px; }
.tai-plan li::before { content: ""; width: 8px; height: 8px; flex: none; background: var(--tt-text); }
.tai-plan__action { margin-top: auto; padding-top: 8px; display: flex; flex-direction: column; }
.tai-plan p { font-size: 16px; line-height: 24px; }
.tai-yes, .tai-no { display: inline-block; width: 12px; height: 12px; vertical-align: -1px; }
.tai-yes { background: var(--tt-text); }
.tai-no { box-sizing: border-box; border: 1.5px solid var(--tt-text-secondary); opacity: .5; }

/* Forms. */
.tai-form { display: flex; flex-direction: column; gap: 20px; max-width: 560px; }
.tai-form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 20px; }
.tai-field { display: flex; flex-direction: column; gap: 8px; }
.tai-field__label { font-size: 14px; line-height: 20px; font-weight: 600; }
.tai-field__opt { font-weight: 400; color: var(--tt-text-secondary); }
.tai-field__control { box-sizing: border-box; width: 100%; margin: 0; padding: 0 14px; height: 52px; border: 1.5px solid var(--tt-text); border-radius: 0; background: var(--tt-bg); color: var(--tt-text); font-size: 16px; line-height: 24px; }
textarea.tai-field__control { height: auto; padding: 12px 14px; resize: vertical; display: block; }
select.tai-field__control { appearance: none; -webkit-appearance: none; }
.tai-form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.tai-notice { padding: 16px; background: var(--tt-panel); font-size: 16px; line-height: 24px; }
.tai-notice--ink { background: var(--tt-text); color: var(--tt-bg); }
.tai-steps { display: flex; flex-direction: column; padding-top: 20px; }
.tai-step { display: flex; gap: 16px; padding: 16px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-step:first-child { border-top: 0; }
.tai-step__n { width: 28px; flex: none; font-family: var(--font-display); font-weight: 900; font-size: 27px; line-height: 30px; letter-spacing: -0.025em; }
.tai-step p { font-size: 16px; line-height: 24px; color: var(--tt-text-secondary); margin-top: 4px; }
.tai-bigstats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 24px; padding: 16px 0 20px; border-top: var(--tt-rule-section-width) solid var(--tt-text); border-bottom: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-bigstats > div { display: flex; flex-direction: column; gap: 8px; }
.tai-bigstats b { font-family: var(--font-display); font-weight: 900; font-size: clamp(28px, 3vw, 36px); line-height: 1.05; letter-spacing: -0.025em; }

/* WhatsApp. */
.tai-chat { display: flex; flex-direction: column; gap: 6px; padding: 16px; background: var(--tt-panel); }
.tai-bubble { margin: 0; align-self: flex-start; max-width: 85%; padding: 8px 12px; border-radius: 4px 14px 14px 14px; background: var(--tt-bg); font-size: 15px; line-height: 21px; }
.tai-bubble--mine { align-self: flex-end; border-radius: 14px 4px 14px 14px; background: var(--tt-text); color: var(--tt-bg); }
.tai-bubble b { display: block; font-weight: 600; }
.tai-qr { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.tai-qr__text { flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.tai-number { font-family: var(--font-display); font-weight: 900; font-size: clamp(28px, 3vw, 36px); line-height: 1.1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; direction: ltr; }
.tai-dark-list { display: flex; flex-direction: column; }
.tai-dark-list > div { padding: 20px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-dark-list > div:first-child { border-top: 0; }
.tai-dark-list p { margin-top: 6px; font-size: 16px; line-height: 24px; color: var(--tt-text-secondary); }

/* Legal pages. */
.tai-contents { position: sticky; top: 24px; display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); padding-top: 12px; }
.tai-contents h2 { margin-bottom: 8px; }
.tai-contents a { display: flex; align-items: center; min-height: 40px; font-size: 15px; line-height: 20px; font-weight: 600; text-decoration: none; }
.tai-legal { display: flex; flex-direction: column; border-top: var(--tt-rule-section-width) solid var(--tt-text); }
.tai-legal section { display: flex; flex-direction: column; gap: 16px; padding: 32px 0; border-top: var(--tt-rule-item-width) solid var(--tt-border); }
.tai-legal section:first-child { border-top: 0; }
.tai-legal p { max-width: 40em; }

/* The footer on the dusk sky. */
.tai-footer { position: relative; }
.tai-footer__inner { position: relative; padding-top: clamp(48px, 6.25vw, 80px); padding-bottom: clamp(40px, 5vw, 64px); }
.tai-footer__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 32px; }
.tai-footer__brand { display: flex; align-items: center; gap: 20px; }
.tai-footer__paper { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; text-decoration: none; }
.tai-footer__cols { margin-top: clamp(32px, 4vw, 48px); padding-top: clamp(32px, 4vw, 48px); border-top: var(--tt-rule-item-width) solid var(--tt-border); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 32px 24px; }
.tai-footer__col { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.tai-footer__col h2 { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--tt-text-secondary); }
.tai-footer__col ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.tai-footer__col a { display: inline-flex; align-items: center; min-height: 36px; font-size: 16px; line-height: 22px; font-weight: 500; color: var(--tt-paper); text-decoration: none; }
.tai-footer__col .tt-switch { margin-top: 8px; }
.tai-footer .tt-switch__option { color: var(--tt-paper); }
.tai-footer .tt-switch__option.is-active { background: var(--tt-paper); color: var(--tt-ink); }
.tai-footer__legal { margin-top: clamp(32px, 4vw, 48px); font-size: 13px; line-height: 18px; color: var(--tt-text-secondary); }
.tai-page[dir="rtl"] .tai-footer__col a, .tai-page[dir="rtl"] .tai-footer__col h2 { font-family: var(--font-urdu); }

/* Code on the developers page. */
.tai-code { margin: 0; padding: clamp(16px, 2vw, 24px); overflow-x: auto; background: var(--tt-ink); color: var(--tt-paper); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 22px; direction: ltr; text-align: left; }
.tai-code .k { color: #a8a8a8; }
.tai-code .c { color: var(--tt-orange); }
.tai-chip { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 56px; height: 26px; padding: 0 8px; font-size: 13px; line-height: 1; font-weight: 600; }
.tai-chip--first { background: var(--tt-text); color: var(--tt-bg); }
.tai-chip--next { border: 1.5px solid var(--tt-text); }
.tai-chip--later { border: 1.5px dashed var(--tt-text-secondary); color: var(--tt-text-secondary); }

/* Inside the paper: the front-page band and the article aside. */
.tai-band-inline { position: relative; overflow: hidden; --tt-graphite: rgba(0,0,0,0.72); --tt-text-secondary: rgba(0,0,0,0.72); --tt-rule: rgba(0,0,0,0.16); --tt-border: rgba(0,0,0,0.16); color: var(--tt-ink); }
.tai-band-inline__on { position: relative; display: flex; flex-wrap: wrap; gap: 32px 48px; align-items: center; padding: clamp(32px, 4vw, 56px); }
.tai-band-inline__text { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.tai-band-inline__text .tt-body { max-width: 30em; }
.tai-band-inline__links { display: flex; flex-wrap: wrap; gap: 0 24px; }
.tai-band-inline__field { flex: 1 1 320px; min-width: 0; max-width: 560px; display: flex; flex-direction: column; gap: 12px; }
.tai-band-inline .tai-ask__box { background: var(--tt-paper); }
.tai-band-inline .tai-ask__go { background: var(--tt-ink); color: var(--tt-paper); }
/* The front page's panel: ink, under the top stories. */
.tai-panel { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 24px; padding: 24px; box-sizing: border-box; background: var(--tt-ink); color: var(--tt-paper); --tt-bg: var(--tt-ink); --tt-text: var(--tt-paper); --tt-text-secondary: #a8a8a8; --tt-border: #3a3a3a; }
.tai-panel__head { display: flex; align-items: center; gap: 12px; }
.tai-panel__title { margin: 0; font-family: var(--font-display); font-weight: 900; font-size: 27px; line-height: 30px; letter-spacing: -0.025em; max-width: 12em; }
.tai-panel[lang="ur"] .tai-panel__title { font-family: var(--font-urdu); font-size: 24px; line-height: 1.5; letter-spacing: 0; max-width: none; }
.tai-panel .tai-ask { width: 100%; }
.tai-panel .tai-ask__box { background: var(--tt-paper); color: var(--tt-ink); border-color: var(--tt-paper); --tt-text: var(--tt-ink); }
.tai-panel .tai-ask__input { color: var(--tt-ink); }
.tai-panel .tai-ask__input::placeholder { color: #6b6b6b; }
.tai-panel .tai-ask__go { background: var(--tt-orange); color: var(--tt-paper); }
.tai-panel__asks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; width: 100%; }
.tai-panel__asks a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 0; border-top: 1px solid var(--tt-border); color: var(--tt-paper); font-family: var(--font-ui); font-size: 16px; line-height: 22px; font-weight: 600; text-decoration: none; }
.tai-panel__asks li:first-child a { border-top: 0; }
.tai-panel__asks a .tt-icon { flex: none; color: var(--tt-orange); }
.tai-panel__asks a:hover span, .tai-panel__asks a:focus-visible span { text-decoration: underline; text-underline-offset: 0.2em; }
.tai-panel[lang="ur"] .tai-panel__asks a { font-family: var(--font-urdu); font-size: 16px; line-height: 30px; }
.tai-panel__note { margin: 0; font-family: var(--font-text); font-size: 14px; line-height: 20px; color: var(--tt-text-secondary); }
.tai-panel__note a { color: var(--tt-paper); }
.tai-panel[lang="ur"] .tai-panel__note { font-family: var(--font-urdu); line-height: 26px; }
@media (max-width: 1000px) { .tai-panel { margin-top: 32px; } }
.tai-aside { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; border-top: var(--tt-rule-section-width) solid var(--tt-text); }
.tai-inline { max-width: 640px; }

@media (max-width: 767px) {
  .tai-wrap { padding-inline: var(--tt-margin-phone); }
  .tai-feature, .tai-feature--flip { flex-direction: column; align-items: stretch; }
  .tai-feature__sample { max-width: none; width: 100%; }
  .tai-band-inline__on { padding: 24px 20px; }
}
@media print { .tai-head, .tai-footer, .tai-menu-panel { display: none !important; } }

/* Forms while they send. */
.tai-form.is-busy { opacity: .6; pointer-events: none; }
.tai-qr__code svg { display: block; }

/* Print: the brief on paper, nothing else. */
@media print {
  .tai-head, .tai-footer, .tai-sky__img, .tai-menu-panel, .tai-ask, .tt-button, form, [data-tabs] { display: none !important; }
  .tai-sky, .tai-sky__on { background: #fff !important; color: #000 !important; }
  .tai-band .tai-wrap { padding-top: 16px; padding-bottom: 16px; }
  a { color: inherit; text-decoration: none; }
}