:root {
  --effort-ground: #e8eae6;
  --effort-ink: #232323;
  --effort-measure: #0077b6;
  --effort-note: #f9c74f;
  --effort-paper: #f6f7f3;
  color-scheme: light;
  color: var(--effort-ink);
  background: var(--effort-ground);
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 2rem; }
body { margin: 0; line-height: 1.65; }
a { color: var(--effort-ink); text-underline-offset: .22em; text-decoration-thickness: 1px; transition: text-decoration-color .18s, text-underline-offset .18s; }
a:hover { text-decoration-color: var(--effort-measure); text-decoration-thickness: 2px; text-underline-offset: .32em; }
a:focus-visible { outline: 3px solid var(--effort-measure); outline-offset: 6px; }
::selection { color: var(--effort-ink); background: var(--effort-note); }
img { display: block; max-width: 100%; object-fit: cover; color: var(--effort-ink); background: #d9deda; }
svg, i[data-lucide] { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; stroke-width: 1.6; vertical-align: middle; }
p { margin: 0 0 1.2rem; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, .tae-wordmark { font-family: 'Castoro Titling', Georgia, serif; font-weight: 400; }
h1 { margin: 0; font-size: clamp(2.2rem, 4.3vw, 3.1rem); line-height: 1.14; letter-spacing: -.045em; text-wrap: balance; }
h2 { margin: 0 0 1.3rem; color: var(--effort-measure); font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.22; letter-spacing: -.035em; text-wrap: balance; }
h3 { font-size: 1.3rem; line-height: 1.35; }
.tae-width { width: min(1140px, calc(100% - 80px)); margin-inline: auto; }
.tae-skip { position: absolute; left: 20px; top: -100px; z-index: 5; padding: .4rem .8rem; background: var(--effort-note); }
.tae-skip:focus { top: 15px; }
/* The open masthead belongs at the left, including its inset reading row. */
.tae-header { padding-top: 30px; padding-bottom: 30px; }
.tae-header-stem { width: max-content; max-width: 100%; }
.tae-wordmark { display: block; width: fit-content; font-size: 1.55rem; line-height: 1.4; letter-spacing: -.035em; text-decoration: none; }
.tae-wordmark:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.tae-subtitle { display: block; margin-top: 5px; font-size: 1.7rem; line-height: 1.35; text-decoration-color: var(--effort-measure); text-decoration-thickness: 2px; }
.tae-inset-nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 1.4rem; padding-right: 15px; margin-top: 16px; font-size: .9rem; }
.tae-inset-nav a { display: inline-flex; align-items: center; gap: .4rem; min-height: 38px; }
.tae-inset-nav svg { width: 20px; height: 20px; }
/* Three unembellished lines of the dealt face, then a low photographic horizon. */
.tae-home-opening { padding-top: 17px; }
.tae-home-opening h1 { max-width: 1140px; margin-inline: auto; text-align: center; font-size: clamp(2.4rem, 4.65vw, 3.35rem); line-height: 1.08; }
.tae-home-opening h1 span { display: block; }
.tae-first-field { display: grid; grid-template-columns: minmax(0, 820px) 280px; gap: 40px; align-items: start; margin-top: 44px; }
.tae-home-photo { grid-column: 1; grid-row: 1; margin: 0; }
.tae-home-photo img { width: 820px; height: 260px; }
figcaption { max-width: 740px; padding-top: 12px; font-size: .9rem; line-height: 1.45; }
.tae-home-photo figcaption { max-width: 690px; padding-left: 22px; }
.tae-endpoint-definition { grid-column: 2; grid-row: 1; padding-top: 3px; font-size: 1rem; line-height: 1.5; }
.tae-endpoint-definition strong { display: block; margin-bottom: 18px; font-size: 1.25rem; font-weight: 500; line-height: 1.2; }
/* The recovery attraction is broad; the reported claim deliberately narrows. */
.tae-home-account { padding-top: 105px; }
.tae-home-first-prose { max-width: 790px; margin: 0 0 92px 0; font-size: 1.5rem; line-height: 1.45; }
.tae-account { max-width: 700px; margin-left: 95px; margin-bottom: 94px; }
.tae-effort-note { position: relative; width: calc(100% + 120px); margin: 38px 0 0 -95px; padding: 28px 36px 30px 68px; background: var(--effort-note); font-size: 1.2rem; line-height: 1.45; }
.tae-effort-note svg, .tae-effort-note i { position: absolute; left: 24px; top: 33px; width: 24px; height: 24px; }
.tae-reported { max-width: 520px; margin: 0 0 105px 340px; }
.tae-reported h2 { font-size: 1.5rem; }
/* A complete explanation occupies the widest surface; no cards or charts. */
.tae-endpoint { position: relative; width: calc(100% + 80px); margin: 0 0 96px -40px; padding: 67px 65px 49px; background: var(--effort-paper); }
.tae-endpoint h2 { max-width: 1050px; margin-bottom: 42px; font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.12; }
.tae-endpoint-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 78px; }
.tae-endpoint-copy p { margin: 0; }
.tae-endpoint-copy p:first-child { grid-column: 1 / -1; max-width: 940px; margin-bottom: 7px; font-size: 1.5rem; line-height: 1.45; }
.tae-baseline { position: relative; width: 100%; height: 20px; margin-top: 38px; }
.tae-baseline::before { content: ''; position: absolute; inset: 10px 0 auto; height: 1px; background: var(--effort-measure); transform-origin: left; animation: tae-measure-arrives .9s ease-out both; }
.tae-baseline::after { content: ''; position: absolute; right: -1px; top: 6px; width: 9px; height: 9px; border-left: 1px solid var(--effort-measure); border-bottom: 1px solid var(--effort-measure); transform: rotate(-45deg); }
.tae-limitation { max-width: 810px; margin: 0 0 115px; }
.tae-limitation h2 { max-width: 750px; }
/* Inner accounts: hanging headings, wide photo bands, a quiet continuous body. */
.tae-crumbs { margin: 19px 0 35px; font-size: .9rem; }
.tae-crumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.tae-crumbs li + li::before { content: '/'; padding-right: .5rem; color: var(--effort-ink); }
.tae-article-opening { position: relative; padding-top: 20px; margin-bottom: 100px; }
.tae-article-opening > svg, .tae-article-opening > i { width: 38px; height: 38px; margin-bottom: 24px; color: var(--effort-measure); }
.tae-article-opening h1 { max-width: 1080px; }
.tae-article-deck { max-width: 760px; margin: 34px 0 0 330px; font-size: 1.2rem; line-height: 1.5; }
.tae-article-body .tae-account { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 0 70px; max-width: none; margin: 0 0 100px; align-items: start; }
.tae-article-body .tae-account > h2 { position: sticky; top: 35px; grid-column: 1; grid-row: 1 / span 4; margin-bottom: 0; font-size: 1.5rem; }
.tae-article-body .tae-section-prose { grid-column: 2; max-width: 720px; }
.tae-article-body .tae-effort-note { grid-column: 2; width: calc(100% + 60px); max-width: 780px; margin: 26px 0 0 -60px; padding: 27px 32px 29px 66px; }
.tae-section-photo { grid-column: 2; margin: 0 0 36px -24px; width: calc(100% + 24px); }
.tae-section-photo img { width: 100%; height: 245px; }
.tae-section-photo figcaption { max-width: 740px; padding-left: 24px; }
.tae-outcome-list { grid-column: 2; border-collapse: collapse; width: 100%; margin: 35px 0 0; font-size: 1rem; line-height: 1.45; }
.tae-outcome-list caption { padding: 0 0 15px; font-size: 1.2rem; font-weight: 500; text-align: left; }
.tae-outcome-list th, .tae-outcome-list td { padding: 20px 20px 20px 0; vertical-align: top; text-align: left; border-top: 1px solid #b6c5c8; }
.tae-outcome-list th { width: 40%; font-weight: 500; }
.tae-outcome-list tr:last-child th, .tae-outcome-list tr:last-child td { border-bottom: 1px solid #b6c5c8; }
.tae-source-list { grid-column: 2; padding: 0; margin: 25px 0 0; list-style: none; }
.tae-source-list li { margin: 0; padding: 22px 0 25px; border-top: 1px solid #b6c5c8; }
.tae-source-list a { font-size: 1.15rem; font-weight: 500; }
.tae-source-list a svg { width: 19px; height: 19px; margin-left: 10px; }
.tae-source-list p { max-width: 690px; margin: 10px 0 0; font-size: .95rem; }
/* A full, readable directory, not a tiny top-right utility menu. */
.tae-footer { border-top: 1px solid var(--effort-measure); padding: 36px 0 32px; font-size: .9rem; }
.tae-footer-directory { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px 40px; margin-bottom: 48px; }
.tae-footer-directory a { width: fit-content; padding-block: 4px; }
.tae-footer-note { max-width: 760px; }
.tae-copyright { margin: 17px 0 0; }
.tae-missing { padding-block: 75px 120px; }
.tae-missing h1 { max-width: 1000px; }
.tae-missing p { max-width: 680px; margin-top: 36px; font-size: 1.2rem; }
@keyframes tae-measure-arrives { from { transform: scaleX(.1); } to { transform: scaleX(1); } }
@media (max-width: 1199px) {
  .tae-first-field { grid-template-columns: minmax(0, 1fr) 250px; gap: 28px; }
  .tae-home-photo img { width: 100%; }
  .tae-endpoint { width: calc(100% + 40px); margin-left: -20px; padding-inline: 40px; }
  .tae-article-body .tae-account { grid-template-columns: 240px minmax(0, 1fr); column-gap: 40px; }
  .tae-article-deck { margin-left: 280px; }
  .tae-article-body .tae-effort-note { width: calc(100% + 25px); margin-left: -25px; }
  .tae-section-photo { width: 100%; margin-left: 0; }
  .tae-section-photo figcaption { padding-left: 0; }
  .tae-reported { margin-left: 27%; }
}
@media (max-width: 800px) {
  :root { font-size: 19px; }
  .tae-width { width: calc(100% - 40px); }
  .tae-header { padding: 22px 0 26px; }
  .tae-header-stem { width: 100%; }
  .tae-wordmark { font-size: 1.28rem; line-height: 1.35; }
  .tae-subtitle { margin-top: 9px; font-size: 1.4rem; line-height: 1.25; }
  .tae-inset-nav { justify-content: flex-start; gap: 1.1rem; padding: 0; margin-top: 17px; font-size: .95rem; }
  .tae-inset-nav a { min-height: 38px; }
  h1 { font-size: 2.1rem; line-height: 1.14; letter-spacing: -.04em; }
  h2 { font-size: 1.5rem; }
  .tae-home-opening { padding-top: 20px; }
  .tae-home-opening h1 { font-size: 1.72rem; line-height: 1.16; letter-spacing: -.045em; }
  .tae-home-opening h1 span { display: inline; }
  .tae-first-field { display: flex; flex-direction: column; gap: 28px; margin-top: 29px; }
  .tae-endpoint-definition { order: -1; padding: 0; font-size: 1rem; line-height: 1.5; }
  .tae-endpoint-definition strong { margin-bottom: 9px; font-size: 1.1rem; }
  .tae-home-photo { width: 100%; }
  .tae-home-photo img { width: 100%; height: 200px; }
  figcaption { font-size: 18px; }
  .tae-home-photo figcaption { padding-left: 0; }
  .tae-home-account { padding-top: 70px; }
  .tae-home-first-prose { margin-bottom: 66px; font-size: 1.3rem; }
  .tae-account { max-width: none; margin: 0 0 66px; }
  .tae-effort-note { width: calc(100% + 20px); margin: 30px 0 0 -20px; padding: 25px 23px 27px 52px; font-size: 1.15rem; }
  .tae-effort-note svg, .tae-effort-note i { left: 18px; top: 31px; width: 21px; height: 21px; }
  .tae-reported { max-width: none; margin: 0 0 76px 25px; }
  .tae-endpoint { width: calc(100% + 40px); margin: 0 0 68px -20px; padding: 43px 20px 33px; }
  .tae-endpoint h2 { margin-bottom: 30px; font-size: 1.9rem; }
  .tae-endpoint-copy { display: block; }
  .tae-endpoint-copy p, .tae-endpoint-copy p:first-child { margin-bottom: 1.2rem; font-size: 1rem; line-height: 1.65; }
  .tae-endpoint-copy p:first-child { font-size: 1.2rem; line-height: 1.5; }
  .tae-baseline { margin-top: 20px; }
  .tae-limitation { margin-bottom: 76px; }
  .tae-crumbs { margin: 15px 0 26px; font-size: 18px; }
  .tae-article-opening { padding-top: 12px; margin-bottom: 63px; }
  .tae-article-opening > svg, .tae-article-opening > i { width: 31px; height: 31px; margin-bottom: 20px; }
  .tae-article-deck { margin: 29px 0 0; font-size: 1.1rem; }
  .tae-article-body .tae-account { display: block; margin-bottom: 65px; }
  .tae-article-body .tae-account > h2 { position: static; margin-bottom: 26px; font-size: 1.45rem; }
  .tae-article-body .tae-effort-note { width: calc(100% + 20px); margin-left: -20px; padding: 25px 23px 27px 52px; }
  .tae-section-photo { width: 100%; margin: 0 0 30px; }
  .tae-section-photo img { height: 200px; }
  .tae-section-photo figcaption { padding-left: 0; }
  .tae-outcome-list { margin-top: 30px; font-size: 18px; }
  .tae-outcome-list th, .tae-outcome-list td { padding: 16px 12px 16px 0; }
  .tae-outcome-list th { width: 42%; }
  .tae-source-list { margin-top: 26px; }
  .tae-source-list p { font-size: 18px; overflow-wrap: anywhere; }
  .tae-footer { font-size: 18px; }
  .tae-footer-directory { grid-template-columns: 1fr 1fr; gap: 14px 24px; margin-bottom: 38px; }
  .tae-missing { padding-block: 55px 85px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  a { transition: none; }
  .tae-baseline::before { animation: none; }
}