/* ============================================================
   Die Zettelwirtschaft · gemeinsames Stylesheet
   Farben Erde und Paprika, Fraunces, Inter, Bodoni Moda
   ============================================================ */
:root{
  --kalkweiss:#F4EEE3;
  --putz:#E8DDC9;
  --salbei:#A2A88E;
  --paprika:#BC4B2F;
  --ochsenblut:#6E2A20;
  --messing:#A6814C;
  --tinte:#2B2620;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;background:var(--kalkweiss);}
body{
  background:transparent;
  color:var(--tinte);
  font-family:'Inter',sans-serif;
  font-weight:400;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
.wrap-narrow{max-width:760px;margin:0 auto;padding:0 32px;}
.display{font-family:'Fraunces',serif;font-weight:500;line-height:1.08;letter-spacing:-0.01em;}
.label{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--messing);}
.divider{width:52px;height:2px;background:var(--paprika);margin:0 0 26px;}

/* grain, two layers */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0.30;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");}

/* top bar */
header.topbar{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;padding:26px 32px;max-width:1120px;margin:0 auto;}
.brandmark{font-family:'Bodoni Moda',serif;font-weight:600;font-size:15px;letter-spacing:0.42em;text-transform:uppercase;color:var(--tinte);text-decoration:none;}
.topnav{display:flex;gap:30px;}
.topnav a{font-size:13px;letter-spacing:0.04em;color:var(--tinte);text-decoration:none;opacity:0.72;transition:opacity .2s;}
.topnav a:hover{opacity:1;color:var(--paprika);}
.langswitch{display:flex;gap:7px;align-items:center;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;}
.langswitch a{color:var(--tinte);opacity:0.5;text-decoration:none;transition:opacity .2s,color .2s;}
.langswitch a:hover{color:var(--paprika);opacity:1;}
.langswitch a.active{color:var(--paprika);opacity:1;font-weight:600;}
.langswitch .sep{opacity:0.3;}

/* buttons */
.btn{display:inline-block;font-size:14px;font-weight:500;letter-spacing:0.02em;padding:14px 26px;border-radius:2px;text-decoration:none;transition:all .2s;}
.btn-solid{background:var(--paprika);color:var(--kalkweiss);}
.btn-solid:hover{background:var(--ochsenblut);}
.btn-ghost{border:1px solid rgba(43,38,32,0.28);color:var(--tinte);}
.btn-ghost:hover{border-color:var(--paprika);color:var(--paprika);}

/* article */
.article-head{padding:40px 0 10px;}
.article-head .kicker{font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--messing);margin-bottom:18px;display:block;}
.article-head h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(32px,5vw,54px);line-height:1.06;letter-spacing:-0.01em;margin-bottom:20px;}
.article-head .standfirst{font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:var(--ochsenblut);max-width:34ch;margin-bottom:22px;}
.article-meta{font-size:13px;letter-spacing:0.02em;color:var(--tinte);opacity:0.6;border-top:1px solid rgba(166,129,76,0.3);padding-top:16px;}
.article-body{padding:34px 0 20px;}
.article-body p{font-size:18px;line-height:1.75;margin-bottom:22px;max-width:64ch;}
.article-body h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(24px,3vw,32px);margin:44px 0 16px;line-height:1.15;}
.article-body h3{font-family:'Fraunces',serif;font-weight:500;font-size:21px;margin:30px 0 12px;}
.article-body strong{font-weight:600;color:var(--ochsenblut);}
.article-body ul,.article-body ol{max-width:64ch;margin:0 0 22px 22px;}
.article-body li{font-size:18px;line-height:1.7;margin-bottom:10px;}
.article-body blockquote{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(21px,2.6vw,28px);line-height:1.4;color:var(--ochsenblut);border-left:2px solid var(--paprika);padding:6px 0 6px 26px;margin:34px 0;max-width:56ch;}
.article-body .lead{font-family:'Fraunces',serif;font-size:21px;color:var(--tinte);}
.callout{background:var(--putz);padding:26px 28px;margin:34px 0;font-size:16px;}
.callout strong{color:var(--ochsenblut);}
.disclaimer-box{background:var(--putz);padding:22px 26px;font-size:14px;color:var(--tinte);opacity:0.9;margin-top:40px;font-style:italic;font-family:'Fraunces',serif;max-width:64ch;}
.article-cta{background:var(--ochsenblut);color:var(--kalkweiss);padding:44px 0;margin-top:60px;}
.article-cta h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(24px,3vw,34px);margin-bottom:16px;color:var(--kalkweiss);}
.article-cta p{color:rgba(244,238,227,0.85);max-width:52ch;margin-bottom:26px;}
.backlink{display:inline-block;margin:30px 0;font-size:14px;color:var(--ochsenblut);text-decoration:none;border-bottom:1px solid var(--messing);padding-bottom:2px;}

/* journal index */
.jhero{padding:30px 0 40px;}
.jhero .kicker{font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--messing);margin-bottom:18px;display:block;}
.jhero h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(38px,6vw,64px);line-height:1.05;margin-bottom:20px;}
.jhero p{font-size:19px;max-width:52ch;opacity:0.85;}
.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding:20px 0 60px;}
.post-list a{background:var(--kalkweiss);border:1px solid rgba(166,129,76,0.3);border-top:3px solid var(--paprika);padding:34px 30px;text-decoration:none;color:var(--tinte);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.post-list a:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(110,42,32,0.5);}
.post-list .jtag{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--messing);margin-bottom:14px;}
.post-list h2{font-family:'Fraunces',serif;font-weight:500;font-size:24px;line-height:1.15;margin-bottom:12px;}
.post-list p{font-size:15px;opacity:0.82;flex-grow:1;}
.post-list .jmore{margin-top:18px;font-size:13px;color:var(--paprika);font-weight:500;}
.ideas{background:var(--putz);padding:40px 0;}
.ideas h2{font-family:'Fraunces',serif;font-weight:500;font-size:26px;margin-bottom:18px;}
.ideas ul{max-width:62ch;margin-left:20px;}
.ideas li{font-size:16px;margin-bottom:10px;}

/* legal pages */
.legal{padding:30px 0 60px;}
.legal h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(32px,5vw,48px);margin-bottom:26px;}
.legal h2{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin:34px 0 12px;}
.legal p{font-size:16px;max-width:66ch;margin-bottom:16px;}
.legal .muted{opacity:0.65;font-size:14px;}
.legal a{color:var(--ochsenblut);}

/* footer */
footer{padding:38px 0;font-size:12px;color:var(--tinte);opacity:0.72;border-top:1px solid rgba(166,129,76,0.25);margin-top:20px;}
footer .fline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;}
footer a{color:var(--tinte);text-decoration:none;opacity:0.9;}
footer a:hover{color:var(--paprika);}
footer .flinks{display:flex;gap:20px;}

@media(max-width:860px){
  .topnav{display:none;}
  .wrap,.wrap-narrow{padding:0 22px;}
  header.topbar{padding:20px 22px;}
  .post-list{grid-template-columns:1fr;}
}