:root {
      --page: #f3f3f3;
      --header: #f8ead1;
      --card: #ffffff;
      --text: #111111;
      --muted: #6f6f6f;
      --line: #ececec;
      --link: #2b74ff;
      --shadow: 0 1px 0 rgba(0,0,0,.02), 0 6px 20px rgba(0,0,0,.04);
      --shadow-soft: 0 1px 0 rgba(0,0,0,.03), 0 10px 30px rgba(0,0,0,.05);
      --radius: 16px;
      --content-w: 750px;
      --shell-w: min(1251px, 100%);
      --body-pad: 18px;
      --accent: #f0ad00;
      --accent-soft: #fff3d2;
      --topbar-h: 64px;
      --card-max: 740px;
    }

    * { box-sizing: border-box; }
    html, body { margin: 0; min-height: 100%;}
	html {background-color:#f8e7cd;}
    html { scroll-behavior: smooth; }
    body {
      background: white;
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "DM Sans", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      font-size: 17px;
      line-height: 1.45;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button { font: inherit; }

    .topbar {
	position: sticky;
	top: 0;
	z-index: 30;
	padding-top: env(safe-area-inset-top);
	height: calc(var(--topbar-h) + env(safe-area-inset-top));
	background: #f2dfce;
}

    .topbar-inner {
      width: var(--shell-w);
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
    }

    .logo {
      position: absolute;
      left: 263px;
      top: 12px;
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
	  cursor:pointer;
    }

    .logo svg { width: 38px; height: 38px; display: block; }

    .header-actions {
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 8px;
      padding-right: 14px;
    }

    .header-btn {
      border: 1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      transition: transform .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease;
      box-shadow: 0 1px 0 rgba(0,0,0,.02)
	  }

    .header-btn:hover { background: rgba(255,255,255,.9); }
    .header-btn:active { transform: scale(.97); }
    .header-btn.primary {
      background: #111;
      color: #fff;
      border-color: #111;
    }

    .page {
      width: var(--shell-w);
      margin: 0 auto;
      padding: var(--body-pad) 0 48px;
      flex: 1 0 auto;
    }

    .home,
    .article,
    .cards { display: none; }
    .home.active,
    .article.active,
    .cards.active { display: block; }

    .year-row {
      width: var(--content-w);
      margin: 0 auto 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: var(--text);
      line-height: 1;
      padding-left: 6px;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .year-row .left {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .year-row .caret {
      width: 10px;
      height: 10px;
      display: inline-block;
      border-right: 1.8px solid #222;
      border-bottom: 1.8px solid #222;
      transform: rotate(45deg) translateY(-2px);
      margin-left: 3px;
    }

    .year-tools {
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .tiny-btn {
      border: 1px solid var(--line);
      background: #fff;
      color: #333;
      border-radius: 999px;
      padding: 8px 10px;
      font-size: 13px;
      cursor: pointer;
      transition: transform .16s ease, background .16s ease, border-color .16s ease;
    }

    .tiny-btn:active { transform: scale(.97); }

    .hero-panel {
      width: var(--content-w);
      margin: 0 auto 14px;
      border-radius: 18px;
      background:
        radial-gradient(circle at top right, rgba(240,173,0,.16), transparent 35%),
        linear-gradient(180deg, var(--hero-grad-from) 0%, var(--hero-grad-to) 100%);
      border: 1px solid rgba(0,0,0,.04);
      box-shadow: var(--shadow-soft);
      padding: 16px;
      overflow: hidden;
      position: relative;
    }

    .hero-panel::after {
      content: "";
      position: absolute;
      inset: auto -20px -18px auto;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--hero-glow), rgba(240,173,0,0) 70%);
      opacity:.18;
      pointer-events: none;
    }

    .hero-row {
      display: flex;
      gap: 14px;
      align-items: stretch;
    }

    .hero-copy {
      flex: 1 1 auto;
      min-width: 0;
    }

    .hero-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--hero-chip-bg);
      border: 1px solid #f4e0a7;
      color: var(--hero-chip-text);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .01em;
      margin-bottom: 10px;
    }

    .hero-title {
      font-size: 22px;
      line-height: 1.18;
      letter-spacing: -0.02em;
      margin: 0 0 8px;
      max-width: 100%;
      font-weight: 700;
    }

    .hero-text {
      margin: 0 0 12px;
      color: #444;
      font-size: 15px;
      line-height: 1.5;
      max-width: 52ch;
    }


    .breaking-hero::after {
      display: none;
    }

    .breaking-hero .hero-copy {
      width: 100%;
    }

    .breaking-hero-link {
      display: block;
      color: inherit;
      text-decoration: none;
    }

    .breaking-hero-logo {
      margin: 0 0 10px;
      font-size: 12px;
      line-height: 1.3;
      letter-spacing: .08em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .pill-btn {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 9px 13px;
      font-size: 14px;
      cursor: pointer;
      transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
      box-shadow: 0 1px 0 rgba(0,0,0,.02);
    }

    .pill-btn:hover { background: #fcfcfc; }
    .pill-btn:active { transform: scale(.98); }

    .hero-aside {
      width: 162px;
      flex: 0 0 162px;
      border-radius: 16px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
      padding: 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 12px;
    }

    .hero-aside-top {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .mini-badge {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      background: linear-gradient(135deg, #111, #353535);
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      flex: 0 0 auto;
    }

    .hero-aside strong {
      display: block;
      font-size: 14px;
      line-height: 1.3;
    }

    .hero-aside span {
      display: block;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.25;
      margin-top: 2px;
    }

    .stat-row {
      display: grid;
      gap: 8px;
    }

    .stat {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      font-size: 13px;
      color: #333;
      padding: 8px 10px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
    }

    .stat b { font-size: 14px; }

    .toolbar {
      width: var(--content-w);
      margin: 0 auto 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      padding-left: 4px;
    }

    .toolbar .left,
    .toolbar .right {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }

    .chip {
      display: inline-flex;
      align-items: center;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #fafafa;
      font-size: 13px;
      color: #444;
      white-space: nowrap;
    }

    .chip.active {
      background: #fff;
      border-color: #d8d8d8;
      box-shadow: 0 1px 0 rgba(0,0,0,.02);
    }

    .section-label {
      width: var(--content-w);
      margin: 18px auto 10px;
      padding-left: 4px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      color: #222;
    }

    .section-label h2 {
      margin: 0;
      font-size: 18px;
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .section-label a { color: var(--muted); font-size: 14px; }

    .list-card {
    width: var(--content-w);
    margin: 0 auto;
    padding: 12px 14px 10px;
    overflow: hidden;
    }

    .feed-list { display: grid; gap: 0; }

    .story {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 13px 6px 14px;
      border-bottom: 1px solid var(--line);
      transition: background .15s ease, transform .15s ease;
      position: relative;
      overflow: hidden;
    }

    .story:last-child { border-bottom: 0; }
    .story:hover { background: rgba(0,0,0,.012); }
    .story:active { transform: scale(.998); }

    .story-date {
      color: #8a8a8a;
      font-size: 14px;
      line-height: 1;
      white-space: nowrap;
      flex: 0 0 auto;
      min-width: 42px;
      padding-top: 4px;
      letter-spacing: .01em;
    }

    .story-main { flex: 1 1 auto; min-width: 0; }

    .story-title {
      font-size: 17px;
      line-height: 1.45;
      letter-spacing: -0.01em;
      color: #111;
      min-width: 0;
	  font-weight:bold;
    }

    .story-meta {
      margin-top: 4px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.25;
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
	  align-items: center;
    }

    .story-badge {
      display: inline-flex;
      align-items: center;
      padding: 4px 8px;
      border-radius: 999px;
      background: #fafafa;
      border: 1px solid var(--line);
      color: #555;
      font-size: 12px;
    }
	
	.story-explain{font-size: 13px;
    color: #666;
    margin-top: 4px;
    line-height: 1.35;
    max-width: 55ch;}

    .story--accent .story-date { color: #7a5a00; }

    .story--accent::before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 10px;
      width: 3px;
      border-radius: 999px;
      background: var(--accent);
    }

    .feed-toggle-wrap {
      width: var(--content-w);
      margin: 10px auto 0;
      display: flex;
      justify-content: center;
    }

    .feed-toggle {
      border: 1px solid #dfdfdf;
      background: #fff;
      border-radius: 999px;
      padding: 11px 15px;
      font-size: 14px;
      cursor: pointer;
      box-shadow: 0 1px 0 rgba(0,0,0,.02);
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
    }

    .feed-toggle:hover { background: #fcfcfc; }
    .feed-toggle:active { transform: scale(.98); }

    .feed-toggle .arrow {
      width: 8px;
      height: 8px;
      border-right: 1.7px solid #333;
      border-bottom: 1.7px solid #333;
      transform: rotate(45deg);
      transition: transform .15s ease;
      margin-top: -2px;
    }

    .feed-toggle[aria-expanded="true"] .arrow {
      transform: rotate(-135deg);
      margin-top: 2px;
    }

    .hidden-feed { display: none; }
    .hidden-feed.open { display: block; animation: fadeUp .22s ease; }

    .cards-grid {
      width: var(--content-w);
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .feature-card {
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(0,0,0,.04);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      min-height: 100%;
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .feature-card:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-soft);
    }

    .feature-media {
      aspect-ratio: 16 / 9;
      background:
        linear-gradient(135deg, rgba(240,173,0,.85), rgba(255,243,210,.95)),
        linear-gradient(180deg, #111, #444);
      position: relative;
      overflow: hidden;
    }

    .feature-media::after {
      content: "";
      position: absolute;
      inset: auto -18px -20px auto;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: rgba(255,255,255,.18);
      filter: blur(0.5px);
    }

    .feature-card:nth-child(2) .feature-media {
      background: linear-gradient(135deg, #f2f2f2, #dfe8f7);
    }

    .feature-body {
      padding: 14px;
      display: grid;
      gap: 8px;
    }

    .feature-kicker {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      padding: 5px 8px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #fafafa;
      font-size: 12px;
      color: #555;
    }

    .feature-title {
      margin: 0;
      font-size: 17px;
      line-height: 1.35;
      letter-spacing: -0.01em;
    }

    .feature-text {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .feature-footer {
      padding-top: 2px;
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
    }

    .feature-link {
      color: var(--link);
      font-size: 14px;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .mini-rail {
      width: var(--content-w);
      margin: 14px auto 0;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .mini-card {
      border-radius: 16px;
      border: 1px solid var(--line);
      background: #fff;
      padding: 12px;
      box-shadow: 0 1px 0 rgba(0,0,0,.02);
      min-height: 100px;
    }

    .mini-card .k { font-size: 12px; color: #777; margin-bottom: 6px; }
    .mini-card .v {
      font-size: 15px;
      line-height: 1.35;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .article-card {
      width: var(--content-w);
      margin: 0 auto;
      padding: 20px 20px 22px;
    }

    .article-head {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 18px;
    }

    .avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid #e7dcc8;
      background: #faf4e7;
      position: relative;
      flex: 0 0 44px;
      overflow: hidden;
    }

    .avatar::before {
      content: "";
      position: absolute;
      left: 9px;
      right: 9px;
      top: 21px;
      height: 2px;
      background: #111;
      transform: rotate(-4deg);
      box-shadow: 4px -6px 0 0 #111, 12px -2px 0 0 #111;
    }

    .meta-top {
      font-size: 17px;
      line-height: 1.15;
      margin-bottom: 4px;
      font-weight: 700;
    }

    .meta-sub {
      color: #666;
      font-size: 15px;
      line-height: 1.25;
    }

    .article .eyebrow {
      color: #555;
      font-size: 14px;
      line-height: 1.2;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .article .eyebrow .chip { background: #fafafa; }

    .article h1 {
    font-size: clamp(34px, 5.2vw, 54px);
    line-height: 1.02;
    letter-spacing: -.04em;
    margin: 0 0 12px;
    max-width: none;
    overflow-wrap: anywhere;
    }

    .article .dek {
      font-size: 18px;
      line-height: 1.48;
      color: #222;
      margin: 0 0 14px;
      max-width: 730px;
    }

    .hero {
      margin: 14px 0 18px;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: linear-gradient(135deg, #f5f0e6, #fff9ef);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
	  aspect-ratio: 1.8/1;
    }

    .hero-inner {
      aspect-ratio: 16 / 9;
      display: grid;
      place-items: center;
      padding: 18px;
      text-align: center;
      color: #333;
    }

    .hero-badge {
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #8a6b2a;
      margin-bottom: 10px;
      font-weight: 700;
    }

    .hero-title {
      font-size: 21px;
      line-height: 1.2;
      max-width: 80%;
      font-weight: 700;
    }

    .article p {
      font-size: 17px;
      line-height: 1.55;
      margin: 0 0 18px;
      max-width: 730px;
    }

    .article a {
      color: var(--link);
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
    }

    .article h2 {
      font-size: 22px;
      line-height: 1.22;
      margin: 28px 0 12px;
      letter-spacing: -0.015em;
    }

    .article-grid {
      align-items: start;
    }

    .article-body { min-width: 0; }

    .article-side {
      position: sticky;
      top: calc(var(--topbar-h) + 18px);
      display: grid;
      gap: 10px;
    }

    .side-box {
      border: 1px solid var(--line);
      background: #fafafa;
      border-radius: 16px;
      padding: 12px;
    }

    .side-box .k {
      font-size: 12px;
      color: #777;
      margin-bottom: 6px;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .side-box .v {
      font-size: 14px;
      line-height: 1.45;
      color: #222;
    }

    .callout {
      margin: 18px 0 20px;
      padding: 14px 16px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fafafa;
      color: #222;
      font-size: 16px;
      line-height: 1.5;
    }

    .quote {
      margin: 18px 0 20px;
      padding: 14px 16px 14px 18px;
      border-left: 3px solid var(--accent);
      background: #fffaf0;
      border-radius: 0 14px 14px 0;
      color: #222;
      font-size: 17px;
      line-height: 1.55;
    }

    .tags {
      margin-top: 10px;
      color: #111;
      font-size: 16px;
      line-height: 1.45;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .split {
      height: 1px;
      background: var(--line);
      margin: 20px 0;
    }

    .article-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 14px 0 18px;
    }

    .action-btn {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 10px 13px;
      font-size: 14px;
      cursor: pointer;
      transition: transform .14s ease, background .14s ease, box-shadow .14s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .action-btn:hover { background: #fcfcfc; }
    .action-btn:active { transform: scale(.98); }

    .article-tools {
      display: grid;
      gap: 10px;
      margin: 18px 0 0;
    }

    .tool-row {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .reactions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .reaction {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 8px 11px;
      font-size: 13px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
    }

    .reaction b { font-size: 13px; }

    .comments {
      margin-top: 28px;
      padding-top: 22px;
      border-top: 1px solid var(--line);
    }

    .comments-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }

    .comments-head h2 {
      margin: 0;
      font-size: 20px;
      line-height: 1.2;
      letter-spacing: -0.01em;
    }

    .comment-form {
      display: grid;
      gap: 10px;
      margin-bottom: 16px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fafafa;
    }

    .comment-form textarea {
      width: 100%;
      min-height: 92px;
      resize: vertical;
      border-radius: 14px;
      border: 1px solid var(--line);
      padding: 12px 12px;
      font: inherit;
      background: #fff;
      outline: none;
    }

    .comment-form textarea:focus {
      border-color: #d8c7a1;
      box-shadow: 0 0 0 3px rgba(240,173,0,.12);
    }

    .comment-form .row {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
    }

    .comment-form .hint {
      color: var(--muted);
      font-size: 13px;
    }

    .comment-btn {
      border: 1px solid #111;
      background: #111;
      color: #fff;
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 14px;
      cursor: pointer;
      transition: transform .14s ease, opacity .14s ease;
    }

    .comment-btn:active { transform: scale(.98); }

    .comment-list {
      display: grid;
      gap: 12px;
    }

    .comment-item {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      padding: 12px;
      display: grid;
      gap: 8px;
    }

    .comment-top {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      font-size: 13px;
      color: var(--muted);
    }

    .comment-name {
      font-weight: 700;
      color: #222;
    }

    .comment-text {
      font-size: 15px;
      line-height: 1.5;
      color: #222;
    }

    .comment-links {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      font-size: 13px;
      color: var(--link);
    }

    .related {
      margin-top: 20px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
    }

    .related-title {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 12px;
      letter-spacing: -0.01em;
    }

    .related-list { display: grid; gap: 10px; }

    .related-item {
      display: grid;
      grid-template-columns: 92px 1fr;
      gap: 12px;
      align-items: start;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
    }

    .thumb {
      width: 92px;
      aspect-ratio: 4 / 3;
      border-radius: 10px;
      background: linear-gradient(135deg, #e9e9e9, #f7f7f7);
      border: 1px solid #efefef;
    }

    .related-item h3 {
      margin: 0 0 4px;
      font-size: 16px;
      line-height: 1.35;
      letter-spacing: -0.01em;
    }

    .related-item p {
      margin: 0;
      color: #666;
      font-size: 14px;
      line-height: 1.4;
    }

    .controls {
      width: var(--content-w);
      margin: 14px auto 0;
      display: flex;
      gap: 10px;
      padding-left: 4px;
      flex-wrap: wrap;
    }

    .btn {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 10px 14px;
      font-size: 14px;
      cursor: pointer;
      transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
      box-shadow: 0 1px 0 rgba(0,0,0,.02);
    }

    .btn:hover { background: #fcfcfc; }
    .btn:active { transform: scale(.98); }

    .pager {
      width: var(--content-w);
      margin: 12px auto 0;
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      padding-left: 4px;
    }

    .pager .chip { cursor: default; }

    .mobile-strip {
      width: var(--content-w);
      margin: 12px auto 0;
      display: none;
      gap: 10px;
      overflow-x: auto;
      padding: 2px 4px 8px;
      scroll-snap-type: x proximity;
      -webkit-overflow-scrolling: touch;
    }

    .mobile-strip::-webkit-scrollbar { height: 0; }

    .mobile-strip-card {
      flex: 0 0 76%;
      scroll-snap-align: start;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: var(--shadow);
      padding: 14px;
      transition: transform .16s ease, box-shadow .16s ease;
    }

    .mobile-strip-card:active { transform: scale(.99); }

    .mobile-strip-card .t {
      font-size: 16px;
      line-height: 1.35;
      margin: 8px 0 8px;
      font-weight: 700;
    }

    .mobile-strip-card .d {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.4;
    }

    .sticky-mobile-actions {
      display: none;
      position: sticky;
      bottom: 10px;
      width: var(--content-w);
      margin: 14px auto 0;
      z-index: 12;
      padding: 0 4px;
    }

    .sticky-mobile-actions .bar {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 8px;
      padding: 10px;
      border-radius: 18px;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(0,0,0,.06);
      box-shadow: 0 10px 30px rgba(0,0,0,.08);
    }

    .sticky-mobile-actions .bar button {
      padding: 12px 10px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      font-weight: 700;
    }

    .cards-shell {
      width: min(var(--card-max), calc(100vw - 24px));
      margin: 0 auto;
    }

    .cards-hero {
      margin: 0 auto 14px;
      border-radius: 18px;
      border: 1px solid rgba(0,0,0,.04);
      background:
        radial-gradient(circle at top right, rgba(240,173,0,.16), transparent 32%),
        linear-gradient(180deg, #fffdf8, #fff);
      box-shadow: var(--shadow-soft);
      padding: 16px;
    }

    .cards-topline {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
    }

    .cards-title {
      margin: 0;
      font-size: 30px;
      line-height: 1.12;
      letter-spacing: -0.03em;
      max-width: 22ch;
    }

    .cards-meta {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
    }

    .cards-intro {
      margin: 10px 0 0;
      color: #444;
      font-size: 16px;
      line-height: 1.55;
      max-width: 68ch;
    }

    .cards-nav {
      width: min(var(--card-max), calc(100vw - 24px));
      margin: 12px auto 14px;
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding: 2px 2px 10px;
      scrollbar-width: none;
    }

    .cards-nav::-webkit-scrollbar { height: 0; }

    .cards-nav .nav-chip {
      flex: 0 0 auto;
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 9px 12px;
      font-size: 13px;
      cursor: pointer;
      white-space: nowrap;
      transition: transform .14s ease, background .14s ease;
    }

    .cards-nav .nav-chip:active { transform: scale(.98); }
    .cards-nav .nav-chip.active { background: #111; color: #fff; border-color: #111; }

    .cards-list {
      display: grid;
      gap: 14px;
    }

    .card-step {
      border-radius: 20px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.04);
      box-shadow: var(--shadow);
      overflow: hidden;
      scroll-margin-top: calc(var(--topbar-h) + 16px);
      animation: fadeUp .25s ease;
    }

    .card-step-head {
      padding: 16px 16px 0;
      display: flex;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      align-items: center;
    }

    .card-step-num {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 700;
      color: #333;
    }

    .card-step-num b {
      display: inline-grid;
      place-items: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #111;
      color: #fff;
      font-size: 13px;
    }

    .card-step-tag {
      display: inline-flex;
      align-items: center;
      padding: 5px 9px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: #fafafa;
      font-size: 12px;
      color: #555;
    }

    .card-step-media {
      margin: 14px 16px 0;
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: linear-gradient(135deg, #f2f2f2, #fff);
    }

    .media-inner {
      aspect-ratio: 16 / 10;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 16px;
      background:
        radial-gradient(circle at top right, rgba(240,173,0,.24), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.9), rgba(245,245,245,.9));
    }

    .media-kicker {
      font-size: 12px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #8a6b2a;
      margin-bottom: 8px;
      font-weight: 700;
    }

    .media-inner h3 {
      margin: 0;
      font-size: 22px;
      line-height: 1.15;
      letter-spacing: -0.02em;
      max-width: 18ch;
    }

    .card-step-body {
      padding: 14px 16px 16px;
      display: grid;
      gap: 12px;
    }

    .card-step-body p {
      margin: 0;
      font-size: 17px;
      line-height: 1.55;
      color: #222;
      max-width: 68ch;
    }

    .card-step-body ul {
      margin: 0;
      padding-left: 20px;
      color: #222;
      display: grid;
      gap: 8px;
      line-height: 1.5;
      font-size: 16px;
    }

    .card-step-body li strong { font-weight: 700; }

    .card-note {
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fafafa;
      color: #444;
      font-size: 14px;
      line-height: 1.45;
    }

    .card-quote {
      border-left: 3px solid var(--accent);
      background: #fffaf0;
      padding: 14px 14px 14px 16px;
      border-radius: 0 14px 14px 0;
      font-size: 16px;
      line-height: 1.5;
      color: #222;
    }

    .card-image {
      width: 100%;
      aspect-ratio: 16 / 10;
      background: linear-gradient(135deg, #ececec, #fafafa);
      border-radius: 16px;
      border: 1px solid #eee;
      position: relative;
      overflow: hidden;
    }

    .card-image::before,
    .card-image::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      background: rgba(240,173,0,.18);
      filter: blur(1px);
    }

    .card-image::before {
      width: 150px;
      height: 150px;
      right: -20px;
      top: -30px;
    }

    .card-image::after {
      width: 110px;
      height: 110px;
      left: -18px;
      bottom: -20px;
    }

    .card-step-footer {
      padding: 0 16px 16px;
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid var(--line);
      margin-top: 2px;
      padding-top: 12px;
    }

    .card-step-footer .left,
    .card-step-footer .right {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .card-step-footer .small {
      font-size: 13px;
      color: var(--muted);
    }

    .cards-bottom-actions {
      width: min(var(--card-max), calc(100vw - 24px));
      margin: 14px auto 0;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: space-between;
      align-items: center;
    }

    .cards-bottom-actions .group { display: flex; gap: 8px; flex-wrap: wrap; }

    .fade-in {
      animation: fadeUp .2s ease;
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 980px) {
      :root { --content-w: min(500px, calc(100vw - 36px)); }
      .logo { left: 24px; }
      .cards-grid { grid-template-columns: 1fr; }
      .mini-rail { grid-template-columns: 1fr 1fr; }
      .article-grid { grid-template-columns: 1fr; }
      .article-side { position: static; }
    }

    @media (max-width: 760px) {
      :root { --body-pad: 14px; --topbar-h: 64px; }
      .topbar { height: var(--topbar-h); }
      .logo { top: 10px; }
      .page { padding-top: 14px; }
      .year-row, .hero-panel, .toolbar, .section-label, .list-card, .controls, .pager, .mini-rail, .feed-toggle-wrap, .cards-grid, .mobile-strip, .sticky-mobile-actions, .cards-shell, .cards-hero, .cards-nav, .cards-bottom-actions {
        width: calc(100vw - 24px);
      }
	  .article-card{width:100%;}
      .header-actions {
        overflow-x: auto;
        max-width: 58vw;
        padding-right: 10px;
        scrollbar-width: none;
      }
      .header-actions::-webkit-scrollbar { height: 0; }
      .header-btn {
        padding: 9px 11px;
        font-size: 12px;
        white-space: nowrap;
      }
      .year-row {
        margin-bottom: 10px;
        font-size: 17px;
        padding-left: 2px;
      }
      .hero-panel {
        padding: 14px;
        border-radius: 16px;
      }
      .hero-row { flex-direction: column; }
      .hero-aside { width: 100%; flex-basis: auto; }
      .hero-title { font-size: 20px; }
      .hero-text { font-size: 14px; }
      .toolbar {
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
      }
      .toolbar::-webkit-scrollbar { height: 0; }
      .toolbar .right { display: none; }
      .list-card { padding: 8px; border-radius: 13px; }
      .story {
        padding: 12px 6px 13px;
        gap: 10px;
      }
      .story-date {
        min-width: 38px;
        font-size: 13px;
        padding-top: 3px;
      }
      .story-title {
        font-size: 16px;
        line-height: 1.42;
      }
      .cards-grid { gap: 10px; }
      .feature-card { border-radius: 16px; }
      .feature-body { padding: 12px; }
      .mini-rail { grid-template-columns: 1fr 1fr; gap: 8px; }
      .mini-card { min-height: 88px; padding: 10px; border-radius: 14px; }
      .article-card {
        padding: 14px;
        border-radius: 15px;
        background: #fff;
      }
      .article h1 {
    font-size: 36px;
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin: 0 0 10px;
    max-width: 730px;
    font-weight: 700;
      }
	  
	  
      .article .dek,
      .article p,
      .quote,
      .callout {
        font-size: 16px;
        line-height: 1.5;
      }
      .article h2 { font-size: 20px; }
      .hero { margin: 12px 0 16px; border-radius: 14px; }
      .hero-inner { aspect-ratio: 4 / 3; }
      .hero-title { font-size: 19px; }
      .related-item {
        grid-template-columns: 76px 1fr;
        gap: 10px;
        padding: 9px;
      }
      .thumb { width: 76px; }
      .controls { padding-left: 0; gap: 8px; }
      .mobile-strip { display: flex; }
      .sticky-mobile-actions { display: block; }
      .comments-head { align-items: flex-start; flex-direction: column; }
      .comment-form { padding: 12px; }

      .cards-shell { width: calc(100vw - 24px); }
      .cards-hero { padding: 14px; }
      .cards-title { font-size: 24px; max-width: 100%; }
      .cards-intro { font-size: 15px; }
      .media-inner h3 { font-size: 20px; }
      .card-step-head { padding: 14px 14px 0; }
      .card-step-media { margin: 12px 14px 0; border-radius: 16px; }
      .card-step-body { padding: 12px 14px 14px; }
      .card-step-body p { font-size: 16px; }
      .card-step-body ul { font-size: 15px; }
      .card-step-footer { padding: 12px 14px 14px; }
      .cards-nav { width: calc(100vw - 24px); }
      .cards-bottom-actions { width: calc(100vw - 24px); }
      .sticky-mobile-actions .bar { grid-template-columns: 1fr; }
    }

    @media (max-width: 420px) {
      .story {
        grid-template-columns: 1fr;
        gap: 4px;
      }
      .story-date {
        min-width: 0;
        padding-top: 0;
      }
	  
	  
	 	   .scroll-article-meta-row {
    align-items: baseline!important;
    gap: 14px!important;
    margin-bottom: 16px!important;
    display: flex!important;
    flex-direction: row!important;
	}
	  
      .article-head { gap: 10px; }
      .avatar {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
      }
      .meta-top { font-size: 16px; }
      .meta-sub { font-size: 14px; }
      .hero-inner { padding: 14px; }
      .mobile-strip-card { flex-basis: 86%; }
      .header-actions { max-width: 52vw; }
      .cards-title { font-size: 22px; }
      .media-inner h3 { font-size: 18px; }
    }

.header-search{flex:1 1 auto;max-width:420px;margin:0 16px}.header-search input{width:100%;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.78);border-radius:999px;padding:11px 16px;font:inherit}
.breaking-bar{background:#111;color:#fff;font-size:13px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.breaking-inner{width:var(--shell-w);margin:0 auto;display:flex;align-items:center;gap:14px;padding:7px 0;overflow:hidden}
.breaking-label{background:#f0ad00;color:#111;font-weight:700;padding:3px 8px;border-radius:6px;font-size:11px;letter-spacing:.02em;flex:0 0 auto;z-index:2}
.breaking-wrap{overflow:hidden;flex:1 1 auto;min-width:0}.breaking-track{display:flex;align-items:center;width:max-content;will-change:transform;transform:translate3d(0,0,0)}.breaking-group{display:flex;align-items:center;gap:0;white-space:nowrap;flex:0 0 auto}.breaking-group span,.breaking-group a{flex:0 0 auto;white-space:nowrap;padding-right:28px;color:#fff;text-decoration:none}.breaking-group span::after,.breaking-group a::after{content:"•";margin-left:28px;color:rgba(255,255,255,.35)}
.ticker-chip.up strong,.ticker-chip.up em{color:#67e08a;animation:flashFade 2.6s ease}.ticker-chip.down strong,.ticker-chip.down em{color:#ff8585;animation:flashFade 2.6s ease}.ticker-chip em{font-style:normal;opacity:.85;margin-left:6px}
@keyframes flashFade{0%{filter:brightness(1.3)}100%{filter:brightness(1)}}
.comment-link-btn{border:0;background:none;color:var(--link);padding:0;cursor:pointer;font:inherit}.reply-form{margin-top:10px}.comment-children{margin:12px 0 0 18px;padding-left:12px;border-left:2px solid var(--line)}
@media (max-width:760px){.header-search{order:2;flex-basis:100%;max-width:none;margin:8px 0 0}.topbar-inner{height:auto;min-height:64px;flex-wrap:wrap;padding-bottom:10px}}

.topbar{border-bottom:1px solid rgba(0,0,0,.04);background:#111111;height:auto}
.topbar-inner{width:var(--content-w);margin:0 auto;height:64px;display:flex;align-items:center;gap:14px}
.logo{position:static;flex:0 0 auto}
.header-search{flex:1 1 auto;max-width:none;margin:0}
.header-search input{width: 100%; height: 44px; border: 1px solid rgba(0, 0, 0, .08); background: rgb(35 35 35 / 72%); border-radius: 18px; padding: 0 18px; font: inherit; box-shadow: 0 1px 0 rgba(0, 0, 0, .02); outline: none; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;}
.header-search input:focus{border-color:rgba(17,17,17,.18);background:#fff;box-shadow:0 0 0 3px rgba(17,17,17,.06)}
.breaking-bar{background:#111;color:#fff;font-size:13px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.breaking-inner{width:var(--shell-w);margin:0 auto;display:flex;align-items:center;gap:14px;padding:7px 0;overflow:hidden}
.breaking-label{background:#f0ad00;color:#111;font-weight:700;padding:3px 8px;border-radius:999px;font-size:11px;letter-spacing:.02em;flex:0 0 auto;z-index:2}
.breaking-wrap{overflow:hidden;flex:1 1 auto;min-width:0}
.breaking-track{display:flex;align-items:center;width:max-content;will-change:transform;transform:translate3d(0,0,0)}
.breaking-group{display:flex;align-items:center;gap:0;white-space:nowrap;flex:0 0 auto}
.ticker-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding-right:28px;color:#fff;text-decoration:none}
.ticker-item::after{content:"•";margin-left:28px;color:rgba(255,255,255,.35)}
.breaking-group .ticker-item:last-child::after{content:"";margin-left:0;display:none}
.ticker-symbol,.ticker-label{font-weight:700}
.ticker-change{font-variant-numeric:tabular-nums}
.ticker-item.is-up .ticker-change{color:#58d68d}
.ticker-item.is-down .ticker-change{color:#ff7a7a}
.ticker-item.flash-up,.ticker-item.flash-down{animation:priceFlash 1.35s ease}
.ticker-item.flash-up{background:rgba(88,214,141,.18);border-radius:999px;padding-left:10px;padding-right:38px}
.ticker-item.flash-down{background:rgba(255,122,122,.18);border-radius:999px;padding-left:10px;padding-right:38px}
@keyframes priceFlash{0%{filter:brightness(1.25)}100%{filter:brightness(1)}}
.toolbar .left{display:flex;gap:8px;flex-wrap:wrap}
.mini-card{display:block;color:inherit;transition:transform .16s ease,box-shadow .16s ease}
.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
@media (max-width:760px){
  .topbar-inner{width:calc(100vw - 24px);height:auto;min-height:64px;flex-wrap:nowrap;padding:10px 0}
  .header-search{order:2;flex-basis:100%;max-width:none}
  .header-actions{max-width:none;padding-right:0;margin-left:0}
  .breaking-inner{width:calc(100vw - 24px);padding:6px 0}
}


/* Ticker fixes */
.breaking-group{gap:0}
.ticker-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding-right:18px;color:#fff;text-decoration:none;background:none;border-radius:0}
.ticker-item::after{content:none!important;display:none!important}
.ticker-sep{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;margin-right:18px;color:rgba(255,255,255,.35);font-size:13px;line-height:1}
.ticker-item.flash-up,.ticker-item.flash-down{animation:none;background:none;padding-left:0;padding-right:18px}
.ticker-item.flash-up .ticker-price,.ticker-item.flash-up .ticker-change{animation:tickerGreenFade 1.8s ease}
.ticker-item.flash-down .ticker-price,.ticker-item.flash-down .ticker-change{animation:tickerRedFade 1.8s ease}
@keyframes tickerGreenFade{0%{color:#58d68d;text-shadow:0 0 10px rgba(88,214,141,.45)}100%{color:#fff;text-shadow:none}}
@keyframes tickerRedFade{0%{color:#ff7a7a;text-shadow:0 0 10px rgba(255,122,122,.45)}100%{color:#fff;text-shadow:none}}
.ticker-item.is-up .ticker-change,.ticker-item.is-down .ticker-change{transition:color .25s ease}
.ticker-item[href]:hover .ticker-headline,.ticker-item[href]:hover .ticker-label{text-decoration:underline;text-underline-offset:2px}

/* Ticker separator hard fix */
.breaking-group .ticker-item > span,
.breaking-group .ticker-item > strong{
  padding-right:0 !important;
}
.breaking-group .ticker-item > span::after,
.breaking-group .ticker-item > strong::after,
.breaking-group .ticker-sep::after{
  content:none !important;
  display:none !important;
}
.breaking-group .ticker-sep{
  width:auto;
  margin:0 14px 0 0;
  padding:0;
}
.breaking-group .ticker-item{
  padding-right:14px;
}
.breaking-group .ticker-item.flash-up,
.breaking-group .ticker-item.flash-down{
  padding-right:14px;
}


/* Mobile header + ticker refinement */
.mobile-menu-toggle{display:none;flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.72);border-radius:12px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.mobile-menu-toggle span{display:block;width:16px;height:1.8px;background:#111;border-radius:999px;transition:transform .2s ease,opacity .2s ease}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}
.topbar{transition:transform .26s ease,box-shadow .26s ease}
body.topbar-hidden .topbar{transform:translateY(calc(-100% + 8px));box-shadow:none}
@media (max-width:760px){
  :root{--topbar-h:56px}
  .topbar{overflow:visible}
  .topbar-inner{width:calc(100vw - 24px);min-height:56px;gap:10px;padding:8px 0}
  .logo img{width:28px!important;height:28px!important}
  .mobile-menu-toggle{display:inline-flex;margin-left:auto;background:none;border-color:rgba(255,255,255,.10);box-shadow:none; order: 3;margin-top: 3px}
  .mobile-menu-toggle span{background:#fff}
  .header-search{order:3;flex-basis:100%;max-width:none;margin-top:6px}
  .header-search input{height:38px;padding:0 14px;font-size:14px}
  .header-actions{position: fixed; top: 61px; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 16px 18px 28px; background: linear-gradient(180deg, rgb(35 35 35 / 80%) 0%, rgb(35 35 35 / 80%) 100%); border-top: 1px solid rgba(255, 255, 255, .06); border-bottom: 0; border-radius: 0; box-shadow: none; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; pointer-events: none; max-width: none; margin-left: 0; z-index: 90; overflow: auto; -webkit-overflow-scrolling: touch; backdrop-filter: blur(10px)}
  body.mobile-menu-open .header-actions{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  body.mobile-menu-open{overflow:hidden}
  .header-actions .header-btn{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:18px 0;border-radius:0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:none;color:#f6f2e9;font-size:17px;font-weight:500}
  .header-actions .header-btn.primary{color:#fff;font-weight:700}
  .header-actions .header-btn:hover{background:transparent}
  .breaking-bar{font-family: Arial, Helvetica, sans-serif;font-size: 15px;line-height: 1.1;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;font-synthesis: none;height: 45px;align-content: center}
  .breaking-inner{width:calc(100vw - 24px);gap:10px;padding:5px 0}
  .breaking-label{background: #f0ad00; color: #111; font-weight: 700; padding: 3px 8px; border-radius: 999px; font-size: 11px; letter-spacing: .02em; flex: 0 0 auto; z-index: 2}
  .ticker-item,.ticker-headline,.ticker-symbol,.ticker-price,.ticker-change,.ticker-label,.ticker-sep{font-family:Arial,Helvetica,sans-serif !important;font-synthesis:none;letter-spacing:0}
  .ticker-item{gap:5px;padding-right:12px;font-size:10.5px !important;line-height:1.1 !important;font-weight:500}
  .ticker-sep{margin-right:12px;font-size:10.5px !important;line-height:1 !important}
  .ticker-headline{font-size:10.5px !important;line-height:1.1 !important;font-weight:500}
  .ticker-symbol,.ticker-price,.ticker-change,.ticker-label{font-size:10.5px !important;line-height:1.1 !important}
  .ticker-symbol,.ticker-label{font-weight:700}
  .ticker-price,.ticker-change{font-weight:600;font-variant-numeric:tabular-nums}
}
@media (min-width:761px){body.topbar-hidden .topbar{transform:none}}

@media (max-width:760px){
  .ticker-item,
  .ticker-headline,
  .ticker-symbol,
  .ticker-price,
  .ticker-change,
  .ticker-label,
  .ticker-sep{
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}
.site-footer{margin-top:auto;border-top:1px solid var(--line);background:#fff}.site-footer-inner{width:var(--content-w);margin:0 auto;padding:16px 4px 22px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.page-short{padding-bottom:20px}.trend-groups{width:var(--content-w);margin:0 auto 10px;display:grid;gap:10px}.trend-group .toolbar{margin-bottom:0}.trend-label{width:var(--content-w);margin:0 auto;padding-left:4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@media (max-width:760px){.site-footer-inner,.trend-groups,.trend-label{width:calc(100vw - 24px)}}

/* --- Scroll-inspired layout refresh: content only, header + ticker untouched --- */
.page-scroll-home,
.page-scroll-article{
  max-width: 1220px;
  padding: 28px 18px 72px;
}
.page-scroll-home .hero-panel{
  width: 100%;
  max-width: 1220px;
  margin: 0 0 28px;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 0 0 28px;
  background: transparent;
  border-bottom: 1px solid #e9e9e9;
}
.page-scroll-home .hero-row{display:block}
.page-scroll-home .hero-copy{max-width: 760px}
.page-scroll-home .hero-kicker{
  background:#ece89d;
  border:0;
  padding:4px 10px;
  border-radius:4px;
  color:#5b5a2b;
  font-size:12px;
  margin-bottom:12px;
}
.page-scroll-home .hero-title{font-size:48px; line-height:1.02; font-weight:700; letter-spacing:-.04em; margin-bottom:12px}
.page-scroll-home .hero-text{font-size:19px; line-height:1.45; color:#484848; max-width:780px}
.scroll-home{display:flex; flex-direction:column; gap:34px}
.scroll-top-grid{
  display:grid;
  grid-template-columns: 220px minmax(0, 1fr) 320px;
  gap:28px;
  align-items:start;
}
.scroll-top-side{display:flex; flex-direction:column; gap:20px}
.scroll-lead{display:block; color:inherit}
.scroll-lead-media,
.scroll-card-media{
  aspect-ratio: 1.62 / 1;
  background:#f4f4f4;
  overflow:hidden;
}
.scroll-lead-media img,
.scroll-card-media img,
.scroll-compact-thumb img,
.scroll-article-cover img{
  width:100%; height:100%; object-fit:cover; display:block;
}
.scroll-card-media.placeholder,
.scroll-lead-media .placeholder{
  display:flex; align-items:center; justify-content:center;
  background:#0f1115; color:#fff; font-size:26px; font-weight:700; letter-spacing:-.03em;
}
.scroll-lead-body{padding-top:14px}
.scroll-lead-body h2{margin:0 0 10px; font-size:42px; line-height:1.08; letter-spacing:-.03em; font-weight:700}
.scroll-lead-body p{margin:0; font-size:16px; line-height:1.45; color:#3d3d3d; max-width:44ch}
.scroll-news-rail{border-left:1px solid #ebebeb; padding-left:22px; display:flex; flex-direction:column; gap:14px}
.scroll-section-head{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px}
.scroll-section-head h2{margin:0; font-size:34px; line-height:1.05; letter-spacing:-.03em; font-weight:700}
.scroll-section-head.rail-head h2{font-size:22px}
.scroll-compact-item{display:flex; gap:12px; align-items:flex-start; padding-bottom:12px; border-bottom:1px solid #efefef}
.scroll-compact-thumb{width:86px; min-width:86px; aspect-ratio:1.55/1; background:#f1f1f1; overflow:hidden}
.scroll-compact-title{font-size:14px; line-height:1.32; font-weight:600; color:#171717}
.scroll-more-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; border:1px solid #d9d9d9; border-radius:999px;
  background:#fff; color:#111; font-size:13px; font-weight:500;
}
.rail-more{margin-top:4px; width:max-content}
.scroll-tags-row{display:flex; flex-wrap:wrap; gap:10px; padding-top:2px}
.scroll-tag{
  display:inline-flex; align-items:center; padding:7px 12px; border:1px solid #dfdfdf;
  border-radius:999px; font-size:13px; line-height:1; color:#111; background:#fff;
}
.scroll-section{display:flex; flex-direction:column; gap:0}
.scroll-grid{display:grid; gap:24px}
.scroll-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.scroll-card{display:block; color:inherit}
.scroll-card-body{padding-top:12px}
.scroll-card-title{font-size:24px; line-height:1.14; letter-spacing:-.025em; font-weight:700; margin-bottom:8px}
.scroll-card-summary{font-size:15px; line-height:1.4; color:#4a4a4a; margin-bottom:10px}
.scroll-card-meta{display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:#8a8a8a; font-size:12px}
.scroll-card-side .scroll-card-title{font-size:19px}
.scroll-banner-panel{
  background:linear-gradient(135deg,#dddfe8 0%, #e7e4d8 38%, #d9d8ef 68%, #ece0aa 100%);
  padding:34px;
}
.scroll-banner-inner{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px}
.scroll-card-banner{background:#fff; padding:18px}
.scroll-card-banner .scroll-card-media{aspect-ratio:2.15/1}
.scroll-card-banner .scroll-card-title{font-size:26px}
.scroll-article{display:flex; flex-direction:column; gap:44px}
.scroll-article-wrap{display:flex; justify-content:center}
.scroll-article-main{width:min(100%, 840px)}
.scroll-article-head{padding-bottom:22px; border-bottom:1px solid #e8e8e8; margin-bottom:24px}
.scroll-article-preview{display:inline-flex; padding:6px 10px; border-radius:999px; background:#f2f2f2; font-size:12px; margin-bottom:18px}
.scroll-article-meta-row{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px}
.scroll-article-author{display:flex; align-items:center; gap:12px}
.scroll-article-avatar{width:36px; height:36px; border-radius:50%; background:black; color:#fff; display:grid; place-items:center; font-size:16px; font-weight:700}
.scroll-article-author-name{font-size:15px; font-weight:600}
.scroll-article-details{display:flex; gap:14px; flex-wrap:wrap; align-items:center; color:#6d6d6d; font-size:13px}
.scroll-pill{display:inline-flex; align-items:center; background:black; color:white; padding:4px 10px; border-radius:4px; font-size:12px}
.scroll-article-title{margin:0 0 14px; font-size:58px; line-height:1.02; letter-spacing:-.045em; font-weight:700}
.scroll-article-dek{margin:0; font-size:20px; line-height:1.42; color:#424242; max-width:46ch}
.scroll-article-cover{margin:0 0 24px; background:#f3f3f3}
.scroll-article-content{font-size:17px; line-height:1.65; color:#1b1b1b}
.scroll-article-content h2,
.scroll-article-content h3{font-size:34px; line-height:1.12; margin:38px 0 14px; letter-spacing:-.03em}
.scroll-article-content p{margin:0 0 18px}
.scroll-article-content blockquote{
  margin:22px 0; padding:2px 0 2px 18px; border-left:3px solid #d5d5d5; color:#5e5e5e; font-style:italic;
}
.scroll-article-content ul,
.scroll-article-content ol{margin:0 0 20px 24px; padding:0}
.scroll-article-content li{margin-bottom:10px}
.scroll-article-bottom{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-top:22px; border-top:1px solid #ececec}
.scroll-article-tags{display:flex; flex-wrap:wrap; gap:10px}
.scroll-article-stats{display:flex; gap:18px; color:#666; font-size:14px}
.scroll-related,
.scroll-comments{max-width:1220px}
.scroll-comments-count{font-size:13px; color:#7b7b7b}
.scroll-comments .comment-form,
.scroll-comments .comment-item{background:#fff}
.scroll-site-footer{margin-top:0; background:black; color:white; padding:40px 18px 18px}
.scroll-footer-band,
.scroll-footer-card,
.scroll-footer-copy{max-width:1220px; margin:0 auto}
.scroll-footer-band-inner{display:grid; grid-template-columns:1fr 420px; gap:28px; align-items:start; margin-bottom:26px}
.scroll-footer-title{font-size:54px; line-height:.95; letter-spacing:-.05em; font-weight:700; max-width:12ch}
.scroll-footer-subscribe label{display:block; margin-bottom:10px; font-size:13px; color:white}
.scroll-footer-input-wrap{display:flex; align-items:center; border:1px solid #adadc8; background:#fff; border-radius:10px; overflow:hidden}
.scroll-footer-input-wrap input{flex:1; min-width:0; border:0; padding:14px 16px; font:inherit; background:transparent}
.scroll-footer-input-wrap button{border:0; background:transparent; width:52px; height:48px; font-size:22px; cursor:pointer}
.scroll-footer-card{background:#fff; border-radius:10px; padding:32px; display:flex; justify-content:space-between; gap:32px; color:black}
.scroll-footer-brand{font-size: 34px; line-height: 1; letter-spacing: 0.015em; font-weight: 100; font-family: 'Cal Sans'}
.scroll-footer-columns{display:grid; grid-template-columns:repeat(2,minmax(120px,1fr)); gap:44px}
.scroll-footer-columns a{display:block; color:#333; font-size:14px; margin-top:10px}
.scroll-footer-kicker{font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#818181}
.scroll-footer-copy{padding-top:16px; font-size:12px; color:#555}
@media (max-width: 1180px){
  .scroll-top-grid{grid-template-columns:220px minmax(0,1fr)}
  .scroll-news-rail{grid-column:1 / -1; border-left:0; border-top:1px solid #ebebeb; padding:20px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px}
  .rail-head,.rail-more{grid-column:1 / -1}
  .scroll-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 820px){
  .page-scroll-home,.page-scroll-article{padding:18px 14px 52px}
  .page-scroll-home .hero-panel{margin-bottom:20px; padding-bottom:20px}
  .page-scroll-home .hero-title,.scroll-article-title,.scroll-footer-title{font-size:36px}
  .scroll-top-grid{grid-template-columns:1fr; gap:18px}
  .scroll-top-side{order:2}
  .scroll-news-rail{grid-template-columns:1fr; padding-left:0}
  .scroll-grid-4,.scroll-banner-inner,.scroll-footer-band-inner,.scroll-footer-card{grid-template-columns:1fr; display:grid}
  .scroll-article-meta-row,.scroll-article-bottom{flex-direction:column; align-items:flex-start}
  .scroll-lead-body h2{font-size:30px}
  .scroll-card-title{font-size:21px}
  .scroll-article-content h2,.scroll-article-content h3{font-size:28px}
  .scroll-footer-card{padding:24px}
  	   .scroll-article-meta-row {
    align-items: baseline!important;
    gap: 14px!important;
    margin-bottom: 16px!important;
    display: flex!important;
    flex-direction: row!important;
	}
}

/* --- polish pass: standardize spacing across home, article, and cards --- */
.page-scroll-home,
.page-scroll-article{
  padding-top: 24px;
}
.scroll-home{gap:42px}
.scroll-top-grid{grid-template-columns:240px minmax(0,1fr) 320px;gap:24px}
.scroll-top-side{gap:18px}
.scroll-top-side .scroll-card{padding-bottom:18px;border-bottom:1px solid #ededed}
.scroll-top-side .scroll-card:last-child{border-bottom:0;padding-bottom:0}
.scroll-top-side .scroll-card-media{aspect-ratio:1.82/1;border-radius:0}
.scroll-top-side .scroll-card-body{padding-top:10px}
.scroll-top-side .scroll-card-title{font-size:18px;line-height:1.22;margin-bottom:6px}
.scroll-top-side .scroll-card-summary{font-size:13px;line-height:1.38;color:#595959;margin-bottom:8px}
.scroll-top-side .scroll-card-meta{font-size:11px}
.scroll-lead-media,
.scroll-card-media,
.scroll-compact-thumb,
.scroll-article-cover{border-radius:0}
.scroll-lead-body{padding-top:16px}
.scroll-lead-body h2{font-size:34px;line-height:1.08;max-width:15ch;margin-bottom:10px}
.scroll-lead-body p{font-size:15px;line-height:1.48;color:#444}
.scroll-news-rail{gap:0}
.scroll-news-rail .rail-head{margin-bottom:12px;padding-bottom:0}
.scroll-compact-item{padding:0 0 14px;margin-bottom:14px}
.scroll-compact-item:last-of-type{margin-bottom:0}
.scroll-compact-copy{min-width:0}
.scroll-compact-title{font-size:13px;line-height:1.34;font-weight:600}
.scroll-more-btn{font-size:12px;padding:9px 13px}
.rail-more{margin-top:14px}
.scroll-tags-row{gap:8px;padding-top:0}
.scroll-tag{padding:6px 11px;font-size:12px}
.scroll-section{padding-top:30px;border-top:1px solid #ececec}
.scroll-section:first-of-type{padding-top:0;border-top:0}
.scroll-section-head{margin-bottom:16px}
.scroll-section-head h2{font-size:30px}
.scroll-grid{gap:22px}
.scroll-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.scroll-card{display:flex;flex-direction:column;height:100%}
.scroll-card-media{aspect-ratio:1.72/1}
.scroll-card-body{display:flex;flex-direction:column;gap:0;flex:1;padding-top:12px}
.scroll-card-title{font-size:20px;line-height:1.16;margin-bottom:7px}
.scroll-card-summary{font-size:14px;line-height:1.42;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scroll-card-meta{margin-top:auto;font-size:11px;letter-spacing:.01em}
.scroll-card-banner{border:1px solid #e5e5e5;box-shadow:none}
.scroll-card-banner .scroll-card-title{font-size:22px}
.scroll-banner-panel{padding:24px 24px 22px;border-radius:0}
.scroll-banner-inner{gap:22px}

.scroll-article{gap:34px}
.scroll-article-wrap{justify-content:flex-start}
.scroll-article-main{width:min(100%,780px);margin:0 auto}
.scroll-article-head{padding-bottom:18px;margin-bottom:20px}
.scroll-article-meta-row{align-items:flex-end;margin-bottom:16px}
.scroll-article-title{font-size:52px;line-height:1.01;margin-bottom:12px;max-width:14ch}
.scroll-article-dek{font-size:18px;line-height:1.46;max-width:42ch}
.scroll-article-cover{margin:0 0 22px;aspect-ratio:1.9/1;overflow:hidden}
.scroll-article-content{font-size:18px;line-height:1.68;max-width:680px}
.scroll-article-content > *{max-width:100%}
.scroll-article-content h2,
.scroll-article-content h3{font-size:30px;line-height:1.12;margin:34px 0 14px}
.scroll-article-content p{margin:0 0 20px}
.scroll-article-content blockquote{margin:26px 0;padding-left:16px}
.scroll-article-bottom{padding-top:18px;margin-top:8px}
.scroll-related,
.scroll-comments{width:min(100%,1020px);margin:0 auto}
.scroll-comments .comment-form,
.scroll-comments .comment-item{border:1px solid #ececec;box-shadow:none}

.page-scroll-cards .scroll-article-main{width:min(100%,920px)}
.cards-article{gap:26px}
.cards-shell{width:100%;margin:0 auto}
.cards-hero{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.cards-meta-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap}
.cards-topline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.cards-count-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;background:#f3f3f3;color:#555;font-size:12px}
.cards-title{max-width:15ch}
.cards-intro{max-width:44ch}
.cards-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#707070;font-size:13px}
.cards-nav{width:100%;margin:0 auto 22px;padding:0 0 10px;position:sticky;top:calc(var(--topbar-h) + 10px);z-index:8;background:linear-gradient(180deg,#fff 70%,rgba(255,255,255,0));scrollbar-width:none}
.cards-nav .nav-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-color:#dfdfdf;font-size:13px}
.cards-nav .nav-chip-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#f2f2f2;color:#222;font-size:11px;font-weight:700}
.cards-nav .nav-chip.active .nav-chip-num{background:rgba(255,255,255,.18);color:#fff}
.cards-nav .nav-chip-label{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cards-list{gap:22px}
.card-step{border-radius:0;border:1px solid #e8e8e8;box-shadow:none}
.card-step-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:0;align-items:stretch}
.card-step-copy{padding:20px 22px 18px}
.card-step-head{padding:0;margin-bottom:16px}
.card-step-num{font-size:18px;line-height:1.2;align-items:flex-start}
.card-step-num b{width:30px;height:30px;font-size:12px;margin-top:-2px}
.card-step-tag{background:#f5f5f5;border-color:#e1e1e1;color:#555}
.card-step-body-head{margin-bottom:14px}
.card-step-body-head .media-kicker{margin-bottom:8px}
.card-step-body-head h3{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.03em;max-width:16ch}
.card-step-body{padding:0;display:block}
.card-step-body p{max-width:38ch;font-size:17px;line-height:1.62;color:#232323}
.card-step-media{margin:0;border:0;border-left:1px solid #e8e8e8;border-radius:0;min-height:100%}
.media-inner{height:100%;min-height:320px;padding:28px;text-align:left;place-items:end start;background:linear-gradient(135deg,#f5f5f5 0%,#fbfbfb 58%,#f3ead0 100%)}
.media-inner h3{font-size:32px;line-height:1.06;max-width:9ch}
.card-media-note{margin-top:14px;display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.06);font-size:12px;color:#444}
.card-step-footer{padding:14px 22px 18px;border-top:1px solid #ececec;margin-top:0}

@media (max-width:1180px){
  .scroll-top-grid{grid-template-columns:220px minmax(0,1fr)}
  .scroll-section{padding-top:26px}
}
@media (max-width:900px){
  .card-step-grid{grid-template-columns:1fr}
  .card-step-media{border-left:0;border-top:1px solid #e8e8e8;order:-1}
  .media-inner{min-height:240px}
}
@media (max-width:820px){
  .scroll-home{gap:32px}
  .scroll-lead-body h2{font-size:28px;max-width:100%}
  .scroll-section-head h2{font-size:26px}
  .scroll-card-title{font-size:19px}
  .scroll-article-title{font-size:38px;max-width:100%}
  .scroll-article-dek{font-size:17px}
  .scroll-article-content{font-size:17px}
  .cards-nav{position:static;background:transparent;margin-bottom:16px}
  .card-step-copy{padding:18px}
  .card-step-body-head h3,.media-inner h3{font-size:26px;max-width:100%}
  .card-step-footer{padding:14px 18px 18px}
}

/* --- final production polish: strict grid rhythm, cleaner article/news/cards --- */
:root{
  --grid-gap: 24px;
  --section-gap: 32px;
  --rule: #ebebeb;
}

.page-scroll-home,
.page-scroll-article{
  max-width: 1240px;
  padding: 24px 20px 64px;
}

/* kill browser/editor default blue links and decorative underlines in content */
.scroll-article-content a,
.comment-list a,
.scroll-footer-columns a,
.scroll-section a,
.card-step a,
.cards a{
  color: inherit;
  text-decoration: none;
}
.scroll-article-content a:hover,
.comment-list a:hover,
.scroll-footer-columns a:hover,
.scroll-section a:hover,
.card-step a:hover,
.cards a:hover{
  text-decoration: none;
}

/* home */
.scroll-home{gap:var(--section-gap)}
.scroll-top-grid{
  grid-template-columns: 232px minmax(0,1fr) 292px;
  gap: var(--grid-gap);
  align-items:start;
}
.scroll-top-side,
.scroll-news-rail{align-self:start}
.scroll-top-side{gap:16px}
.scroll-top-side .scroll-card,
.scroll-news-rail .scroll-compact-item{
  min-width:0;
}
.scroll-top-side .scroll-card{padding-bottom:16px;border-bottom:1px solid var(--rule)}
.scroll-top-side .scroll-card-title{
  font-size:17px;
  line-height:1.22;
  letter-spacing:-.015em;
  margin-bottom:6px;
}
.scroll-top-side .scroll-card-summary{
  font-size:13px;
  line-height:1.4;
  color:#5c5c5c;
  -webkit-line-clamp:2;
}
.scroll-lead{display:flex;flex-direction:column;min-width:0}
.scroll-lead-media{aspect-ratio:1.78/1}
.scroll-lead-body{padding-top:14px}
.scroll-lead-body h2{
  font-size:36px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0 0 10px;
  max-width:none;
}
.scroll-lead-body p{
  font-size:15px;
  line-height:1.48;
  max-width:44ch;
}
.scroll-news-rail{
  border-left: none !important;
  padding-left: 0 !important;
  gap:0;
}
.scroll-section-head.rail-head{
  margin-bottom: 0 !important;
    align-items: flex-start;
}
.scroll-section-head.rail-head h2{
  font-size:20px;
  line-height:0.7;
  letter-spacing:-.02em;
}
.scroll-compact-item{
  gap:10px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid var(--rule);
}
.scroll-compact-thumb{width:84px;min-width:84px;aspect-ratio:1.58/1}
.scroll-compact-title{
  font-size:13px;
  line-height:1.32;
  font-weight:600;
  letter-spacing:-.005em;
}
.rail-more{margin-top:4px}

.scroll-section{
  padding-top:var(--section-gap);
  border-top:1px solid var(--rule);
}
.scroll-section:first-of-type{padding-top:0;border-top:0}
.scroll-section-head{
  margin-bottom:16px;
  min-height:34px;
}
.scroll-section-head h2{
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.scroll-grid{
  gap:var(--grid-gap);
}
.scroll-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.scroll-card{
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
}
.scroll-card-media{aspect-ratio:1.7/1;background:#f3f3f3}
.scroll-card-body{
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:start;
  min-width:0;
  padding-top:12px;
}
.scroll-card-title{
  font-size:19px;
  line-height:1.18;
  letter-spacing:-.02em;
  margin-bottom:7px;
  word-break:normal;
  overflow-wrap:anywhere;
}
.scroll-card-summary{
  font-size:14px;
  line-height:1.42;
  color:#4f4f4f;
  margin-bottom:10px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.scroll-card-meta{
  margin-top:auto;
  font-size:11px;
  color:#8a8a8a;
}
.scroll-banner-panel{
  padding:22px;
  border:1px solid var(--rule);
  border-radius:0;
}
.scroll-banner-inner{gap:var(--grid-gap)}
.scroll-card-banner{
  border:1px solid var(--rule);
  padding:16px;
}

/* article page */
.scroll-article{
  gap:32px;
}
.scroll-article-wrap{justify-content:center}
.scroll-article-main{
  width:min(100%,760px);
  margin:0 auto;
}
.scroll-article-head{
  padding-bottom:18px;
  margin-bottom: 0 !important;
  border-bottom:1px solid var(--rule);
}
.scroll-article-meta-row{
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.scroll-article-author{gap:10px}
.scroll-article-avatar{width:34px;height:34px;font-size:15px}
.scroll-article-author-name{font-size:14px;font-weight:700;line-height:1.2}
.scroll-article-details{gap:12px;font-size:12px;color:#777}
.scroll-pill{padding:4px 9px;font-size:11px;border-radius:4px}
.scroll-article-title{
  font-size:clamp(34px, 5.2vw, 54px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 12px;
  max-width:none;
  overflow-wrap:anywhere;
}
.scroll-article-dek{
  font-size:18px;
  line-height:1.48;
  max-width:none;
  color:#3f3f3f;
}
.scroll-article-cover{
  margin:0 0 22px;
  aspect-ratio:1.9/1;
  overflow:hidden;
  border-radius:0;
  background:#f3f3f3;
}
.scroll-article-content{
  max-width:none;
  font-size:17px;
  line-height:1.7;
  color:#181818;
}
.scroll-article-content > *{max-width:none}
.scroll-article-content h2,
.scroll-article-content h3{
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.03em;
  margin:34px 0 14px;
}
.scroll-article-content p,
.scroll-article-content ul,
.scroll-article-content ol,
.scroll-article-content blockquote{
  max-width:680px;
}
.scroll-article-content p{margin:0 0 18px}
.scroll-article-content ul,
.scroll-article-content ol{margin:0 0 18px 24px}
.scroll-article-content li{margin-bottom:8px}
.scroll-article-content blockquote{
  margin:24px 0;
  padding:0 0 0 16px;
  border-left:2px solid #d8d8d8;
  color:#5d5d5d;
  font-style:italic;
}
.scroll-article-bottom{
  padding-top:18px;
  margin-top:8px;
  border-top:1px solid var(--rule);
}
.scroll-article-tags{gap:8px}
.scroll-tag{
  padding:6px 10px;
  font-size:12px;
  border:1px solid #dfdfdf;
  border-radius:999px;
  color:#1a1a1a;
}
.scroll-article-stats{font-size:12px;gap:14px;color:#6f6f6f}

.scroll-related,
.scroll-comments{
  width:min(100%,980px);
  margin:0 auto;
}

/* comments toned down so article stays editorial */
.scroll-comments{
  border-top:1px solid var(--rule);
  padding-top:24px;
}
.scroll-comments .scroll-section-head{
  margin-bottom:12px;
}
.scroll-comments .scroll-section-head h2{
  font-size:24px;
}
.scroll-comments-count{font-size:12px;color:#7b7b7b}
.comment-form,
.comment-item{
  border:1px solid var(--rule);
  border-radius:0;
  box-shadow:none;
  background:#fff;
}
.comment-form{
  padding:14px;
  margin-bottom:14px;
}
.comment-form textarea{
  min-height:96px;
  resize:vertical;
  border:1px solid var(--rule);
  background:#fff;
  padding:12px;
}
.comment-form .row{margin-top:10px}
.comment-form .hint{font-size:12px}
.comment-btn{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.comment-list{display:grid;gap:12px}
.comment-item{padding:14px}
.comment-top{font-size:12px;color:#707070;margin-bottom:8px}
.comment-text{font-size:14px;line-height:1.55;color:#1a1a1a}
.comment-links{font-size:12px;gap:12px;margin-top:10px}
.comment-link-btn{color:#555;text-decoration:none}
.reply-form{margin-top:12px}
.comment-children{margin:12px 0 0 14px;padding-left:12px;border-left:1px solid #e3e3e3}

/* cards page */
.page-scroll-cards .scroll-article-main{
  width:min(100%,980px);
}
.cards-article{gap:24px}
.cards-hero{padding-bottom:18px;border-bottom:1px solid var(--rule)}
.cards-meta-row{
  align-items:flex-end;
  gap:16px;
}
.cards-topline{margin:0 0 12px}
.cards-count-pill{font-size:11px;padding:4px 9px;border-radius:4px}
.cards-title{max-width:none}
.cards-intro{max-width:none}
.cards-meta{font-size:12px;color:#777}
.cards-nav{
  display:flex;
  gap:8px;
  overflow:auto;
  margin:0 0 20px;
  padding:0 0 8px;
  position:sticky;
  top:calc(var(--topbar-h) + 8px);
  background:linear-gradient(180deg,#fff 72%,rgba(255,255,255,0));
}
.cards-nav .nav-chip{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid #dfdfdf;
  border-radius:999px;
  background:#fff;
}
.cards-nav .nav-chip-label{max-width:18ch}
.cards-list{display:grid;gap:20px}
.card-step{
  border:1px solid var(--rule);
  border-radius:0;
  overflow:hidden;
  background:#fff;
}
.card-step-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  align-items:stretch;
}
.card-step-copy{padding:22px}
.card-step-head{margin-bottom:14px}
.card-step-num{
  font-size:17px;
  line-height:1.3;
  gap:10px;
}
.card-step-num b{
  width:28px;
  height:28px;
  font-size:11px;
}
.card-step-tag{
  margin-top:10px;
  display:inline-flex;
  padding:5px 9px;
  font-size:11px;
}
.card-step-body-head{margin-bottom:12px}
.card-step-body-head h3{
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0;
  max-width:none;
  overflow-wrap:anywhere;
}
.card-step-body p{
  font-size:16px;
  line-height:1.62;
  color:#202020;
  max-width:42ch;
  margin:0;
}
.card-step-media{
  border-left:1px solid var(--rule);
  background:#f5f5f5;
}
.media-inner{
  min-height:300px;
  padding:24px;
  background:linear-gradient(135deg,#f4f4f4 0%,#fbfbfb 58%,#efe7cd 100%);
}
.media-inner h3{
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:none;
  overflow-wrap:anywhere;
  margin:0;
}
.card-media-note{margin-top:12px;font-size:11px;padding:6px 10px}
.card-step-footer{
  padding:14px 22px;
  border-top:1px solid var(--rule);
}
.card-step-footer .chip{
  border:1px solid #dfdfdf;
  background:#fff;
}

.scroll-footer-columns a{margin-top:9px}

@media (max-width: 1180px){
  .scroll-top-grid{grid-template-columns:220px minmax(0,1fr)}
  .scroll-news-rail{
    grid-column:1 / -1;
    border-left:0;
    border-top:1px solid var(--rule);
    padding:20px 0 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 24px;
  }
  .rail-head,.rail-more{grid-column:1 / -1}
}
@media (max-width: 920px){
  .scroll-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-step-grid{grid-template-columns:1fr}
  .card-step-media{border-left:0;border-top:1px solid var(--rule);order:-1}
  .media-inner{min-height:220px}
}
@media (max-width: 820px){
  .page-scroll-home,
  .page-scroll-article{padding:18px 14px 48px}
  .scroll-home{gap:28px}
  .scroll-top-grid{grid-template-columns:1fr;gap:18px}
  .scroll-top-side{order:2}
  .scroll-news-rail{grid-template-columns:1fr;padding-left:0}
  .scroll-grid-4,
  .scroll-banner-inner,
  .scroll-footer-band-inner,
  .scroll-footer-card{grid-template-columns:1fr;display:grid}
  .scroll-lead-body h2{font-size:30px}
  .scroll-section-head h2{font-size:24px}
  .scroll-card-title{font-size:18px}
  .scroll-article-title{font-size:38px}
  .scroll-article-dek{font-size:17px}
  .scroll-article-content{font-size:16px}
  .scroll-comments .scroll-section-head h2{font-size:22px}
  .cards-nav{position:static;background:transparent}
  .card-step-copy,
  .card-step-footer{padding-left:18px;padding-right:18px}
  .card-step-body-head h3,
  .media-inner h3{font-size:26px}
}

/* --- cleanup pass: lead meta, right rail time, comments, cards --- */
.scroll-lead-body{
  display:grid;
  align-content:start;
  gap:10px;
}
.scroll-lead-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:4px 8px;
  border:1px solid #dedede;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  color:#585858;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.scroll-lead-body h2{margin:0}
.scroll-lead-body p{margin:0}
.scroll-lead-body .scroll-card-meta{
  margin-top:2px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.scroll-compact-item{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  padding:10px 0;
  border-top:1px solid var(--rule);
  align-items:start;
  border-bottom: none !important;
  margin-bottom: 0;
}
.scroll-compact-item:first-of-type{border-top:0;padding-top:0}
.scroll-compact-copy{
  display:grid;
  gap:6px;
  min-width:0;
}
.scroll-compact-title{
  font-size:14px;
  line-height:1.3;
  letter-spacing:-.01em;
  color:#141414;
}
.scroll-compact-meta{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
  font-size:11px;
  color:#808080;
}

.scroll-comments{
  width:min(100%,760px);
  margin:0 auto;
  padding-top:20px;
}
.scroll-comments .scroll-section-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--rule);
  margin-bottom:16px;
}
.scroll-comments .scroll-section-head h2{
  font-size:20px;
  line-height:1.1;
  margin:0;
}
.comment-form{
  padding:16px;
  margin-bottom:16px;
}
.comment-form textarea{
  min-height:104px;
  font:inherit;
  line-height:1.55;
}
.comment-form .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.comment-list{gap:10px}
.comment-item{
  padding:14px 16px;
}
.comment-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.comment-name{font-weight:700;color:#141414}
.comment-text{
  font-size:14px;
  line-height:1.65;
}
.comment-links{
  display:flex;
  align-items:center;
  gap:14px;
  color:#6f6f6f;
}
.reply-form{
  padding:12px;
  border:1px solid var(--rule);
  margin-top:12px;
}
.comment-children{
  margin:12px 0 0 0;
  padding-left:18px;
  border-left:1px solid #e6e6e6;
}
.comment-children .comment-item{
  background:#fcfcfc;
}

.page-scroll-cards .scroll-article-main{
  width:min(100%,860px);
}
.cards-article{
  gap:20px;
}
.cards-hero{
  padding-bottom:16px;
  margin-bottom:0;
}
.cards-meta-row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.cards-head-copy{
  display:grid;
  gap:10px;
}
.cards-topline{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin:0;
}
.cards-title,
.cards-intro{max-width:34ch}
.cards-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  font-size:12px;
  color:#7b7b7b;
}
.cards-nav{
  margin:0 0 18px;
  padding:0 0 10px;
  top:calc(var(--topbar-h) + 6px);
  background:linear-gradient(180deg,#fff 76%,rgba(255,255,255,0));
}
.cards-list{
  display:grid;
  gap:14px;
}
.card-step{
  border:1px solid var(--rule);
  background:#fff;
}
.card-step-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:0;
}
.card-step-copy{
  padding:20px;
  display:grid;
  gap:12px;
}
.card-step-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0;
}
.card-step-num{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.02em;
}
.card-step-num b{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid var(--rule);
  border-radius:999px;
  font-size:11px;
  line-height:1;
  background:#fafafa;
}
.card-step-tag{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border:1px solid var(--rule);
  border-radius:999px;
  font-size:11px;
  color:#666;
  margin:0;
}
.card-step-body-head{margin:0}
.card-step-body-head h3,
.media-inner h3{
  font-size:28px;
  line-height:1.06;
  letter-spacing:-.03em;
  margin:0;
}
.card-step-body p{
  max-width:46ch;
  font-size:16px;
  line-height:1.68;
  color:#1f1f1f;
}
.card-step-side{
  border-left:1px solid var(--rule);
  background:#fafafa;
}
.card-step-side-inner{
  position:sticky;
  top:calc(var(--topbar-h) + 68px);
  display:grid;
  gap:10px;
  padding:20px;
}
.card-side-label{
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#747474;
}
.card-side-note{
  padding:12px;
  border:1px solid var(--rule);
  background:#fff;
  font-size:13px;
  line-height:1.55;
  color:#1f1f1f;
}
.card-side-note-muted{
  color:#777;
}
.media-kicker{
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#666;
}

@media (max-width: 920px){
  .card-step-grid{grid-template-columns:1fr}
  .card-step-side{
    border-left:0;
    border-top:1px solid var(--rule);
  }
  .card-step-side-inner{
    position:static;
  }
  .cards-title,
  .cards-intro,
  .card-step-body p{max-width:none}
}

@media (max-width: 640px){
  .scroll-compact-item{grid-template-columns:72px minmax(0,1fr);gap:10px}
  .scroll-comments .scroll-section-head{align-items:flex-start;flex-direction:column}
  .comment-top{align-items:flex-start;flex-direction:column}
  .comment-form .row{align-items:flex-start}
  .card-step-copy,
  .card-step-side-inner{padding:16px}
  .card-step-body-head h3{font-size:24px}
}


/* --- fixes April 21 2026 --- */
.scroll-top-grid--no-left{
  grid-template-columns:minmax(0,1fr) 292px;
}
.scroll-top-grid--no-left .scroll-lead{
  grid-column:1;
}
.scroll-top-grid--no-left .scroll-news-rail{
  grid-column:2;
}
.scroll-news-rail{
  padding-right:2px;
}
.scroll-news-rail .scroll-section-head,
.scroll-news-rail .scroll-compact-item,
.scroll-news-rail .rail-more{
  margin-right:0;
}
.scroll-compact-item.no-thumb{
  grid-template-columns:minmax(0,1fr);
}
.scroll-compact-item.no-thumb .scroll-compact-copy{
  width:100%;
}
.page-scroll-cards .scroll-article-main{
  width:min(100%,820px);
}
.cards-article{
  gap:20px;
}
.cards-shell{
  display:grid;
  gap:18px;
}
.cards-hero{
  padding-bottom:14px;
}
.cards-meta-row{
  gap:10px;
}
.cards-topline{
  margin:0 0 10px;
}
.cards-title,
.cards-intro{
  max-width:none;
}
.cards-nav{
  display:flex;
  gap:8px;
  overflow:auto;
  margin:0;
  padding:0 0 8px;
}
.cards-list{
  display:grid;
  gap:14px;
}
.card-step{
  display:grid;
  gap:0;
  border:1px solid var(--rule);
  background:#fff;
}
.card-step-copy{
  display:grid;
  gap:12px;
  padding:20px;
}
.card-step-head{
  margin:0;
}
.card-step-body-head{
  margin:0;
}
.card-step-body-head h3{
  font-size:28px;
  line-height:1.08;
  margin:0;
}
.card-step-body p{
  max-width:none;
}
.card-step-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 20px;
  border-top:1px solid var(--rule);
  background:#fafafa;
}
.card-step-footer .left,
.card-step-footer .right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.card-step-footer .chip{
  border:1px solid #dfdfdf;
  background:#fff;
}
@media (max-width: 1180px){
  .scroll-top-grid--no-left{
    grid-template-columns:minmax(0,1fr);
  }
  .scroll-top-grid--no-left .scroll-news-rail{
    grid-column:1;
  }
}
@media (max-width: 820px){
  .scroll-news-rail{
    padding:16px 0 0;
    gap:0;
  }
  .scroll-news-rail .rail-head{
    margin-bottom:10px;
  }
  .scroll-compact-item,
  .scroll-compact-item:first-of-type{
    padding:12px 0;
  }
  .scroll-compact-item.no-thumb{
    grid-template-columns:minmax(0,1fr);
  }
  .cards-shell,
  .cards-list{
    gap:12px;
  }
  .card-step-copy,
  .card-step-footer{
    padding-left:16px;
    padding-right:16px;
  }
}


/* --- April 22 2026 layout fixes --- */
.scroll-compact-item,
.scroll-compact-copy,
.scroll-compact-title,
.scroll-news-rail,
.scroll-news-rail .rail-head,
.scroll-news-rail .rail-more{
  min-width:0;
}
.scroll-compact-item{
  width:100%;
  box-sizing:border-box;
}
.scroll-compact-thumb{
  flex:0 0 auto;
  overflow:hidden;
  border-radius:0;
}
.scroll-compact-copy{
  width:100%;
}
.scroll-compact-title{
  display:block;
  word-break:break-word;
}
.scroll-news-rail{
  box-sizing:border-box;
}
.scroll-top-grid--leadless{
  grid-template-columns:minmax(0,1fr) minmax(360px,600px) minmax(260px,320px);
  align-items:start;
}
.scroll-news-rail--leadless{
  grid-column:2;
  border-left:1px solid var(--rule);
  border-right:1px solid var(--rule);
  padding:0 var(--grid-gap);
}
.scroll-top-specials{
  grid-column:3;
  min-width:0;
}
.scroll-top-specials .scroll-top-side{
  display:grid;
  gap:16px;
}
@media (max-width: 820px){
  .scroll-top-grid--leadless{
    grid-template-columns:1fr;
    gap:18px;
  }
  .scroll-news-rail--leadless,
  .scroll-top-specials{
    grid-column:auto;
  }
  .scroll-news-rail--leadless{
    border-right:0;
    padding:0;
  }
}
@media (max-width: 640px){
  .scroll-news-rail{
    padding-left:0;
    border-left:0;
  }
  .scroll-news-rail .rail-head{
    margin-bottom:8px;
  }
  .scroll-news-rail .scroll-compact-item,
  .scroll-news-rail .rail-more{

  }
  .scroll-news-rail .scroll-compact-item{
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    align-items:start;
  }
  .scroll-news-rail .scroll-compact-thumb{
    width:96px;
    min-width:96px;
  }
  .scroll-news-rail .scroll-compact-copy{
    align-self:start;
  }
  .scroll-news-rail .scroll-compact-title{
    font-size:13px;
    line-height:1.28;
  }
  .scroll-news-rail .scroll-compact-meta{
    font-size:12px;
    gap:5px;
  }
}

/* NYT-inspired feature view, while keeping the existing site header */
.nyt-feature-page{background:#fff;color:#111;min-height:100vh}.nyt-feature-article{max-width:none;margin:0 auto}.nyt-feature-hero{display:grid;grid-template-columns:minmax(320px,46vw) 1fr;min-height:calc(100vh - 86px);background:#050505;color:#fff;border-bottom:1px solid #ddd}.nyt-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(34px,7vw,110px);text-align:left}.nyt-feature-kicker{font:700 12px/1 var(--font-ui,Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#bdbdbd;margin-bottom:22px}.nyt-feature-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7vw,96px);line-height:.96;font-weight:400;letter-spacing:-.055em;margin:0 0 22px;max-width:760px}.nyt-feature-copy p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2vw,30px);line-height:1.28;font-weight:600;margin:0;max-width:760px;color:#f1f1f1}.nyt-feature-meta{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:26px;color:#cfcfcf;font-size:13px}.nyt-feature-media{position:relative;min-height:520px;overflow:hidden;background:#111}.nyt-feature-media img{width:100%;height:100%;object-fit:cover;display:block}.nyt-feature-placeholder{height:100%;display:grid;place-items:center;font:700 22px/1 var(--font-ui,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#aaa}.nyt-feature-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:34px;background:rgba(255,255,255,.96);border-bottom:1px solid #ddd;box-shadow:0 2px 12px rgba(0,0,0,.06);backdrop-filter:blur(12px);padding:16px 20px}.nyt-feature-nav a{color:#111;text-decoration:none;font-weight:700;font-size:15px}.nyt-feature-body{max-width:760px;margin:70px auto 30px;padding:0 22px;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.72;color:#222}.nyt-feature-body p{margin:0 0 1.25em}.nyt-feature-body h2,.nyt-feature-body h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12;letter-spacing:-.02em;margin:1.6em 0 .65em}.nyt-feature-body img{max-width:100%;height:auto}.nyt-feature-takeaways,.nyt-feature-bottom,.nyt-feature-comments{max-width:820px;margin-left:auto;margin-right:auto}.nyt-feature-takeaways{border-top:3px solid #111;border-bottom:1px solid #ddd;padding:22px;margin-top:34px;margin-bottom:34px}.nyt-feature-takeaway-title{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:8px}.nyt-feature-takeaways p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.5;margin:0}.nyt-feature-bottom{padding:0 22px 26px}.nyt-feature-comments{padding:0 22px 70px}@media(max-width:900px){.nyt-feature-hero{grid-template-columns:1fr;min-height:0}.nyt-feature-media{min-height:42vh;order:-1}.nyt-feature-copy{padding:34px 22px 44px}.nyt-feature-copy h1{font-size:46px}.nyt-feature-copy p{font-size:20px}.nyt-feature-nav{overflow:auto;justify-content:flex-start}}

/* Bloomberg-terminal-like full-screen feed modal */
.terminal-feed-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,7,18,.985);color:#dbeafe;display:none;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.terminal-feed-modal.open{display:block;animation:terminalFeedIn .18s ease-out}.terminal-feed-shell{height:100%;display:flex;flex-direction:column;padding:18px}.terminal-feed-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(147,197,253,.25);padding-bottom:10px;color:#93c5fd}.terminal-feed-title{font-weight:800;letter-spacing:.08em;text-transform:uppercase}.terminal-feed-status{display:flex;gap:18px;font-size:13px;color:#9ca3af}.terminal-feed-close{border:1px solid rgba(147,197,253,.35);background:rgba(15,23,42,.8);color:#e5e7eb;border-radius:8px;padding:7px 11px;cursor:pointer}.terminal-feed-list{flex:1;overflow:auto;padding:14px 0}.terminal-feed-row{display:grid;grid-template-columns:86px 64px 1fr 70px;gap:12px;align-items:baseline;color:#e5e7eb;text-decoration:none;padding:6px 8px;border-radius:4px}.terminal-feed-row:hover,.terminal-feed-row.hot{background:rgba(59,130,246,.18)}.terminal-feed-time{color:#f59e0b}.terminal-feed-type{color:#86efac}.terminal-feed-hot{color:#67e8f9;text-align:right}.terminal-feed-empty{padding:30px;color:#9ca3af}.terminal-feed-foot{border-top:1px solid rgba(147,197,253,.25);padding-top:9px;color:#9ca3af;font-size:13px}@keyframes terminalFeedIn{from{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}body.feed-modal-open{overflow:hidden}.header-btn[data-feed-open]{font:inherit;cursor:pointer}
@media(max-width:760px){.terminal-feed-row{grid-template-columns:54px 1fr 42px}.terminal-feed-type{display:none}.terminal-feed-shell{padding:12px}.terminal-feed-status{display:none}}

/* final feed + feature fixes */
.terminal-feed-modal{background:#000!important;color:#e7e7e7!important;backdrop-filter:none!important}
.terminal-feed-shell{background:#000!important}
.terminal-feed-head{border-bottom:1px solid #2a2a2a!important;color:#f5f5f5!important}
.terminal-feed-title{color:#fff!important}
.terminal-feed-status,.terminal-feed-foot,.terminal-feed-empty{color:#9b9b9b!important}
.terminal-feed-close{background:#050505!important;color:#fff!important;border:1px solid #3a3a3a!important}
.terminal-feed-list{background:#000!important}
.terminal-feed-row{grid-template-columns:86px 88px 1fr 70px!important;color:#eaeaea!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:#000!important}
.terminal-feed-row:hover,.terminal-feed-row.hot,.terminal-feed-row.active{background:#141414!important;color:#fff!important}
.terminal-feed-time{color:#f2a23a!important}
.terminal-feed-type{color:#8ff0a4!important}
.terminal-feed-hot{color:#f2f2f2!important;font-weight:800!important}
.terminal-feed-keys{display:block;margin-top:3px;color:#8b8b8b;font-size:12px;line-height:1.3}
.terminal-feed-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #262626;background:#050505;padding:10px 8px;color:#f2a23a;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
.terminal-feed-search[hidden]{display:none!important}
.terminal-feed-search input{width:100%;background:#000;border:1px solid #333;border-radius:6px;color:#fff;padding:9px 11px;font:inherit;outline:none}
.terminal-feed-search input:focus{border-color:#777}
.nyt-feature-nav{display:none!important}
.nyt-feature-hero{min-height:0!important;height:auto!important;grid-template-columns:minmax(300px,42vw) 1fr!important}
.nyt-feature-copy{padding:clamp(28px,5vw,72px)!important;justify-content:center!important}
.nyt-feature-copy h1{font-size:clamp(36px,5.4vw,72px)!important;line-height:1!important;letter-spacing:-.045em!important;max-width:680px!important}
.nyt-feature-copy p{font-size:clamp(18px,1.55vw,24px)!important;line-height:1.35!important;max-width:680px!important}
.nyt-feature-media{min-height:min(58vh,620px)!important}
.nyt-feature-body{max-width:740px!important;margin-top:54px!important}
.nyt-feature-body figure{width:min(1120px,calc(100vw - 48px));max-width:none;margin:2.2em 50% 2.2em;transform:translateX(-50%)}
.nyt-feature-body figure img{width:100%;max-width:none;height:auto;display:block}
.nyt-feature-body>img,.nyt-feature-body p>img{width:min(1120px,calc(100vw - 48px));max-width:none;height:auto;margin:2.2em 50%;transform:translateX(-50%);display:block}
@media(max-width:900px){.terminal-feed-row{grid-template-columns:58px 1fr 42px!important}.terminal-feed-type{display:none!important}.nyt-feature-hero{grid-template-columns:1fr!important}.nyt-feature-media{min-height:36vh!important;order:-1}.nyt-feature-copy h1{font-size:clamp(34px,10vw,48px)!important}.nyt-feature-copy p{font-size:18px!important}.nyt-feature-body>img,.nyt-feature-body p>img,.nyt-feature-body figure{width:calc(100vw - 24px);margin-left:50%;margin-right:50%}}

/* feed faster refresh + compact timestamps */
.terminal-feed-row{grid-template-columns:100px 88px 1fr 70px!important}
.terminal-feed-time{font-variant-numeric:tabular-nums!important;white-space:nowrap!important}

/* feature story sizing and media width fixes */
.nyt-feature-hero{min-height:auto!important;max-height:none!important;grid-template-columns:minmax(300px,42vw) 1fr!important}
.nyt-feature-copy{padding:clamp(28px,5vw,70px)!important;justify-content:center!important}
.nyt-feature-copy h1{font-size:clamp(38px,5.2vw,48px)!important;font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "DM Sans", sans-serif;line-height:1!important;max-width:680px!important;letter-spacing:-.045em!important}
.nyt-feature-copy p{font-size:clamp(18px,1.6vw,24px)!important;max-width:660px!important;line-height:1.32!important}
.nyt-feature-media{min-height:min(58vh,620px)!important;max-height:720px!important}
.nyt-feature-body img,.nyt-feature-body figure{width:min(1120px,calc(100vw - 44px))!important;max-width:none!important;margin-left:50%!important;transform:translateX(-50%)!important;height:auto!important}
.nyt-feature-body figure img{width:100%!important;margin-left:0!important;transform:none!important}
.nyt-feature-nav,.scroll-sticky-nav,.sticky-story-nav{display:none!important}
@media(max-width:900px){.terminal-feed-row{grid-template-columns:74px 1fr 42px!important}.nyt-feature-hero{grid-template-columns:1fr!important}.nyt-feature-media{min-height:34vh!important;order:-1}.nyt-feature-copy{padding:28px 20px 34px!important}.nyt-feature-copy h1{font-size:clamp(32px,9vw,46px)!important}.nyt-feature-body img,.nyt-feature-body figure{width:calc(100vw - 22px)!important}}

/* feature hero exact viewport height fix */
.nyt-feature-page{
  --feature-offset: 96px;
  --feature-hero-h: calc(100dvh - var(--feature-offset));
}
.nyt-feature-hero{
  min-height: var(--feature-hero-h)!important;
  height: var(--feature-hero-h)!important;
  max-height: var(--feature-hero-h)!important;
  align-items: stretch!important;
  overflow: hidden!important;
}
.nyt-feature-copy{
  min-height: var(--feature-hero-h)!important;
  height: 100%!important;
  align-self: stretch!important;
  padding-top: clamp(22px,4.2vw,64px)!important;
  padding-bottom: clamp(22px,4.2vw,64px)!important;
}
.nyt-feature-media{
  min-height: var(--feature-hero-h)!important;
  height: var(--feature-hero-h)!important;
  max-height: var(--feature-hero-h)!important;
  align-self: stretch!important;
}
@media(max-width:900px){
  .nyt-feature-hero{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .nyt-feature-copy{
    min-height:auto!important;
    height:auto!important;
  }
  .nyt-feature-media{
    min-height:34vh!important;
    height:34vh!important;
    max-height:none!important;
  }
}

/* final feature hero viewport lock: no bottom strip */
.nyt-feature-page{--feature-hero-h:calc(100vh - 120px);--feature-hero-h:calc(100dvh - 120px)}
.nyt-feature-hero{height:var(--feature-hero-h)!important;min-height:var(--feature-hero-h)!important;max-height:var(--feature-hero-h)!important;margin-bottom:0!important;border-bottom:0!important;overflow:hidden!important;align-items:stretch!important}
.nyt-feature-copy,.nyt-feature-media{height:var(--feature-hero-h)!important;min-height:var(--feature-hero-h)!important;max-height:var(--feature-hero-h)!important;align-self:stretch!important;box-sizing:border-box!important}
.nyt-feature-media img{height:100%!important;width:100%!important;object-fit:cover!important;display:block!important}
.nyt-feature-body{margin-top:0!important;padding-top:70px!important}
@media(max-width:900px){.nyt-feature-hero,.nyt-feature-copy,.nyt-feature-media{height:auto!important;min-height:0!important;max-height:none!important}.nyt-feature-media{height:34vh!important;min-height:34vh!important}}

/* Leadless news rail: text-only compact list with relative time + nearby tags */
.scroll-news-rail--leadless .scroll-compact-item{
  display:block;
  padding:12px 0;
  margin:0;
  border-bottom:1px solid var(--rule, #ebebeb);
}
.scroll-news-rail--leadless .scroll-compact-thumb{
  display:none !important;
}
.scroll-news-rail--leadless .scroll-compact-copy{
  width:100%;
  min-width:0;
}
.scroll-news-rail--leadless .scroll-compact-title{
  display:block;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.015em;
  color:var(--ink, #000);
  margin:0 0 4px;
}
.scroll-news-rail--leadless .scroll-compact-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  font-size:12px;
  line-height:1.25;
  color:#7d838b;
}
.scroll-news-rail--leadless .scroll-compact-meta span{
  white-space:nowrap;
}
.scroll-news-rail--leadless .rail-head h2{
  color:#ff1400;
}
@media (max-width:640px){
  .scroll-news-rail--leadless .scroll-compact-item{
    display:block;
    grid-template-columns:none;
  }
}

/* --- corrected light comments tree, compact and responsive --- */
.scroll-comments{width:min(100%,860px);margin:28px auto 0;padding:0 20px 72px;color:#111}.scroll-comments .scroll-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e7e7e7;padding:0 0 12px;margin:0 0 18px}.scroll-comments .scroll-section-head h2{font-size:24px;letter-spacing:-.03em;margin:0;color:#111}.scroll-comments-count{font-size:13px;color:#777}.scroll-comments>.comment-form{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:14px;margin:0 0 18px;box-shadow:none}.scroll-comments>.comment-form textarea{min-height:92px;border:0;outline:0;resize:vertical;padding:12px 14px;border-radius:14px;background:#fafafa;font:inherit;font-size:16px}.comment-list{display:block;gap:0}.comment-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:12px 0 0;background:transparent!important;border:0!important;box-shadow:none!important}.comment-item[hidden],.reply-form[hidden]{display:none!important}.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#eeeeee,#d8d8d8);color:#111;font-weight:800;font-size:14px}.comment-body{min-width:0;padding-bottom:12px;border-bottom:1px solid #ededed}.comment-top{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:0 0 7px;font-size:14px;line-height:1.2;flex-wrap:wrap}.comment-name{font-weight:800;color:#111}.comment-time{color:#858585;font-weight:500}.comment-text{font-size:16px;line-height:1.5;color:#242424;overflow-wrap:anywhere;margin:0 0 10px}.comment-links{display:flex;align-items:center;gap:10px;margin-top:0;color:#8a8a8a;font-size:14px;flex-wrap:wrap}.comment-pill{border:0;border-radius:999px;background:#f1f1f1;color:#333;padding:5px 10px;line-height:1;cursor:pointer;font:inherit;font-weight:700}.comment-pill:disabled{opacity:.72;cursor:default}.comment-mini-count{color:#777;font-size:13px}.comment-link-btn,.comment-more,.comment-load-replies,.comment-load-more{border:0;background:transparent;color:#777;cursor:pointer;font:inherit;padding:0;text-decoration:none}.comment-link-btn:hover,.comment-more:hover,.comment-load-replies:hover,.comment-load-more:hover{color:#111}.comment-more{font-size:20px;line-height:1;transform:translateY(-1px)}.comment-children{position:relative;margin:8px 0 0 0;padding-left:0;border-left:0}.comment-children:before{content:"";position:absolute;left:-31px;top:0;bottom:8px;width:1px;background:#e5e5e5}.comment-children .comment-item{grid-template-columns:32px minmax(0,1fr);column-gap:10px;padding-top:10px}.comment-children .comment-avatar{width:32px;height:32px;font-size:12px}.comment-children .comment-body{padding-bottom:10px}.reply-form{display:block;margin:12px 0 0;padding:10px;border:1px solid #dfe8ff;border-radius:14px;background:#fff;box-shadow:none}.reply-form textarea{min-height:68px;border:0;outline:0;resize:vertical;background:#fafafa;border-radius:12px;padding:10px 12px;font:inherit;width:100%}.reply-form .row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}.reply-form .hint{display:none}.comment-btn{border:0;border-radius:999px;background:#111;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}.comment-btn.secondary{background:#ececec;color:#333}.comment-load-replies,.comment-load-more{margin:8px 0 0 44px;color:#555;font-weight:700;font-size:14px}.comment-load-more{display:block;width:100%;margin:18px 0 0;padding:12px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;color:#111;text-align:center}@media (max-width:640px){.scroll-comments{padding:0 14px 56px;margin-top:20px}.scroll-comments .scroll-section-head{align-items:flex-start;flex-direction:column;gap:4px}.comment-item{grid-template-columns:34px minmax(0,1fr);column-gap:10px}.comment-avatar{width:34px;height:34px}.comment-text{font-size:15px}.comment-links{gap:9px;font-size:13px}.comment-children:before{left:-27px}.scroll-comments>.comment-form .row,.reply-form .row{justify-content:flex-start}}


/* Exact compact comment tree card */
.page-scroll-article{background:#d8d8d8;}
.scroll-comments,
.scroll-comments.nyt-feature-comments{
  width:min(100%,980px)!important;
  margin:56px auto 80px!important;
  padding:42px!important;
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.10)!important;
  color:#111!important;
}
.comment-compose{
  display:block!important;
  margin:0 0 28px!important;
  padding:18px 22px 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f4f4f4!important;
  box-shadow:none!important;
}
.comment-compose textarea{
  width:100%!important;
  min-height:54px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  resize:vertical!important;
  background:transparent!important;
  color:#111!important;
  font:inherit!important;
  font-size:15px!important;
}
.comment-compose textarea::placeholder{color:#777!important}
.comment-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}
.comment-tools{display:flex;align-items:center;gap:18px;color:#5c5c5c;font-size:15px}
.comment-tools span{display:inline-flex;align-items:center;justify-content:center;min-width:14px}
.comment-tools i{display:block;width:1px;height:20px;background:#ddd;margin:0 2px}
.comment-btn{
  border:0!important;border-radius:999px!important;background:#f25410!important;color:#fff!important;
  padding:10px 24px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;
}
.comment-btn.secondary{background:#ededed!important;color:#333!important}
.scroll-comments .scroll-section-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:32px 0 24px!important;margin:0!important;border-top:1px solid #e6e6e6!important;border-bottom:0!important;
}
.comments-title-wrap{display:flex;align-items:center;gap:9px}
.comments-title-wrap h2,.scroll-comments .scroll-section-head h2{
  margin:0!important;font-size:20px!important;letter-spacing:-.03em!important;line-height:1.1!important;color:#111!important;
}
.scroll-comments-count{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:25px!important;height:20px!important;padding:0 7px!important;border-radius:999px!important;
  background:#f25410!important;color:#fff!important;font-size:12px!important;font-weight:800!important;
}
.comments-sort{border:0;background:transparent;color:#222;font:inherit;font-size:14px;cursor:pointer;padding:0}
.comment-list{display:block!important}
.comment-item{
  position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;
  column-gap:14px!important;padding:14px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.comment-item[hidden],.reply-form[hidden]{display:none!important}
.comment-avatar{
  width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  overflow:hidden!important;color:#111!important;font-weight:800!important;font-size:13px!important;border:2px solid #fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
}
.comment-body{min-width:0!important;border-bottom:0!important;padding:0 0 14px!important}
.comment-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0 0 9px!important;font-size:14px!important;line-height:1.2!important;flex-wrap:wrap!important}
.comment-name{font-weight:800!important;color:#111!important}
.comment-time{color:#747474!important;font-weight:500!important}
.comment-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#1598ff;color:#fff;font-size:10px;font-weight:900}
.comment-text{margin:0 0 12px!important;color:#151515!important;font-size:15px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.comment-links{display:flex!important;align-items:center!important;gap:13px!important;margin:0!important;color:#5d5d5d!important;font-size:13px!important;flex-wrap:wrap!important}
.comment-vote,.comment-link-btn,.comment-more,.comment-load-replies,.comment-load-more{
  border:0!important;background:transparent!important;color:#5d5d5d!important;cursor:pointer!important;font:inherit!important;padding:0!important;text-decoration:none!important;
}
.comment-vote-up{color:#f25410!important;font-weight:800!important}
.comment-vote:disabled{opacity:.65;cursor:default!important}
.comment-link-btn{display:inline-flex!important;align-items:center!important;gap:5px!important}
.comment-more{font-size:18px!important;line-height:1!important;letter-spacing:1px!important}
.comment-children{position:relative!important;margin:10px 0 0 -28px!important;padding-left:28px!important;border-left:1px solid #e0e0e0!important}
.comment-children .comment-item{grid-template-columns:32px minmax(0,1fr)!important;column-gap:12px!important;padding-top:12px!important}
.comment-children .comment-avatar{width:32px!important;height:32px!important;font-size:12px!important}
.reply-form{
  display:block!important;margin:12px 0 0!important;padding:12px!important;border:1px solid #4c8df6!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;
}
.reply-form textarea{width:100%!important;min-height:72px!important;border:0!important;outline:0!important;resize:vertical!important;background:#fafafa!important;border-radius:10px!important;padding:10px!important;font:inherit!important}
.reply-form .row{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:10px!important}
.comment-load-replies{display:block!important;margin:8px 0 0 46px!important;color:#e24a0a!important;font-weight:800!important}
.comment-load-more{display:block!important;margin:24px auto 0!important;color:#e24a0a!important;font-weight:800!important;text-align:center!important}
@media (max-width:720px){
  .scroll-comments,.scroll-comments.nyt-feature-comments{margin:22px auto 50px!important;padding:22px 16px!important;border-radius:14px!important}
  .comment-compose{padding:14px!important}
  .comment-compose-bar{align-items:flex-start;flex-direction:column}
  .comment-tools{gap:13px;flex-wrap:wrap}
  .scroll-comments .scroll-section-head{align-items:flex-start!important;flex-direction:column!important}
  .comment-item{grid-template-columns:30px minmax(0,1fr)!important;column-gap:10px!important}
  .comment-avatar{width:30px!important;height:30px!important}
  .comment-children{margin-left:-24px!important;padding-left:24px!important}
}

/* --- final comments cleanup: no forced page background, no fake toolbar icons --- */
.page-scroll-article{background:#fff!important;}
.scroll-comments,.scroll-comments.nyt-feature-comments{width:min(100%,980px)!important;margin:42px auto 70px!important;padding:0 22px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#111!important;}
.comment-compose{margin:0 0 28px!important;padding:18px 18px 12px!important;background:#f4f4f4!important;border:0!important;border-radius:12px!important;box-shadow:none!important;}
.comment-compose textarea{min-height:54px!important;background:transparent!important;}
.comment-compose-bar{justify-content:flex-end!important;margin-top:10px!important;}
.comment-tools{display:none!important;}
.comment-vote,.comment-link-btn,.comment-load-replies,.comment-load-more{display:inline-flex!important;align-items:center!important;gap:4px!important;border:0!important;background:transparent!important;color:#5d5d5d!important;cursor:pointer!important;font:inherit!important;padding:0!important;text-decoration:none!important;}
.comment-vote-up{color:#e24a0a!important;font-weight:800!important;}
.comment-vote-up:disabled{opacity:.75!important;cursor:default!important;}
.comment-more{display:none!important;}
.comment-link-btn:hover,.comment-vote-up:hover,.comment-load-replies:hover,.comment-load-more:hover{color:#111!important;}
@media (max-width:720px){.scroll-comments,.scroll-comments.nyt-feature-comments{margin:28px auto 56px!important;padding:0 14px!important;}.comment-compose-bar{align-items:center!important;flex-direction:row!important;justify-content:flex-end!important;}}

/* Comments v2: 700px width, clickable thread rails, functional sort */
.scroll-comments,.scroll-comments.nyt-feature-comments{width:min(100%,700px)!important;max-width:700px!important;margin:42px auto 70px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.comments-sort{appearance:none;-webkit-appearance:none;border:0!important;background:transparent!important;color:#222!important;font:inherit!important;font-size:14px!important;cursor:pointer!important;padding:4px 18px 4px 4px!important;background-image:linear-gradient(45deg,transparent 50%,#777 50%),linear-gradient(135deg,#777 50%,transparent 50%)!important;background-position:calc(100% - 10px) 11px,calc(100% - 5px) 11px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.comment-children{position:relative!important;margin:10px 0 0 -28px!important;padding-left:28px!important;border-left:0!important}
.comment-children:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:8px!important;width:1px!important;background:#dedede!important}
.comment-thread-toggle{position:absolute!important;left:-6px!important;top:0!important;bottom:8px!important;width:13px!important;border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important;z-index:2!important}
.comment-thread-toggle:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:#d6d6d6;transition:background .15s ease,width .15s ease}
.comment-thread-toggle:hover:before{background:#e24a0a;width:2px}
.comment-children.is-collapsed>.comment-item,.comment-children.is-collapsed>.comment-load-replies{display:none!important}
.comment-children.is-collapsed:after{content:"Replies hidden";display:inline-flex;margin:2px 0 8px 18px;color:#777;font-size:13px;background:#f5f5f5;border-radius:999px;padding:4px 10px}
.comment-load-more:disabled,.comment-btn:disabled{opacity:.6!important;cursor:default!important}
@media (max-width:760px){.scroll-comments,.scroll-comments.nyt-feature-comments{width:100%!important;max-width:100%!important;padding:0 14px!important}.comments-sort{font-size:13px!important}.comment-children{margin-left:-24px!important;padding-left:24px!important}}

/* Final requested home rail and comments fixes */
.scroll-news-rail .rail-head h2{color:#f01414!important}
.scroll-news-rail .scroll-compact-thumb{display:none!important}
.scroll-news-rail .scroll-compact-item{grid-template-columns:1fr!important;display:block!important;width:100%!important;min-width:0!important}
.scroll-news-rail .scroll-compact-copy{min-width:0!important;width:100%!important}
.scroll-news-rail .scroll-compact-title{font-size:16px!important;line-height:1.25!important;font-weight:800!important}
.scroll-news-rail .scroll-compact-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;color:#868686!important;font-size:12px!important;margin-top:5px!important}
@media (max-width:900px){
  .scroll-top-grid,.scroll-top-grid--leadless,.scroll-top-grid--no-left{display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .scroll-top-side,.scroll-top-specials,.scroll-news-rail{width:100%!important;min-width:0!important;max-width:100%!important}
  .scroll-news-rail{display:flex!important;flex-direction:column!important;gap:0!important;border-left:0!important;border-top:1px solid #ebebeb!important;padding:18px 0 0!important;margin-top:18px!important;grid-template-columns:none!important}
}
.comment-reactions{display:inline-flex;align-items:center;gap:6px;position:relative;vertical-align:middle;flex-wrap:wrap}.comment-links .comment-reactions{margin-right:2px}.comment-emoji-chip,.comment-emoji-open{border:0;background:#f1f1f1;color:#333;border-radius:999px;padding:5px 9px;font:inherit;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.comment-emoji-chip b{font-size:12px;color:#555}.comment-emoji-open{width:28px;height:28px;justify-content:center;padding:0;color:#666}.comment-emoji-wrap{position:relative;display:inline-flex}.comment-emoji-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:30;background:#fff;border:1px solid #e3e3e3;box-shadow:0 16px 40px rgba(0,0,0,.12);border-radius:16px;padding:8px;display:grid;grid-template-columns:repeat(4,34px);gap:4px}.comment-emoji-menu[hidden]{display:none!important}.comment-emoji-menu button{width:34px;height:34px;border:0;background:transparent;border-radius:10px;font-size:20px;cursor:pointer}.comment-emoji-menu button:hover{background:#f3f3f3}.comments-sort{cursor:pointer}.scroll-comments{width:min(100%,700px)!important;max-width:700px!important}

/* FINAL mobile order, live latest dot, compact comments, persistent emoji state */
.scroll-news-rail .rail-head h2{
  color:#e10600!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:800!important;
}
.live-dot{
  width:8px;height:8px;border-radius:999px;background:#e10600;display:inline-block;position:relative;flex:0 0 auto;
}
.live-dot:after{
  content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(225,6,0,.38);animation:btfdLivePulse 1.45s ease-out infinite;
}
@keyframes btfdLivePulse{0%{transform:scale(1);opacity:.85}75%{transform:scale(2.5);opacity:0}100%{transform:scale(2.5);opacity:0}}

@media (max-width:760px){
  .scroll-top-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;gap:18px!important;}
  .scroll-lead{order:1!important;width:100%!important;min-width:0!important;}
  .scroll-news-rail{order:2!important;width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;border-left:0!important;border-top:1px solid #ededed!important;padding:18px 0 0!important;}
  .scroll-top-side{order:3!important;width:100%!important;min-width:0!important;}
  .scroll-top-specials{order:4!important;width:100%!important;min-width:0!important;}
  .scroll-home,.page-scroll-home,.home{min-width:0!important;overflow-x:hidden!important;}
}

.scroll-comments,.scroll-comments.nyt-feature-comments{width:min(100%,700px)!important;max-width:700px!important;box-sizing:border-box!important;}
.comment-item{grid-template-columns:34px minmax(0,1fr)!important;column-gap:10px!important;align-items:start!important;}
.comment-avatar{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;}
.comment-body{min-width:0!important;}
.comment-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:0 0 6px!important;line-height:1.2!important;}
.comment-name{white-space:normal!important;}
.comment-time{white-space:nowrap!important;}
.comment-text{margin-top:0!important;}
.comment-vote.is-active,.comment-emoji-chip.is-active,.comment-emoji-menu button.is-active{
  background:#ffe8e8!important;color:#d40000!important;box-shadow:inset 0 0 0 1px rgba(225,6,0,.2)!important;
}
.comment-emoji-chip.is-active b{color:#d40000!important;}
@media (max-width:640px){
  .scroll-comments,.scroll-comments.nyt-feature-comments{padding-left:12px!important;padding-right:12px!important;margin-top:22px!important;}
  .scroll-comments .scroll-section-head{gap:8px!important;margin-bottom:14px!important;}
  .comment-item{grid-template-columns:28px minmax(0,1fr)!important;column-gap:8px!important;padding-top:10px!important;}
  .comment-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:12px!important;}
  .comment-top{gap:5px!important;font-size:13px!important;flex-wrap:wrap!important;}
  .comment-text{font-size:15px!important;line-height:1.45!important;}
  .comment-links{gap:7px!important;}
  .comment-children{margin-left:0!important;padding-left:20px!important;}
  .comment-children:before{left:8px!important;}
  .comment-children .comment-item{grid-template-columns:26px minmax(0,1fr)!important;column-gap:8px!important;}
  .comment-children .comment-avatar{width:26px!important;height:26px!important;min-width:26px!important;}
}


/* Archive pages and search/comment fixes */
.header-search.is-active,.header-search:focus-within{background:#fff!important;border-color:#8fd7ff!important;box-shadow:0 0 0 4px rgba(111,202,255,.18)!important;filter:none!important;opacity:1!important}.header-search.is-active input,.header-search:focus-within input{color:#111!important;background:#fff!important;filter:none!important;opacity:1!important}
.page-archive{background:#fff;min-height:70vh}.archive-shell{width:min(100%,980px);margin:0 auto;padding:44px 20px 80px;box-sizing:border-box}.archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:18px}.archive-kicker{color:#1598ff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.archive-head h1{font-size:clamp(38px,7vw,76px);line-height:.95;margin:0;color:#111;letter-spacing:-.05em}.archive-head p{max-width:560px;margin:12px 0 0;color:#666;font-size:16px;line-height:1.5}.archive-count{border:1px solid #e6e6e6;border-radius:999px;padding:9px 13px;color:#555;background:#fafafa;font-weight:800;white-space:nowrap}.archive-list{display:grid;gap:14px}.archive-day{position:sticky;top:72px;z-index:2;display:inline-flex;width:max-content;margin:18px 0 2px;padding:6px 10px;border-radius:999px;background:#f2f8ff;color:#2779ad;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 8px 22px rgba(255,255,255,.92)}.archive-item{display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;padding:16px;border:1px solid #ececec;border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.archive-item:hover{transform:translateY(-2px);border-color:#d7efff;box-shadow:0 18px 44px rgba(0,0,0,.07)}.archive-thumb{width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef8ff,#f8f8f8);display:grid;place-items:center;color:#1598ff;font-weight:900}.archive-thumb img{width:100%;height:100%;object-fit:cover;display:block}.archive-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.archive-meta{display:flex;gap:7px;flex-wrap:wrap;color:#777;font-size:13px;font-weight:700;margin-bottom:8px}.archive-copy h2{margin:0;color:#111;font-size:24px;line-height:1.08;letter-spacing:-.03em}.archive-copy p{margin:9px 0 0;color:#555;font-size:15px;line-height:1.5}.archive-more-wrap{display:flex;justify-content:center;margin-top:24px}.archive-more{border:0;border-radius:999px;background:#111;color:#fff;padding:13px 22px;font:inherit;font-weight:900;cursor:pointer}.archive-more:disabled{opacity:.65;cursor:default}.terminal-feed-loading span{display:inline-block;min-width:16px;color:#1598ff;font-weight:900}.comment-vote.is-active{background:transparent!important;color:#1598ff!important;box-shadow:none!important}.comment-emoji-chip.is-active,.comment-emoji-menu button.is-active{background:#e8f6ff!important;color:#0077c8!important;box-shadow:inset 0 0 0 1px rgba(21,152,255,.23)!important}.comment-emoji-chip.is-active b{color:#0077c8!important}.comment-children.is-collapsed:after{content:var(--hidden-replies-label,"Replies hidden")!important;background:#f2f8ff!important;color:#2779ad!important}.comments-index-card{max-width:820px;margin:0 auto;padding:36px 20px 72px;background:#fff!important;box-shadow:none!important;border:0!important}.comments-index-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}.comments-index-head h1{font-size:clamp(34px,6vw,62px);letter-spacing:-.05em;line-height:.95;margin:0}.comments-index-head p{margin:8px 0 0;color:#666}.comments-index-list{display:grid;gap:12px}.comments-index-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #eee;border-radius:20px;background:#fff}.comments-index-body{min-width:0}.comments-index-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;margin-bottom:7px}.comments-index-name{font-weight:900;color:#111}.comments-index-time{color:#777}.comments-index-link{color:#1598ff;text-decoration:none;font-weight:800}.comments-index-text{font-size:15px;line-height:1.5;color:#222;overflow-wrap:anywhere}.comment-item{min-width:0!important}.comment-body{overflow:hidden!important}.comment-children .comment-item{min-width:0!important}.comment-reactions{max-width:100%}.comment-emoji-menu{max-width:calc(100vw - 32px)}
@media(max-width:700px){.archive-shell{padding:30px 14px 64px}.archive-head{align-items:flex-start;flex-direction:column}.archive-item{grid-template-columns:1fr;gap:12px;border-radius:20px;padding:12px}.archive-copy h2{font-size:21px}.archive-thumb{aspect-ratio:16/9}.archive-count{font-size:13px}.archive-day{top:62px;margin-top:14px}.comments-index-card{padding:28px 14px 60px}.comments-index-head{align-items:flex-start;flex-direction:column}.comments-index-item{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:12px;border-radius:16px}.comments-index-top{gap:5px;font-size:13px}.comments-index-text{font-size:14px}.comment-item{grid-template-columns:28px minmax(0,1fr)!important;column-gap:8px!important;width:100%!important;box-sizing:border-box!important}.comment-avatar{width:28px!important;height:28px!important;min-width:28px!important}.comment-body{min-width:0!important;width:100%!important}.comment-top{display:flex!important;gap:5px!important;flex-wrap:wrap!important}.comment-children{margin-left:0!important;padding-left:18px!important}.comment-children:before{left:7px!important}.comment-children .comment-item{grid-template-columns:24px minmax(0,1fr)!important;column-gap:7px!important}.comment-children .comment-avatar{width:24px!important;height:24px!important;min-width:24px!important}.comment-links{gap:6px!important}.comment-emoji-chip,.comment-emoji-open{padding:5px 7px!important}.comment-emoji-open{width:26px!important;height:26px!important;padding:0!important}}

/* 2026-04 polish pass: archive/comments/header/mobile search */
.mobile-search-toggle{display:none}
.ticker-loading-placeholders{gap:12px;padding-right:24px}.ticker-placeholder{display:inline-block;width:128px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.42),rgba(255,255,255,.12));box-shadow:0 0 18px rgba(240,173,0,.18);background-size:220% 100%;animation:tickerPlaceholderGlow 1.1s linear infinite}.ticker-placeholder.short{width:82px}.ticker-placeholder.tiny{width:54px}@keyframes tickerPlaceholderGlow{0%{background-position:220% 0;opacity:.58}50%{opacity:1}100%{background-position:-220% 0;opacity:.58}}
.page-archive,.page-comments-index{background:#fff;color:#111}.archive-shell,.comments-index-card{width:min(100%,var(--shell-w));max-width:1251px;margin:0 auto;padding-left:20px!important;padding-right:20px!important}.archive-head,.comments-index-head{border-bottom:1px solid #e7e7e7}.archive-kicker{color:#e10600}.archive-head h1,.comments-index-head h1{font-family:'Cal Sans',-apple-system,BlinkMacSystemFont,"DM Sans",sans-serif;font-weight:500}.archive-count{background:#f7f7f7;border-color:#e7e7e7;color:#444}.archive-item,.comments-index-item{border-color:#ececec;border-radius:18px;box-shadow:none}.archive-item:hover{border-color:#111;box-shadow:none}.archive-thumb{background:#f6f6f6;color:#111;border:1px solid #ededed}.archive-day{top:calc(var(--topbar-h) + 12px);background:#111;color:#fff;box-shadow:none}.archive-more{background:#111;color:#fff;border:1px solid #111}.comments-index-link{color:#111;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.comments-index-text{color:#242424}
.comments-sort{appearance:none;-webkit-appearance:none;border:1px solid #e3e3e3;background:#fff;color:#111;border-radius:16px;padding:9px 34px 9px 12px;font:inherit;font-size:14px;font-weight:800;line-height:1;box-shadow:0 16px 40px rgba(0,0,0,.08);background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.comments-sort:focus{outline:0;border-color:#8fd7ff;box-shadow:0 0 0 4px rgba(111,202,255,.18),0 16px 40px rgba(0,0,0,.08)}
.comment-thread-toggle{display:block!important}.comment-thread-toggle:before{background:#d6d6d6!important}.comment-thread-toggle:hover:before{background:#1598ff!important;width:2px!important;box-shadow:0 0 0 3px rgba(21,152,255,.10)}.comment-children.is-collapsed:after{content:var(--hidden-replies-label,"Replies hidden")!important}.comment-vote.is-active{background:transparent!important;color:#1598ff!important;box-shadow:none!important}.comment-emoji-chip.is-active,.comment-emoji-menu button.is-active{background:#e8f6ff!important;color:#0077c8!important;box-shadow:inset 0 0 0 1px rgba(21,152,255,.23)!important}.comment-emoji-chip.is-active b{color:#0077c8!important}.comment-vote-up.is-active{background:transparent!important;color:#1598ff!important}
@media (max-width:760px){
  .topbar-inner{position:relative;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:56px!important;padding:8px 0!important;gap:8px!important}.topbar .header-btn.primary{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-search-toggle{display:inline-flex;order:2;flex:0 0 42px;width:42px;height:42px;border:0;background:transparent;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.mobile-search-toggle span{width:17px;height:17px;border:2px solid #fff;border-radius:50%;display:block;position:relative}.mobile-search-toggle span:after{content:"";position:absolute;width:8px;height:2px;background:#fff;border-radius:999px;right:-6px;bottom:-4px;transform:rotate(45deg)}.mobile-menu-toggle{order:3;flex:0 0 42px!important;margin-left:0!important;margin-top:0!important;position:relative!important}.mobile-menu-toggle span{height:2px!important;width:18px!important;box-shadow:none!important}.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:scaleX(0)!important}.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}.header-search{position:absolute!important;order:0!important;right:92px;left:auto;top:50%;transform:translate(18px,-50%) scaleX(.82);transform-origin:right center;opacity:0;visibility:hidden;pointer-events:none;margin:0!important;z-index:5;transition:opacity .18s ease,transform .22s ease,visibility .18s ease;flex-basis:auto!important;max-width:none!important;width:min(420px,calc(100vw - 184px))}.header-search input{height:42px!important;font-size:16px!important;border-radius:999px!important;background:#fff!important;color:#111!important;padding:0 14px!important}.mobile-search-open .header-search{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scaleX(1)}.mobile-search-open .mobile-search-toggle{background:rgba(255,255,255,.08)}body.mobile-menu-open .header-actions{top:var(--mobile-topbar-offset,101px)!important;z-index:29!important;padding-top:18px!important;background:rgba(17,17,17,.92)!important;backdrop-filter:blur(12px)!important}.header-actions{top:var(--mobile-topbar-offset,101px)!important}.breaking-bar{height:auto!important;min-height:45px;display:flex;align-items:center}.breaking-inner{width:calc(100vw - 24px)!important}.archive-shell,.comments-index-card{padding-left:14px!important;padding-right:14px!important}.archive-day{top:calc(var(--mobile-topbar-offset,101px) + 8px)}.comments-index-item{align-items:start}.comments-index-top{line-height:1.25}.comment-list{width:100%;min-width:0;overflow:visible}.scroll-comments,.scroll-comments.nyt-feature-comments{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden}.comment-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:9px!important;align-items:start!important;min-width:0!important}.comment-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important}.comment-body{min-width:0!important;overflow:visible!important;padding-bottom:10px!important}.comment-top{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin:0 0 5px!important;min-width:0!important}.comment-name{max-width:100%;overflow-wrap:anywhere}.comment-time{font-size:12px!important}.comment-text{font-size:15px!important;line-height:1.45!important;overflow-wrap:anywhere!important}.comment-links{gap:6px!important;align-items:center!important}.comment-reactions{gap:5px!important;min-width:0!important}.comment-emoji-chip,.comment-emoji-open,.comment-vote{font-size:13px!important}.comment-children{margin:8px 0 0 -18px!important;padding-left:22px!important}.comment-children:before{left:8px!important;background:#d6d6d6!important}.comment-thread-toggle{left:2px!important;width:13px!important}.comment-children .comment-item{grid-template-columns:26px minmax(0,1fr)!important;column-gap:8px!important}.comment-children .comment-avatar{width:26px!important;height:26px!important;min-width:26px!important}.comment-emoji-menu{left:auto!important;right:0!important;grid-template-columns:repeat(4,34px)!important}}
@media (max-width:430px){body.mobile-search-open .topbar .header-btn.primary{opacity:0;visibility:hidden;pointer-events:none}.header-search{left:12px!important;right:92px!important;width:auto!important}}
@media (max-width:760px){.header-search.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0,-50%) scaleX(1)!important}.header-search.is-active + .mobile-search-toggle{background:rgba(255,255,255,.08)}}


/* === FINAL MOBILE COMMENTS / SEARCH / TICKER PATCH === */

/* Loading ticker placeholders: no dots, no shiny sweep, fills the ticker lane. */
.breaking-track:has(.ticker-loading-placeholders){
  width:100%!important;
}
.ticker-loading-placeholders{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:calc(100vw - 120px)!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.ticker-loading-placeholders > .ticker-placeholder,
.ticker-loading-placeholders > .ticker-placeholder::before,
.ticker-loading-placeholders > .ticker-placeholder::after{
  content:none!important;
}
.ticker-loading-placeholders > .ticker-placeholder{
  display:block!important;
  flex:1 1 auto!important;
  min-width:42px!important;
  height:10px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  background-image:none!important;
  box-shadow:none!important;
  animation:tickerSoftPulse 1.45s ease-in-out infinite!important;
}
.ticker-loading-placeholders > .ticker-placeholder.wide{flex-grow:1.65!important;}
.ticker-loading-placeholders > .ticker-placeholder.mid{flex-grow:1.05!important;}
.ticker-loading-placeholders > .ticker-placeholder.short{flex-grow:.65!important;}
.ticker-loading-placeholders > .ticker-placeholder.tiny{flex-grow:.45!important;}
@keyframes tickerSoftPulse{
  0%,100%{opacity:.30}
  50%{opacity:.56}
}

/* Mobile search icon to close icon. No gray square/background. */
@media (max-width:760px){
  .mobile-search-toggle{
    display:inline-flex!important;
    order:2!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    margin-left:auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .mobile-search-toggle:hover,
  .mobile-search-toggle:focus,
  .mobile-search-toggle:active,
  body.mobile-search-open .mobile-search-toggle{
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .mobile-search-toggle span{
    display:block!important;
    position:relative!important;
    width:18px!important;
    height:18px!important;
    border:2px solid #fff!important;
    border-radius:50%!important;
    transform:translate3d(0,-1px,0)!important;
    transition:border-color .18s ease, transform .18s ease, opacity .18s ease!important;
  }
  .mobile-search-toggle span::before,
  .mobile-search-toggle span::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    height:2px!important;
    background:#fff!important;
    border-radius:999px!important;
    transform-origin:center!important;
    transition:opacity .18s ease, transform .2s ease, width .2s ease, left .2s ease, right .2s ease, top .2s ease, bottom .2s ease!important;
  }
  .mobile-search-toggle span::before{
    width:0!important;
    opacity:0!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  .mobile-search-toggle span::after{
    width:8px!important;
    right:-6px!important;
    bottom:-3px!important;
    transform:rotate(45deg)!important;
  }
  body.mobile-search-open .mobile-search-toggle span{
    border-color:transparent!important;
  }
  body.mobile-search-open .mobile-search-toggle span::before{
    width:17px!important;
    opacity:1!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  body.mobile-search-open .mobile-search-toggle span::after{
    width:17px!important;
    opacity:1!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
  .header-search input{
    font-size:16px!important;
  }
  .ticker-loading-placeholders{
    gap:8px!important;
    min-width:calc(100vw - 96px)!important;
  }
  .ticker-loading-placeholders > .ticker-placeholder{
    height:9px!important;
    min-width:26px!important;
  }
}

/* Comments: restore visible vertical tree and fix mobile spacing/overflow. */
.comment-list{
  width:100%!important;
  min-width:0!important;
}
.comment-item{
  min-width:0!important;
  box-sizing:border-box!important;
}
.comment-body{
  min-width:0!important;
}
.comment-children{
  position:relative!important;
  margin:10px 0 0 0!important;
  padding-left:18px!important;
  border-left:0!important;
}
.comment-children::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:6px!important;
  top:0!important;
  bottom:10px!important;
  width:1px!important;
  background:rgba(17,17,17,.18)!important;
}
.comment-thread-toggle{
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:10px!important;
  width:14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  z-index:2!important;
}
.comment-thread-toggle::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:6px!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  background:rgba(17,17,17,.20)!important;
  transition:background .16s ease,width .16s ease,box-shadow .16s ease!important;
}
.comment-thread-toggle:hover::before{
  width:2px!important;
  background:#1598ff!important;
  box-shadow:0 0 0 2px rgba(21,152,255,.10)!important;
}
.comment-children.is-collapsed > .comment-item,
.comment-children.is-collapsed > .comment-load-replies{
  display:none!important;
}
.comment-children.is-collapsed::after{
  content:var(--hidden-replies-label,"Replies hidden")!important;
  display:inline-flex!important;
  margin:2px 0 8px 14px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#f2f8ff!important;
  color:#2779ad!important;
  font-size:13px!important;
  font-weight:800!important;
}
.comment-load-replies{
  display:block!important;
  margin:8px 0 0 32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media (max-width:760px){
  .scroll-comments,
  .scroll-comments.nyt-feature-comments{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow:visible!important;
  }
  .comment-list{
    overflow:visible!important;
  }
  .comment-item{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:start!important;
    width:100%!important;
    padding-top:10px!important;
  }
  .comment-avatar{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    font-size:12px!important;
  }
  .comment-body{
    width:100%!important;
    overflow:visible!important;
    padding-bottom:10px!important;
  }
  .comment-top{
    display:block!important;
    margin:0 0 5px!important;
    line-height:1.15!important;
    text-align:left!important;
  }
  .comment-name{
    display:block!important;
    max-width:100%!important;
    margin:0 0 2px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
    text-align:left!important;
  }
  .comment-time{
    display:block!important;
    font-size:12px!important;
    line-height:1.15!important;
    text-align:left!important;
  }
  .comment-text{
    margin:0 0 8px!important;
    font-size:15px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
    text-align:left!important;
  }
  .comment-links{
    display:flex!important;
    align-items:center!important;
    gap:8px 10px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
    text-align:left!important;
  }
  .comment-reactions{
    gap:4px!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .comment-vote,
  .comment-link-btn,
  .comment-emoji-chip,
  .comment-emoji-open{
    font-size:13px!important;
  }
  .comment-children{
    margin:8px 0 0 0!important;
    padding-left:18px!important;
  }
  .comment-children::before{
    left:6px!important;
    top:2px!important;
    bottom:12px!important;
  }
  .comment-thread-toggle{
    left:0!important;
    width:14px!important;
  }
  .comment-thread-toggle::before{
    left:6px!important;
  }
  .comment-children .comment-item{
    grid-template-columns:24px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding-top:10px!important;
  }
  .comment-children .comment-avatar{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    font-size:11px!important;
  }
  .comment-load-replies{
    margin:8px 0 0 28px!important;
  }
}
@media (max-width:430px){
  body.mobile-search-open .topbar .header-btn.primary{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* === ROUND 3 FINAL FIXES === */

/* Ticker placeholders mobile: fewer, thicker, calmer. Hide extras on phones. */
@media (max-width:760px){
  .ticker-loading-placeholders{
    gap:10px!important;
    min-width:100%!important;
    width:100%!important;
  }
  .ticker-loading-placeholders > .ticker-placeholder{
    height:12px!important;
    min-width:44px!important;
    flex:1 1 0!important;
    opacity:.42!important;
    animation:tickerSoftPulseMobile 1.65s ease-in-out infinite!important;
  }
  .ticker-loading-placeholders > .ticker-placeholder:nth-child(n+6){
    display:none!important;
  }
  .ticker-loading-placeholders > .ticker-placeholder.wide{flex-grow:1.7!important;}
  .ticker-loading-placeholders > .ticker-placeholder.mid{flex-grow:1.1!important;}
  .ticker-loading-placeholders > .ticker-placeholder.short{flex-grow:.75!important;}
}
@keyframes tickerSoftPulseMobile{
  0%,100%{opacity:.28}
  50%{opacity:.48}
}

/* Collapsed reply badge is clickable. */
.comment-children.is-collapsed{
  cursor:pointer!important;
}
.comment-children.is-collapsed::after{
  cursor:pointer!important;
  pointer-events:auto!important;
}

/* Keep comment sort dropdown on the right side. */
.scroll-comments .scroll-section-head{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.scroll-comments .comments-sort{
  margin-left:auto!important;
}
@media (max-width:640px){
  .scroll-comments .scroll-section-head{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .comments-title-wrap{
    min-width:0!important;
  }
  .scroll-comments .comments-sort{
    flex:0 0 auto!important;
    max-width:154px!important;
    font-size:12px!important;
    padding:8px 28px 8px 10px!important;
  }
}

/* Pending comment appears immediately and has a soft state. */
.comment-pending{
  opacity:.82!important;
}
.comment-pending.is-sent{
  opacity:1!important;
}
.comment-pending.is-failed .comment-pending-note{
  color:#d12a2a!important;
}
.comment-pending-note{
  color:#777!important;
  font-weight:800!important;
  font-size:13px!important;
}

/* Reply/comment form emoji picker. */
.reply-emoji-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-right:8px!important;
}
.reply-emoji-toggle{
  width:34px!important;
  height:34px!important;
  border:1px solid #e5e5e5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:18px!important;
  cursor:pointer!important;
}
.reply-emoji-toggle:hover{
  background:#f4f9ff!important;
  border-color:#bfe7ff!important;
}
.reply-emoji-menu{
  position:absolute!important;
  left:0!important;
  bottom:calc(100% + 8px)!important;
  z-index:40!important;
  display:grid!important;
  grid-template-columns:repeat(4,36px)!important;
  gap:5px!important;
  padding:8px!important;
  border:1px solid #e3e3e3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.14)!important;
}
.reply-emoji-menu[hidden]{
  display:none!important;
}
.reply-emoji-menu button{
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  font-size:20px!important;
  cursor:pointer!important;
}
.reply-emoji-menu button:hover{
  background:#e8f6ff!important;
}
.reply-form .row,
.comment-compose-bar{
  position:relative!important;
}
@media (max-width:760px){
  .reply-emoji-toggle{
    width:32px!important;
    height:32px!important;
  }
  .reply-emoji-menu{
    grid-template-columns:repeat(4,34px)!important;
    max-width:calc(100vw - 32px)!important;
  }
}

/* When hamburger is open, search can open without closing the menu. */
body.mobile-menu-open.mobile-search-open .header-actions{
  pointer-events:auto!important;
}


/* === ROUND 4 FIXES: emoji alignment, reply pending layout, dropdown polish, mobile tap zoom === */

/* Reaction chips: center emoji/count perfectly and avoid mobile text zoom/tap weirdness. */
.comment-reactions,
.comment-links .comment-reactions{
  align-items:center!important;
}
.comment-emoji-chip,
.comment-emoji-open,
.comment-vote,
.reply-emoji-toggle,
.reply-emoji-menu button,
.comment-emoji-menu button{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.comment-emoji-chip{
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1!important;
  vertical-align:middle!important;
  padding:0 9px!important;
}
.comment-emoji-chip span,
.comment-emoji-chip b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:translateY(0)!important;
}
.comment-emoji-chip span{
  font-size:15px!important;
}
.comment-emoji-chip b{
  font-size:12px!important;
  min-width:7px!important;
}
.comment-emoji-open{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}
.comment-vote{
  min-height:28px!important;
  align-items:center!important;
  line-height:1!important;
}
@media (max-width:760px){
  .comment-emoji-chip,
  .comment-emoji-open,
  .comment-vote,
  .reply-emoji-toggle{
    font-size:16px!important;
  }
  .comment-emoji-chip{
    min-height:30px!important;
    padding:0 8px!important;
  }
  .comment-emoji-chip span{
    font-size:16px!important;
  }
  .comment-emoji-chip b{
    font-size:12px!important;
  }
  .comment-emoji-menu button,
  .reply-emoji-menu button{
    font-size:20px!important;
  }
}

/* Pending reply should sit as a normal tree node, not visually collapse the tree. */
.comment-item.comment-pending{
  animation:commentPendingFade .18s ease-out!important;
}
.comment-children > .comment-item.comment-pending{
  margin-top:0!important;
}
.comment-item.comment-pending .comment-body{
  border-bottom:1px solid #ededed!important;
}
@keyframes commentPendingFade{
  from{opacity:0;transform:translateY(-3px)}
  to{opacity:.82;transform:translateY(0)}
}

/* Native comments sort should visually match the emoji dropdown family. */
.comments-sort{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:38px!important;
  border:1px solid #e3e3e3!important;
  border-radius:16px!important;
  background-color:#fff!important;
  color:#111!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  padding:0 38px 0 14px!important;
  cursor:pointer!important;
  box-shadow:0 16px 40px rgba(0,0,0,.08)!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #111 50%),
    linear-gradient(135deg, #111 50%, transparent 50%)!important;
  background-position:
    calc(100% - 18px) 16px,
    calc(100% - 13px) 16px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease!important;
}
.comments-sort:hover{
  background-color:#f8fbff!important;
  border-color:#cdeeff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.10)!important;
}
.comments-sort:focus{
  outline:0!important;
  border-color:#8fd7ff!important;
  box-shadow:0 0 0 4px rgba(111,202,255,.18),0 16px 40px rgba(0,0,0,.08)!important;
}
@media (max-width:640px){
  .comments-sort{
    height:36px!important;
    max-width:164px!important;
    font-size:13px!important;
    padding-left:12px!important;
    padding-right:34px!important;
    border-radius:15px!important;
    background-position:
      calc(100% - 17px) 15px,
      calc(100% - 12px) 15px!important;
  }
}

/* Reply emoji button/menu: better centered and no mobile zoom on taps. */
.reply-emoji-toggle{
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
  font-size:18px!important;
}
.reply-emoji-menu button{
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
}
.reply-emoji-menu,
.comment-emoji-menu{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}


/* === ROUND 5 FIXES: no submit jump, custom comments sort, rounded active search === */

/* Hide native select but keep it accessible enough for JS/state. */
.comments-sort-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
}

.comments-sort-custom{
  position:relative!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  z-index:20!important;
}

.comments-sort-button{
  height:38px!important;
  min-width:148px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:1px solid #e3e3e3!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  padding:0 12px 0 14px!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 16px 40px rgba(0,0,0,.08)!important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}

.comments-sort-button:hover,
.comments-sort-button[aria-expanded="true"]{
  background:#f8fbff!important;
  border-color:#cdeeff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.11)!important;
}

.comments-sort-button:focus{
  outline:0!important;
  border-color:#8fd7ff!important;
  box-shadow:0 0 0 4px rgba(111,202,255,.18),0 16px 40px rgba(0,0,0,.08)!important;
}

.comments-sort-button i{
  width:8px!important;
  height:8px!important;
  border-right:2px solid #111!important;
  border-bottom:2px solid #111!important;
  transform:rotate(45deg) translateY(-2px)!important;
  flex:0 0 auto!important;
}

.comments-sort-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  min-width:188px!important;
  padding:8px!important;
  border:1px solid #e3e3e3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(0,0,0,.14)!important;
  display:grid!important;
  gap:4px!important;
}

.comments-sort-menu[hidden]{
  display:none!important;
}

.comments-sort-menu button{
  height:36px!important;
  width:100%!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#111!important;
  padding:0 12px!important;
  text-align:left!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
  line-height:1!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}

.comments-sort-menu button:hover,
.comments-sort-menu button.is-active{
  background:#e8f6ff!important;
  color:#0077c8!important;
}

@media (max-width:640px){
  .comments-sort-button{
    height:36px!important;
    min-width:132px!important;
    max-width:154px!important;
    font-size:13px!important;
    border-radius:15px!important;
    padding:0 10px 0 12px!important;
  }
  .comments-sort-menu{
    min-width:172px!important;
    right:0!important;
  }
  .comments-sort-menu button{
    font-size:13px!important;
  }
}

/* Rounded active search. Remove the weird rectangular active/focus state around the form. */
.header-search,
.header-search.is-active,
.mobile-search-open .header-search{
  border-radius:999px!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.header-search:focus,
.header-search:focus-within,
.header-search.is-active:focus-within{
  border-radius:999px!important;
  outline:0!important;
  box-shadow:none!important;
}

.header-search input,
.header-search.is-active input,
.mobile-search-open .header-search input{
  border-radius:999px!important;
  outline:0!important;
  -webkit-appearance:none!important;
}

.header-search input:focus{
  border-radius:999px!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(111,202,255,.18)!important;
}

/* Prevent scroll jumps caused by automatic focus outlines/anchors around comments. */
.comment-form textarea,
.reply-form textarea{
  scroll-margin-top:120px!important;
}


/* === ROUND 6 FIXES: emoji menu clamp, footer background, comments index polish, feed modal mobile, latest block spacing === */

/* Keep page background black below footer/safe area, while content blocks stay white. */
html, body{
  background:#000!important;
}
.page,
.page-scroll-home,
.page-scroll-article,
.page-comments-index,
.page-archive{
  background:#fff!important;
}
.scroll-site-footer{
  background:#000!important;
  margin-bottom:0!important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
}

/* Emoji popup on mobile: fixed floating panel, clamped inside viewport and under header. */
@media (max-width:760px){
  .comment-emoji-wrap{
    position:relative!important;
  }
  .comment-emoji-menu{
    right:auto!important;
    left:0!important;
    z-index:26!important;
    max-width:calc(100vw - 16px)!important;
  }
  .comment-emoji-menu.is-floating{
    position:fixed!important;
    left:8px!important;
    top:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:26!important;
    grid-template-columns:repeat(4, minmax(30px,34px))!important;
    gap:4px!important;
    padding:8px!important;
    max-width:calc(100vw - 16px)!important;
  }
}

/* Comments page polish */
.page-comments-index{
  background:#fff!important;
}
.comments-index-card{
  padding-top:28px!important;
  padding-bottom:72px!important;
}
.comments-index-head{
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:20px!important;
}
.comments-index-head p{
  margin:8px 0 0!important;
  line-height:1.35!important;
}
.comments-index-head .archive-count{
  margin-top:2px!important;
}
.comments-index-list{
  display:grid!important;
  gap:14px!important;
}
.comments-index-item{
  padding:18px!important;
  border-radius:22px!important;
  align-items:flex-start!important;
}
.comments-index-top{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-bottom:8px!important;
  line-height:1.2!important;
}
.comments-index-link{
  display:block!important;
  width:100%!important;
  margin:6px 0 4px!important;
  color:#111!important;
  text-decoration:none!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.comments-index-link:hover{
  text-decoration:none!important;
}
.comments-index-text{
  margin-top:6px!important;
  line-height:1.45!important;
}
@media (max-width:760px){
  .comments-index-card{
    padding-top:24px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .comments-index-head{
    margin-bottom:18px!important;
  }
  .comments-index-item{
    padding:16px!important;
    gap:10px!important;
    border-radius:20px!important;
  }
  .comments-index-top{
    gap:6px!important;
    margin-bottom:6px!important;
  }
  .comments-index-link{
    margin:4px 0 2px!important;
    font-size:14px!important;
  }
}

/* Feed modal smaller on mobile */
@media (max-width:760px){
  .terminal-feed-shell{
    padding:10px!important;
  }
  .terminal-feed-head{
    padding-bottom:8px!important;
  }
  .terminal-feed-title{
    font-size:11px!important;
    letter-spacing:.07em!important;
  }
  .terminal-feed-close{
    padding:6px 10px!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .terminal-feed-list{
    padding:10px 0!important;
  }
  .terminal-feed-row{
    grid-template-columns:64px 1fr 38px!important;
    gap:8px!important;
    padding:5px 6px!important;
    font-size:14px!important;
    line-height:1.18!important;
  }
  .terminal-feed-time{
    font-size:13px!important;
  }
  .terminal-feed-hot{
    font-size:12px!important;
  }
  .terminal-feed-foot{
    font-size:11px!important;
    line-height:1.35!important;
    padding-top:8px!important;
  }
}

/* Latest block on homepage mobile: remove extra top line/space, keep clean gap from navbar area. */
@media (max-width:760px){
  .scroll-news-rail,
  .scroll-news-rail--leadless{
    border-top:0!important;
    padding-top:12px!important;
    margin-top:0!important;
  }
  .scroll-news-rail .rail-head{
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
  }
  .scroll-news-rail .scroll-section-head.rail-head{
    border:0!important;
  }
  .scroll-top-grid{
    gap:14px!important;
  }
}

/* Ensure active search stays rounded only */
.header-search,
.header-search.is-active,
.header-search:focus-within{
  border-radius:999px!important;
  overflow:hidden!important;
}
.header-search.is-active,
.header-search:focus-within{
  box-shadow:none!important;
}
.header-search input:focus{
  box-shadow:0 0 0 3px rgba(111,202,255,.18)!important;
  border-radius:999px!important;
}


/* === ROUND 7 FIX: desktop index width/background regression === */
/* Keep desktop pages white edge-to-edge; only mobile uses the black page background
   trick to avoid a white safe-area below the black footer. */
@media (min-width:761px){
  html,
  body{
    background:#fff!important;
  }
  .page,
  .page-scroll-home,
  .page-scroll-article,
  .page-comments-index,
  .page-archive,
  main,
  .home{
    background:#fff!important;
  }
  .scroll-site-footer{
    background:#000!important;
  }
}

/* On mobile, keep black behind/below the footer while forcing all content pages white. */
@media (max-width:760px){
  html,
  body{
    background:#000!important;
  }
  .topbar,
  .page,
  .page-scroll-home,
  .page-scroll-article,
  .page-comments-index,
  .page-archive,
  main,
  .home{
    background:#fff!important;
  }
  .topbar{
    background:#111!important;
  }
  .scroll-site-footer{
    background:#000!important;
  }
}


/* === ROUND 8 FIXES: mobile emoji popup anchored near tapped + and reaction toggle polish === */
@media (max-width:760px){
  .comment-emoji-menu.is-floating{
    position:fixed!important;
    width:auto!important;
    min-width:148px!important;
    max-width:calc(100vw - 16px)!important;
    grid-template-columns:repeat(4,34px)!important;
    z-index:31!important; /* below header/menu, above comments */
    transform:none!important;
  }
  .comment-emoji-menu.is-floating button{
    width:34px!important;
    height:34px!important;
  }
  .comment-emoji-chip,
  .comment-vote{
    transition:background-color .12s ease,color .12s ease,box-shadow .12s ease,transform .08s ease!important;
  }
  .comment-emoji-chip:active,
  .comment-vote:active,
  .comment-emoji-open:active{
    transform:scale(.96)!important;
  }
}


/* === ROUND 10 FIXES: emoji popup exact anchor, faster ticker placeholder === */
@media (max-width:760px){
  .comment-emoji-menu.is-floating{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
    grid-template-columns:repeat(4,34px)!important;
    z-index:31!important;
    transform:none!important;
  }
}
.ticker-loading-placeholders > .ticker-placeholder{
  animation-duration:.75s!important;
}
@media (max-width:760px){
  .ticker-loading-placeholders > .ticker-placeholder{
    animation-duration:.75s!important;
  }
}


/* === ROUND 11 FIXES: single reaction handler + anchored emoji menu === */
.comment-emoji-wrap{
  position:relative!important;
}
.comment-emoji-menu.is-anchored{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  grid-template-columns:repeat(4,34px)!important;
  z-index:80!important;
  transform:none!important;
}
@media (max-width:760px){
  .comment-emoji-menu.is-anchored{
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    max-width:calc(100vw - 16px)!important;
    z-index:80!important;
  }
}


/* === ROUND 12 FIXES: viewport-aware anchored emoji menu for deep subcomments === */
.comment-emoji-wrap{
  position:relative!important;
  overflow:visible!important;
}
.comment-children,
.comment-item,
.comment-body,
.comment-links,
.comment-reactions{
  overflow:visible!important;
}
.comment-emoji-menu.is-anchored{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  grid-template-columns:repeat(4,34px)!important;
  z-index:999!important;
  transform:none!important;
}
@media (max-width:760px){
  .comment-emoji-menu.is-anchored{
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    max-width:calc(100vw - 16px)!important;
    z-index:999!important;
  }
}


/* === COMMENTS REBUILD FINAL: stable controller + unclipped tree menus === */
.scroll-comments,
.comment-list,
.comment-item,
.comment-body,
.comment-links,
.comment-reactions,
.comment-children,
.comment-emoji-wrap{
  overflow:visible!important;
}
.comment-emoji-wrap{
  position:relative!important;
}
.comment-emoji-menu.is-anchored{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  max-width:calc(100vw - 16px)!important;
  grid-template-columns:repeat(4,34px)!important;
  z-index:9999!important;
  transform:none!important;
}
.comment-vote,
.comment-emoji-chip,
.comment-emoji-menu button{
  touch-action:manipulation!important;
}
.comment-vote.is-active{
  color:#1598ff!important;
}
.comment-emoji-chip.is-active,
.comment-emoji-menu button.is-active{
  background:#e8f6ff!important;
  color:#0077c8!important;
  box-shadow:inset 0 0 0 1px rgba(21,152,255,.23)!important;
}
@media (max-width:760px){
  .comment-emoji-menu.is-anchored{
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    max-width:calc(100vw - 16px)!important;
    z-index:9999!important;
  }
}


/* === TELEGRAM REACTION MODEL === */
.comment-vote.is-loading,
.comment-emoji-chip.is-loading,
.comment-emoji-menu button.is-loading{
  opacity:.55!important;
  pointer-events:none!important;
}
.comment-reactions .is-active{
  background:#e8f6ff!important;
  color:#0077c8!important;
  box-shadow:inset 0 0 0 1px rgba(21,152,255,.23)!important;
}


/* === COMMENT SUBMIT / ORDER FIX === */
.comment-pending .comment-pending-note{
  color:#777!important;
  font-weight:800!important;
}
.comment-pending.is-failed .comment-pending-note{
  color:#d12a2a!important;
}
.comment-newly-published,
.comment-published-flash{
  position:relative!important;
}
.comment-published-flash .comment-body{
  animation:commentPublishedPulse 2.8s ease-out!important;
  border-radius:16px!important;
}
@keyframes commentPublishedPulse{
  0%{background:#e8f6ff;box-shadow:0 0 0 4px rgba(21,152,255,.16)}
  100%{background:transparent;box-shadow:none}
}


/* Latest aside breaking badge */
.scroll-compact-meta .scroll-compact-breaking{
  font-weight:800!important;
  color:red!important;
  letter-spacing:.02em!important;
}
.scroll-compact-item--breaking .scroll-compact-title{
  color:#111!important;
}

/* coinformer polish patch */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px}
.header-search:not(.is-active):not(:focus-within) input{background:rgba(255,255,255,.72)!important;box-shadow:none!important}
.header-search.is-active input,.header-search:focus-within input{background:#fff!important;color:#111!important;box-shadow:0 6px 24px rgba(0,0,0,.08)!important}
.ticker-item.ticker-breaking{background:#111;color:#fff;border-radius:999px;padding:5px 10px;font-weight:800}
.ticker-item.ticker-breaking .ticker-label{color:#ffdf73;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.ticker-item[href],.ticker-item a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ticker-item:not([href]){text-decoration:none}
.terminal-feed-search{display:flex!important;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06)}
.terminal-feed-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px}
.terminal-feed-search input::placeholder{color:rgba(255,255,255,.55)}
.terminal-feed-row.hot{background:rgba(255,219,92,.10);border-color:rgba(255,219,92,.34)}
.terminal-feed-row.hot .terminal-feed-hot{color:#ffdb5c;font-weight:900}
.search-screen,.page-short .home{width:var(--content-w);max-width:100%;margin:0 auto;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:0;padding:18px;box-shadow:var(--shadow-soft)}
.page-search .section-label,.page-short .section-label{margin:0 0 14px;padding:0;border:0;font-family:inherit}
.page-search .section-label h2,.page-short .section-label h2{font-size:22px;letter-spacing:-.03em;font-family:inherit}
.scroll-tag,.card-step-tag,.hero-kicker,.scroll-pill{background:#111!important;color:#fff!important;border-color:#111!important}
.scroll-article-tags .scroll-tag{background:#f6f0e7!important;color:#111!important;border:1px solid #e6dac9!important}
.nyt-feature-hero{min-height:var(--feature-hero-h,calc(100vh - var(--topbar-h)))!important;height:var(--feature-hero-h,calc(100vh - var(--topbar-h)))!important;overflow:hidden}
.nyt-feature-hero>*{height:100%!important;min-height:100%!important}
.nyt-feature-copy,.nyt-feature-media,.nyt-feature-media img{height:100%!important;min-height:100%!important}
.nyt-feature-media img{object-fit:cover}
.nyt-feature-title,.nyt-feature-copy h1{font-family:inherit!important;font-size:clamp(32px,6vw,70px)!important;line-height:.98!important;letter-spacing:-.055em!important}
.nyt-feature-copy p,.nyt-feature-dek{font-family:inherit!important;font-size:clamp(16px,1.7vw,20px)!important;line-height:1.45!important}
@media(max-width:760px){body{font-size:16px}.page{padding:12px 12px 36px}.scroll-home,.scroll-section,.scroll-top-grid,.search-screen,.page-short .home{gap:var(--space-4);padding-left:0;padding-right:0}.search-screen,.page-short .home{padding:14px;border-radius:0}.scroll-card,.scroll-lead,.scroll-news-rail,.hero-panel{border-radius:14px}.section-label{margin-bottom:10px}.terminal-feed-shell{padding:14px}.terminal-feed-row{padding:10px 8px;gap:8px}.terminal-feed-title{font-size:18px}.terminal-feed-status{gap:8px;flex-wrap:wrap}.nyt-feature-hero{min-height:calc(100svh - var(--mobile-topbar-offset,101px))!important;height:calc(100svh - var(--mobile-topbar-offset,101px))!important}}

/* focused search state follow-up patch */
.header-search input{background:rgb(35 35 35 / 72%)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}
.header-search input::placeholder{color:rgba(255,255,255,.58)!important}
.header-search:not(.is-active):not(:focus-within) input{background:rgb(35 35 35 / 72%)!important;color:#fff!important;box-shadow:none!important}
.header-search.is-active input,.header-search:focus-within input{background:#fff!important;color:#111!important;border-color:rgba(17,17,17,.18)!important;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.12)!important}
.header-search.is-active input::placeholder,.header-search:focus-within input::placeholder{color:#777!important}