/*
Theme Name: DigitalFilipino
Theme URI: https://www.digitalfilipino.com/
Author: DigitalFilipino
Author URI: https://www.digitalfilipino.com/
Description: A quiet, fast block theme for DigitalFilipino: plain guides to selling online in the Philippines. One reading column, a twelve-column grid, light and dark themes, self-hosted Archivo, and per-block CSS so each page loads only what it uses.
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalfilipino
Tags: blog, one-column, two-columns, right-sidebar, block-patterns, full-site-editing, accessibility-ready, translation-ready, style-variations, wide-blocks, editor-style

DigitalFilipino WordPress theme, (C) 2026 DigitalFilipino.
DigitalFilipino is distributed under the terms of the GNU GPL v2 or later.
*/

/* Base styles: every page. Presets come from theme.json; per-block CSS lives in assets/css/blocks/. */

/* fallback metrics so the swap to Archivo does not shift layout */
@font-face{font-family:"Archivo Fallback";src:local("Arial");font-weight:400;size-adjust:102%;ascent-override:86%;descent-override:21%}
@font-face{font-family:"Archivo Fallback";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:600;size-adjust:100%;ascent-override:88%;descent-override:21%}
@font-face{font-family:"Archivo Narrow Fallback";src:local("Arial");size-adjust:91%;ascent-override:96%;descent-override:23%}

/* 1. tokens: theme.json presets plus short aliases */
:root{
--df-margin:var(--wp--custom--margin,16px);--df-gutter:var(--wp--custom--gutter,16px);--df-narrow:var(--wp--custom--narrow,88%);--df-ease:var(--wp--custom--ease,160ms ease-out);
--df-hover:var(--wp--custom--color--hover);--df-surface:var(--wp--preset--color--surface);--df-field:var(--wp--custom--color--field);
--df-error:var(--wp--custom--color--error);--df-ok:var(--wp--custom--color--ok);--df-logo-ink:var(--wp--custom--color--logo-ink);
--df-yellow:var(--wp--custom--color--yellow);--df-shade:var(--wp--custom--color--shade);--df-on-accent:var(--wp--custom--color--on-accent);
--bg:var(--wp--preset--color--base);--ink:var(--wp--preset--color--contrast);--mute:var(--wp--preset--color--muted);
--line:var(--wp--preset--color--line);--acc:var(--wp--preset--color--accent);--font:var(--wp--preset--font-family--body);
--fs-s:var(--wp--preset--font-size--small);--fs-m:var(--wp--preset--font-size--medium);--fs-l:var(--wp--preset--font-size--large);
--fs-xl:var(--wp--preset--font-size--x-large);--fs-xxl:var(--wp--preset--font-size--xx-large);
--s30:var(--wp--preset--spacing--30);--s40:var(--wp--preset--spacing--40);--s50:var(--wp--preset--spacing--50);
--s60:var(--wp--preset--spacing--60);--s70:var(--wp--preset--spacing--70);--s80:var(--wp--preset--spacing--80);
--hl:1px solid var(--line);--hd:1px solid var(--ink);--content:var(--wp--style--global--content-size,680px);--wide:var(--wp--style--global--wide-size,1200px);
color-scheme:light}
@media (min-width:760px){:root{--df-margin:40px;--df-gutter:24px}}
@media (min-width:1200px){:root{--df-margin:48px}}

/* dark theme: follows the system unless the reader picked one ([data-theme] set by the toggle) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--wp--preset--color--base:#121318;--wp--preset--color--contrast:#ECEBE6;--wp--preset--color--muted:#A4A5AD;
--wp--preset--color--line:#2E2F36;--wp--preset--color--accent:#B9B6F4;--wp--preset--color--surface:#1A1B21;
--wp--custom--color--hover:#DCDAFB;--wp--custom--color--field:#74767F;--wp--custom--color--error:#FF9389;--wp--custom--color--ok:#82D3A6;
--wp--custom--color--logo-ink:#ECEBE6;--wp--custom--color--shade:rgb(0 0 0 / .62);--wp--custom--color--on-accent:#121318;color-scheme:dark}}
:root[data-theme="dark"]{
--wp--preset--color--base:#121318;--wp--preset--color--contrast:#ECEBE6;--wp--preset--color--muted:#A4A5AD;
--wp--preset--color--line:#2E2F36;--wp--preset--color--accent:#B9B6F4;--wp--preset--color--surface:#1A1B21;
--wp--custom--color--hover:#DCDAFB;--wp--custom--color--field:#74767F;--wp--custom--color--error:#FF9389;--wp--custom--color--ok:#82D3A6;
--wp--custom--color--logo-ink:#ECEBE6;--wp--custom--color--shade:rgb(0 0 0 / .62);--wp--custom--color--on-accent:#121318;color-scheme:dark}

/* 2. base */
.df-meta,.df-label,.df-breadcrumbs,.df-topic-index__count,.df-rail-block > h2,.df-footer h2,.df-footer__legal{font-stretch:var(--df-narrow);font-family:"Archivo","Archivo Narrow Fallback",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--s50)}
body{margin:0;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{text-wrap:balance}
p,li,dd{text-wrap:pretty}
strong,b{font-weight:600}
::selection{background:var(--df-yellow);color:#16161C}
a{text-decoration:underline 1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 65%,transparent)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
a,button,input,select,textarea,summary{transition:.16s ease-out;transition-property:color,background-color,border-color,text-decoration-color}
time,.df-num,.df-meta{font-variant-numeric:tabular-nums lining-nums}
kbd{font:inherit;border:var(--hl);padding:0 .4em;color:var(--mute)}
main:focus{outline:0}
code{font:.88em/1.4 ui-monospace,Menlo,Consolas,monospace}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;word-wrap:normal}
.skip-link:focus{position:fixed;inset-block-start:8px;inset-inline-start:8px;width:auto;height:auto;clip-path:none;
z-index:100;background:var(--ink);color:var(--bg);padding:10px 14px;text-decoration:none}
.df-nw{white-space:nowrap}
.df-sprite{position:absolute;width:0;height:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}

/* 3. grid */
.df-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--df-gutter);
max-width:calc(var(--wide) + 2 * var(--df-margin));margin-inline:auto;padding-inline:var(--df-margin)}
.df-grid > *{grid-column:1 / -1;min-width:0}
/* template parts inside the layout are transparent: the part's own landmark/section is the grid item */
:is(.df-main,.df-primary,.df-rail,.df-sticky,.df-block) > .wp-block-template-part{display:contents}
.df-main{padding-block:var(--s60) var(--s80)}
.df-block{padding-block-start:var(--s40);border-block-start:var(--hd);margin-block-end:var(--s70)}
.df-block__meta{margin-block-end:var(--s40)}
@media (min-width:760px){
.df-main{padding-block-start:var(--s70)}
.df-primary,.df-block,.df-sections,.df-section,.df-post,.df-event,.df-events{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-content:start}
.df-block{margin-block-end:var(--s80)}
.df-block__meta,.df-post__meta,.df-event__meta,.df-shoulder{grid-column:1 / 4;margin:0}
.df-block__body,.df-post__text,.df-event__text,.df-section > .df-prose{grid-column:4 / -1;min-width:0}
.df-rail{display:grid;grid-template-columns:subgrid}
.df-rail > *,.df-rail > .wp-block-template-part > *{grid-column:span 6}
.df-sticky{display:contents}
}
@media (min-width:1200px){
.df-primary{grid-column:1 / 9}
.df-main--single .df-primary{grid-column:1 / -1}
.df-rail{grid-column:10 / -1;grid-row:1 / span 40;display:block}
.df-sticky{position:sticky;top:24px;display:block}
.df-block__meta,.df-post__meta,.df-event__meta,.df-shoulder{grid-column:1 / 3}
.df-block__body,.df-post__text,.df-event__text,.df-section > .df-prose{grid-column:3 / -1}
}
.df-meta{font-size:var(--fs-s);line-height:1.45;color:var(--mute)}
.df-meta a,.df-footer li a{color:inherit}
.df-footer li a{text-decoration:none}
.df-label{font-size:var(--fs-s);font-weight:600;line-height:1.45;color:var(--ink);letter-spacing:normal}
.df-facts{display:flex;flex-wrap:wrap;gap:0 14px}
.df-facts > :first-child{color:var(--ink)}
@media (min-width:760px){.df-facts{display:block} .df-facts > * + *{margin-block-start:2px}}
.df-label + .df-facts,.df-label + .df-breadcrumbs{margin-block-start:6px}
/* list meta: the primary topic only (core prints every category) */
:is(.df-facts,.df-inline) .wp-block-post-terms a ~ a,:is(.df-facts,.df-inline) .wp-block-post-terms__separator{display:none}
/* query-no-results and empty result sections sit in the text column of the grid */
.wp-block-query > .wp-block-query-no-results{grid-column:1 / -1}
@media (min-width:760px){.wp-block-query:has(> .wp-block-query-no-results){display:grid;grid-template-columns:subgrid;grid-column:1 / -1} .wp-block-query-no-results:has(> .df-block){display:grid;grid-template-columns:subgrid} .wp-block-query-no-results > :not(.df-block){grid-column:4 / -1}}
@media (min-width:1200px){.wp-block-query-no-results > :not(.df-block){grid-column:3 / -1}}
.df-results:not(:has(.wp-block-post-template)){display:none}
.df-article__head{margin-block-end:var(--s40)}

/* type */
.df-title{font-size:var(--fs-xxl);line-height:1.06;letter-spacing:-.028em;max-width:15em}
:is(.df-title,.df-list__title) a{color:var(--ink);text-decoration:none}
:is(.df-title,.df-list__title) a:hover{color:var(--acc);text-decoration:underline 2px;text-underline-offset:.12em}
.df-title--m,.df-h2,.df-list-head :is(h1,h2),.df-shoulder{font-size:var(--fs-xl);line-height:1.2;letter-spacing:-.015em}
.df-title--m{max-width:24em}
:is(.archive,.blog,.search,.error404) :is(.df-h2,.df-list-head h2){font-size:var(--fs-l)}
.df-dek{font-size:var(--fs-l);line-height:1.5;color:var(--mute);max-width:34em;margin-block-start:var(--s50)}
.df-byline{font-size:var(--fs-s);color:var(--mute);margin-block-start:var(--s50)}
.df-byline strong{color:var(--ink)}
/* byline built from blocks ("By" + post-author-name [+ read-more]) and the lead/hero featured image */
.df-block__body > .df-dek{margin-block-start:var(--s50)}
.df-dek p{margin:0}
.df-byline{display:flex;flex-wrap:wrap;gap:0 .3em}
.df-byline > *{margin:0}
.df-byline .wp-block-post-author-name{font-weight:600}
.df-byline .wp-block-post-author-name a{color:var(--ink)}
.df-byline .wp-block-read-more::before{content:"\00B7";margin-inline-end:.3em;color:var(--mute);display:inline-block}
.wp-block-post-featured-image.df-hero{margin-block-start:var(--s50);max-width:640px}
.df-hero img{width:100%;height:auto}
.df-text{max-width:34em;line-height:1.55}
.df-text > * + *{margin-block-start:var(--s30)}
.df-more{display:inline-block;margin-block-start:var(--s50)}
.df-quiet,.df-hint{color:var(--mute);font-size:var(--fs-s)}
.df-notice{border-inline-start:2px solid var(--ink);padding:2px 0 2px 16px;max-width:40em}
.df-notice--error{border-inline-start-color:var(--df-error)}
.df-dash > li{position:relative;padding-inline-start:1.4em}
.df-dash li + li{margin-block-start:.45em}
.df-dash > li::before{content:"";position:absolute;inset-inline-start:.25em;top:.8em;width:.45em;height:1px;background:currentColor}
.df-h2 + .df-dash{margin-block-start:var(--s30);max-width:34em}

/* 4. header (the navigation block itself: assets/css/blocks/core-navigation.css).
   Buttons are core/button blocks: the wrapper carries the df- hook, the <a>/<button> inside gets the look. */
.df-header{border-block-end:var(--hl)}
.df-header__in{padding-block:12px;align-items:center;row-gap:12px}
.df-brand{grid-column:1 / 6;justify-self:start;line-height:0;padding-block:4px}
.df-header__in > :is(:has(> .df-brand),.wp-block-html){grid-column:1 / 6;grid-row:1}
.df-brand svg,.df-footer__brand svg{width:124px;aspect-ratio:900 / 392;fill:var(--df-logo-ink)}
.df-actions{grid-column:6 / -1;grid-row:1;justify-self:end;display:flex;flex-wrap:nowrap;gap:8px;align-items:center}
.df-header .wp-block-button,.df-search-panel .wp-block-button{margin:0}
:is(.df-tbtn:is(a,button),.df-tbtn > .wp-block-button__link){font:600 var(--fs-s)/1 var(--font);color:var(--ink);background:none;border:1px solid var(--df-field);border-radius:0;
min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;letter-spacing:normal}
:is(.df-tbtn:is(a,button),.df-tbtn > .wp-block-button__link):hover{border-color:var(--ink);color:var(--ink);background:none}
:is(.df-tbtn:is(a,button),.df-tbtn > .wp-block-button__link):is([aria-expanded="true"],[aria-pressed="true"]){background:var(--ink);color:var(--bg);border-color:var(--ink)}
:is(.df-tbtn:is(a,button),.df-tbtn > .wp-block-button__link):active{transform:translateY(1px)}
.df-nav-extra{grid-column:1 / -1;padding-block:12px 4px}
.js .df-header nav.wp-block-navigation:not([data-open]) ~ .df-nav-extra,html:not(.js) .df-nav-extra{display:none}
.df-actions .df-theme-toggle,html:not(.js) .df-actions .df-menu-toggle,html:not(.js) .df-header .df-theme-toggle{display:none}
@media (min-width:1000px){
.df-header__in{padding-block:22px}
.df-brand,.df-header__in > :is(:has(> .df-brand),.wp-block-html){grid-column:1 / 3}
.df-brand svg{width:146px}
.df-actions .df-menu-toggle,.df-nav-extra,.js .df-header .df-nav-extra{display:none}
.df-actions{grid-column:9 / -1;grid-row:1}
.js .df-actions .df-theme-toggle{display:inline-flex}
.df-search-toggle > .wp-block-button__link{min-width:200px;justify-content:flex-start;font-weight:400;color:var(--mute)}
}

/* 5. search panel (modal; hidden until theme.js opens it) and shared row lists */
.df-search-panel{position:fixed;inset:0;z-index:50;background:var(--df-shade);overflow-y:auto;animation:df-fade var(--df-ease)}
.df-search-panel[hidden],.df-search-panel:not(.is-open){display:none}
.df-search-panel__inner{background:var(--bg);border-block-end:var(--hd);padding-block:20px 40px}
.df-search-panel__inner > *{max-width:var(--content);width:100%;justify-self:center}
.df-search-panel__head{display:flex;justify-content:space-between;align-items:center;margin-block-end:16px}
@keyframes df-fade{from{opacity:0}}
.df-modal-open{overflow:hidden}
.df-asked,.df-answers{margin-block-start:var(--s60);max-width:34em}
.df-asked :is(.df-label,.is-style-label),.df-answers .df-label{margin-block-end:8px}
.df-asked .wp-block-post-title{font-size:var(--fs-m);font-weight:400;letter-spacing:normal;line-height:1.4;max-width:none}
.df-asked .df-q a{display:block;padding-block:10px 0;color:var(--ink);text-decoration:none}
.df-asked .df-q a:hover{color:var(--acc);text-decoration:underline}
.df-asked .df-rows .df-meta{padding-block-end:11px}
.df-asked .df-meta a{display:inline-block;padding-block:5px;margin-block:-5px;color:inherit;text-decoration:none}
.df-search-panel .wp-block-search,.df-block__body > .wp-block-search{max-width:34em}
.df-block__body > .df-hint{margin-block-start:8px}
.df-rows > li{border-block-start:var(--hl)}
.df-rows > li:last-child{border-block-end:var(--hl)}
.df-asked a,.df-answers a,.df-topic-index a,.df-list__link{display:block;padding-block:10px 11px;color:var(--ink);text-decoration:none}
.df-asked a:hover .df-q,.df-answers a:hover,.df-topic-index a:hover .df-topic-index__name,.df-topic-index [aria-current] .df-topic-index__name{color:var(--acc);text-decoration:underline}
.df-asked .df-meta{display:block;margin-block-start:2px}
.df-topic-index a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding-block:12px 14px}
.df-topic-index__name{font-weight:600;line-height:1.35}
.df-topic-index__count{font-size:var(--fs-s);color:var(--mute);font-variant-numeric:tabular-nums}
.df-topic-index__desc{grid-column:1 / -1;color:var(--mute);font-size:var(--fs-s);line-height:1.45;max-width:36em}
.df-breadcrumbs{font-size:var(--fs-s);line-height:1.45;color:var(--mute);margin-block-end:8px}
.df-breadcrumbs ol{display:flex;flex-wrap:wrap}
.df-breadcrumbs li:not(:last-child){white-space:nowrap}
.df-breadcrumbs li:not(:last-child)::after{content:"/";margin-inline:6px}
.df-breadcrumbs a{color:inherit;text-decoration:none}
.df-breadcrumbs a:hover{color:var(--acc);text-decoration:underline}
.df-breadcrumbs [aria-current]{color:var(--ink)}

/* 6. rail */
.df-rail-block{border-block-start:var(--hd);padding-block-start:16px;margin-block-end:var(--s60)}
.df-rail-block > h2{font-size:var(--fs-s);line-height:1.45;letter-spacing:normal;margin-block-end:12px}
.df-rail-block > * + :is(p,form,.wp-block-query){margin-block-start:10px}
.df-rail-author .df-avatar{margin-block-end:10px}
.df-author .wp-block-post-author-name{font-weight:600}
.df-author .wp-block-post-author-name a{color:var(--ink)}
.df-author .wp-block-post-author-biography{margin-block-start:6px}
.df-links a{display:block;padding-block:10px 11px;color:var(--ink);text-decoration:none}
.df-links a:hover{color:var(--acc);text-decoration:underline}
.df-more a{display:inline-block}
.df-list > li{padding-block:2px 3px}
.df-list__title{display:block;font-weight:600;line-height:1.35}
.df-list__link:hover .df-list__title{color:var(--acc);text-decoration:underline}
.df-list__desc{display:block;color:var(--mute);font-size:var(--fs-s);margin-block-start:2px}
.df-list .df-meta{display:block;margin-block-start:4px}
.df-topic-index--lg .df-topic-index__name,.df-list--lg .df-list__title{font-size:var(--fs-l)}
:is(.df-topic-index--lg,.df-list--lg) :is(.df-topic-index__desc,.df-list__desc){font-size:var(--fs-m)}
.df-toc ol{border-inline-start:var(--hl)}
.df-toc a{display:block;padding:5px 0 5px 14px;margin-inline-start:-1px;border-inline-start:2px solid transparent;color:var(--mute);text-decoration:none;font-size:var(--fs-s);line-height:1.4}
.df-toc a:hover{color:var(--ink);border-inline-start-color:var(--ink)}
.df-toc a[aria-current]{color:var(--ink);border-inline-start-color:var(--acc);font-weight:600}
.df-author{max-width:34em}
.df-author > * + *{margin-block-start:10px}
.df-author__name{font-weight:600}

/* 7. controls shared by the sign-up, search and comment forms (full form kit: assets/css/components/forms.css) */
.df-input,.df-cell{font:400 var(--fs-m)/1.35 var(--font);color:var(--ink);background:var(--df-surface);
border:1px solid var(--df-field);border-radius:0;padding:9px 12px;min-height:44px;width:100%;min-width:0;flex:1}
.df-input::placeholder{color:var(--mute)}
:is(.df-input,.df-cell):hover{border-color:var(--ink)}
:is(.df-input,.df-cell):focus-visible{outline:2px solid var(--acc);outline-offset:-1px;border-color:var(--acc)}
[aria-invalid="true"]:is(.df-input,.df-cell){border-color:var(--df-error);box-shadow:inset 3px 0 0 var(--df-error)}
.df-error{font-size:var(--fs-s);font-weight:600;color:var(--df-error)}
.df-status{border-inline-start:2px solid var(--df-ok);padding:4px 0 4px 12px;font-weight:600}
.df-status.is-error{border-inline-start-color:var(--df-error);color:var(--df-error)}
.df-error:empty,.df-status:empty{position:absolute;margin:0;padding:0;border:0}
.df-hp{position:absolute;inset-inline-start:-9999px}
.df-row{display:flex}
.df-row .df-input{border-inline-end:0}
.df-signup label{font-size:var(--fs-s);color:var(--mute)}
.df-signup .df-row{margin-block-start:6px;max-width:30em}
.df-signup .df-status,.df-signup .df-error{margin-block-start:8px}
.df-signup .df-check{display:flex;gap:10px;align-items:flex-start;margin-block-start:10px;font-size:var(--fs-s);color:var(--mute)}
.df-signup .df-check input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--acc)}
.df-btn{font:600 var(--fs-m)/1.3 var(--font);color:var(--df-on-accent);background:var(--acc);border:1px solid var(--acc);border-radius:0;
padding:10px 18px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.df-btn:hover{background:var(--df-hover);border-color:var(--df-hover);color:var(--df-on-accent)}
.df-btn:active{transform:translateY(1px)}
.df-btn--quiet{background:none;color:var(--ink);border-color:var(--ink)}
.df-btn--quiet:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.df-btn--link{background:none;border:0;padding:0;min-height:24px;font-weight:400;color:var(--acc);text-decoration:underline}
.df-btn--link:hover{background:none;color:var(--df-hover)}
.df-btn:disabled{opacity:.5;cursor:not-allowed}

/* 8. images */
.df-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:2px;border:var(--hl);background:var(--df-surface)}
.df-thumb img{width:100%;height:100%;object-fit:cover}
.df-thumb.is-contain img{object-fit:contain}
img.df-avatar,.df-avatar img,.wp-block-avatar img{border-radius:50%;object-fit:cover;aspect-ratio:1}
a:hover .df-thumb img{opacity:.92;transition:opacity .15s}

/* 9. footer */
.df-footer{border-block-start:var(--hd);font-size:var(--fs-s);color:var(--mute)}
.df-footer__in{padding-block:24px 40px;row-gap:28px}
.df-footer__brand svg{width:108px}
.df-footer__brand p{margin-block-start:12px;max-width:24em}
.df-footer nav{grid-column:span 6}
.df-footer h2{font-size:var(--fs-s);line-height:1.45;letter-spacing:normal;color:var(--ink);margin-block-end:6px}
.df-footer li a{display:inline-block;padding-block:4px}
.df-footer li a:hover{color:var(--ink);text-decoration:underline}
.df-footer__legal{border-block-start:var(--hl);padding-block-start:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}
.df-footer .wp-block-term-template{margin:0;padding:0;list-style:none;display:block}
@media (min-width:760px){.df-footer__brand{grid-column:1 / 5} .df-footer nav{grid-column:span 2}}

/* inline meta row built from blocks: date · topic · reading time (comes last so it beats the span-based .df-meta rules above) */
.df-inline,.df-meta.df-inline{display:flex;flex-wrap:wrap}
.df-inline > * + *::before{content:"\00B7";margin-inline:.4em}

/* 10. print */
@media print{
:root{--wp--preset--color--base:#fff;--wp--preset--color--contrast:#000;--wp--preset--color--accent:#000;--wp--custom--color--logo-ink:#000}
.df-header__in > :not(.df-brand),.df-search-panel,.df-rail,.df-footer nav,.df-toc-details,.wp-block-post-comments-form,.df-signup,.skip-link,.df-toc{display:none}
body{font-size:11pt}
.df-main{padding:0;display:block}
.df-section,.df-block{break-inside:avoid-page;margin-block-end:18pt}
h1,h2,h3{break-after:avoid}
}