/* /morning-note/ — the SPX Morning Note hub and the per-note pages.
   Tokens only (light.css / dark.css supply every colour). Generated pages live under
   morning-note/; the frame (header, footer, hero) is the site's own. */

.mn-prose p{font-variant-numeric:tabular-nums}
.mn-prose .mn-lean{color:var(--text);font-weight:500}
.mn-line{font-size:15px;color:var(--text-muted);margin:-6px 0 28px;padding:10px 14px;border-left:2px solid var(--gold);background:var(--card-bg);border-radius:0 10px 10px 0}
.mn-line a{color:var(--text)}
.mn-more{font-size:14.5px;color:var(--text-muted);margin:8px 0 0}
.mn-none{color:var(--text-muted);font-style:italic;font-family:var(--font);font-size:13px}

/* key numbers: in the rail on wide screens, inline above the narrative on narrow ones */
.mn-key{margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}
.mn-key .micro{margin-bottom:10px}
.mn-key .fine{margin:4px 0 0}
.mn-key__date{font-family:var(--font-mono);font-size:14px;color:var(--text);margin:0}
.mn-key--inline{display:none;margin:0 0 26px;padding:0;border:0}
@media (max-width:1100px){.mn-key--inline{display:block}}

/* level lists: number on the left, reason on the right */
.mn-levels{margin:0 0 22px;padding:0;display:grid;gap:0}
.mn-levels>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--border)}
.mn-levels>div:last-child{border-bottom:0}
.mn-levels dt{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:15px;color:var(--text);margin:0;font-weight:500}
.mn-levels dd{margin:0;font-size:15.5px;color:var(--text-secondary);line-height:1.5}
.mn-levels>div.is-premarket dt{color:var(--gold-text)}
.mn-levels>div.is-premarket dd::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:8px;vertical-align:middle}
.mn-levels--key>div{grid-template-columns:100px 1fr;padding:6px 0}
.mn-levels--key dt{font-size:14px}
.mn-levels--key dd{font-size:12.5px;color:var(--text-muted)}
.mn-levels--row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0 22px}
.mn-levels--row>div{display:block;padding:12px 14px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg)}
.mn-levels--row dt{font-size:20px;letter-spacing:-.02em}
.mn-levels--row dd{font-size:12px;color:var(--text-muted);margin-top:2px}

/* sections */
.mn-sec{scroll-margin-top:96px}
.mn-sec h2{font-size:24px;margin:44px 0 12px}
.mn-sub{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:26px 0 6px}
.mn-sec p{font-size:16px}

/* execution tiers: a table on wide screens, stacked cards on phones */
.mn-tblwrap{margin:0 0 18px}
.mn-tiers{width:100%;border-collapse:collapse;font-size:15px}
.mn-tiers th{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:0 12px 8px 0;border-bottom:1px solid var(--text)}
.mn-tiers td{padding:10px 12px 10px 0;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-secondary);line-height:1.5}
.mn-tiers td:first-child{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;width:150px}
.mn-tiers td:first-child strong{font-weight:500}
.mn-tiers .mn-targets{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;color:var(--text);width:190px}
.mn-tiers tr:last-child td{border-bottom:0}
@media (max-width:720px){
  .mn-tiers thead{position:absolute;left:-9999px}
  .mn-tiers,.mn-tiers tbody,.mn-tiers tr,.mn-tiers td{display:block;width:auto}
  .mn-tiers tr{padding:12px 0;border-bottom:1px solid var(--border)}
  .mn-tiers td{padding:2px 0;border:0}
  .mn-tiers td:first-child{font-size:15px;padding-bottom:4px}
  .mn-tiers .mn-targets::before{content:"Targets ";font-family:var(--font);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-right:6px}
}

/* VIX ladder */
.mn-ladder{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mn-ladder li{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13.5px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary)}
.mn-ladder li strong{color:var(--gold-text);font-weight:500}

/* calls to action */
.mn-cta{margin:36px 0;padding:26px 28px;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg)}
.mn-cta .micro{margin-bottom:8px}
.mn-cta .h3{margin:0 0 8px;font-size:22px}
.mn-cta p{font-size:15.5px;margin:0 0 16px;color:var(--text-secondary)}
.mn-cta .btn{margin-top:2px}
.mn-cta--live{border-color:var(--gold);box-shadow:var(--shadow-card)}
.mn-cta--sub{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}
.mn-cta--sub p{margin-bottom:0}
.mn-cta--sub .nform{display:flex;gap:8px;flex-wrap:wrap}
.mn-cta--sub .nform input{flex:1 1 180px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);font:inherit}
.mn-cta--sub .nform input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media (max-width:720px){.mn-cta--sub{grid-template-columns:1fr}}

/* previous / next */
.mn-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:40px 0 8px}
.mn-nav__a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;font-size:14.5px;line-height:1.4}
.mn-nav__a:hover{border-color:var(--hover-border);color:var(--text)}
.mn-nav__a--next{text-align:right;align-items:flex-end}
.mn-disc{margin-top:24px}

/* hub */
.mn-latest{padding:0 0 28px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.mn-latest__h{font-size:30px;margin:6px 0 16px}
.mn-latest__h a{border-bottom:0;color:var(--text)}
.mn-latest__h a:hover{color:var(--gold-text)}
.mn-month{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:30px 0 8px}
.mn-list{list-style:none;margin:0 0 8px;padding:0}
.mn-list li{margin:0}
.mn-list a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:15.5px}
.mn-list a:hover .mn-list__t{color:var(--gold-text)}
.mn-list__d{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-muted)}
.mn-list__t{font-weight:500}
.mn-list__m{grid-column:2;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text-muted)}
.mn-list--legacy .mn-list__t{font-weight:400;color:var(--text-secondary)}

@media (max-width:860px){
  .mn-levels>div{grid-template-columns:84px minmax(0,1fr);gap:12px}
  .mn-list a{grid-template-columns:1fr}
  .mn-list__m{grid-column:1}
}