*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.75;color:#333;background:#f0f2f5}
.css-njn7qma{max-width:860px;margin:0 auto;padding:0 20px}
.css-ncnrh28{background:#fff;padding:28px 0;margin-bottom:32px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.css-ncnrh28 h1{font-size:22px;font-weight:700;margin-bottom:2px}
.css-ncnrh28 p{font-size:14px;color:#666}
.css-ncnrh28 a{color:#333;text-decoration:none;font-size:18px;font-weight:700}
.css-3q284a0{display:flex;flex-direction:column;gap:20px}
.css-lsrmu8h{background:#fff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.06);padding:24px 28px;transition:transform .15s,box-shadow .15s}
.css-lsrmu8h:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.css-lsrmu8h h2{font-size:19px;margin-bottom:6px}
.css-lsrmu8h h2 a{color:#1a1a1a;text-decoration:none}
.css-lsrmu8h .css-qb1eare{font-size:12px;color:#999;margin-bottom:8px}
.css-lsrmu8h p{font-size:14px;color:#555;margin-bottom:12px}
.css-6io08lr{display:inline-block;background:#5865f2;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none}
.css-6io08lr:hover{background:#4752c4}
.css-eps35lz{padding-bottom:60px}
.css-eps35lz h1{font-size:30px;font-weight:700;margin-bottom:8px}
.css-eps35lz time{font-size:12px;color:#999;display:block;margin-bottom:24px}
.css-eps35lz h2{font-size:22px;margin:32px 0 12px}
.css-eps35lz h3{font-size:18px;margin:24px 0 8px}
.css-eps35lz p{margin-bottom:16px}
.css-eps35lz ul,.css-eps35lz ol{margin:0 0 16px 24px}
.css-eps35lz a{color:#5865f2}
.css-eps35lz img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.css-10dz9x0{padding:24px 0;margin-top:40px;text-align:center;font-size:12px;color:#999}
.css-10dz9x0 a{color:#999;text-decoration:none}
.css-fkxf0pp{background:#e8eaf0;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#888;font-style:italic}
.css-jlxqiyg{background:#fff8e1;border-radius:8px;padding:12px 16px;margin-top:24px;font-size:12px;color:#9e8600}
.css-ckne1cw{display:inline-block;background:#f0f2f7;border-radius:12px;padding:4px 12px;margin:-18px 0 24px;font-size:12px;color:#777}
.css-gppxn9y{text-align:center;margin:0 0 24px}
.css-v87yhd5{max-width:100%;height:auto;border-radius:12px}
.css-bv2okf4{margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0}
.css-bv2okf4 h3{font-size:16px;font-weight:700;margin-bottom:12px}
.crd-related-list{display:flex;flex-direction:column;gap:8px}
.crd-related-link{display:block;background:#fff;border-radius:8px;padding:10px 14px;color:#333;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.06);font-size:14px}
.crd-related-link:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
.css-p1ucbaj{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.css-fgni8zu{display:block;background:#fff;border-radius:8px;padding:10px 16px;color:#1a1a1a;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px}
.css-fgni8zu:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
/* === Theme === */
:root{--primary:#1F2630;--accent:#E08542;--bg:#F0EBDA;--fg:#0A0C12;--border:#C5BE9C;--r:3px;--fb:'Jost';--fh:'Caveat'}
/* === Custom === */
/* v.19dfa6 — layout revision */
/* Hand und Stift — Sketchnotes-Tagebuch. Editorial signature pass.
   Live template changed: masthead is <header>, cards nest under a flex wrapper,
   tail is a separate wrapper. All selectors below target the CURRENT live DOM.
   Fonts declared via @font-face (top @import is dropped by the concat pipeline).
   story-cover.jpg is 404 on this project -> section strips use gradients, not photo. */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU58FyLNQOQZAnv9ZwNjucMHVn85Ni7emAe9lKqZTnbB-gzTK0K1ChjeveQ.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4g.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6eIWpYQ.woff2) format('woff2')}

:root{
  --fdisplay:'Fraunces',Georgia,'Times New Roman',serif;
  --fscript:'Caveat','Segoe Script',cursive;
  --fmeta:'Jost',system-ui,-apple-system,sans-serif;
  --moment:#8C4A00;
  --paper-card:#FAF5EC;
  --paper-tint:#F3ECDB;
  --hairline:rgba(31,38,48,.12);
}

:root body{font-family:var(--fdisplay);color:#20262d;background:var(--bg);line-height:1.72;font-size:17px;}
::selection{background:var(--accent);color:#fdf8ee;}
:root hr{border:0;border-top:1px solid var(--border);margin:36px 0;}

/* ===================================================================
   MASTHEAD  —  header.css-ncnrh28 (shared home + article)
   =================================================================== */
:root body > header:first-of-type{
  background:linear-gradient(158deg,rgba(20,24,28,.90),rgba(31,38,48,.78) 50%,rgba(140,74,0,.52)),
    url("/theme-assets/hero-masthead.jpg") center/cover no-repeat;
  border-bottom:3px solid var(--accent);
  box-shadow:none;margin-bottom:56px;padding:0;
}
:root body > header:first-of-type > div:first-of-type{text-align:center;padding:70px 24px 52px;}

/* home wordmark + manifesto + pencil monogram */
:root body > header:first-of-type:has(> div > h1) > div:first-of-type::before{
  content:"";display:block;width:58px;height:58px;margin:0 auto 20px;border-radius:50%;
  border:1.5px solid rgba(224,133,66,.65);background:rgba(255,255,255,.05)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E08542' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2 2 0 0 0-3-3L5 17v3z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E")
    center/26px no-repeat;
}
:root body > header:first-of-type > div:first-of-type > h1{
  font-family:var(--fscript);font-weight:600;font-size:62px;line-height:.98;
  color:#F6EFDD;letter-spacing:0;margin:0 0 10px;
}
:root body > header:first-of-type > div:first-of-type > p{
  font-family:var(--fdisplay);font-style:italic;font-weight:400;font-size:16px;line-height:1.55;
  color:rgba(246,239,221,.82);max-width:56ch;margin:0 auto;letter-spacing:.01em;
}
/* article masthead = slim wordmark link back home */
:root body > header:first-of-type:has(> div > span) > div:first-of-type{padding:34px 24px 30px;}
:root body > header:first-of-type > div:first-of-type > span > a{
  font-family:var(--fscript);font-weight:600;font-size:34px;color:#F6EFDD;text-decoration:none;letter-spacing:0;
}
:root body > header:first-of-type > div:first-of-type > span > a:hover{color:var(--accent);}

/* ===================================================================
   HOMEPAGE  —  main:not(:has(>article))
   grid wrapper = first-of-type div ; tail = last-of-type div
   =================================================================== */
:root main{padding-bottom:88px;}

:root main:not(:has(> article)) > div:first-of-type{
  display:grid;grid-template-columns:repeat(6,1fr);gap:40px 34px;align-items:stretch;margin:0;
}

/* --- shared card look (all cards) --- */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1){
  background:var(--paper-card);border:1px solid var(--hairline);border-radius:9px;
  box-shadow:0 1px 4px rgba(20,24,28,.05);padding:26px 32px;margin:0;
  grid-column:span 3;display:flex;flex-direction:column;
  transition:transform .15s ease,box-shadow .15s ease;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1):hover{
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(20,24,28,.10);
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > p:first-of-type{
  font-family:var(--fmeta);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);margin:0 0 10px;line-height:1.4;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > h2{
  font-family:var(--fdisplay);font-weight:600;font-size:22px;line-height:1.2;margin:0 0 12px;letter-spacing:-.01em;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > h2 a{
  color:var(--primary);text-decoration:none;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > h2 a:hover{color:var(--accent);}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > p:last-of-type{
  font-family:var(--fmeta);font-size:15px;line-height:1.6;color:#4a5058;margin:0 0 18px;max-width:64ch;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > a:last-of-type{
  margin-top:auto;align-self:flex-start;
  font-family:var(--fmeta);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#fdf8ee;background:var(--primary);padding:9px 20px;border-radius:6px;text-decoration:none;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1) > a:last-of-type:hover{background:var(--accent);color:var(--primary);}

/* --- HERO = card 1 : the loud voice --- */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1){
  grid-column:1 / -1;position:relative;margin-bottom:34px;padding:46px 52px;
  background:var(--primary);border:0;border-radius:11px;box-shadow:0 10px 30px rgba(20,24,28,.18);
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1):hover{transform:none;box-shadow:0 12px 34px rgba(20,24,28,.24);}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1)::before{
  content:"NEUESTER EINTRAG";position:absolute;top:26px;right:30px;
  font-family:var(--fmeta);font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--accent);
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > p:first-of-type{color:var(--accent);margin-bottom:14px;}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > h2{
  font-family:var(--fdisplay);font-style:italic;font-weight:600;font-size:47px;line-height:1.05;max-width:17ch;margin-bottom:16px;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > h2 a{color:#F6EFDD;}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > h2 a:hover{color:var(--accent);}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > p:last-of-type{
  font-family:var(--fdisplay);font-size:20px;line-height:1.5;color:rgba(246,239,221,.9);max-width:58ch;
  display:block;-webkit-line-clamp:none;overflow:visible;margin-bottom:22px;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > p:last-of-type::first-letter{
  font-family:var(--fdisplay);font-weight:700;font-size:66px;line-height:.72;float:left;color:var(--accent);margin:7px 14px 0 0;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > a:last-of-type{
  background:transparent;color:var(--accent);border:1.5px solid var(--accent);
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > a:last-of-type:hover{background:var(--accent);color:var(--primary);}
/* Editor's-picks section label — full width, in the gap below the hero */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1)::after{
  content:"REDAKTIONELLE AUSWAHL\0000A0\0000B7\0000A0ZUERST LESEN";
  position:absolute;left:0;right:0;top:calc(100% + 20px);text-align:center;
  font-family:var(--fmeta);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--moment);padding-bottom:12px;border-bottom:1px solid var(--hairline);
}

/* --- EDITOR'S PICKS band = cards 2,3,4 : three across --- */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(2),
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(3),
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(4){
  grid-column:span 2;background:var(--paper-tint);border-top:3px solid var(--accent);border-radius:8px;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(2) > p:first-of-type,
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(3) > p:first-of-type,
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(4) > p:first-of-type{color:var(--moment);}

/* --- JOURNAL LEAD = card 5 : full-width, carries strip 1 --- */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5){
  grid-column:1 / -1;background:transparent;border:0;box-shadow:none;padding:0;
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5):hover{transform:none;box-shadow:none;}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5)::before{
  content:"DAS JOURNAL\0000A0\002014\0000A0AKTUELLSTE ZUERST";display:block;margin:0 0 30px;padding:62px 32px;
  background:linear-gradient(118deg,rgba(20,24,28,.94),rgba(31,38,48,.72) 52%,rgba(224,133,66,.5));
  color:#F6EFDD;font-family:var(--fmeta);font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
  text-align:center;border-radius:9px;text-shadow:0 1px 3px rgba(0,0,0,.45);
}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5) > p:first-of-type{color:var(--accent);}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5) > h2{font-family:var(--fdisplay);font-style:italic;font-size:32px;line-height:1.12;max-width:22ch;}
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(5) > p:last-of-type{
  font-size:16.5px;color:#4a5058;-webkit-line-clamp:2;max-width:70ch;padding-bottom:34px;border-bottom:1px solid var(--hairline);
}

/* --- JOURNAL grid = cards 6+ : two across --- */
:root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+6){grid-column:span 3;}
/* lone last journal card (odd count) fills the row */
:root main:not(:has(> article)) > div:first-of-type > div:last-of-type:nth-of-type(even){grid-column:1 / -1;}

/* --- COMPACT ARCHIVE TAIL = last-of-type div : full width + strip 2 --- */
:root main:not(:has(> article)) > div:last-of-type{
  display:block;margin:0;padding:0;background:transparent;box-shadow:none;border:0;
}
:root main:not(:has(> article)) > div:last-of-type::before{
  content:"MEHR ARTIKEL";display:block;column-span:all;margin:56px 0 32px;padding:66px 32px;
  background:linear-gradient(238deg,rgba(20,24,28,.92),rgba(31,38,48,.7) 50%,rgba(140,74,0,.55));
  color:#F6EFDD;font-family:var(--fmeta);font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;
  text-align:center;border-radius:9px;text-shadow:0 1px 3px rgba(0,0,0,.45);
}
:root main:not(:has(> article)) > div:last-of-type > a{
  display:block;break-inside:avoid;padding:11px 0;margin:0;
  background:transparent;box-shadow:none;border:0;border-bottom:1px dotted var(--hairline);border-radius:0;
  font-family:var(--fmeta);font-size:14.5px;font-weight:500;color:#3a4048;text-decoration:none;line-height:1.4;
}
:root main:not(:has(> article)) > div:last-of-type{columns:2;column-gap:52px;}
:root main:not(:has(> article)) > div:last-of-type > a:hover{color:var(--accent);}

/* ===================================================================
   ARTICLE  —  main:has(> article)
   AM prefix carries 2 pseudo-class units to out-specify .css-eps35lz pairs
   =================================================================== */
:root main:nth-of-type(1):has(> article) > h1{
  font-family:var(--fdisplay);font-style:italic;font-weight:600;font-size:42px;line-height:1.08;
  color:var(--primary);letter-spacing:-.01em;margin:8px 0 14px;
}
:root main:nth-of-type(1):has(> article) > time{
  display:block;font-family:var(--fmeta);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:#8a8578;margin-bottom:6px;
}
:root main:nth-of-type(1):has(> article) > time + time{margin-bottom:34px;}

:root main:nth-of-type(1):has(> article) > article > p{
  font-family:var(--fdisplay);font-size:19px;line-height:1.8;margin:0 0 22px;color:#22282e;
}
:root main:nth-of-type(1):has(> article) > article > p:first-of-type::first-letter{
  font-family:var(--fdisplay);font-weight:700;font-size:68px;line-height:.72;float:left;color:var(--moment);margin:8px 14px 0 0;
}
:root main:nth-of-type(1):has(> article) > article > h2{
  font-family:var(--fdisplay);font-style:italic;font-weight:600;font-size:29px;line-height:1.16;
  color:var(--primary);margin:1.9em 0 .5em;letter-spacing:-.01em;
}
:root main:nth-of-type(1):has(> article) > article > h2::before{
  content:"✳ ✳ ✳";display:block;text-align:center;color:var(--accent);
  font-size:15px;letter-spacing:.5em;font-style:normal;margin:0 0 .7em;opacity:.8;
}
:root main:nth-of-type(1):has(> article) > article > h3{
  font-family:var(--fmeta);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--moment);margin:2em 0 .5em;
}
:root main:nth-of-type(1):has(> article) > article ul,
:root main:nth-of-type(1):has(> article) > article ol{margin:0 0 22px 24px;}
:root main:nth-of-type(1):has(> article) > article li{margin-bottom:9px;line-height:1.7;font-size:18px;}
:root main:nth-of-type(1):has(> article) > article blockquote{
  position:relative;margin:30px 0;padding:6px 0 6px 46px;
  font-family:var(--fdisplay);font-style:italic;font-size:22px;line-height:1.5;color:var(--primary);
}
:root main:nth-of-type(1):has(> article) > article blockquote::before{
  content:"\00201C";position:absolute;left:0;top:6px;
  font-family:var(--fdisplay);font-size:64px;line-height:1;color:var(--accent);
}
:root main:nth-of-type(1):has(> article) > article img,
:root main:nth-of-type(1):has(> article) > article > div img{
  width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 18px rgba(20,24,28,.14);margin:8px 0;
}

/* body links */
:root main:nth-of-type(1):has(> article) > article a{
  color:var(--primary);text-decoration:underline;text-decoration-color:var(--accent);
  text-underline-offset:3px;text-decoration-thickness:1.5px;font-weight:500;
}
:root main:nth-of-type(1):has(> article) > article a:hover{color:var(--accent);text-decoration-color:var(--primary);}
/* affiliate / course CTA — inline pill; full path + attr beats the body-link rule (Rule J) */
:root main:nth-of-type(1):has(> article) > article p a[href^="/see/"],
:root main:nth-of-type(1):has(> article) > article li a[href^="/see/"]{
  background:var(--accent);color:#20262d;padding:2px 11px;border-radius:6px;text-decoration:none;
  font-family:var(--fmeta);font-weight:700;font-size:14.5px;letter-spacing:.02em;white-space:nowrap;
}
:root main:nth-of-type(1):has(> article) > article p a[href^="/see/"]:hover,
:root main:nth-of-type(1):has(> article) > article li a[href^="/see/"]:hover{background:var(--primary);color:#fdf8ee;}

/* aside / disclosure */
:root main:nth-of-type(1):has(> article) > article aside{
  background:var(--paper-tint);border-left:4px solid var(--primary);border-radius:0 6px 6px 0;
  padding:15px 22px;margin:36px 0 0;font-family:var(--fmeta);font-size:13.5px;font-style:italic;color:#4a5058;
}

/* related-articles box */
:root main:nth-of-type(1):has(> article) > div{
  background:var(--paper-card);border:1px solid var(--hairline);border-top:3px solid var(--accent);
  border-radius:9px;padding:24px 30px;margin-top:44px;box-shadow:0 1px 4px rgba(20,24,28,.05);
}
:root main:nth-of-type(1):has(> article) > div > h3{
  font-family:var(--fmeta);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--moment);margin:0 0 14px;
}
:root main:nth-of-type(1):has(> article) > div a{
  display:block;background:transparent;box-shadow:none;border:0;border-bottom:1px dotted var(--hairline);
  border-radius:0;padding:11px 0;color:#3a4048;text-decoration:none;
  font-family:var(--fdisplay);font-size:17px;line-height:1.4;
}
:root main:nth-of-type(1):has(> article) > div a:hover{color:var(--accent);}

/* ===================================================================
   FOOTER
   =================================================================== */
:root body > footer{
  background:transparent;border-top:1px solid var(--border);padding:26px 0 40px;margin-top:64px;text-align:center;
  font-family:var(--fmeta);font-size:12px;letter-spacing:.06em;color:#6a6558;
}
:root body > footer a{color:#6a6558;text-decoration:none;border-bottom:1px dotted var(--border);}
:root body > footer a:hover{color:var(--primary);border-bottom-color:var(--primary);}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width:820px){
  :root main:not(:has(> article)) > div:first-of-type{grid-template-columns:1fr;gap:30px;}
  :root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(n+1){grid-column:1 / -1;}
  :root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1){padding:34px 26px;margin-bottom:44px;}
  :root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1) > h2{font-size:33px;}
  :root main:not(:has(> article)) > div:first-of-type > div:nth-of-type(1)::after{letter-spacing:.14em;font-size:11px;}
  :root main:not(:has(> article)) > div:last-of-type{columns:1;}
  :root body > header:first-of-type > div:first-of-type{padding:52px 22px 40px;}
  :root body > header:first-of-type > div:first-of-type > h1{font-size:50px;}
  :root main:nth-of-type(1):has(> article) > h1{font-size:33px;}
}