/* Carry & Compound v4.0: explainers, glossary and worksheets. Uses the tokens in site.css. */
.data-table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15.5px;font-variant-numeric:tabular-nums}
.data-table caption{text-align:left;font:600 13px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-bottom:8px}
.data-table th,.data-table td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--rule)}
.data-table thead th{font:600 13px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink)}
.data-table td.num,.data-table th.num{text-align:right;padding-right:0;padding-left:12px}
.data-table tr.total td{font-weight:600;border-top:1px solid var(--ink)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.edu-note{font-size:14.5px;color:var(--ink-2);border-top:1px solid var(--rule);padding-top:14px;margin-top:40px}
.go-deeper{background:var(--panel);padding:clamp(24px,4vw,40px);max-width:52em}
.go-deeper h2{margin:6px 0 10px;font-size:clamp(24px,2.6vw,32px)}
.go-deeper p{margin:0 0 14px;color:var(--ink-2)}
.formula{font:500 17px/1.5 var(--body);background:var(--panel);padding:14px 18px;margin:16px 0;border-left:3px solid var(--kai)}
.qlist{counter-reset:q;list-style:none;padding:0}
.qlist li{counter-increment:q;position:relative;padding:10px 0 10px 44px;border-bottom:1px solid var(--rule)}
.qlist li::before{content:counter(q);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font:600 14px/28px var(--display);text-align:center}
.chart-svg{width:100%;height:auto;display:block;margin:8px 0 6px}
.chart-svg text{font-family:var(--body);font-size:13px;fill:var(--mute)}
.chart-svg .lab{fill:var(--ink);font-weight:600}
.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:8px}
.learn-card{display:block;border:1px solid var(--rule);padding:24px;color:inherit;text-decoration:none;transition:border-color .15s}
.learn-card:hover{border-color:var(--ink)}
.learn-card h3{margin:6px 0 8px;font-size:22px}
.learn-card p{margin:0;color:var(--ink-2);font-size:16px}
.learn-card .kicker{margin:0}
.glossary{margin:0}
.glossary div{padding:16px 0;border-bottom:1px solid var(--rule);scroll-margin-top:96px}
.glossary dt{font:600 20px/1.3 var(--body);margin:0 0 4px}
.glossary dd{margin:0;color:var(--ink-2)}
.glossary dd .sides{display:block;margin-top:6px;font-size:15.5px}
.glossary dd .sides b{font-weight:600}
.az{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px;padding:0;list-style:none}
.az a{font:600 15px/1 var(--display);letter-spacing:.08em}
.ws-box{border:1px solid var(--ink);padding:clamp(18px,3vw,28px);margin:24px 0}
.ws-box h3{margin-top:0}
.ws-lines{border-bottom:1px solid var(--rule);height:30px}
.checks{list-style:none;padding:0}
.checks li{position:relative;padding:8px 0 8px 32px;border-bottom:1px solid var(--rule)}
.checks li::before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;border:1.5px solid var(--ink)}
.answer-key{background:var(--panel);padding:clamp(18px,3vw,28px);margin-top:32px}
.print-btn{margin-top:4px}
@media print{
  .topline,.site-head,.site-foot,#subscribe,.hero-ctas,.skip,.go-deeper,.print-btn,.aside{display:none!important}
  body{font-size:11.5pt;color:#000}
  .section{padding:10px 0!important}
  .two-col{display:block}
  .answer-key{page-break-before:always;background:none;border:1px solid #000}
  a{color:#000;text-decoration:none}
  .ws-box{page-break-inside:avoid}
}