/* Taulu – suomitoday.com. Jonin jääkaappitaulu + lähetysliuska. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-semi-condensed-600-latin.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-semi-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-semi-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/kalam-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Kalam';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/kalam-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--bg:#F5F8FB;--paper:#fff;--ink:#0E1B2C;--ink2:#41526A;--mute:#6B7C93;--line:#D9E2EC;--blue:#1B6FD1;--blue2:#E7F0FC;--red:#E5484D;--green:#12A150;--green2:#E3F6EA;--amber:#F2A93B;
--r:18px;--r2:12px;--sh:0 1px 2px rgba(14,27,44,.06),0 8px 24px rgba(14,27,44,.06);--hd:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;--bd:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;--hand:'Kalam','Comic Sans MS',cursive;--w:72rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.62 var(--bd)}
a{color:var(--blue);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:9;background:#fff;padding:8px 12px;border-radius:8px}
h1,h2,h3,h4{font-family:var(--hd);font-weight:700;line-height:1.12;letter-spacing:-.005em;color:var(--ink)}
h1{font-size:clamp(30px,4.6vw,46px);margin:.2em 0 .35em}
h2{font-size:clamp(23px,2.8vw,30px);margin:1.8em 0 .5em}
h3{font-size:21px;margin:1.4em 0 .4em}

/* header */
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top__in{max-width:var(--w);margin:0 auto;padding:10px 18px;display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap}
.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;text-decoration:none;color:var(--ink);align-items:center}
.brand__mark{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:#fff;border:3px solid #C7D2DF;position:relative;box-shadow:inset 0 0 0 2px #fff}
.brand__mark i{position:absolute;width:9px;height:9px;border-radius:50%}.brand__mark i:nth-child(1){background:var(--red);left:5px;top:5px}.brand__mark i:nth-child(2){background:var(--blue);right:5px;top:5px}
.brand__mark i:nth-child(3){background:var(--green);left:12px;bottom:6px;width:12px;height:3px;border-radius:2px}
.brand__t{font:700 22px/1 var(--hd)}.brand__t em{font-style:normal;color:var(--mute);font-weight:600}
.brand__s{font:400 14px/1.1 var(--hand);color:var(--blue)}
.nav{flex:1 1 auto}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav a{display:block;padding:7px 11px;border-radius:999px;color:var(--ink2);font:600 16px/1 var(--hd);text-decoration:none}
.nav a:hover{background:var(--blue2);color:var(--blue)}.nav__hl{background:var(--ink);color:#fff!important}
.navbtn{display:none}
.search{position:relative;flex:0 1 270px}
.search input{width:100%;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font:inherit;font-size:15px;background:var(--bg)}
.search input:focus{outline:none;border-color:var(--blue);background:#fff}
.search__res{position:absolute;right:0;left:0;top:calc(100% + 6px);list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);max-height:60vh;overflow:auto;z-index:9}
.search__res a{display:block;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--ink)}.search__res a:hover,.search__res a:focus{background:var(--blue2)}
.search__res small{display:block;color:var(--mute);font-size:13px}
@media (max-width:900px){.navbtn{display:inline-block;margin-left:auto;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:600 16px var(--hd)}
.nav{display:none;flex-basis:100%}.nav.is-open{display:block}.search{flex-basis:100%}}

.main{max-width:var(--w);margin:0 auto;padding:18px 18px 56px}
.sec-h{font-size:clamp(24px,3vw,32px);margin:0 0 .5em}
.kicker{font:600 15px/1.2 var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin:0}

/* front: hello + whiteboard */
.hello{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start;margin:18px 0 36px}
.hello__p p{margin:.5em 0;color:var(--ink2);font-size:18px}
.hello__sig{display:flex;gap:10px;align-items:center;color:var(--mute);font-size:15px}.hello__sig img{border-radius:50%}
.board{position:relative;background:#fff;border-radius:22px;border:10px solid #DCE3EB;box-shadow:inset 0 0 0 1px #C3CDD9,var(--sh);padding:22px 22px 14px;transform:rotate(.4deg)}
.board__h{font:400 24px/1.1 var(--hand);color:var(--red);margin:0 0 10px}
.board__l{list-style:none;margin:0;padding:0;font-family:var(--hand);font-size:18px;line-height:1.35;color:#1F3B63}
.board__l li{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed #E1E7EE}.board__l li:last-child{border:0}
.board__l time{color:var(--blue);white-space:nowrap}.board__l a{color:inherit}
.board__f{margin:10px 0 0;font-size:13px;color:var(--mute)}
.board__mag{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.25),inset 0 -3px 0 rgba(0,0,0,.15)}
.board__mag--1{background:var(--red);top:-6px;left:24px}.board__mag--2{background:var(--green);top:-6px;right:30px}
@media (max-width:820px){.hello{grid-template-columns:1fr}.board{transform:none}}

/* quick answers: numbered, not cards */
.quick{margin:10px 0 40px}.quick__l{list-style:none;counter-reset:q;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.quick__l li{counter-increment:q;border-top:2px solid var(--ink)}
.quick__l a{display:grid;grid-template-columns:44px 1fr;gap:2px 10px;padding:12px 0;text-decoration:none;color:var(--ink)}
.quick__l a::before{content:counter(q);grid-row:1/3;font:700 34px/1 var(--hd);color:var(--blue)}
.quick__l b{font:700 19px/1.2 var(--hd)}.quick__l span{color:var(--ink2);font-size:15.5px}
@media (max-width:720px){.quick__l{grid-template-columns:1fr}}

/* matrix */
.mx{background:var(--paper);border-radius:var(--r);padding:22px;box-shadow:var(--sh);margin:0 0 40px}
.mx__head{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:baseline}.mx__head p{margin:0;color:var(--ink2);font-size:15.5px}
@media (max-width:760px){.mx__head{grid-template-columns:1fr}}
.matrix{margin:14px 0 6px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.matrix__r{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(var(--n),minmax(88px,1fr));align-items:center;min-width:max-content;border-top:1px solid var(--line)}
.matrix__r:first-child{border-top:0}
.matrix__r>*{padding:9px 10px}
.matrix__r--h{background:#F0F4F9;position:sticky;top:0}
.matrix__r--h>span:first-child{font:700 15px var(--hd);text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.matrix__r a{font:600 17px/1.2 var(--hd);color:var(--ink);text-decoration:none;position:sticky;left:0;background:#fff}
.matrix__r a:hover{color:var(--blue)}
.matrix__c .chip{font-size:12.5px}
.dot{justify-self:center;width:16px;height:16px;border-radius:50%;display:inline-block}
.dot--free{background:var(--green);box-shadow:0 0 0 4px var(--green2)}.dot--paid{background:var(--blue);box-shadow:0 0 0 4px var(--blue2)}.dot--none{width:6px;height:6px;background:#D2DAE4}
.matrix__key{font-size:14px;color:var(--mute);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 0}.matrix__key .dot{width:11px;height:11px}

/* sports: varied tiles with sport surfaces */
.sports{margin:0 0 40px}.sports__g{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.sport{grid-column:span 2;position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;border-radius:var(--r);text-decoration:none;color:var(--ink);background:#fff;box-shadow:var(--sh);overflow:hidden;min-height:150px}
.sport:nth-child(1),.sport:nth-child(2){grid-column:span 3;min-height:190px}
.sport::after{content:"";position:absolute;inset:auto -20px -40px auto;width:170px;height:120px;opacity:.55;pointer-events:none}
.sport--jaakiekko{background:linear-gradient(90deg,transparent 48%,#E5484D22 48% 52%,transparent 52%),#F1F7FF}
.sport--jaakiekko::after{border:3px solid #9EC2EE;border-radius:60px}
.sport--jalkapallo{background:repeating-linear-gradient(90deg,#EAF7EE 0 40px,#E1F2E7 40px 80px)}
.sport--jalkapallo::after{border:3px solid #fff;border-radius:50%;width:110px;height:110px;right:20px;bottom:-50px}
.sport--talvilajit{background:linear-gradient(160deg,#fff 40%,#EDF3FA)}.sport--talvilajit::after{background:repeating-linear-gradient(120deg,transparent 0 14px,#C8D8EC 14px 16px)}
.sport--moottoriurheilu{background:#F6F7F9}.sport--moottoriurheilu::after{background:repeating-conic-gradient(#0E1B2C 0 25%,#fff 0 50%) 0 0/22px 22px;opacity:.12}
.sport--palloilu{background:#FFF7EC}.sport--palloilu::after{border-radius:50%;border:3px solid #F2C27A;width:100px;height:100px}
.sport--yleisurheilu{background:#FFF1F1}.sport--yleisurheilu::after{background:repeating-linear-gradient(0deg,transparent 0 12px,#F4B3B5 12px 14px)}
.sport--muut-lajit{background:#F4F1FD}.sport--palvelut{background:var(--ink);color:#fff}.sport--palvelut .sport__d,.sport--palvelut .sport__l{color:#C9D5E5}
.sport__n{font:700 26px/1 var(--hd)}.sport__d{color:var(--ink2);font-size:15.5px;position:relative;z-index:1}.sport__l{margin-top:auto;font:600 14px/1.3 var(--hd);color:var(--blue);position:relative;z-index:1}
@media (max-width:900px){.sports__g{grid-template-columns:1fr 1fr}.sport,.sport:nth-child(1),.sport:nth-child(2){grid-column:span 1}.sport:nth-child(1){grid-column:span 2}}
@media (max-width:520px){.sports__g{grid-template-columns:1fr}.sport,.sport:nth-child(1){grid-column:span 1}}

/* notes (whiteboard magnets) */
.notes{margin:0 0 40px}.notes__l{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:820px){.notes__l{grid-template-columns:1fr}}
.note{position:relative;background:#fff;border:1px solid #E1E7EE;border-radius:16px;padding:18px 18px 14px;box-shadow:var(--sh);font-family:var(--hand);font-size:18px;line-height:1.45;color:#1F3B63;margin:28px 0}
.note::before{content:"";position:absolute;top:-9px;left:22px;width:18px;height:18px;border-radius:50%;background:var(--red);box-shadow:0 2px 3px rgba(0,0,0,.25),inset 0 -3px 0 rgba(0,0,0,.15)}
.note p{margin:.35em 0}.note__h{font-size:15px;color:var(--red);margin:0 0 4px!important}
.note--home{margin:0}.notes__l .note:nth-child(2)::before{background:var(--blue)}.notes__l .note:nth-child(3)::before{background:var(--green)}
.note a{color:var(--blue)}

/* lists */
.ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.ticks li{border-bottom:1px solid var(--line)}
.ticks a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;text-decoration:none;color:var(--ink)}
.ticks b{font:600 18px/1.25 var(--hd)}.ticks small{color:var(--mute);font-size:14px;text-align:right}
.ticks a:hover b{color:var(--blue)}
@media (max-width:720px){.ticks{grid-template-columns:1fr}}
.lines{list-style:none;margin:10px 0 24px;padding:0;border-top:2px solid var(--ink)}
.lines li{border-bottom:1px solid var(--line)}
.lines a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;text-decoration:none;color:var(--ink);flex-wrap:wrap}
.lines a:hover .lines__t{color:var(--blue)}.lines__t{font:600 19px/1.25 var(--hd)}.lines__s{display:flex;gap:6px;flex-wrap:wrap}.lines__d{color:var(--mute);font-size:14px}
.pins{list-style:none;margin:10px 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pins a{display:block;padding:10px 14px 10px 30px;border-radius:14px;background:#fff;box-shadow:var(--sh);text-decoration:none;color:var(--ink);position:relative}
.pins a::before{content:"";position:absolute;left:11px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.pins b{font:600 17px/1.2 var(--hd);display:block}.pins small{color:var(--mute);font-size:13.5px}
.corner{margin:10px 0;padding-left:1.4em}.corner li{padding:5px 0;border-bottom:1px dotted var(--line)}.corner time{color:var(--mute);font-size:13px;margin-left:8px}
.corner--mini{columns:2;column-gap:28px}.corner__n{color:var(--mute);font-size:14px}
@media (max-width:640px){.corner--mini{columns:1}}

/* chips */
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font:600 14px/1.2 var(--hd);color:var(--ink);white-space:nowrap}
.chip i{width:9px;height:9px;border-radius:50%;background:var(--mute)}
.chip--yle i{background:#14A9E1}.chip--mtv i{background:#E5484D}.chip--ruutu i{background:#7A3FF2}.chip--viaplay i{background:#5B2A86}.chip--max i{background:#3D2BD8}
.chip--prime i{background:#00A8E1}.chip--dazn i{background:#111}.chip--elisa i{background:#0A62B0}.chip--telia i{background:#990AE3}.chip--f1tv i{background:#E10600}.chip--leijonat i{background:#1B3F8B}
.chip__f{font-style:normal;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding-left:6px;border-left:1px solid var(--line)}
.chip__f--free{color:var(--green)}

/* post */
.post{max-width:50rem;margin:0 auto}.post--page{max-width:54rem}
.crumbs ol{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--mute)}
.crumbs li+li::before{content:"›";margin-right:8px}.crumbs a{color:var(--mute)}
.lead{font-size:19px;color:var(--ink2);margin:.2em 0 .8em}
.byline{display:flex;gap:10px;align-items:center;margin:4px 0 22px}.byline img{border-radius:50%}
.byline p{margin:0;line-height:1.3}.byline a{font:600 17px var(--hd);color:var(--ink);text-decoration:none}.byline span{display:block;color:var(--mute);font-size:14px}
.byline--guest p{color:var(--mute);font-size:14.5px}
.prose>*:first-child{margin-top:0}
.prose p,.prose li{color:#1D2B3F}
.prose ul,.prose ol{padding-left:1.25em}
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15.5px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--sh)}
.prose th,.prose td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{font:700 15px var(--hd);text-transform:uppercase;letter-spacing:.04em;color:var(--mute);background:#F0F4F9}
.tablewrap{overflow-x:auto}

/* Lähetysliuska = Kort svar */
.st-answer{display:grid;grid-template-columns:54px 1fr;margin:0 0 26px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid var(--line)}
.st-answer__stub{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.st-answer__stub span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px/1 var(--hd);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.st-answer__b{padding:16px 20px 14px;position:relative}
.st-answer__b::before{content:"";position:absolute;left:0;top:18px;bottom:18px;border-left:2px dashed #C3CDD9}
.st-answer__l{margin:0 0 4px;font:700 14px/1 var(--hd);letter-spacing:.1em;text-transform:uppercase;color:var(--red);display:flex;gap:8px;align-items:center}
.st-answer__l::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #FCE4E5}
.st-answer__t{margin:0 0 10px;font-size:18.5px;line-height:1.5;color:var(--ink)!important}
.st-answer__c{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.st-answer__m{margin:0;font-size:13.5px;color:var(--mute)!important}
.st-answer--short{grid-template-columns:1fr}.st-answer--short .st-answer__b::before{display:none}
.st-answer--short .st-answer__l{color:var(--blue)}.st-answer--short .st-answer__l::before{background:var(--blue);box-shadow:0 0 0 4px var(--blue2)}

/* Näin katson (Joni's routine) */
.howto{background:var(--green2);border-radius:var(--r);padding:16px 20px;margin:22px 0}
.howto h2{margin:0 0 6px;font-size:24px}
.howto ul{list-style:none;padding:0;margin:0}.howto li{position:relative;padding:5px 0 5px 30px}
.howto li::before{content:"✓";position:absolute;left:4px;top:3px;font:400 20px var(--hand);color:var(--green)}

/* facts table "Lähetystaulu" + day cards */
.ltable td:first-child{font-weight:600}
.pday{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;padding:0;list-style:none}
.pday li{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--sh)}.pday b{display:block;font:700 13px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.pday span{font:600 18px/1.25 var(--hd)}
@media (max-width:640px){.pday{grid-template-columns:1fr}}

/* FAQ, sources */
.faq details{background:#fff;border-radius:14px;margin:8px 0;box-shadow:var(--sh)}
.faq summary{cursor:pointer;padding:13px 16px;font:600 18px/1.3 var(--hd);list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--blue)}.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 16px 12px}
.sources{font-size:14.5px;color:var(--ink2)}.sources ol{padding-left:1.3em}.sources li{margin:4px 0}.sources small{color:var(--mute)}
.keep{margin:24px 0}

/* related, author */
.related{margin:36px 0 10px}.related h2{font-size:24px}
.authorbox{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--sh);margin:30px 0}
.authorbox img{border-radius:50%}.authorbox p{margin:.2em 0;font-size:15.5px;color:var(--ink2)}.ab-name{font:700 20px var(--hd);color:var(--ink)!important}

/* hub arc */
.arc{background:#fff;border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);margin:16px 0 26px;overflow-x:auto}
.arc__m,.arc__r{display:grid;grid-template-columns:170px repeat(12,minmax(38px,1fr));min-width:640px;align-items:center}
.arc__m span{font:600 12px var(--hd);text-transform:uppercase;color:var(--mute);text-align:center}.arc__m span:first-child{grid-column:2}
.arc__r{text-decoration:none;color:var(--ink);padding:5px 0;border-top:1px dashed var(--line)}
.arc__r b{font:600 16px/1.2 var(--hd)}
.arc__bar{grid-column:calc(var(--s) + 1)/calc(var(--e) + 2);height:12px;border-radius:999px;background:linear-gradient(90deg,var(--blue),#6FA7EB)}
.arc__r:hover b{color:var(--blue)}.arc__note{font-size:13px;color:var(--mute);margin:8px 0 0}

/* OBL boxes framed in the theme */
.st-obl{position:relative;margin:26px 0;padding:14px;border-radius:22px;background:#fff;border:8px solid #DCE3EB}
.st-obl__tag{margin:0 0 10px;font:400 18px var(--hand);color:var(--red)}.st-obl__tag span{color:var(--red)}
.st-obl--form{border-color:#D3EBDD}.st-obl--form .st-obl__tag{color:var(--green)}
.st-obl section{margin-bottom:0!important}

/* footer */
.foot{background:var(--ink);color:#C9D5E5;margin-top:40px}
.foot__in{max-width:var(--w);margin:0 auto;padding:30px 18px 10px;display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
.foot__me{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}.foot__me img{border-radius:50%;border:2px solid #fff}
.foot__me p{margin:0;font-size:15.5px}.foot__me b{color:#fff;font:700 18px var(--hd)}
.foot__nav ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}.foot__nav a{color:#fff}
.contactus{display:inline-block;background:#fff;color:var(--ink)!important;text-decoration:none;font:700 17px var(--hd);padding:9px 18px;border-radius:999px}
.foot__c{max-width:var(--w);margin:0 auto;padding:12px 18px 26px;font-size:14px;color:#9FB0C6;border-top:1px solid #22344D}
@media (max-width:760px){.foot__in{grid-template-columns:1fr}}

/* old/guest posts (kept markup) */
.post--muu .prose style+*{margin-top:0}
.post--muu .prose h2{font-size:24px}

/* fixes 1.0.1 */
@media (min-width:1101px){.top__in{flex-wrap:nowrap}.nav a{padding:7px 9px;font-size:15.5px}.search{flex:0 0 220px}}
@media (max-width:600px){.st-answer{grid-template-columns:1fr}.st-answer__stub{justify-content:flex-start;padding:7px 16px}.st-answer__stub span{writing-mode:horizontal-tb;transform:none;font-size:13px}.st-answer__b::before{display:none}}
.post-views,.pvc_stats{display:none!important}
/* 1.0.2 matrix as table */
.mtab{width:100%;border-collapse:collapse;min-width:max-content;margin:0!important;box-shadow:none!important;border-radius:0!important;font-size:15px}
.mtab th,.mtab td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;background:#fff}
.mtab thead th{background:#F0F4F9;font:700 13px var(--hd);text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.mtab thead th:first-child,.mtab tbody th{text-align:left;position:sticky;left:0;z-index:1}
.mtab tbody th{background:#fff}.mtab tbody th a{font:600 16.5px/1.2 var(--hd);color:var(--ink);text-decoration:none;text-transform:none;letter-spacing:0}
.mtab tbody th a:hover{color:var(--blue)}.mtab .chip{font-size:12.5px;text-transform:none;letter-spacing:0}
.mtab tr:last-child>*{border-bottom:0}
.dot--on{background:#fff;box-shadow:inset 0 0 0 3px var(--blue)}
.board__l li{grid-template-columns:118px 1fr}
/* 1.1.0 article sheet: stamp, side rail, writer card at the end */
.sheet{max-width:66rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"top top" "body rail" "end rail";column-gap:34px}
.sheet--muu{grid-template-columns:minmax(0,50rem);grid-template-areas:"top" "body" "end";justify-content:center}
.sheet__top{grid-area:top;padding:6px 0 14px;border-bottom:3px solid var(--ink);margin-bottom:22px}
.sheet__top h1{margin:.15em 0 .25em}
.sheet__top .crumbs ol{margin:0}
.sheet__body{grid-area:body;min-width:0}
.sheet__end{grid-area:end;border-top:1px dashed #C3CDD9;margin-top:26px;padding-top:16px}
.stamp{display:inline-block;transform:rotate(-2deg);border:2px solid var(--red);color:var(--red);font:700 14px/1 var(--hd);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:8px;text-decoration:none;background:#fff}
.stamp--muu{border-color:var(--mute);color:var(--mute)}
.rail{grid-area:rail;align-self:start;position:sticky;top:84px;background:#fff;border-radius:18px;border:8px solid #DCE3EB;padding:14px}
.rail__h{margin:0 0 8px;font:400 19px var(--hand);color:var(--blue)}
.rail__l{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.rail__l .chip{white-space:normal}
.rail__jump{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;font-size:14.5px}
.rail__d{margin:0;font-size:13px;color:var(--mute)}
@media (max-width:900px){.sheet{grid-template-columns:1fr;grid-template-areas:"top" "body" "rail" "end"}.rail{position:static;border-width:6px}.rail__l{flex-direction:row;flex-wrap:wrap}.rail__jump{flex-direction:row;gap:14px}}
/* 1.2.0 portrait v2: one photo, small framed Om-image, ringed avatars */
.byline img,.authorbox img,.foot__me img,.hello__sig img{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--blue)}
.foot__me img{border:0}
.me{float:right;width:165px;margin:4px 0 14px 22px;padding:6px;background:#fffdf7;border:1px solid #ece4d3;box-shadow:0 2px 8px rgba(14,27,44,.14);transform:rotate(.8deg)}
.me img{display:block;width:100%;height:auto}
.me figcaption{font-size:12.5px;line-height:1.35;color:var(--mute);padding:6px 2px 0}
.post__c::after{content:"";display:table;clear:both}
@media (max-width:560px){.me{width:140px;margin:4px 0 12px 16px}}
/* ===== OBL boxes 1.4.0 – own signature: a row from Joni's broadcast strip (tablårivi). Dark channel stub with vertical label,
   perforation, condensed caps «slot» line, square-ish ticket corners, outlined channel button with a play mark, TV-guide form grid. */
.obl-skin{margin:34px 0;clear:both}
body .post__c .obl-skin section{margin:0!important;background:#fff!important;border:0!important;border-radius:8px!important;box-shadow:0 0 0 1px var(--line),0 6px 0 -2px #E8EEF5!important;
  color:var(--ink)!important;font-family:var(--bd)!important;position:relative!important;padding-left:58px!important;overflow:hidden!important}
body .post__c .obl-skin section:before{content:"VIERAS";position:absolute;left:0;top:0;bottom:0;width:58px;background:var(--ink);color:#fff;
  writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--hd);letter-spacing:.32em}
body .post__c .obl-skin--form section:before{content:"KIRJOITA"}
body .post__c .obl-skin section:after{content:"";position:absolute;left:58px;top:10px;bottom:10px;border-left:2px dashed #C3CDD9}
body .post__c .obl-skin [class$="m"]{background:transparent!important;color:var(--ink)!important;padding:18px 22px 14px 26px!important;gap:10px 28px!important;align-items:center!important}
body .post__c .obl-skin [class$="e"],body .post__c .obl-skin [class$="k"]{display:inline-flex!important;align-items:center;gap:8px;font:700 12.5px/1 var(--hd)!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;color:var(--red)!important;margin:0 0 8px!important}
body .post__c .obl-skin [class$="e"]:before,body .post__c .obl-skin [class$="k"]:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #FCE4E5}
body .post__c .obl-skin [class$="h"]{font:700 1.5rem/1.1 var(--hd)!important;letter-spacing:-.005em!important;color:var(--ink)!important;margin:0 0 6px!important}
body .post__c .obl-skin p,body .post__c .obl-skin [class$="t"] p{color:var(--ink2)!important;font-size:.98rem!important}
body .post__c .obl-skin [class$="l"]{color:var(--ink2)!important;font:600 .86rem/1.3 var(--hd)!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body .post__c .obl-skin button[type=submit]{background:#fff!important;color:var(--blue)!important;border:2px solid var(--blue)!important;border-radius:6px!important;padding:10px 18px 10px 14px!important;
  font:700 1rem/1.1 var(--hd)!important;letter-spacing:.06em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer;white-space:normal!important;display:inline-flex!important;align-items:center;gap:10px}
body .post__c .obl-skin button[type=submit]:before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
body .post__c .obl-skin button[type=submit]:hover{background:var(--blue)!important;color:#fff!important;filter:none!important}
body .post__c .obl-skin details{border-top:1px solid var(--line)!important;padding:9px 22px 12px 26px!important;background:repeating-linear-gradient(90deg,#F7F9FC 0 22px,#F1F5FA 22px 44px)!important}
body .post__c .obl-skin summary{color:var(--blue)!important;font:600 .95rem var(--hd)!important;letter-spacing:.03em}
body .post__c .obl-skin dl,body .post__c .obl-skin [class$="r"]{border-color:var(--line)!important}body .post__c .obl-skin dt{color:var(--mute)!important;font-family:var(--hd)!important;text-transform:uppercase;letter-spacing:.06em}
/* form = TV-guide grid: label column | field column, each row a dashed guide line, fields underlined like the whiteboard */
body .post__c .obl-skin--form form{padding:18px 22px 18px 26px!important}
body .post__c .obl-skin--form [class$="h"]{margin:0 0 10px!important}
body .post__c .obl-skin--form label{display:grid!important;grid-template-columns:150px 1fr;align-items:center;gap:6px 14px;margin:0!important;padding:10px 0!important;border-bottom:1px dashed #D3DCE7;
  font:700 .82rem/1.2 var(--hd)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--mute)!important}
body .post__c .obl-skin--form label:has(textarea){align-items:start}
body .post__c .obl-skin--form label[class$="c"]{display:flex!important;gap:10px;text-transform:none!important;letter-spacing:0!important;font:600 .95rem var(--bd)!important;color:var(--ink)!important;border-bottom:0}
body .post__c .obl-skin input:not([type=hidden]):not([type=checkbox]),body .post__c .obl-skin select,body .post__c .obl-skin textarea{border:0!important;border-bottom:2px solid #9FB3CC!important;border-radius:0!important;
  background:#F7F9FC!important;color:var(--ink)!important;font:400 1rem/1.4 var(--bd)!important;padding:8px 10px!important;margin:0!important;text-transform:none;letter-spacing:0}
body .post__c .obl-skin input:focus,body .post__c .obl-skin select:focus,body .post__c .obl-skin textarea:focus{outline:none!important;border-bottom-color:var(--blue)!important;background:var(--blue2)!important}
body .post__c .obl-skin--form button[type=submit]{margin-top:14px!important}
@media (max-width:600px){body .post__c .obl-skin section{padding-left:0!important;padding-top:30px!important}
  body .post__c .obl-skin section:before{writing-mode:horizontal-tb;transform:none;right:0;bottom:auto;width:auto;height:30px;justify-content:flex-start;padding-left:16px}
  body .post__c .obl-skin section:after{display:none}
  body .post__c .obl-skin--form label{grid-template-columns:1fr}}

/* 1.5.0 umbrella: three pillars on the home page (whiteboard columns) */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:6px 0 40px;background:#fff;border:10px solid #DCE3EB;border-radius:22px;box-shadow:var(--sh)}
.pillar{padding:18px 20px 16px;border-left:2px dashed #D3DCE7}.pillar:first-child{border-left:0}
.pillar__q{margin:0 0 10px;font:400 23px/1.15 var(--hand);color:var(--red)}
.pillar--piha .pillar__q{color:var(--green)}.pillar--taivas .pillar__q{color:var(--blue)}
.pillar ul{list-style:none;margin:0 0 10px;padding:0}.pillar li{padding:5px 0;border-bottom:1px dotted var(--line)}
.pillar li a{font:600 17px/1.25 var(--hd);color:var(--ink);text-decoration:none}.pillar li a:hover{color:var(--blue)}
.pillar__all{font:700 14px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);text-decoration:none}
@media (max-width:820px){.pillars{grid-template-columns:1fr}.pillar{border-left:0;border-top:2px dashed #D3DCE7}.pillar:first-child{border-top:0}}
.lines--season li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 4px;flex-wrap:wrap}
.lines--season .lines__t{display:block;flex:1 1 260px;font:600 18px/1.3 var(--hd)}.lines--season .lines__t::first-letter{text-transform:uppercase}
.lines--season .lines__d{font:600 14px var(--hd);color:var(--green);white-space:nowrap}
.tabnote{margin:-8px 0 16px;color:var(--mute)}
/* 1.6.0 – n8n blocks (owner order 13/11) in Jonin taulu's own language: fridge magnets + paper notes, marker handwriting, whiteboard tables.
   Everything scoped .prose .st-n8n (render filter wraps n8n posts) so it beats any leftover single-class n8n CSS. */
.prose .st-n8n .reading-time,.prose .st-n8n .last-updated{display:inline-block;margin:0 10px 14px 0;padding:3px 0;font:600 13px var(--hd);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:none;border:0;box-shadow:none;max-width:none}
.prose .st-n8n .news-content{max-width:none;margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.prose .st-n8n .grid-heading{margin:30px 0 8px;font:400 30px/1.15 var(--hand);color:var(--blue);text-decoration:underline wavy var(--blue) 2px;text-underline-offset:9px;text-transform:none;letter-spacing:0;border:0;padding:0;background:none}
.prose .st-n8n .news-grid-wrap{margin:8px 0 28px;padding:0;background:none;border:0;box-shadow:none}
.prose .st-n8n .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin:22px 0 0;padding:0;background:none}
.prose .st-n8n .news-box{position:relative;margin:0;padding:26px 18px 14px;background:#fff;border:0;border-radius:4px;box-shadow:0 1px 1px rgba(14,27,44,.08),0 10px 22px rgba(14,27,44,.08);transform:rotate(-.5deg)}
.prose .st-n8n .news-box:nth-child(even){transform:rotate(.6deg)}
.prose .st-n8n .news-box::before{content:"";position:absolute;top:-9px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 3px,transparent 4px),var(--red);box-shadow:0 2px 3px rgba(14,27,44,.25)}
.prose .st-n8n .news-box:nth-child(3n+2)::before{background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 3px,transparent 4px),var(--green)}
.prose .st-n8n .news-box:nth-child(3n)::before{background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 3px,transparent 4px),var(--blue)}
.prose .st-n8n .news-box-header{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;padding:0;background:none;border:0}
.prose .st-n8n .box-num{flex:none;min-width:0;height:auto;padding:0;background:none;border:0;border-radius:0;font:400 30px/1 var(--hand);color:var(--red)}
.prose .st-n8n .box-num::after{content:")"}
.prose .st-n8n .box-title{font:700 19px/1.2 var(--hd);color:var(--ink);text-transform:none;letter-spacing:0}
.prose .st-n8n .news-box-content{padding:0;background:none;font-size:15.5px}
.prose .st-n8n .news-box-content strong{display:block;margin:8px 0 2px;font:400 18px var(--hand);color:var(--blue)}
.prose .st-n8n .news-box-content strong:empty{display:none}
.prose .st-n8n ul.confirmed-list,.prose .st-n8n ul.updates-list,.prose .st-n8n ul.rumor-list,.prose .st-n8n .n24-insights,.prose .st-n8n .n24-key-insights,.prose .st-n8n ul.n24-ul,.prose .st-n8n ul.n24-list{list-style:none;padding-left:0;margin:6px 0 10px}
.prose .st-n8n ul.confirmed-list li,.prose .st-n8n ul.updates-list li,.prose .st-n8n ul.rumor-list li{position:relative;padding:3px 0 3px 26px;margin:0;border:0;background:none}
.prose .st-n8n ul.confirmed-list li::before{content:"✓";position:absolute;left:2px;top:0;font:700 20px/1.3 var(--hand);color:var(--green)}
.prose .st-n8n ul.updates-list li::before{content:"→";position:absolute;left:0;top:0;font:700 20px/1.3 var(--hand);color:var(--blue)}
.prose .st-n8n ul.rumor-list li::before{content:"?";position:absolute;left:4px;top:0;font:700 20px/1.3 var(--hand);color:var(--mute)}
.prose .st-n8n .n24-insights li,.prose .st-n8n .n24-key-insights li,.prose .st-n8n ul.n24-ul li,.prose .st-n8n ul.n24-list li{position:relative;padding:4px 0 4px 24px}
.prose .st-n8n .n24-insights li::before,.prose .st-n8n .n24-key-insights li::before,.prose .st-n8n ul.n24-ul li::before,.prose .st-n8n ul.n24-list li::before{content:"";position:absolute;left:3px;top:.62em;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:inset -2px -2px 0 rgba(14,27,44,.18)}
.prose .st-n8n li:nth-child(3n+2)::before{background-color:var(--green)}.prose .st-n8n li:nth-child(3n)::before{background-color:var(--blue)}
.prose .st-n8n ul.confirmed-list li::before,.prose .st-n8n ul.updates-list li::before,.prose .st-n8n ul.rumor-list li::before{background:none}
/* timetable («aikataulu») for timelines */
.prose .st-n8n ol.timeline-list,.prose .st-n8n .n24-timeline{list-style:none;counter-reset:none;padding:0;margin:8px 0 14px;border-top:2px solid var(--ink)}
.prose .st-n8n ol.timeline-list li,.prose .st-n8n .n24-timeline li{position:relative;margin:0;padding:8px 4px 8px 26px;border-bottom:1px dotted var(--mute);background:none}
.prose .st-n8n ol.timeline-list li::before,.prose .st-n8n .n24-timeline li::before{content:"";position:absolute;left:4px;top:13px;width:11px;height:11px;border-radius:2px;background:var(--amber);border:2px solid var(--ink)}
.prose .st-n8n ol.timeline-list li strong:first-child,.prose .st-n8n .n24-timeline time{font:700 16px var(--hd);color:var(--blue);margin-right:6px;font-variant-numeric:tabular-nums}
.prose .st-n8n .section-sep{height:12px;margin:26px 0;border:0;background:radial-gradient(circle,var(--line) 0 2.5px,transparent 3px) 0 50%/16px 12px repeat-x}
/* paper notes with a magnet: note / tip / warning */
.prose .st-n8n .n24-note,.prose .st-n8n .n24-tip,.prose .st-n8n .n24-warning{position:relative;margin:22px 0;padding:22px 20px 12px;border:0;border-radius:3px;background:#FFF4D6;box-shadow:0 1px 1px rgba(14,27,44,.07),0 8px 18px rgba(14,27,44,.07);transform:rotate(-.35deg)}
.prose .st-n8n .n24-tip{background:var(--green2);transform:rotate(.35deg)}
.prose .st-n8n .n24-warning{background:#FDECEC}
.prose .st-n8n .n24-note::before,.prose .st-n8n .n24-tip::before,.prose .st-n8n .n24-warning::before{content:"";position:absolute;top:-8px;left:22px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 2.5px,transparent 3.5px),var(--amber);box-shadow:0 2px 3px rgba(14,27,44,.25)}
.prose .st-n8n .n24-tip::before{background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 2.5px,transparent 3.5px),var(--green)}
.prose .st-n8n .n24-warning::before{background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.75) 0 2.5px,transparent 3.5px),var(--red)}
.prose .st-n8n .n24-note-label,.prose .st-n8n .n24-tip-label,.prose .st-n8n .n24-warning-label{margin:0 0 4px;font:400 21px/1.2 var(--hand);color:#8A5A00;text-transform:none;letter-spacing:0;background:none;padding:0}
.prose .st-n8n .n24-tip-label{color:#0B6E37}.prose .st-n8n .n24-warning-label{color:#B42328}
.prose .st-n8n .n24-note p,.prose .st-n8n .n24-tip p,.prose .st-n8n .n24-warning p{margin:4px 0 8px}
/* overview grid = magnet tiles */
.prose .st-n8n div.n24-overview-grid,.prose .st-n8n div.n24-grid,.prose .st-n8n div.n24-grid-container,.prose .st-n8n div.n24-grid-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 22px;padding:0;background:none;border:0}
.prose .st-n8n .n24-grid-item,.prose .st-n8n .n24-overview-item{margin:0;padding:12px 14px;background:var(--blue2);border:0;border-radius:14px 14px 14px 4px;box-shadow:none}
.prose .st-n8n .n24-grid-item strong:first-child,.prose .st-n8n .n24-grid-label,.prose .st-n8n .n24-grid-title,.prose .st-n8n .n24-overview-item strong:first-child{display:block;margin:0 0 3px;font:700 12.5px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.prose .st-n8n .n24-grid-value,.prose .st-n8n .n24-grid-content{font:600 16px/1.35 var(--bd);color:var(--ink)}
/* whiteboard tables */
.prose .st-n8n table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0 22px;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:none;overflow:hidden;font-size:15.5px}
.prose .st-n8n table th{padding:10px 12px 6px;background:none;border:0;border-bottom:2px solid var(--blue);font:400 20px/1.2 var(--hand);color:var(--blue);text-transform:none;letter-spacing:0;text-align:left}
.prose .st-n8n table td{padding:9px 12px;border:0;border-bottom:1px dotted #B6C3D3;background:none;color:#1D2B3F}
.prose .st-n8n table tr:last-child td{border-bottom:0}
.prose .st-n8n table td:first-child{font-weight:600;color:var(--ink)}
.prose .st-n8n .wp-block-table{margin:0;overflow-x:auto}
/* FAQ */
.prose .st-n8n details{margin:0;padding:0;border:0;border-bottom:1px dashed #B6C3D3;background:none;border-radius:0;box-shadow:none}
.prose .st-n8n details summary{list-style:none;display:flex;gap:10px;align-items:baseline;padding:12px 2px;cursor:pointer;font:700 18px/1.3 var(--hd);color:var(--ink);background:none}
.prose .st-n8n details summary::-webkit-details-marker{display:none}
.prose .st-n8n details summary::before{content:"?";flex:none;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font:700 16px/24px var(--hd);text-align:center}
.prose .st-n8n details[open] summary::before{content:"!";background:var(--green)}
.prose .st-n8n details>*:not(summary){margin:0 0 12px 34px}
/* quotes: handwritten, no side bar */
.prose .st-n8n blockquote,.prose .st-n8n .n24-blockquote,.prose .st-n8n .n24-quote{position:relative;margin:22px 0;padding:6px 0 6px 52px;border:0;background:none;font:400 22px/1.4 var(--hand);color:var(--ink2)}
.prose .st-n8n blockquote::before,.prose .st-n8n .n24-quote::before{content:"“";position:absolute;left:0;top:-12px;font:700 72px/1 var(--hd);color:var(--red)}
.prose .st-n8n blockquote cite,.prose .st-n8n .n24-cite{display:block;margin-top:4px;font:600 14px var(--bd);font-style:normal;color:var(--mute)}
/* clarity: two columns, established vs open */
.prose .st-n8n .n24-clarity-grid,.prose .st-n8n .n24-clarity,.prose .st-n8n .n24-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}
.prose .st-n8n .n24-clarity-column,.prose .st-n8n .n24-clarity-col,.prose .st-n8n .n24-column,.prose .st-n8n .n24-established,.prose .st-n8n .n24-unclear{padding:12px 16px;background:#fff;border-radius:12px;box-shadow:var(--sh)}
.prose .st-n8n .n24-unclear,.prose .st-n8n .n24-clarity-column+.n24-clarity-column,.prose .st-n8n .n24-clarity-col+.n24-clarity-col{background:#FBFCFE;box-shadow:none;border:1.5px dashed #B6C3D3}
@media (max-width:640px){.prose .st-n8n .news-grid{grid-template-columns:1fr}.prose .st-n8n .news-box,.prose .st-n8n .news-box:nth-child(even){transform:none}}