/* The Morning Line (morning-line/index.html), on top of /assets/site.css. The blocks are filled by morning-line.js
   from the Day Trading Aid's public feed. Bump the ?v= on index.html when this file changes.
   Roles: gold is the brand; pink only the h1's phrase; cyan only for things you can click; green/red only for
   price moves and candles. Nothing under 12px, canvas labels included. */
header.page{padding:72px 0 8px;}
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;}
h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.16;margin:14px 0 16px;}
h1 em{font-style:normal;color:var(--pink-neon);text-shadow:var(--glow-pink);}
p.lede{font-size:17px;color:var(--dim);max-width:720px;}
p.lede b{color:var(--cream);font-weight:500;}

/* the status line under the lede: which day this is and when it was last updated */
.status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:26px;padding:14px 0;border-top:1px solid var(--gold-line);
  border-bottom:1px solid var(--gold-line-soft);font-size:14px;color:var(--dim);}
.status b{color:var(--cream);font-weight:500;}
.status .mono{font-size:13px;}
.chip{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;
  border-radius:20px;border:1px solid var(--line);color:var(--dim);}
.chip.live{color:#140B0C;background:var(--gold);border-color:var(--gold);box-shadow:var(--glow-gold);}
.chip.closed{color:var(--gold);border-color:rgba(217,168,92,.45);}
.chip.old,.chip.none{color:var(--dim);border-color:var(--line);}
.status .warn{color:var(--dim2);font-size:13px;}

.ml{padding-top:22px;padding-bottom:84px;}
a.ext,.why a,.note a,.notice a,.disc a{color:var(--gold);border-bottom:1px solid rgba(217,168,92,.35);}
a.ext:hover,.why a:hover,.note a:hover,.notice a:hover,.disc a:hover{color:var(--cyan-neon);border-bottom-color:var(--cyan);}

/* stale / closed / not-posted notice */
.notice{background:var(--card);border:1px solid var(--gold-line);border-left:3px solid var(--gold);border-radius:10px;padding:18px 22px;margin:8px 0 10px;}
.notice .nh{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--cream);line-height:1.35;}
.notice p{color:var(--dim);font-size:15px;max-width:760px;}
.notice p + p{margin-top:6px;}
.notice b{color:var(--cream);font-weight:500;}

/* blocks */
.blk{margin-top:52px;min-width:0;}
.blk h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);font-weight:600;line-height:1.25;color:var(--cream);}
.blk p.why{color:var(--dim);font-size:15px;max-width:780px;margin:8px 0 20px;}
.blk p.why b{color:var(--cream);font-weight:500;}
.note{color:var(--dim2);font-size:13px;margin-top:14px;max-width:780px;}
.empty{color:var(--dim);font-size:15px;font-style:italic;}
.pair{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 44px;}
.day{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gold);
  margin:20px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--gold-line);}
.day:first-child{margin-top:0;}
.day .tag{color:var(--dim2);letter-spacing:1px;}

/* what matters */
ol.lines{list-style:none;display:flex;flex-direction:column;gap:12px;max-width:860px;}
ol.lines li{position:relative;padding:14px 18px 14px 20px;background:var(--card);border:1px solid var(--gold-line-soft);border-left:3px solid var(--gold-deep);
  border-radius:10px;font-size:16px;line-height:1.6;}
ol.lines li:first-child{border-left-color:var(--pink);}
.cites{display:inline-flex;gap:4px;margin-left:6px;vertical-align:1px;}
a.cite{font-family:var(--mono);font-size:12px;line-height:1;padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--dim);}
a.cite:hover{color:var(--cyan-neon);border-color:var(--cyan);}

/* calendar */
ul.evs{list-style:none;}
ul.evs li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);}
ul.evs .t{font-family:var(--mono);font-size:13px;color:var(--cream);padding-top:2px;white-space:nowrap;}
ul.evs .n{font-weight:500;color:var(--cream);line-height:1.45;}
ul.evs li.past .t,ul.evs li.past .n{color:var(--dim);}
.imp{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;line-height:1;
  padding:3px 6px;margin-right:8px;border-radius:4px;vertical-align:2px;border:1px solid var(--gold-line);color:var(--gold);}
.imp.high{background:var(--gold);border-color:var(--gold);color:#140B0C;}
.imp.low,.imp.holiday{color:var(--dim);border-color:var(--line);}
.nums{font-family:var(--mono);font-size:13px;color:var(--dim);margin-top:4px;display:flex;flex-wrap:wrap;gap:2px 14px;}
.nums b{color:var(--cream);font-weight:500;}
details.what{margin-top:6px;}
details.what summary{display:inline-block;cursor:pointer;list-style:none;font-size:13px;color:var(--dim);border-bottom:1px dotted var(--dim2);}
details.what summary::-webkit-details-marker{display:none;}
details.what summary:hover{color:var(--cyan-neon);border-bottom-color:var(--cyan);}
details.what[open] summary{color:var(--cream);}
details.what p{font-size:14px;color:var(--dim);margin-top:6px;max-width:620px;}

/* earnings */
ul.earn{list-style:none;}
ul.earn li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line);}
.tk{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--cream);min-width:56px;}
a.tk{color:var(--gold);border-bottom:1px solid rgba(217,168,92,.35);}
a.tk:hover{color:var(--cyan-neon);border-bottom-color:var(--cyan);}
.co{color:var(--dim);font-size:14.5px;flex:1 1 160px;}
.st{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim2);}
.st.done{color:var(--gold);}

/* levels */
.futs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.futs > .note{grid-column:1/-1;margin-top:0;}
.fut{background:var(--card);border:1px solid var(--gold-line-soft);border-top:3px solid var(--gold);border-radius:14px;padding:22px 22px 18px;min-width:0;}
.fut h3{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.3;color:var(--gold);}
.fut .sub{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--dim2);margin-top:2px;}
.fut .last{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px;}
.fut .px{font-family:var(--mono);font-size:30px;font-weight:500;color:var(--cream);line-height:1.1;}
.chg{font-family:var(--mono);font-size:15px;font-weight:500;}
.chg.up{color:var(--green);} .chg.dn{color:var(--red-neon);} .chg.flat{color:var(--dim);}
.fut .asof{font-size:13px;color:var(--dim);margin-top:4px;}
.fut figure{margin:16px 0 4px;}
.fut canvas{display:block;width:100%;height:230px;}
.fut figcaption{font-size:12px;color:var(--dim2);margin-top:6px;line-height:1.5;}
.fut figcaption .k{display:inline-block;width:14px;height:0;border-top:2px dashed var(--gold);vertical-align:3px;margin:0 4px 0 2px;}
.fut figcaption .k.on{border-top-color:var(--dim);}
table.lv{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px;}
table.lv th{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);text-align:left;padding:14px 0 6px;border-bottom:1px solid var(--gold-line);}
table.lv td{padding:7px 0;border-bottom:1px solid var(--line);color:var(--dim);vertical-align:top;}
table.lv td.v{font-family:var(--mono);color:var(--cream);text-align:right;white-space:nowrap;padding-left:12px;}
table.lv tr:last-child td{border-bottom:0;}

/* headlines */
ol.heads{list-style:none;counter-reset:hl;max-width:900px;}
ol.heads li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line);}
ol.heads .no{font-family:var(--mono);font-size:13px;color:var(--gold);padding-top:2px;}
ol.heads a{color:var(--cream);font-size:15.5px;line-height:1.5;}
ol.heads a:hover{color:var(--cyan-neon);}
ol.heads .m{display:block;font-size:13px;color:var(--dim2);margin-top:2px;}
ol.heads li:target{background:var(--card);}

/* disclaimer */
.disc{margin-top:60px;padding-top:22px;border-top:1px solid var(--gold-line);}
.disc p{color:var(--dim);font-size:13.5px;line-height:1.7;max-width:900px;}
.disc b{color:var(--cream);font-weight:500;}

@media(max-width:860px){
  .pair{grid-template-columns:minmax(0,1fr);}
  .futs{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:720px){
  header.page{padding:44px 0 4px;}
  .blk{margin-top:42px;}
  .fut{padding:18px 16px 14px;}
  .fut .px{font-size:26px;}
  .fut canvas{height:210px;}
  ol.lines li{padding:12px 14px 12px 16px;font-size:15.5px;}
  ul.evs li{grid-template-columns:74px minmax(0,1fr);gap:10px;}
}