/* Outrun data pages (data-pages-20261114): /token-cost-calculator, /claude-code-cost, /price-index.
   Builds on noir-pages.css (calculator: .calc .fld .calc-out .brk) and noir-newpages.css (tables: .pt .np-t). Only additions here. */
body.pg .dp-asof{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--cream-3)}
body.pg .dp-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--cream-3);opacity:.6}
body.pg.dp-live .dp-dot{background:#3DDC84;opacity:1;box-shadow:0 0 0 4px rgba(61,220,132,.14)}
body.pg .dp-stat .stat-sub{max-width:30ch}
body.pg .fld textarea{width:100%;min-height:180px;padding:12px 14px;background:#0F0F0E;border:1px solid var(--line-2);color:var(--cream);
  font:13px/1.5 var(--mono);outline:0;border-radius:0;resize:vertical}
body.pg .fld textarea:focus{border-color:var(--orange)}
body.pg .brk dt .dp-dt-sub{display:block;margin-top:3px;font-family:var(--mono);font-size:11.5px;color:var(--cream-3);word-break:break-word}
body.pg .dp-share{margin:14px 0 0;font-size:13.5px}
body.pg .dp-share a{color:var(--cream-2);text-decoration:underline;text-underline-offset:3px}
body.pg .dp-share a:hover{color:var(--orange)}
body.pg .dp-na{color:var(--cream-3);font-size:12.5px}
body.pg .dp-t tr.dp-on th,body.pg .dp-t tr.dp-on td{background:rgba(255,85,0,.07)}
body.pg .dp-t td s{color:var(--cream-3)}
body.pg .dp-t th.n+th:not(.n),body.pg .dp-t td.n+td:not(.n){padding-left:28px}
body.pg .dp-pct{color:var(--orange);font-weight:600}
body.pg .dp-sub{color:var(--cream-3)}
body.pg .dp-chg{display:inline-block;padding:2px 8px;border:1px solid var(--line-2);font:500 12px/1.5 var(--mono);white-space:nowrap}
body.pg .dp-chg.dp-cut{color:#3DDC84;border-color:rgba(61,220,132,.4)}
body.pg .dp-chg.dp-raise{color:#FF8A5C;border-color:rgba(255,138,92,.45)}
body.pg .dp-log td:first-child{white-space:nowrap;font-family:var(--mono);font-size:13px;color:var(--cream-2)}
body.pg .dp-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
body.pg .dp-points li{padding:22px 24px 22px 0;border-bottom:1px solid var(--line)}
body.pg .dp-points li:nth-child(2n){padding-left:24px;border-left:1px solid var(--line)}
body.pg .dp-points h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--cream)}
body.pg .dp-points p{margin:0;font-size:14.5px;line-height:1.6;color:var(--cream-2)}
body.pg .dp-points a,body.pg .sec-head p a,body.pg .fine a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){
  body.pg .dp-points{grid-template-columns:minmax(0,1fr)}
  body.pg .dp-points li,body.pg .dp-points li:nth-child(2n){padding:18px 0;border-left:0}
  body.pg .fld textarea{font-size:16px}
}
/* light theme (noir-theme.css sets html[data-theme=light]) */
html[data-theme=light] body.pg .fld textarea{background:#fff;color:#0A0A0A}
/* /claude-code-cost hero: terminal card (sample day priced per model) */
body.pg .dp-term-wrap{align-items:center}
body.pg .dp-term{width:min(100%,520px);border:1px solid var(--line-2);background:#0D0D0C;box-shadow:0 30px 80px -30px rgba(255,85,0,.25);font-family:var(--mono)}
body.pg .dp-tm-bar-top{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}
body.pg .dp-tm-bar-top i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
body.pg .dp-tm-bar-top i:first-child{background:var(--orange)}
body.pg .dp-tm-bar-top span{margin-left:10px;font-size:12px;color:var(--cream-3)}
body.pg .dp-tm-body{padding:22px 24px 20px;font-size:13.5px;line-height:1.6;color:var(--cream-2)}
body.pg .dp-tm-body p{margin:0}
body.pg .dp-tm-cmd{color:var(--cream)}
body.pg .dp-tm-p{color:var(--orange)}
body.pg .dp-tm-tok{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 14px;margin:12px 0 18px;padding:12px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
body.pg .dp-tm-tok dt{color:var(--cream-3)}
body.pg .dp-tm-tok dd{margin:0;color:var(--cream)}
body.pg .dp-tm-c{color:var(--cream-3)}
body.pg .dp-tm-rows{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
body.pg .dp-tm-rows li{display:grid;grid-template-columns:120px 1fr 72px;align-items:center;gap:12px}
body.pg .dp-tm-n{color:var(--cream)}
body.pg .dp-tm-bar{display:block;width:100%;height:8px}
body.pg .dp-tm-track{fill:rgba(245,243,238,.06)}
body.pg .dp-tm-fill{fill:rgba(245,243,238,.45)}
body.pg .dp-tm-fill.dp-tm-hot{fill:var(--orange)}
body.pg .dp-tm-v{text-align:right;color:var(--cream);font-weight:500}
body.pg .dp-tm-foot{margin-top:18px!important;font-size:11.5px;color:var(--cream-3);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:860px){body.pg .dp-term{width:100%}body.pg .dp-tm-rows li{grid-template-columns:96px 1fr 64px}}
@media (max-width:420px){body.pg .dp-tm-body{padding:18px 16px;font-size:12.5px}body.pg .dp-tm-tok{grid-template-columns:auto 1fr}}
html[data-theme=light] body.pg .dp-term{background:#fff}
html[data-theme=light] body.pg .dp-tm-track{fill:rgba(10,10,10,.07)}
html[data-theme=light] body.pg .dp-tm-fill{fill:rgba(10,10,10,.4)}
html[data-theme=light] body.pg .dp-tm-fill.dp-tm-hot{fill:var(--orange)}