/* r3-f.css: round 3 (9 Nov 2026), builder F. Enqueued only on the crypto, commodity, macro series and country pages
 * (functions.php, the r3-F block). Values are the design files' own inline blocks
 * (Branding/design-system/pages-project/site/designs: macro-series-page mt-term, phone-polish §5, td-corefigs, cm-mw);
 * each group says where it comes from. */

/* --- macro-series-page.html <style id="mt-term">: the article type scale, the legend, the tables, the questions and the
   related-terms pills --- */
.mt-legend{margin:18px 0 0}.mt-sw{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:6px}
.mt-sw--cpi{background:var(--td-accent,#BE531B)}.mt-sw--core{background:var(--td-ink,#1A1A1B)}.mt-sw--ppi{background:var(--td-ink-3,#8A857C)}
.mt-article .td-macro-chart{margin:12px 0 6px}
.td-dtabs-panel .td-sec.mt-ex{margin-top:0;padding-top:0}.td-dtabs-panel .td-sec.mt-ex + .td-sec.mt-ex{margin-top:36px}
.mt-article{max-width:none}.mt-article > .td-sec{margin:0;padding:0;border:0}
.mt-article > .td-sec + .td-sec{margin-top:44px}
.mt-article .td-sec-head h2{font-size:22px;line-height:1.3;margin:0 0 12px}
.mt-article .td-lead,.mt-article .td-answer{max-width:none !important;font-size:17px;line-height:1.7;margin:0 0 14px}
.mt-article .td-figs,.mt-article .pp-cap,.mt-article .td-scroll{max-width:none}
.mt-article .td-scroll{margin-top:18px}
.mt-cmp td,.mt-cmp th,.mt-rel td,.mt-rel th{text-align:left;white-space:normal}.mt-cmp .td-r,.mt-prints .td-r{text-align:right}
.mt-cmp .mt-what{color:var(--td-ink-2);max-width:520px}
.mt-qs{margin-top:56px !important;padding-top:36px;border-top:1px solid var(--td-hair-soft,rgba(0,0,0,.08))}
.td-macro-related{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:28px 0 8px}
.td-macro-related-lab{font-size:14px;font-weight:600;margin:0 6px 0 0;color:var(--td-ink)}
.td-macro-chip{font-size:13px;color:var(--td-ink);border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:6px 12px;text-decoration:none}
.td-macro-chip:hover{border-color:var(--td-ink)}
/* macro-series-page.html: the caption under the chart is 12px in the design. */
.mt-article .pp-cap{font-size:12px;line-height:1.5;color:var(--td-ink-3);margin:0 0 18px}
/* Round 2 (cdiff vs the design): the mark beside the H1 (18px gap, 8% ink); the source lines over the tables (0 0 6px). */
.td-dos-idrow:has(.pp-mt-mark){gap:18px}.pp-mt-mark{background:rgba(0,0,0,.08)}
#recent-prints .td-sec-when,#next-release .td-sec-when{margin:0 0 6px}

/* --- phone-polish.css §5, one vertical rhythm (Daniel, 8 Nov): 40px between sections on desktop, 28px on a phone,
   32/24px before References; the Questions block 8px + 24px under the strip --- */
.td-refs{margin-top:32px!important}
section.td-faq.mt-qs,.td-dtabs-panel>section.td-faq{margin-top:8px!important;padding-top:24px!important}
.td-inst-main--entity>section.td-sec{margin-top:40px!important}
.tdch-panel{row-gap:32px!important}
@media (max-width:640px){
 .td-refs{margin-top:24px!important}
 .td-dtabs-panel{gap:22px!important;padding-top:14px!important}
 .td-inst-main--entity>section.td-sec{margin-top:28px!important}
 .td-inst-col{row-gap:24px!important}
 dl.td-dos-stats{margin-top:12px!important}
 figure.dl{margin-bottom:12px!important}
 .tdch-panel{row-gap:24px!important}
}


/* --- commodity-page.html <style id="cm-mw">: the grid's corner cell is the design's 96px --- */
.cm-mw .d7-grid thead td:first-child{width:96px}

/* --- country-page.html: the head sits where the design has it. The breadcrumb links' 44px tap area no longer adds
   height to the row (it was 13px padding on each side of a flex item); the panel keeps the design's 32px inset and the
   globe fills the column on a phone, as the design's 390 frame. --- */
.tdch .tdch-crumbs a{padding-block:0;position:relative}
.tdch .tdch-crumbs a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.tdch.is-phone .tdch-panel{padding-left:32px}
.tdch.is-phone .tdch-sec::before{left:-32px;width:22px}
.tdch--page.has-sel.is-phone .tdch-sphere{height:352px!important}
