/* Mind Over Ticks long-read layer v1: prose rhythm, callouts, pull-quotes, tables, figures, post cards. Loads after mot-type.css. */
:root{--measure:68ch;--card2:#0f1318;--zebra:#080a0d}
/* Prose rhythm (post bodies only, via .prose wrapper in single.html) */
.prose{font-size:var(--fs-base);line-height:1.65;color:#dfe2e4}
.prose>*{max-width:var(--measure)}
.prose p{margin:0 0 1.1em}
.prose h2{margin:2.4em 0 .55em;scroll-margin-top:72px}
.prose h3{margin:1.9em 0 .45em;scroll-margin-top:72px}
.prose h2+p,.prose h3+p{margin-top:0}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.2em}
.prose li{margin:.35em 0;padding-left:.2em}
.prose li::marker{color:var(--acc)}
.prose li>ul,.prose li>ol{margin:.35em 0 .2em}
.prose a{color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.prose a:hover{text-decoration-thickness:2px}
.prose strong{color:#fff}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.prose img{max-width:100%;height:auto}
.prose .fig,.prose .tbl,.prose .callout,.prose .pullquote,.prose .stat,.prose .quote{max-width:min(100%,46rem)}
.hero-img{border-radius:12px;margin:18px 0 10px}
/* Figure */
.fig{margin:2em 0}
.fig img{border-radius:10px;border:1px solid var(--line);margin:0;background:#000}
.fig figcaption{color:#9aa1a8;font-size:var(--fs-sm);line-height:1.5;margin-top:.6em;max-width:var(--measure)}
.fig-credit{color:var(--mut)}
/* Callout / key takeaway */
.callout{margin:1.8em 0;padding:16px 18px 6px;background:var(--card2);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:0 10px 10px 0}
.callout-h{margin:0 0 .45em!important;font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2)}
.callout-b{font-size:.98em}
.callout-b>*:last-child{margin-bottom:.8em}
.callout-b ul{padding-left:1.1em}
.callout-warn{border-left-color:var(--dn)}
.callout-warn .callout-h{color:#ff8a92}
.callout-note,.callout-method{border-left-color:#5b6670}
.callout-note .callout-h,.callout-method .callout-h{color:#c4cad0}
/* Pull-quote: no box, big type, blue rule */
.prose blockquote.pullquote,blockquote.pullquote{margin:2.2em 0;padding:.2em 0 .2em 1.1em;background:none;border:0;border-left:3px solid var(--acc);border-radius:0}
.pullquote p{margin:0!important;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);line-height:1.3;font-weight:800;letter-spacing:-.018em;color:#fff;text-wrap:balance;max-width:28ch}
.pullquote footer{margin-top:.6em;font-size:var(--fs-sm);color:var(--mut)}
/* Tables */
.tbl{margin:1.8em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:#000}
.tbl:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.tbl table,article .tbl table{display:table;width:100%;margin:0;border-collapse:collapse;font-size:var(--fs-sm);line-height:1.45;font-variant-numeric:tabular-nums}
article .tbl th,article .tbl td{border:0;padding:10px 14px;text-align:left;vertical-align:top}
article .tbl th{background:var(--card2);color:#aeb5bc;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap}
article .tbl tbody tr:nth-child(even) td{background:var(--zebra)}
article .tbl tbody tr:hover td{background:#0c1620}
article .tbl tbody tr+tr td{border-top:1px solid #1a1d20}
article .tbl td.num{text-align:right;font-family:var(--font-mono);font-size:.95em;white-space:nowrap}
article .tbl td:first-child{white-space:normal;min-width:8ch}
.tbl-cap{margin:0!important;padding:8px 14px;font-size:var(--fs-xs);color:var(--mut);border-top:1px solid var(--line)}
/* Home cards */
.feed{gap:18px}
.idea{border-radius:12px;transition:border-color .18s,transform .18s,box-shadow .18s}
.idea-media{display:block;overflow:hidden;aspect-ratio:16/9;background:#05070a;border-bottom:1px solid var(--line)}
.idea-media img{border:0!important;transition:transform .4s ease}
.idea:hover,.idea:focus-visible{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 10px 30px -14px rgba(29,155,240,.45)}
.idea:hover .idea-media img{transform:scale(1.025)}
.idea:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.idea .body{padding:14px 16px 16px;gap:8px}
.idea-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lvl{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;padding:2px 9px;border-radius:999px;border:1px solid #2f3336;color:#c4cad0;line-height:1.5}
.lvl-1{border-color:#2a4a62;color:#8ecdf8}
.lvl-2{border-color:#1d6fa8;color:#8ecdf8;background:rgba(29,155,240,.08)}
.lvl-3{border-color:#1d9bf0;color:#fff;background:rgba(29,155,240,.18)}
.idea h3{font-size:clamp(1.08rem,1rem + .3vw,1.2rem);line-height:1.25}
.idea p{color:#aab1bd;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.idea-go{color:var(--acc);font-weight:700}
.idea-go::after{content:" \2192";transition:margin .18s}
.idea:hover .idea-go::after{margin-left:3px}
@media (max-width:640px){
  .feed{grid-template-columns:1fr;gap:14px;padding:0 12px 20px}
  .prose{font-size:1.0625rem}
  .callout{padding:14px 14px 4px}
  article .tbl th,article .tbl td{padding:9px 10px}
}
@media (prefers-reduced-motion:reduce){.idea,.idea-media img{transition:none}.idea:hover{transform:none}.idea:hover .idea-media img{transform:none}}
.tblfig{margin:1.8em 0;max-width:min(100%,46rem)}
.tblfig .tbl{margin:0 0 .5em}
.tblfig .tbl-cap{border:0;padding:0 2px;line-height:1.5}
article .tbl th.num{text-align:right}
article .tbl th.num{font-family:var(--font-sans)}