/* WeSearch Press — desktop broadsheet polish (≥960px).
   Changes: fade masthead W-seal off the folio; ink decks/deks (≥var(--press-ink-soft));
   ink 12px section flags + 2px rule; 72px under plates, hide .tc-mark;
   skyline title 2-line clamp, source 1-line gold; wire source 120px/1-line,
   19px Cormorant hed, tabular time; search paper/ink/0-radius; tools 44px
   ink (no cream hover); lockup 220 / 1fr / 240, lead clamp 32–52px, cut 200px;
   kickers var(--press-kicker) 11px; hide rail/dock/Wall/Support/Install/#editors-note;
   header + #frontpage share 1180px 2px ink box with no hall gap. */

@media (min-width: 960px) {
  /* --- Shared 1180px sheet: header sits on the paper, no hall gap --- */
  html[data-layout="press"] header.ws-header.press-mast,
  html[data-layout="press"] header.press-mast,
  html[data-layout="press"] header.ws-header {
    width: 1180px;
    max-width: calc(100vw - 24px);
    margin: 0 auto;
    border: 0;
    box-shadow:
      -2px 0 0 var(--press-ink),
      2px 0 0 var(--press-ink),
      0 -2px 0 var(--press-ink);
  }

  html[data-layout="press"] #main-content,
  html[data-layout="press"] .pane[data-pane="feed"],
  html[data-layout="press"] section.pane {
    margin-top: 0;
    padding-top: 0;
  }

  html[data-layout="press"] #frontpage,
  html[data-layout="press"] #frontpage.press-sheet-wrap {
    width: 1180px;
    max-width: calc(100vw - 24px);
    margin: 0 auto;
    padding: 0 !important;
    border: 0;
    box-shadow:
      -2px 0 0 var(--press-ink),
      2px 0 0 var(--press-ink),
      0 2px 0 var(--press-ink),
      0 24px 56px rgba(0, 0, 0, .32);
  }

  html[data-layout="press"] #press-sections {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  html[data-layout="press"] #frontpage,
  html[data-layout="press"] .press-sheet,
  html[data-layout="press"] .broadsheet-form,
  html[data-layout="press"] .latest-section {
    --ws-text-soft: var(--press-ink-soft);
    --ws-muted: var(--press-ink-soft);
    color: var(--press-ink);
  }

  /* --- 1. Folio stays readable; W-seal fades off the right --- */
  html[data-layout="press"] .press-flag {
    position: relative;
    background-image: none;
    overflow: visible;
  }

  html[data-layout="press"] .press-flag::after {
    content: "";
    position: absolute;
    right: 168px;
    top: 8px;
    width: 80px;
    height: 80px;
    background: url("/img/press/w-seal-cream.webp") center / contain no-repeat;
    opacity: .07;
    pointer-events: none;
    z-index: 0;
  }

  html[data-layout="press"] .press-flag-folio {
    position: relative;
    z-index: 2;
    background: var(--press-paper);
    color: var(--press-ink);
    font-size: 11px;
    letter-spacing: .08em;
    padding: 4px 6px;
  }

  /* --- 2. Decks, deks, quotes: ink, never pale gray --- */
  html[data-layout="press"] .lead-deck,
  html[data-layout="press"] .stack-dek,
  html[data-layout="press"] .under-col .stack-dek,
  html[data-layout="press"] .col-lead p,
  html[data-layout="press"] .broadsheet-form p,
  html[data-layout="press"] .broadsheet-form blockquote,
  html[data-layout="press"] .broadsheet-form q,
  html[data-layout="press"] .latest-section .ed-excerpt {
    color: var(--press-ink);
  }

  /* --- 3. Section flags: ink, 12px, tight tracking, 2px rule --- */
  html[data-layout="press"] .section-flag {
    font-size: 12px;
    letter-spacing: .06em;
    font-weight: 800;
    color: var(--press-ink);
    text-transform: uppercase;
    margin: 18px 0 12px;
  }

  html[data-layout="press"] .section-flag span {
    color: var(--press-ink);
  }

  html[data-layout="press"] .section-flag i {
    height: 2px;
    background: var(--press-ink);
    box-shadow: none;
  }

  /* --- 4. Across-the-desk: 72px plates, no monograms --- */
  html[data-layout="press"] .broadsheet-form .under-col .ws-plate,
  html[data-layout="press"] .broadsheet-form .under-col .lead-plate {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    aspect-ratio: auto !important;
    gap: 4px;
    padding: 6px 8px;
    margin-bottom: 8px;
  }

  html[data-layout="press"] .broadsheet-form .under-col img.under-img,
  html[data-layout="press"] .broadsheet-form .under-img {
    height: 72px !important;
    max-height: 72px !important;
    margin-bottom: 8px;
    object-fit: cover !important;
  }

  html[data-layout="press"] .broadsheet-form .under-col .tc-mark,
  html[data-layout="press"] .under-col .tc-mark {
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  html[data-layout="press"] .broadsheet-form .under-col .ws-plate-brand {
    display: none;
  }

  html[data-layout="press"] .broadsheet-form .under-col img.ws-plate-seal,
  html[data-layout="press"] .broadsheet-form .under-col .ws-plate-seal {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }

  html[data-layout="press"] .broadsheet-form .under-col .tc-source {
    display: block;
    max-width: 94%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    letter-spacing: .08em;
    color: var(--press-ink);
  }
  html[data-layout="press"] .under-col,
  html[data-layout="press"] .broadsheet-form .under-col {
    overflow: visible;
    min-width: 0;
  }
  html[data-layout="press"] .under-hed,
  html[data-layout="press"] .broadsheet-form a.under-col .under-hed {
    display: block;
    color: var(--press-ink) !important;
    font-size: 18px;
    line-height: 1.12;
  }

  /* --- 5. Skyline: gold source 1 line; cream title clamps to 2 --- */
  html[data-layout="press"] .sky-item,
  html[data-layout="press"] .broadsheet-form a.sky-item,
  html[data-layout="press"] .broadsheet-form a.sky-item:link,
  html[data-layout="press"] .broadsheet-form a.sky-item:visited {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    box-sizing: border-box;
    max-height: 68px;
    overflow: hidden;
    color: var(--press-paper) !important;
    font-size: 13px;
    line-height: 1.2;
  }

  html[data-layout="press"] .sky-item b {
    flex: 0 0 auto;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9px;
    letter-spacing: .1em;
    color: #d4a24a;
  }

  /* --- 6. Wire: 120px source ellipsis, 19px hed, tabular time --- */
  html[data-layout="press"] .late-row {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: baseline;
  }

  html[data-layout="press"] .late-row > .kicker {
    max-width: 120px;
    width: 120px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html[data-layout="press"] .late-hed {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.15;
    color: var(--press-ink);
    min-width: 0;
  }

  html[data-layout="press"] .late-time {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    white-space: nowrap;
    text-align: right;
  }

  /* --- 7. Search: paper fill, ink type, square corners --- */
  html[data-layout="press"] .search-input,
  html[data-layout="press"] #search-input,
  html[data-layout="press"] #search-form #search-input {
    background: var(--press-paper-2) !important;
    border: 1px solid var(--press-ink) !important;
    border-radius: 0 !important;
    color: var(--press-ink) !important;
  }

  html[data-layout="press"] #search-input:hover,
  html[data-layout="press"] #search-input:focus,
  html[data-layout="press"] #search-form #search-input:hover,
  html[data-layout="press"] #search-form #search-input:focus {
    background: var(--press-paper-2) !important;
    border-color: var(--press-ink) !important;
    border-radius: 0 !important;
    color: var(--press-ink) !important;
    box-shadow: none !important;
  }

  html[data-layout="press"] #search-input::placeholder,
  html[data-layout="press"] #search-form #search-input::placeholder {
    color: var(--press-ink) !important;
    opacity: .78 !important;
  }

  html[data-layout="press"] #search-form svg,
  html[data-layout="press"] #search-form .text-mute,
  html[data-layout="press"] #search-form [class*="text-mute"],
  html[data-layout="press"] #search-clear {
    color: var(--press-ink) !important;
    stroke: var(--press-ink);
  }

  html[data-layout="press"] #search-form::after {
    color: var(--press-ink) !important;
    background: var(--press-paper) !important;
    border: 1px solid var(--press-ink) !important;
  }

  /* --- 8. Header tools: ink on cream, 44px, no cream-on-cream hover --- */
  html[data-layout="press"] .press-tools #bell-btn,
  html[data-layout="press"] .press-tools #refresh-btn,
  html[data-layout="press"] .press-tools #settings-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    color: var(--press-ink) !important;
    background: transparent !important;
    border-radius: 0;
  }

  html[data-layout="press"] .press-tools #bell-btn:hover,
  html[data-layout="press"] .press-tools #refresh-btn:hover,
  html[data-layout="press"] .press-tools #settings-btn:hover,
  html[data-layout="press"] .press-tools #bell-btn:focus-visible,
  html[data-layout="press"] .press-tools #refresh-btn:focus-visible,
  html[data-layout="press"] .press-tools #settings-btn:focus-visible {
    color: var(--press-ink) !important;
    background: rgba(20, 14, 10, .08) !important;
  }

  html[data-layout="press"] .press-tools #bell-btn svg,
  html[data-layout="press"] .press-tools #refresh-btn svg,
  html[data-layout="press"] .press-tools #settings-btn svg,
  html[data-layout="press"] .press-tools [class*="text-mute"],
  html[data-layout="press"] .press-tools [class*="text-cream"] {
    color: var(--press-ink) !important;
    stroke: var(--press-ink);
  }

  /* --- 9. Lockup: 220 / flexible lead / 240; hed and cut stay in column --- */
  html[data-layout="press"] .lockup {
    grid-template-columns: 220px minmax(0, 1fr) 240px;
    gap: 16px;
    align-items: start;
  }

  html[data-layout="press"] .col-briefs {
    min-width: 200px;
    max-width: 220px;
  }

  html[data-layout="press"] .col-second {
    width: 240px;
    max-width: 240px;
  }

  html[data-layout="press"] .col-lead .lead-hed,
  html[data-layout="press"] .col-lead .lead-hed:link,
  html[data-layout="press"] .col-lead .lead-hed:visited {
    font-size: clamp(32px, 3.8vw, 52px);
    line-height: .96;
    color: var(--press-ink) !important;
  }

  html[data-layout="press"] .broadsheet-form .lead-cut,
  html[data-layout="press"] .broadsheet-form .lead-cut .cut-link {
    max-height: 200px;
    overflow: hidden;
  }

  html[data-layout="press"] .broadsheet-form .lead-cut img.lead-img,
  html[data-layout="press"] .broadsheet-form img.lead-img,
  html[data-layout="press"] .broadsheet-form .col-lead .lead-img {
    height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
  }

  html[data-layout="press"] .broadsheet-form .lead-cut .ws-plate,
  html[data-layout="press"] .broadsheet-form .col-lead .ws-plate,
  html[data-layout="press"] .broadsheet-form .lead-cut .lead-plate,
  html[data-layout="press"] .broadsheet-form .col-lead .lead-plate {
    height: 200px !important;
    max-height: 200px !important;
    min-height: 0;
    aspect-ratio: auto !important;
  }

  /* --- 10. Kickers stay rule red, never under 11px --- */
  html[data-layout="press"] .kicker,
  html[data-layout="press"] .brief-src {
    color: var(--press-kicker);
    font-size: 11px;
    letter-spacing: .1em;
    line-height: 1.3;
  }

  /* --- 11. Magazine chrome stays off the press sheet --- */
  html[data-layout="press"] #side-nav,
  html[data-layout="press"] aside#side-nav,
  html[data-layout="press"] .mobile-bottom-nav,
  html[data-layout="press"] nav.mobile-bottom-nav,
  html[data-layout="press"] .mobile-tab-nav,
  html[data-layout="press"] #wall-btn,
  html[data-layout="press"] #wall-btn-mobile,
  html[data-layout="press"] #donate-btn,
  html[data-layout="press"] #donate-btn-mobile,
  html[data-layout="press"] #install-btn,
  html[data-layout="press"] #editors-note-wrap,
  html[data-layout="press"] #editors-note {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}