/*
Theme Name: Marnix
Theme URI: https://marnix.nl/
Author: Marnix Pauwels
Description: Eigen, lichtgewicht thema voor marnix.nl. Redactionele vormgeving, zonder pagebuilders of frameworks.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marnix
*/

:root{--bg:#fbfaf6;--ink:#1b1b1a;--soft:#66635c;--rule:rgba(27,27,26,.14);--pink:#ff657d;--pt:#c92d4c;--hl:rgba(255,101,125,.3);
--col:12.5rem;--gap:3rem;--m:clamp(1.25rem,5.2vw,3rem);
--serif:'Fraunces',Georgia,'Times New Roman',serif;--mono:'Space Mono',ui-monospace,Menlo,monospace;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root{--bg:#141413;--ink:#ece9e0;--soft:#9b978c;--rule:rgba(236,233,224,.16);--pt:#ff8396;--hl:rgba(255,101,125,.28)}}
*,*:before,*:after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.1rem/1.62 var(--serif);font-optical-sizing:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;overflow-wrap:break-word}
@media(min-width:860px){body{font-size:1.1875rem}}
p{margin:0 0 1em;text-wrap:pretty}
a{color:inherit;text-decoration-color:var(--pink);text-decoration-thickness:1.5px;text-underline-offset:.22em}
a:hover{color:var(--pt)}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
::selection{background:var(--hl)}
.mono{font:400 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em}
/* kader */
header{display:flex;flex-direction:column;gap:.9rem;padding:1.3rem var(--m) 0;max-width:1120px;margin:0 auto}
@media(min-width:860px){header{flex-direction:row;align-items:baseline;justify-content:space-between;padding-top:1.6rem}}
.me{text-decoration:none;display:block;line-height:1.25}
.me b{font-weight:600;font-size:1.05rem;display:block}
.me span{font-size:.9rem;color:var(--soft)}
nav{display:flex;flex-wrap:wrap;gap:.2rem 1.15rem}
nav a{text-decoration:none;color:var(--soft);border-bottom:1px solid transparent}
nav a:hover{color:var(--ink)}
nav a.on{color:var(--ink);border-bottom-color:var(--pink)}
main{max-width:1120px;margin:0 auto;padding:0 var(--m)}
.view{display:none}.view.show{display:block}
section{padding:0 0 clamp(3rem,7vw,5.5rem)}
/* raster: label | tekst */
.g{display:grid;gap:.5rem;align-items:baseline}
@media(min-width:860px){.g{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}}
.l{color:var(--pt)}
.t{max-width:31em}
.t>*:last-child{margin-bottom:0}
/* koppen */
h1{margin:0;font-weight:500;font-size:clamp(2.2rem,4.9vw,4.3rem);line-height:1.05;letter-spacing:-.022em;max-width:13.5em;text-wrap:balance}
h1 em{font-style:italic}
.k{color:var(--pt)}
h2{margin:0 0 .7rem;font-weight:600;font-size:clamp(1.4rem,2.3vw,1.8rem);line-height:1.2;letter-spacing:-.012em;text-wrap:balance}
.lead{font-size:clamp(1.2rem,1.9vw,1.4rem);line-height:1.5;max-width:28em}
.small{font-size:.9rem;color:var(--soft)}
/* home: kop, dan de zes gedachten */
.hero{padding:clamp(3rem,9vw,7.5rem) 0 clamp(2.6rem,6vw,4.6rem)}
.w{list-style:none;margin:0;padding:0}
.w li{position:relative;padding:.3rem 0;font-size:clamp(1.15rem,1.7vw,1.3rem);line-height:1.5}
.w i{display:block;font-style:normal;color:var(--pt);margin-bottom:.1rem}
@media(min-width:860px){.w i{position:absolute;right:calc(100% + 1.4rem);top:.55rem;width:var(--col);text-align:right;margin:0}}
/* invulzin */
.blank{font-size:clamp(1.2rem,1.9vw,1.4rem);line-height:1.5;margin:0}
.blank [contenteditable]{position:relative;font-style:italic;color:var(--pt);outline:0;border-bottom:1px solid var(--pink);caret-color:var(--pink);display:inline-block;min-width:6ch}
.blank [contenteditable]:empty{min-width:9ch}
.blank [contenteditable]:empty:after{content:'\00a0'}
.blank [contenteditable]:empty:before{content:attr(data-placeholder);position:absolute;left:0;top:0;white-space:nowrap;color:var(--soft);pointer-events:none}
#send{display:none;margin-top:.7rem}
/* verder: rijen */
.rows .g{padding:1.15rem 0 1.25rem;border-top:1px solid var(--rule);align-items:start}
.rows .g:last-child{border-bottom:1px solid var(--rule)}
.rows .l{padding-top:.35rem}
.rows .t{font-size:1rem;line-height:1.55}
@media(min-width:860px){.rows .t{font-size:1.0625rem}}
.mail{font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;letter-spacing:-.01em}
/* coaching */
.pick{margin:0 0 .8rem;border-top:1px solid var(--rule)}
.pick button{display:block;width:100%;text-align:left;font:400 clamp(1.15rem,1.7vw,1.3rem)/1.4 var(--serif);color:inherit;background:none;border:0;border-bottom:1px solid var(--rule);padding:.6rem .35rem;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .15s}
.pick button:hover{background:rgba(255,101,125,.1)}
.pick button.on{background:var(--hl)}
.cta{font-size:clamp(1.2rem,1.9vw,1.4rem);text-decoration-thickness:2px}
footer{max-width:1120px;margin:0 auto;padding:1rem var(--m) 3rem;color:var(--soft)}
footer nav a{color:var(--soft)}

/* boeken */
.bk{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.9rem;grid-template-areas:"cv" "hd" "mr" "lk";padding-bottom:clamp(3.4rem,7vw,5.2rem)}
.bk.pos-m{grid-template-areas:"hd" "cv" "mr" "lk"}
.cover{grid-area:cv;width:var(--wm);margin:.2rem 0 .3rem;justify-self:start}
.bk.al-r .cover{justify-self:end}
.cover img{display:block;width:100%;height:auto}
.cover img.pf{mix-blend-mode:multiply}
@media(prefers-color-scheme:dark){.cover img.pf{mix-blend-mode:normal}}
.bk .hd{grid-area:hd;max-width:31em}.bk .mr{grid-area:mr;max-width:31em}.bk .lk{grid-area:lk;max-width:31em}
.bk .hd p{margin:0 0 .7em}.bk .hd p:last-child{margin:0}
@media(min-width:860px){
 .bk,.bk.pos-m{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap);row-gap:.4rem;grid-template-areas:"cv hd" "cv mr" "cv lk";align-items:start}
 .bk .cover,.bk.al-r .cover{width:var(--w);justify-self:start;margin:.35rem 0 0}
}
.bk details{margin:.6rem 0 .4rem}
.bk summary{cursor:pointer;list-style:none;font:400 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--pt)}
.bk summary::-webkit-details-marker{display:none}
.bk details[open] summary{margin-bottom:1rem}
.bk details ul{margin:0 0 1em;padding-left:1.1rem}.bk details li{margin-bottom:.3em}
.bk .q{font-style:italic}
.bk .lk p{margin:0}
/* bio */
.car{display:grid;gap:.4rem;padding-bottom:clamp(3.5rem,8vw,6rem);align-items:start}
@media(min-width:860px){.car{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}}
.car h2{margin:.3rem 0 0}
.car .note{display:block;margin-top:.8rem;font-style:italic;color:var(--pt);font-size:.95rem;line-height:1.4}
.car .bd{max-width:31em}
.car .bd>*:last-child{margin-bottom:0}
.em{font-weight:600}

/* nav desktop: Contact voor English, minuscuul vierkantje */

@media(min-width:860px){header nav a[lang="en"]{position:relative}header nav a[lang="en"]::before{content:"";position:absolute;left:calc(-.575rem - 2px);top:50%;width:4px;height:4px;margin-top:-2px;background:var(--pink)}}

/* mobiel: uitklapbare inhoud (alleen < 860px) */
.inh{display:none}
@media(max-width:859px){
header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.75rem}
.inh{display:block;white-space:nowrap;justify-self:end;font:400 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--soft);background:none;border:0;border-bottom:1px solid var(--pink);border-radius:0;padding:0;cursor:pointer}
.inh:hover{color:var(--ink)}
header nav{display:none;grid-column:1/-1;padding:1.5rem 0 .3rem}
header.open nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:.7rem 1rem;justify-items:start}
header nav a{padding:.15rem 0}
header nav a[lang="en"]{position:relative;padding-left:.8rem}
header nav a[lang="en"]::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;background:var(--pink)}
}
br.m3{display:none}
@media(max-width:859px){br.m3{display:inline}#home h1{white-space:nowrap}}

/* blogs */
.bq{font:400 1.1rem/1.4 var(--serif);color:var(--ink);background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:.35rem 0;width:100%;outline:0}
.bq:focus{border-bottom-color:var(--pink)}
.bl{padding:0}
.bl .it{display:grid;gap:.35rem;padding:1.15rem 0 1.35rem;border-top:1px solid var(--rule);align-items:start}
.bl .it:last-child{border-bottom:1px solid var(--rule)}
.bl .it[hidden]{display:none}
.bl .dt{color:var(--soft);padding-top:.3rem}
.bl .yr{display:none}
.bl .tt{margin:0 0 .35rem;font:600 clamp(1.25rem,2vw,1.5rem)/1.25 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.bl .tt a{text-decoration:none}
.bl .tt a:hover{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:1.5px;text-underline-offset:.2em}
.bl .ex{margin:0;font-size:1rem;line-height:1.55;color:var(--soft);max-width:31em}
.bl{margin:0 auto}
.bpn{display:flex;flex-wrap:wrap;gap:.4rem 1.8rem}
@media(min-width:860px){
 .bl{max-width:1120px}
 .bl .it{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}
 .bl .yy{display:none}
 .bl .it.ys .yr{display:block;color:var(--pt);margin-bottom:.2rem}
 .bl .dt{padding-top:.4rem}
}
@media(max-width:859px){#blogs h1{white-space:nowrap}}

/* blogpost */
.art p{font-size:1.125rem;line-height:1.65;margin:0 0 1.1em}
.art{max-width:30em}
.art .lead,.art>p:first-child{font-size:clamp(1.3rem,2vw,1.5rem);line-height:1.45;margin-bottom:1.2em}
.art .lead strong,.art>p:first-child strong{font-weight:600}
.pm{display:flex;flex-direction:row;gap:.3rem 1.5rem;flex-wrap:wrap}
.pm a{color:var(--pt);text-decoration:none}
.pm a:hover{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:.2em}
.pm time{color:var(--soft)}
.cats{display:flex;flex-wrap:wrap;gap:.45rem 1.15rem}
.cats a{color:var(--soft);text-decoration:none;border-bottom:1px solid transparent}
.cats a:hover{color:var(--ink);border-bottom-color:var(--pink)}
@media(min-width:860px){.art p{font-size:1.25rem}.pm{flex-direction:column;gap:.5rem}}
@media(max-width:859px){.art p{font-size:1.05rem;line-height:1.6;margin-bottom:1.2375rem}.art .lead,.art>p:first-child{font-size:1.2rem;margin-bottom:1.56rem}}

/* interviews */
.ivs{display:grid;gap:0;padding-bottom:clamp(1rem,3vw,2rem)}
@media(min-width:860px){.ivs{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}.ivs>.sh{grid-column:1;align-self:start;position:static;margin:0 0 3rem}.ivs>.iv{grid-column:1/-1}}
.sh{margin:0 0 2.2rem;font:400 .7rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.iv{display:grid;gap:.5rem 0;grid-template-columns:minmax(0,1fr);grid-template-areas:"tt" "im" "tx";padding-bottom:clamp(2.8rem,6vw,4.4rem)}
.iv .tt{grid-area:tt;margin:0 0 .3rem;font-weight:600;font-size:clamp(1.4rem,2.3vw,1.8rem);line-height:1.2;letter-spacing:-.012em;text-wrap:balance;max-width:20em}
.iv .tx{grid-area:tx;max-width:31em}
.iv .tx p{margin:0 0 .85em}
.iv .tx .ld{font-size:clamp(1.15rem,1.7vw,1.3rem);line-height:1.45}
.iv .tx .lkx{margin:.2rem 0 0}
.iv .im{grid-area:im;margin:.3rem 0 .6rem;width:min(var(--wm,13rem),100%)}
.iv .im a{display:block}
.iv .im img{display:block;width:100%;height:auto}
@media(min-width:860px){
 .iv{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap);grid-template-areas:"im tt" "im tx";align-items:start}
 .iv:not(.has){grid-template-areas:". tt" ". tx"}
 .iv .im{width:var(--w,12.5rem);margin:.4rem 0 0}
}
@media(max-width:859px){
 #interviews .g .lead{font-size:1.05rem;line-height:1.6}
 #interviews .iv .tx p{font-size:1.05rem;line-height:1.6}
 #interviews .iv .tx p:not(.lkx){margin-bottom:.935rem}
 #interviews .iv .tx p.ld{font-size:1.2rem;line-height:1.45}
}

/* cursus */
.ldx{font-size:clamp(1.2rem,1.9vw,1.4rem);font-weight:600;line-height:1.4;max-width:28em}
.wa .t>h2{margin-bottom:.9rem}
.wb .l{align-self:start}
.prop{margin:.2rem 0 .8rem;width:6.5rem}
.prop img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(prefers-color-scheme:dark){.prop img{mix-blend-mode:normal}}
.cl{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:clamp(3rem,7vw,5rem)}
.cl>.sh{margin:0 0 1.6rem;font:400 .7rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.cs{display:grid;grid-template-columns:2.2rem minmax(0,1fr);column-gap:.6rem;padding:1.05rem 0 1.15rem;border-top:1px solid var(--rule);align-items:baseline}
.cl .cs:last-child{border-bottom:1px solid var(--rule)}
.cs .no{color:var(--pt)}
.cs .tt{margin:0;font:600 clamp(1.3rem,2.1vw,1.7rem)/1.2 var(--serif);letter-spacing:-.01em;text-wrap:balance}
.cs .ct{margin:.35rem 0 0}
.cs .pl{color:var(--pt);text-decoration:none;border-bottom:1px solid var(--pink)}
.cs .pl:hover{color:var(--ink)}
.cs .pn{grid-column:1/-1;margin-top:1.1rem}
.vw{position:relative;aspect-ratio:16/9;max-width:36em;background:rgba(127,127,127,.12)}
.vw iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nx{margin:.8rem 0 0}
.nx a{color:var(--pt);text-decoration:none}
.nx a:hover{color:var(--ink)}
/* audio: soberder */
.cs.au{border-top:0;border-bottom:0;padding:.4rem 0}
.cs.au:first-of-type{border-top:0}
.cl .cs.au:last-child{border-bottom:0}
.cs.au .tt{font:400 1.05rem/1.5 var(--serif);letter-spacing:0}
.cs.au .bd{display:flex;flex-wrap:wrap;gap:.1rem 1.4rem;align-items:baseline}
@media(min-width:860px){
 .cl{grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}
 .cl>.sh{grid-column:1;align-self:start;margin:0 0 2rem}
 .cl>.cs{grid-column:1/-1;grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap)}
 .cs .pn{grid-column:2}
 .cs.au .tt{font-size:1.1rem}
}
@media(max-width:859px){
 #cursus .t p:not(.lead):not(.ldx){font-size:1.05rem;line-height:1.6}
 #cursus .ldx{font-size:1.2rem;line-height:1.45}
 #cursus .cs.au .tt{font-size:1.05rem}
}

/* contact */
@media(min-width:860px){.gc{grid-template-columns:var(--col) minmax(0,31em) minmax(0,1fr)}}
.pt{margin:1.2rem 0 0;width:6.5rem}
.pt img{display:block;width:100%;height:auto}
@media(min-width:860px){.pt{margin:.3rem 0 0;width:100%;max-width:9rem;justify-self:end}}
@media(max-width:859px){#contact .t p:not(.lead){font-size:1.05rem;line-height:1.6}}
.formw{padding:clamp(.5rem,2vw,1.5rem) 0 clamp(3rem,7vw,5rem)}
.shf{margin:0 0 1.8rem;font:400 .7rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.fm{display:grid;gap:0}
.fr{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem;padding:0 0 1.7rem}
.fr label{color:var(--pt)}
.fr input,.fr textarea{font:400 1.05rem/1.5 var(--serif);color:var(--ink);background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:.4rem 0 .45rem;width:100%;outline:0;-webkit-appearance:none;appearance:none;resize:none}
.fr textarea{overflow:hidden;min-height:2.6rem}
.fr input:focus,.fr textarea:focus{border-bottom:2px solid var(--pink);padding-bottom:calc(.45rem - 1px)}
.fr input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--bg) inset}
.fr input:user-invalid,.fr textarea:user-invalid{border-bottom-color:var(--pt)}
.sb{font:600 clamp(1.3rem,2vw,1.5rem)/1.2 var(--serif);color:var(--ink);background:none;border:0;border-bottom:2px solid var(--pink);border-radius:0;padding:.1rem 0;cursor:pointer;letter-spacing:-.01em}
.sb:hover{color:var(--pt)}
.fs{padding-top:.8rem}
@media(min-width:860px){
 .fr{grid-template-columns:var(--col) minmax(0,31em);column-gap:var(--gap);align-items:baseline;padding-bottom:1.9rem}
 .fr input,.fr textarea{font-size:1.2rem}
}
.pt img{mix-blend-mode:multiply}
@media(prefers-color-scheme:dark){.pt img{mix-blend-mode:normal}}
@media(min-width:860px){.gc .pt{align-self:start}}

/* english */
.cup{margin:.2rem 0 .8rem;width:6rem}
.cup img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(prefers-color-scheme:dark){.cup img{mix-blend-mode:normal}}
.enx{padding:clamp(1rem,3vw,2rem) 0 clamp(3rem,7vw,5rem)}
#english .enx .iv{padding-bottom:0}
@media(max-width:859px){#english .sp{padding-top:.2rem!important}}
@media(max-width:859px){
 #english .t p:not(.lead),#english .iv .tx p{font-size:1.05rem;line-height:1.6}
}
.cup img{mix-blend-mode:normal}
@media(min-width:860px){#english .cup{width:7.5rem;margin-bottom:-3.9rem}}



/* experiment: één grote schoen */
.shoe{padding:clamp(.5rem,2vw,1.5rem) 0 clamp(3rem,6vw,5rem)}
.shoe img{display:block;width:100%;height:auto}
@media(prefers-color-scheme:dark){.shoe img{filter:invert(1)}}
@media(min-width:860px){.shoe img{width:min(56rem,62vw);margin-left:calc(var(--m) * -1)}}
@media(max-width:859px){.shoe img{width:calc(100% + 2 * var(--m));margin-left:calc(var(--m) * -1);max-width:none}}

/* hero-illustratie Home */
.blower{padding:0 0 clamp(.5rem,2vw,1.5rem);margin-top:-1.4rem}
.blower img{display:block;width:100%;height:auto}
@media(min-width:860px){.blower{margin-top:-2.4rem}.blower img{width:min(48rem,64vw);margin-left:max(-4rem,calc(var(--m) * -1))}}
@media(max-width:859px){.blower img{width:calc(100% + 2 * var(--m));margin-left:calc(var(--m) * -1);max-width:none}}
/* naar boven: groter raakvlak, safe-area, niet over formulierveld */

/* naar boven: klein, rechthoekig, dun kader, alleen een chevron */
.up{--ln:rgba(27,27,26,.42);position:fixed;right:calc(8px + env(safe-area-inset-right,0px));bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));z-index:20;width:48px;height:48px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.up .upb{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--ln);box-sizing:border-box;transition:border-color .2s}
.up.on{opacity:1;visibility:visible}
.up.ov{opacity:0;visibility:hidden}
.up:hover .upb{border-color:var(--ink)}
.up:focus-visible{outline:2px solid var(--pink);outline-offset:-2px}
@media(prefers-color-scheme:dark){.up{--ln:rgba(236,233,224,.45)}}
@media(prefers-reduced-motion:reduce){.up,.up .upb{transition:none}}

/* ==== WordPress-aanvullingen (geen herontwerp) ==== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.fb{margin:0;color:var(--pt)}
.bq{-webkit-appearance:none;appearance:none}
.bq::-webkit-search-cancel-button,.bq::-webkit-search-decoration{-webkit-appearance:none}
/* artikel: openingsalinea (eerste alinea) semibold, ook zonder <strong> */
.art>p:first-child{font-weight:600}
/* artikel: robuust voor Gutenberg en oude inhoud */
.art h2,.art h3,.art h4{margin:1.8em 0 .6em;font-weight:600;line-height:1.2;letter-spacing:-.012em;text-wrap:balance}
.art h2{font-size:clamp(1.4rem,2.3vw,1.8rem)}
.art h3{font-size:1.3rem}
.art h4{font-size:1.1rem}
.art ul,.art ol{margin:0 0 1.1em;padding-left:1.2em;font-size:1.125rem;line-height:1.65}
.art li{margin-bottom:.35em}
.art blockquote{margin:1.6em 0;padding:0 0 0 1.2rem;font-style:italic}
.art blockquote p{margin-bottom:.6em}
.art img,.art video,.art iframe,.art embed{max-width:100%;height:auto}
.art figure{margin:1.6em 0}
.art figcaption{margin-top:.4rem;font-size:.9rem;color:var(--soft)}
.art table{display:block;max-width:100%;overflow-x:auto}
.art pre{overflow-x:auto}
.art pre,.art code{font-family:var(--mono);font-size:.9em}
.art hr{border:0;border-top:1px solid var(--rule);margin:2em 0}
.art .alignleft,.art .alignright{float:none;margin:1.2em 0}
.art .aligncenter{margin-left:auto;margin-right:auto}
.art>*:last-child{margin-bottom:0}
@media(min-width:860px){.art ul,.art ol{font-size:1.25rem}}
@media(max-width:859px){.art ul,.art ol{font-size:1.05rem;line-height:1.6}}
.wp-block-embed iframe{max-width:100%}