/* Schriften (selbst gehostet, SIL Open Font License) */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/newsreader-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Newsreader';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/newsreader-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/source-serif-4-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{--ink:#181C22;--slate:#58626E;--line:#E4E7EB;--navy:#1F3B57;--mark:#FFF3C4;--red:#9E2B25;--bg:#FFFFFF;--soft:#F8F9FB;}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;background:#FFFFFF;color-scheme:light only;scroll-behavior:smooth;}
body{font-family:'Source Serif 4',Georgia,serif;background:#FFFFFF;color:var(--ink);font-size:17px;line-height:1.72;}
.wrap{max-width:680px;margin:0 auto;padding:56px 22px 96px;}
a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
a:hover{text-decoration-thickness:2px;}
a:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
mark,.hl{background:linear-gradient(transparent 55%, var(--mark) 55%);padding:0 1px;}

/* Kopfzeile */
.mast{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:48px;}
.mast .name{font-family:'Newsreader',serif;font-weight:700;font-size:20px;letter-spacing:-.01em;}
.mast .name a{color:var(--ink);text-decoration:none;}
.mast nav{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;}
.mast nav a{color:var(--slate);text-decoration:none;margin-left:18px;}
.mast nav a:first-child{margin-left:0;}
.mast nav a:hover{color:var(--navy);}

/* Meta-Zeilen & Labels */
.pmeta,.ameta{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--slate);letter-spacing:.05em;text-transform:uppercase;}
.ameta{font-size:12px;margin-bottom:26px;}
.pmeta a,.ameta a{color:inherit;text-decoration-color:var(--line);}
.pmeta a:hover,.ameta a:hover{color:var(--navy);text-decoration-color:var(--navy);}
.label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin:0 0 14px;}

/* Startseite */
.intro{font-size:19px;line-height:1.65;margin-bottom:40px;max-width:60ch;}
.intro p{margin-bottom:14px;}
.intro strong{font-weight:400;background:linear-gradient(transparent 55%, var(--mark) 55%);}
.postlist{list-style:none;margin-top:56px;border-top:1px solid var(--line);}
.postlist li{padding:26px 0;border-bottom:1px solid var(--line);}
.postlist .pmeta{margin-bottom:6px;}
.postlist h2{font-family:'Newsreader',serif;font-weight:700;font-size:26px;line-height:1.22;letter-spacing:-.012em;margin-bottom:8px;}
.postlist h2 a{color:var(--ink);text-decoration:none;}
.postlist h2 a:hover{color:var(--navy);}
.postlist p{color:var(--slate);font-size:15.5px;line-height:1.6;}
.postlist .tags{margin-top:12px;}
.anbieterlist{margin-top:34px;}
.postlist .more{display:inline-block;margin-top:10px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}

/* Fazit-Liste */
.fazit{list-style:disc;margin:0 0 18px 22px;padding:0;}
.fazit li{margin:0 0 12px;padding-left:4px;font-size:16px;line-height:1.65;color:var(--slate);}
.fazit li::marker{color:var(--navy);}
.fazit strong{font-weight:600;color:var(--ink);}
.fazit strong a{color:var(--ink);text-decoration:none;background:linear-gradient(transparent 55%, var(--mark) 55%);}
.fazit strong a:hover{color:var(--navy);}

/* Artikel */
.crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;margin-bottom:34px;}
.crumb a{color:var(--slate);text-decoration:none;}
.crumb a:hover{color:var(--navy);}
article h1{font-family:'Newsreader',serif;font-weight:700;font-size:39px;line-height:1.12;letter-spacing:-.018em;margin-bottom:14px;}
article h2{font-family:'Newsreader',serif;font-weight:700;font-size:26px;line-height:1.25;letter-spacing:-.01em;margin:56px 0 14px;scroll-margin-top:24px;}
article h3{font-family:'Newsreader',serif;font-weight:700;font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:0 0 4px;}
article h3 a{color:var(--ink);text-decoration:none;}
article h3 a:hover{color:var(--navy);}
article h4{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin:0 0 8px;}
article p{margin:0 0 18px;}
article ul,article ol{margin:0 0 18px 22px;}
article li{margin-bottom:6px;}
.lead{font-size:19px;line-height:1.65;}
.lead p{margin-bottom:16px;}
.note{font-size:14.5px;color:var(--slate);line-height:1.6;}
.claim{font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.65;color:var(--ink);border:1px solid var(--ink);padding:13px 16px;margin:0 0 34px;}
.claim b{color:var(--navy);letter-spacing:.08em;}
.plug{border:1.5px solid var(--navy);padding:16px 20px;margin:18px 0 6px;font-size:16px;line-height:1.65;}
.plug b{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.12em;color:var(--navy);display:block;margin-bottom:6px;text-transform:uppercase;}
.plug p:last-child{margin-bottom:0;}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.tags span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--navy);border:1px solid var(--navy);padding:2px 8px;}

/* Bewertungsmatrix: bricht aus der Textspalte aus */
.wide{--w:min(1180px, calc(100vw - 44px));width:var(--w);margin:18px 0 12px calc((100% - var(--w)) / 2);}
.tablewrap{position:relative;overflow-x:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch;}
.tablewrap:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}
table{border-collapse:separate;border-spacing:0;width:100%;}
.matrix{font-size:14px;line-height:1.45;min-width:1100px;}
.matrix th,.matrix td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;background:#fff;}
.matrix thead th{font-family:'Newsreader',serif;font-weight:700;font-size:16px;letter-spacing:-.005em;border-bottom:1px solid var(--ink);white-space:nowrap;}
.matrix thead th a{color:var(--ink);text-decoration:none;}
.matrix thead th a:hover{color:var(--navy);text-decoration:underline;}
.matrix .rowh{text-align:left;font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:14px;position:sticky;left:0;z-index:1;min-width:210px;max-width:230px;border-right:1px solid var(--line);}
.matrix thead .rowh{z-index:2;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);}
.matrix tr.sec th{text-align:left;background:var(--soft);font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding-top:14px;}
.matrix tr.sec th.rowh{border-right:none;}
.matrix .yes{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;color:var(--navy);}
.matrix .no{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#9AA3AD;}
.matrix td.text{font-family:'IBM Plex Mono',monospace;font-size:12.5px;white-space:nowrap;color:var(--ink);}
.matrix td.muted{color:var(--slate);font-size:11.5px;}
.matrix td mark{background:linear-gradient(transparent 50%, var(--mark) 50%);padding:0 3px;color:inherit;}
.matrix tr.total th,.matrix tr.total td{border-top:1px solid var(--ink);font-weight:600;}
.matrix tr.total td{font-family:'IBM Plex Mono',monospace;font-size:13.5px;}
.matrix td.note{text-align:left;vertical-align:top;font-size:13px;line-height:1.55;color:var(--slate);min-width:190px;white-space:normal;}
.matrix tr.noterow .rowh{vertical-align:top;}
.tablecap{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--slate);margin-top:8px;}

/* Einfache Textseiten (Impressum) */
.inhalt h2{font-size:22px;margin:40px 0 10px;}
.inhalt h2:first-child{margin-top:8px;}
.inhalt p{margin:0 0 16px;}

/* Auswertung der Google-Bewertungen */
.tablewrap.inline{margin:0 0 12px;}
.reviews{font-size:14.5px;line-height:1.45;min-width:560px;}
.reviews th,.reviews td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;background:#fff;}
.reviews thead th{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid var(--ink);white-space:nowrap;}
.reviews thead th.num{text-align:right;}
.reviews tr.firma th{background:var(--soft);padding-top:16px;font-family:'Newsreader',serif;font-weight:700;font-size:19px;line-height:1.25;}
.reviews tr.firma th a{color:var(--ink);text-decoration:none;}
.reviews tr.firma th a:hover{color:var(--navy);text-decoration:underline;}
.reviews tr.firma .fmeta{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);margin-top:3px;}
.reviews td.typ{font-family:'IBM Plex Mono',monospace;font-size:12px;white-space:nowrap;}
.reviews tr.positiv td.typ{color:var(--navy);}
.reviews tr.negativ td.typ{color:var(--red);}
.reviews tr.einzelnennung td.typ,.reviews tr.einzelnennung td{color:var(--slate);}
.reviews td.num{font-family:'IBM Plex Mono',monospace;font-size:12.5px;text-align:right;white-space:nowrap;}
.reviews tr.hinweis td{color:var(--slate);font-style:italic;font-size:14px;}

/* bexio-Alternative: Übersicht & Preisvergleich */
.cmp{min-width:640px;}
.wide.mid{--w:min(900px, calc(100vw - 44px));}
.wide.mid .tablecap{margin-bottom:0;}
.cmp td a{color:var(--ink);text-decoration:none;font-weight:600;}
.cmp td a:hover{color:var(--navy);text-decoration:underline;}
.cmp tr.ref td{background:var(--soft);}
.cmp .refl{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-left:8px;border:1px solid var(--line);padding:1px 5px;}
.pricetable.cmpprice{width:100%;margin:0 0 20px;font-size:14px;}
.pricetable.cmpprice thead th{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);text-align:right;padding:8px 0 8px 12px;border-bottom:1px solid var(--ink);}
.pricetable.cmpprice thead th:first-child{text-align:left;padding-left:0;}
.pricetable.cmpprice td{padding:8px 0 8px 12px;font-size:12.5px;white-space:nowrap;}
.pricetable.cmpprice tbody th{padding:8px 0;}
.pricetable.cmpprice td:last-child{white-space:normal;}
.pricetable.cmpprice td.guenstiger{color:var(--navy);}
.pricetable.cmpprice td.teurer{color:var(--red);}
.pricetable.cmpprice td.neutral{color:var(--slate);}
@media(max-width:540px){.pricetable.cmpprice{font-size:13.5px;}.pricetable.cmpprice td{font-size:11.5px;white-space:normal;padding-left:8px;}.pricetable.cmpprice thead th{padding-left:8px;}}
.anbieter h4{margin-top:18px;}
.anbieter .procon{margin-top:4px;}
.fazittext ul{margin-left:22px;}
.fazittext li{margin-bottom:12px;}

/* Anbieter-Abschnitte im Artikel */
.anbieter{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px;}
.anbieter:first-of-type{border-top:1px solid var(--line);}
.anbieter .ameta{margin-bottom:16px;}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 14px;}
.procon ul{list-style:none;margin:0;}
.procon li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.55;margin-bottom:8px;}
.procon li::before{position:absolute;left:0;top:0;font-family:'IBM Plex Mono',monospace;font-weight:500;}
.procon .pro li::before{content:'+';color:var(--navy);}
.procon .con li::before{content:'−';color:var(--red);}
@media(max-width:540px){.procon{grid-template-columns:1fr;gap:10px;}}
.anbieter .fazitb{font-size:15.5px;color:var(--slate);line-height:1.6;margin-bottom:12px;}
.anbieter .fazitb b{color:var(--ink);}
.cta{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}

/* Detailseite */
.pricetable{font-size:15.5px;margin:0 0 12px;border-top:1px solid var(--line);}
.pricetable th,.pricetable td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400;}
.pricetable td{text-align:right;font-family:'IBM Plex Mono',monospace;font-size:13.5px;}
.pricetable td.na{color:var(--slate);}
.featgroups{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;margin:0 0 12px;}
.featgroups section{margin-bottom:14px;}
.featgroups ul{list-style:none;margin:0;}
.featgroups li{display:flex;gap:10px;font-size:15px;line-height:1.45;padding:5px 0;border-bottom:1px solid var(--line);margin:0;}
.featgroups li{justify-content:space-between;align-items:baseline;}
.featgroups li .m{font-family:'IBM Plex Mono',monospace;font-size:12px;flex:0 0 auto;text-align:right;}
.featgroups li.y .m{color:var(--navy);font-weight:500;}
.featgroups li.n{color:var(--slate);}
.featgroups li.n .m{color:#9AA3AD;}
@media(max-width:540px){.featgroups{grid-template-columns:1fr;}}
.score{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--slate);margin:0 0 18px;}
.score b{font-family:'Newsreader',serif;font-size:22px;color:var(--ink);font-weight:700;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:0 0 22px;}
.stats div{padding:14px 16px;border-right:1px solid var(--line);}
.stats div:last-child{border-right:none;}
.stats .v{font-family:'Newsreader',serif;font-weight:700;font-size:28px;line-height:1.1;}
.stats .k{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-top:4px;line-height:1.4;}
@media(max-width:540px){.stats{grid-template-columns:1fr;}.stats div{border-right:none;border-bottom:1px solid var(--line);}.stats div:last-child{border-bottom:none;}}
.bars{list-style:none;margin:0 0 20px !important;}
.bars li{display:grid;grid-template-columns:1fr 52px;column-gap:12px;align-items:baseline;font-size:15px;line-height:1.45;margin:0 0 10px;}
.bars .pct{font-family:'IBM Plex Mono',monospace;font-size:12.5px;text-align:right;}
.bars .bar{grid-column:1 / -1;height:4px;background:var(--line);margin-top:5px;}
.bars .bar i{display:block;height:100%;background:var(--navy);}
.bars li.neg .bar i{background:var(--red);}
.bars li.neg .pct{color:var(--red);}
.bars .typ{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-right:6px;color:var(--navy);}
.bars li.neg .typ{color:var(--red);}
.bars li.single .typ,.bars li.single .pct{color:var(--slate);}
.bars li.hint{display:block;color:var(--slate);font-style:italic;font-size:14.5px;}
blockquote{border-left:3px solid var(--navy);padding:2px 0 2px 18px;margin:0 0 18px;font-style:italic;color:var(--slate);}
.endnote{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--slate);}
.rel{margin-top:26px;}
.rel h3{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:10px;}
.rel ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;}
.rel li{margin:0;font-size:15.5px;}

footer{margin-top:72px;padding-top:18px;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--slate);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
footer a{color:var(--slate);}
@media(max-width:540px){article h1{font-size:30px;}.wrap{padding:34px 18px 72px;}.wide{--w:calc(100vw - 36px);}}
@view-transition{navigation:auto;}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}@view-transition{navigation:none;}html{scroll-behavior:auto;}}