/* Start here, Toolkit, Tool and Timeline (Since 2000) page templates. Loads only on those templates. */
.df-flow > .df-dek{max-width:34em}
.df-block__body > .df-text{max-width:34em;margin-block-end:var(--s40)}
.df-block__body.df-text{max-width:34em}
.df-block__body > .is-style-notice{margin-block-end:var(--s40)}
.df-tool-line{margin-block-start:var(--s40);max-width:40em}
.df-block__meta > .df-meta{margin-block-start:2px}

/* Start here: numbered reading paths with a thumbnail beside each guide */
.df-path{counter-reset:df-p}
.df-path > li{counter-increment:df-p;position:relative;padding-inline-start:2.2em}
.df-path > li::before{content:counter(df-p);position:absolute;inset-inline-start:0;top:.55em;font-weight:600;color:var(--acc);font-variant-numeric:tabular-nums}
.df-path__row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;column-gap:var(--s30);align-items:start;padding-block-end:11px}
.df-path__row > *{grid-column:1}
.df-path__row > .df-path__img{grid-column:2;grid-row:1 / span 3;margin:10px 0 0;border:var(--hl);border-radius:2px;overflow:hidden;background:var(--df-surface)}
.df-path__img img{display:block;width:100%;height:100%;object-fit:cover}
.df-path__row .wp-block-post-excerpt{margin:0}
.df-path__row .df-inline{padding-block:4px 0}
.df-list--lg .wp-block-post-title{font-size:var(--fs-l)}
@media (min-width:760px){.df-path__row{grid-template-columns:minmax(0,1fr) 10rem}}

/* Toolkit: one ruled row per tool, thumbnail left */
.df-rows--blocks > .df-tool-link{border-block-start:var(--hl)}
.df-rows--blocks > .df-tool-link:last-child{border-block-end:var(--hl)}
.df-tool-link{display:grid;gap:10px 20px;align-items:start;padding-block:10px 11px}
.df-tool-link__img{margin:0;max-width:240px;border:var(--hl);border-radius:2px;overflow:hidden;background:var(--df-surface)}
.df-tool-link__img img{display:block;width:100%;height:100%;object-fit:cover}
.df-tool-link__text > *{margin-block:0}
.df-tool-link .df-list__title{font-size:var(--fs-l)}
.df-tool-link .df-list__desc{font-size:var(--fs-m);margin-block-start:2px}
@media (min-width:600px){.df-tool-link{grid-template-columns:200px 1fr}.df-tool-link__img{max-width:none}}

/* Tool pages */
.df-formula{padding:0;list-style:none;margin:0}
.df-formula > li{padding-block:12px 13px}
.df-formula strong{display:block}
.df-table-wide table{min-width:44em}
.df-table-wide td > .df-meta{display:block;margin-block-start:2px}
.df-sources{padding:0;list-style:none}
.df-sources > li{padding-block:10px 11px}
.df-prep{padding:0;list-style:none}
.df-prep > li{padding-block:10px 11px;max-width:34em}
.df-next .wp-block-query + .df-rows > li:first-child{border-block-start:0}
.df-page--tool-margin-calculator .df-tools-next > li:has(a[href$="/tool-margin-calculator/"]),
.df-page--tool-registration-checklist .df-tools-next > li:has(a[href$="/tool-registration-checklist/"]),
.df-page--tool-live-selling-run-sheet .df-tools-next > li:has(a[href$="/tool-live-selling-run-sheet/"]){display:none}

/* Timeline: stats, figures, law table, year rows */
.df-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px var(--df-gutter);margin-block:var(--s50) var(--s70);border-block-start:var(--hl);padding-block-start:16px}
.df-stats > div{margin:0}
.df-stats dt{font-size:var(--fs-s);color:var(--mute)}
.df-stats dd{margin:0;font-size:var(--fs-xl);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.df-since-fig{margin-block:var(--s40) 0;max-width:480px}
.df-since-fig--hero{max-width:969px;margin-block:var(--s50)}
.df-since-fig img{width:100%;height:auto;border:1px solid var(--line)}
.df-since-fig.is-style-contain img{object-fit:contain;background:var(--df-surface)}
.df-law-table{margin-block-start:var(--s40)}
.df-law-table td:first-child,.df-law-table th:first-child{white-space:nowrap}
.df-year-row .df-meta{display:block;margin-block-start:8px}
.df-year-row li .df-meta{display:inline;margin:0}
.df-year-row.is-empty .df-year-row__body{color:var(--mute)}
@media (min-width:760px){.df-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Lists with their own ruled-row look must not pick up the dash bullets of prose lists. */
.df-prose ul.wp-block-list:is(.df-rows,.df-formula,.df-sources,.df-prep) > li{padding-inline-start:0}
.df-prose ul.wp-block-list:is(.df-rows,.df-formula,.df-sources,.df-prep) > li::before{content:none}
.df-prose ul.wp-block-list:is(.df-rows,.df-formula,.df-sources,.df-prep) > li + li{margin-block-start:0}
.df-prose.df-flow > .df-stats{max-width:none}
.df-prose.df-flow > .df-since-fig--hero{max-width:969px}
.df-prose .df-timeline{font-size:var(--fs-m);line-height:1.5}
.df-prose .df-timeline .df-year-row__body ul:not([class]) > li{padding-inline-start:0}
.df-prose .df-timeline .df-year-row__body ul:not([class]) > li::before{content:none}
.df-prose .df-timeline .df-year-row__body li + li{margin-block-start:4px}
.df-law-table td:first-child{font-weight:600}
.df-chart-wrap{position:relative}
.df-prose .df-timeline .df-year-row__body ul{padding:0;margin:0;list-style:none}
.df-tool-link{position:relative}.df-tool-link .df-list__title a::after{content:"";position:absolute;inset:0}
.page-template-page-tool .df-since-fig{max-width:640px}
.df-tool-note{margin-block-start:var(--s30)}