@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/assets/fonts/dmsans.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/assets/fonts/dmsans-italic.woff2") format("woff2");font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Caveat";src:url("/assets/fonts/caveat.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/assets/fonts/dmmono.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url("/assets/fonts/dmmono-500.woff2") format("woff2");font-weight:500;font-display:swap}
:root{
  --schiefer:#2B2F33; --schiefer-90:#3D4146; --schiefer-70:#5E6266;
  --schiefer-50:#878A8D; --schiefer-30:#BBBDBE; --schiefer-10:#E1E2E2;
  --sandstein:#E9E1D4; --sandstein-100:#F4EFE6; --sandstein-200:#E9E1D4;
  --sandstein-300:#D6CBB7; --sandstein-500:#A39378;
  --paper:#F6F2EA;
  --cala:#1C8AA6; --cala-100:#D4E8EE; --cala-200:#9CCDD8;
  --cala-300:#5DB0C0; --cala-500:#0F5F76;
  --terracotta:#C8552B; --terracotta-100:#F4D7C9; --terracotta-200:#E8AE92;
  --terracotta-300:#D67C57; --terracotta-500:#8E3818;
  --mandel:#E79AA6; --mandel-100:#FBE4E8; --mandel-200:#F4C2CB;
  --mandel-300:#EEAAB6; --mandel-500:#B66773;
  --oliv:#5E6B43; --oliv-100:#D9DDCE; --oliv-200:#A8B194;
  --oliv-300:#7B8862; --oliv-500:#3E4729;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --text:"DM Sans",system-ui,sans-serif;
  --accent:"Instrument Serif",Georgia,serif;
  --hand:"Caveat",cursive;
  --mono:"DM Mono",Menlo,monospace;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --r-xs:6px; --r-s:10px; --r-m:14px; --r-l:22px; --r-xl:32px; --r-pill:999px;
  --shadow-soft:0 1px 2px rgba(43,47,51,.05), 0 6px 16px -8px rgba(43,47,51,.08);
  --shadow-card:0 1px 3px rgba(43,47,51,.06), 0 14px 30px -16px rgba(43,47,51,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{background:var(--paper);color:var(--schiefer);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:16px;line-height:1.55;min-height:100vh;font-feature-settings:"ss01","kern"}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
ul,ol{list-style:none}
hr{border:0;border-top:1px solid var(--schiefer-10);margin:var(--s7) 0}
h1,h2,h3,h4,h5{font-family:var(--display);font-weight:600;letter-spacing:-0.02em;color:var(--schiefer);line-height:1.1}
h1{font-size:clamp(40px,5.4vw,72px);font-weight:700;letter-spacing:-0.035em}
h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-0.025em;margin-bottom:var(--s4)}
h3{font-size:22px;margin-bottom:var(--s2)}
h4{font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-family:var(--text);color:var(--schiefer-70)}
h5{font-size:15px;font-weight:600;letter-spacing:-0.01em}
em,.it{font-family:var(--accent);font-style:italic;font-weight:400}
p{line-height:1.65;color:var(--schiefer-90);max-width:64ch}
p+p{margin-top:var(--s3)}
.lede{font-size:21px;line-height:1.5;color:var(--schiefer);max-width:64ch}
.lede em{color:var(--terracotta);font-size:1.06em}
.eyebrow{font-family:var(--text);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--schiefer-70)}
.hand{font-family:var(--hand);font-weight:600}
.mono{font-family:var(--mono)}
.muted{color:var(--schiefer-70)}
strong{color:var(--schiefer)}
.prose{max-width:68ch}
.prose>*+*{margin-top:var(--s4)}
.prose h2{margin-top:var(--s7);margin-bottom:var(--s3)}
.prose h3{margin-top:var(--s6);margin-bottom:var(--s2);font-size:20px}
.prose ul,.prose ol{margin-left:var(--s4)}
.prose ul li{list-style:disc;color:var(--schiefer-90);line-height:1.6;padding-left:var(--s1);margin-top:var(--s2)}
.prose ol li{list-style:decimal;color:var(--schiefer-90);line-height:1.6;padding-left:var(--s1);margin-top:var(--s2)}
.prose a{color:var(--cala-500);border-bottom:1.5px solid var(--cala-200);padding-bottom:1px}
.prose a:hover{color:var(--cala);border-bottom-color:var(--cala)}
.prose table{width:100%;border-collapse:collapse;font-size:14px}
.prose table th{text-align:left;padding:10px 14px;background:var(--sandstein-100);font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:-.005em;border-bottom:1px solid var(--schiefer-10)}
.prose table td{padding:10px 14px;border-bottom:1px solid var(--schiefer-10);color:var(--schiefer-70);vertical-align:top}
.prose code{font-family:var(--mono);font-size:.92em;background:var(--sandstein-100);padding:1px 6px;border-radius:4px;color:var(--terracotta-500)}
.prose blockquote{padding:14px 20px;border-left:3px solid var(--terracotta);background:var(--sandstein-100);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--schiefer);font-style:italic}
.container,.wrap{max-width:1280px;margin:0 auto;padding:0 var(--s6)}
@media (max-width:768px){.container,.wrap{padding:0 var(--s4)}}
.narrow{max-width:840px;margin-inline:auto}
.section{padding:var(--s9) 0}
.section.tight{padding:var(--s7) 0}
.section.tone-sand{background:var(--sandstein-100)}
.section.tone-dark{background:var(--schiefer);color:var(--sandstein-100)}
.section.tone-dark h1,.section.tone-dark h2,.section.tone-dark h3,.section.tone-dark h4{color:var(--sandstein-100)}
.section.tone-dark p{color:#BFB199}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,242,234,.96);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--schiefer-10)}
.site-header .wrap{display:flex;align-items:center;gap:var(--s5);padding-block:var(--s3)}
.logo{display:flex;align-items:center;gap:var(--s2);font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.04em;color:var(--schiefer)}
.logo svg{width:36px;height:18px;color:var(--schiefer)}
.logo .com{font-weight:400;color:var(--schiefer-70)}
.site-header .nav{display:flex;gap:var(--s4);flex:1;margin-inline:var(--s5)}
.site-header .nav a{font-size:14px;font-weight:500;color:var(--schiefer);padding:6px 0;position:relative}
.site-header .nav a:hover{color:var(--terracotta)}
.site-header .nav a.on{color:var(--terracotta)}
.site-header .nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--terracotta);border-radius:1px}
.langbar{display:flex;gap:4px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--schiefer-50)}
.langbar a{padding:4px 8px;border-radius:6px}
.langbar a.on{background:var(--schiefer);color:var(--sandstein-100)}
@media (max-width:900px){
  .site-header .nav{display:none}
}
.crumbs{font-family:var(--mono);font-size:11px;color:var(--schiefer-50);letter-spacing:.04em;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--s4)}
.crumbs a{color:var(--schiefer-70)}
.crumbs a:hover{color:var(--terracotta)}
.crumbs .sep{opacity:.5}
.crumbs .current{color:var(--schiefer)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-m);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;line-height:1.2}
.btn-primary{background:var(--terracotta);color:var(--sandstein-100)}
.btn-primary:hover{background:var(--terracotta-500)}
.btn-secondary{background:var(--schiefer);color:var(--sandstein-100)}
.btn-secondary:hover{background:var(--schiefer-90)}
.btn-ghost{background:transparent;color:var(--schiefer);border:1px solid var(--schiefer-10)}
.btn-ghost:hover{background:var(--sandstein-100)}
.btn-cala{background:var(--cala);color:var(--sandstein-100)}
.btn-cala:hover{background:var(--cala-500)}
.btn-lg{padding:14px 24px;font-size:16px;border-radius:var(--r-l)}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:10px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:500}
.tag-default{background:var(--sandstein-100);color:var(--schiefer);border:1px solid var(--schiefer-10)}
.tag-cala{background:var(--cala-100);color:var(--cala-500);border:1px solid var(--cala-200)}
.tag-terra{background:var(--terracotta-100);color:var(--terracotta-500);border:1px solid var(--terracotta-200)}
.tag-oliv{background:var(--oliv-100);color:var(--oliv-500);border:1px solid var(--oliv-200)}
.tag-mandel{background:var(--mandel-100);color:var(--mandel-500);border:1px solid var(--mandel-200)}
.tag-schiefer{background:var(--schiefer);color:var(--sandstein-100)}
.tag .dot{width:6px;height:6px;border-radius:50%}
.state-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:var(--text)}
.state-badge::before{content:"";width:8px;height:8px;border-radius:50%}
.state-real{background:var(--oliv-100);color:var(--oliv-500)}
.state-real::before{background:var(--oliv)}
.state-stub{background:var(--sandstein-100);color:var(--schiefer-70);border:1px dashed var(--schiefer-30)}
.state-stub::before{background:var(--schiefer-50)}
.state-shell{background:var(--cala-100);color:var(--cala-500);border:1px dashed var(--cala-200)}
.state-shell::before{background:var(--cala)}
.verified-seal{display:flex;align-items:center;gap:var(--s3);background:var(--oliv-100);border:1px solid var(--oliv-200);border-radius:var(--r-m);padding:12px 16px;color:var(--oliv-500);font-size:13px;margin-bottom:var(--s5)}
.verified-seal svg{flex-shrink:0;width:22px;height:22px;color:var(--oliv-500)}
.verified-seal strong{color:var(--oliv-500)}
.verified-seal.stub{background:var(--sandstein-100);border-color:var(--sandstein-300);color:var(--schiefer-70)}
.verified-seal.stub svg{color:var(--schiefer-70)}
.verified-seal.stub strong{color:var(--schiefer)}
.verified-seal.shell{background:var(--cala-100);border-color:var(--cala-200);color:var(--cala-500)}
.verified-seal.shell svg{color:var(--cala-500)}
.verified-seal.shell strong{color:var(--cala-500)}
.tldr{background:var(--sandstein-100);border-left:4px solid var(--terracotta);border-radius:0 var(--r-m) var(--r-m) 0;padding:18px 22px;margin-block:var(--s5);max-width:none}
.tldr .label{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--terracotta);text-transform:uppercase;margin-bottom:6px}
.tldr p{font-size:15.5px;color:var(--schiefer);max-width:none}
.at-a-glance{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);overflow:hidden;margin-block:var(--s5)}
.at-a-glance .head{padding:14px 20px;background:var(--schiefer);color:var(--sandstein-100);display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.at-a-glance .head svg{width:16px;height:16px}
.at-a-glance .body{display:grid;grid-template-columns:160px 1fr;gap:1px;background:var(--schiefer-10)}
.at-a-glance .body>div{padding:12px 20px;background:var(--paper)}
.at-a-glance .body .k{font-family:var(--display);font-weight:600;font-size:13px;color:var(--schiefer)}
.at-a-glance .body .v{font-size:14px;color:var(--schiefer-70)}
.at-a-glance .body .v strong{color:var(--schiefer)}
.checklist{background:var(--oliv-100);border:1px solid var(--oliv-200);border-radius:var(--r-l);padding:18px 22px;margin-block:var(--s5)}
.checklist .label{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--oliv-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.checklist ul{margin:0}
.checklist li{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:14.5px;color:var(--oliv-500);list-style:none;margin:0}
.checklist li::before{content:"";display:inline-block;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--oliv-300);flex-shrink:0;margin-top:2px;background:var(--paper)}
.mistakes{background:var(--terracotta-100);border:1px solid var(--terracotta-200);border-radius:var(--r-l);padding:18px 22px;margin-block:var(--s5)}
.mistakes .label{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--terracotta-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.mistakes ul{margin:0}
.mistakes li{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:14.5px;color:var(--terracotta-500);list-style:none;margin:0}
.mistakes li::before{content:"⚠";color:var(--terracotta);flex-shrink:0;font-size:16px;line-height:1.2}
.stand-datum{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--schiefer-50);letter-spacing:.04em}
.stand-datum::before{content:"●";color:var(--oliv);font-size:8px}
.related{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--schiefer-10)}
.related h4{margin-bottom:var(--s3)}
.related ul{display:flex;flex-wrap:wrap;gap:10px}
.related ul li{list-style:none;margin:0}
.related a{padding:8px 14px;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--schiefer);display:inline-block}
.related a:hover{border-color:var(--terracotta);color:var(--terracotta)}
.card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);transition:all .2s}
.card.hover:hover{border-color:var(--schiefer-30);transform:translateY(-2px);box-shadow:var(--shadow-card)}
.card .eyebrow{margin-bottom:-4px}
.card h3{margin-bottom:0}
.entry-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);transition:all .2s;text-decoration:none;color:inherit;min-height:200px;position:relative;overflow:hidden}
.entry-card:hover{border-color:var(--terracotta);transform:translateY(-2px);box-shadow:var(--shadow-card)}
.entry-card .ico{width:48px;height:48px;border-radius:var(--r-m);background:var(--sandstein-100);display:flex;align-items:center;justify-content:center;color:var(--schiefer)}
.entry-card .ico svg{width:28px;height:28px}
.entry-card.cala .ico{background:var(--cala-100);color:var(--cala-500)}
.entry-card.terra .ico{background:var(--terracotta-100);color:var(--terracotta-500)}
.entry-card.oliv .ico{background:var(--oliv-100);color:var(--oliv-500)}
.entry-card.mandel .ico{background:var(--mandel-100);color:var(--mandel-500)}
.entry-card h3{font-size:20px}
.entry-card .desc{font-size:14px;color:var(--schiefer-70);line-height:1.5;max-width:none}
.entry-card .arrow{margin-top:auto;font-family:var(--display);font-weight:600;font-size:13px;color:var(--terracotta);display:inline-flex;align-items:center;gap:6px}
.rank-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s5);display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4);align-items:start;transition:all .2s}
.rank-card:hover{border-color:var(--schiefer-30);box-shadow:var(--shadow-card)}
.rank-card .rank{font-family:var(--display);font-weight:700;font-size:48px;letter-spacing:-.04em;color:var(--terracotta);line-height:.95;min-width:60px}
.rank-card .body h3{font-size:20px;margin-bottom:6px}
.rank-card .body .place{font-family:var(--accent);font-style:italic;color:var(--schiefer-70);font-size:14px;margin-bottom:8px}
.rank-card .body .text{font-size:14.5px;color:var(--schiefer-90);line-height:1.55;margin-bottom:10px}
.rank-card .body .insider{background:var(--sandstein-100);border-left:3px solid var(--cala);padding:10px 14px;border-radius:0 var(--r-s) var(--r-s) 0;font-size:13.5px;color:var(--schiefer);margin:10px 0}
.rank-card .body .insider .label{display:inline-block;font-family:var(--display);font-weight:600;font-size:11px;color:var(--cala-500);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.rank-card .body .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.rank-card .meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:120px;font-family:var(--mono);font-size:11px;color:var(--schiefer-50);text-align:right;letter-spacing:.02em}
@media (max-width:700px){
  .rank-card{grid-template-columns:auto 1fr}
  .rank-card .meta{grid-column:1/-1;align-items:flex-start;text-align:left}
}
.list-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2);transition:all .2s;text-decoration:none;color:inherit}
.list-card:hover{border-color:var(--terracotta);box-shadow:var(--shadow-card);transform:translateY(-1px)}
.list-card .meta{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--schiefer-50);letter-spacing:.04em}
.list-card h3{font-size:18px;margin:0}
.list-card .summary{font-size:14px;color:var(--schiefer-70);max-width:none}
.list-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--s2);font-size:12px;color:var(--schiefer-50);font-family:var(--mono)}
.lex-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-m);padding:var(--s4);transition:all .15s;text-decoration:none;color:inherit;display:block}
.lex-card:hover{border-color:var(--terracotta);background:var(--sandstein-100)}
.lex-card h4{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--schiefer);margin-bottom:4px}
.lex-card .def{font-size:13px;color:var(--schiefer-70);line-height:1.5}
.grid{display:grid;gap:var(--s5)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-auto-280{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid-auto-340{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.flex{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.between{justify-content:space-between}
.gap-2{gap:var(--s2)}.gap-4{gap:var(--s4)}.gap-6{gap:var(--s6)}
.center{align-items:center}
.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.mt-8{margin-top:var(--s8)}
.mb-4{margin-bottom:var(--s4)}.mb-6{margin-bottom:var(--s6)}.mb-8{margin-bottom:var(--s8)}
.page-hero{padding-block:var(--s8) var(--s7)}
.page-hero h1{margin-top:var(--s3)}
.page-hero .lede{margin-top:var(--s5)}
.page-hero.dark{background:var(--schiefer);color:var(--sandstein-100);border-radius:0 0 var(--r-xl) var(--r-xl)}
.page-hero.dark h1,.page-hero.dark p{color:var(--sandstein-100)}
.page-hero.dark .lede{color:#D6CBB7}
.page-hero.sand{background:var(--sandstein)}
.home-hero{padding:var(--s8) 0;background:var(--sandstein-100);border-radius:0 0 var(--r-xl) var(--r-xl);overflow:hidden;position:relative}
.home-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s7);align-items:center}
.home-hero h1{font-size:clamp(48px,6.4vw,84px);letter-spacing:-0.045em;line-height:.95}
.home-hero h1 em{color:var(--terracotta);font-family:var(--accent);font-style:italic;font-weight:400}
.home-hero .sub{font-size:20px;line-height:1.45;color:var(--schiefer-70);max-width:30ch;margin-top:var(--s5)}
.home-hero .cta-row{display:flex;gap:var(--s3);margin-top:var(--s6)}
.home-hero .art{position:relative;display:flex;justify-content:center}
@media (max-width:900px){.home-hero .wrap{grid-template-columns:1fr}}
.site-footer{background:var(--schiefer);color:#BFB199;padding:var(--s8) 0 var(--s5);margin-top:var(--s9)}
.site-footer h4{color:var(--mandel);margin-bottom:var(--s3)}
.site-footer .grid{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--s6)}
.site-footer ul li{font-size:13.5px;line-height:2;margin:0;list-style:none}
.site-footer a{color:#BFB199}
.site-footer a:hover{color:var(--mandel)}
.site-footer .logo{color:var(--sandstein-100);font-size:24px}
.site-footer .logo .com{color:var(--schiefer-50)}
.site-footer .logo svg{color:var(--sandstein-100);width:42px;height:21px}
.site-footer .blurb{font-size:13px;line-height:1.6;color:#BFB199;margin-top:var(--s3);max-width:34ch}
.site-footer .blurb em{font-family:var(--accent);color:var(--mandel);font-style:italic}
.site-footer .legal{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--schiefer-90);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);font-family:var(--mono);font-size:11px;color:var(--schiefer-50);letter-spacing:.04em}
@media (max-width:900px){.site-footer .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.site-footer .grid{grid-template-columns:1fr}}
.table-clean{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);overflow:hidden;font-size:14px}
.table-clean thead th{background:var(--sandstein-100);text-align:left;padding:12px 16px;font-family:var(--display);font-weight:600;font-size:13px;color:var(--schiefer);border-bottom:1px solid var(--schiefer-10)}
.table-clean td{padding:12px 16px;border-bottom:1px solid var(--schiefer-10);color:var(--schiefer-90);vertical-align:top}
.table-clean tbody tr:last-child td{border-bottom:none}
.table-clean tbody tr:hover td{background:var(--sandstein-100)}
.compare-table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);overflow:hidden;font-size:14px;margin-block:var(--s5)}
.compare-table thead th{padding:16px;font-family:var(--display);font-weight:700;font-size:18px;text-align:center;letter-spacing:-.02em;background:var(--sandstein-100);color:var(--schiefer);border-bottom:1px solid var(--schiefer-10)}
.compare-table thead th:nth-child(2){background:var(--cala-100);color:var(--cala-500)}
.compare-table thead th:nth-child(3){background:var(--mandel-100);color:var(--mandel-500)}
.compare-table thead th:first-child{background:var(--paper);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--schiefer-70);letter-spacing:.14em}
.compare-table td{padding:14px 16px;border-bottom:1px solid var(--schiefer-10);color:var(--schiefer-90);vertical-align:top;font-size:14px}
.compare-table td:first-child{font-family:var(--display);font-weight:600;color:var(--schiefer);width:24%;background:var(--sandstein-100)}
.compare-table tbody tr:last-child td{border-bottom:none}
.search-bar{display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--schiefer-10);border-radius:var(--r-pill);padding:10px 16px;max-width:560px;transition:border-color .15s}
.search-bar:focus-within{border-color:var(--cala)}
.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:14px}
.search-bar input::placeholder{color:var(--schiefer-50)}
.search-bar svg{width:18px;height:18px;color:var(--schiefer-50)}
.search-bar .kbd{font-family:var(--mono);font-size:11px;background:var(--sandstein-100);padding:3px 7px;border-radius:6px;color:var(--schiefer-70);border:1px solid var(--schiefer-10)}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-block:var(--s4)}
.filter-chip{padding:6px 14px;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-pill);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.filter-chip:hover{border-color:var(--schiefer-30)}
.filter-chip.on{background:var(--schiefer);color:var(--sandstein-100);border-color:var(--schiefer)}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
.bubble{padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.5;max-width:78%}
.bubble.mia{background:var(--cala-100);color:var(--cala-500);align-self:flex-start;border-bottom-left-radius:4px}
.bubble.user{background:var(--schiefer);color:var(--sandstein-100);align-self:flex-end;border-bottom-right-radius:4px}
.bubble.mia.warm{background:var(--mandel-100);color:var(--mandel-500)}
.scribble-underline{position:relative;display:inline-block}
.scribble-underline::after{content:"";position:absolute;left:-4px;right:-4px;bottom:-6px;height:8px;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 50 2, 120 10, 198 4' stroke='%23C8552B' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.scribble-divider{height:14px;margin:var(--s5) 0;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M4 8 Q 14 2, 24 8 T 44 8 T 64 8 T 84 8 T 104 8 T 124 8 T 144 8 T 164 8 T 184 8 T 204 8 T 224 8 T 236 8' stroke='%232B2F33' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% auto}
.handpath{stroke-linecap:round;stroke-linejoin:round;filter:url(#hand-wobble)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.divider{height:1px;background:var(--schiefer-10);margin:var(--s7) 0}
.pill-row{display:inline-flex;gap:6px;flex-wrap:wrap}
.badge-bullet{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--schiefer-70);letter-spacing:.04em}
.badge-bullet::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--terracotta)}
:target{scroll-margin-top:80px}
:root{
  --z-base:1;
  --z-sticky:20;          
  --z-header:50;          
  --z-fab:60;             
  --z-panel:70;           
  --z-modal:80;           
  --z-toast:90;
  --ease-out:cubic-bezier(.2,.65,.2,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:360ms;
}
:focus{outline:none}
a:focus-visible,button:focus-visible,.btn:focus-visible,.filter-chip:focus-visible,
.entry-card:focus-visible,.list-card:focus-visible,.rank-card:focus-visible,
.toggle:focus-visible,.check:focus-visible{
  outline:2.5px solid var(--cala);outline-offset:3px;border-radius:var(--r-s)
}
input:focus-visible,textarea:focus-visible,select:focus-visible{
  border-color:var(--cala);box-shadow:0 0 0 3px var(--cala-100)
}
.btn{transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.btn:active{transform:translateY(1px)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none}
.btn-link:focus-visible{border-bottom-color:var(--cala)}
.fade-in{animation:fadeUp var(--dur-slow) var(--ease-out) both}
.stagger > *{animation:fadeUp var(--dur-slow) var(--ease-out) both}
.stagger > *:nth-child(2){animation-delay:60ms}
.stagger > *:nth-child(3){animation-delay:120ms}
.stagger > *:nth-child(4){animation-delay:180ms}
.stagger > *:nth-child(5){animation-delay:240ms}
.stagger > *:nth-child(6){animation-delay:300ms}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .fade-in,.stagger > *{opacity:1;transform:none}
}
100%{opacity:0;transform:scale(1.6)}}
to{opacity:1;transform:scale(1) translateY(0)}}
.frag-mia-field{background:linear-gradient(135deg,var(--mandel-100) 0%,var(--cala-100) 100%);border:1px solid var(--mandel-200);border-radius:var(--r-xl);padding:var(--s5);margin-block:var(--s6)}
.frag-mia-field .lab{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:11px;color:var(--mandel-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s2)}
.frag-mia-field .lab .av{width:24px;height:24px;border-radius:50%;background:var(--schiefer);color:var(--mandel);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:11px}
.frag-mia-field h3{font-family:var(--accent);font-style:italic;font-size:24px;color:var(--schiefer);line-height:1.3;margin-bottom:var(--s3);text-transform:none;letter-spacing:0}
.frag-mia-field .composer{display:flex;gap:8px;background:var(--paper);border:1.5px solid var(--schiefer-10);border-radius:var(--r-pill);padding:8px 8px 8px 18px;align-items:center}
.frag-mia-field .composer:focus-within{border-color:var(--mandel)}
.frag-mia-field .composer input{flex:1;border:none;outline:none;background:transparent;font-size:14px}
.frag-mia-field .composer input::placeholder{color:var(--schiefer-50)}
.frag-mia-field .composer button{background:var(--terracotta);color:var(--paper);border:none;border-radius:var(--r-pill);padding:8px 16px;font-family:var(--display);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.frag-mia-field .composer button:hover{background:var(--terracotta-500)}
.frag-mia-field .quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}
.frag-mia-field .quick a{padding:5px 12px;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-pill);font-size:12.5px;color:var(--schiefer-90);font-weight:500}
.frag-mia-field .quick a:hover{border-color:var(--terracotta);color:var(--terracotta)}
.photo{
  position:relative;overflow:hidden;
  border-radius:var(--r-l);
  background:var(--sandstein-100);
  isolation:isolate;
}
.photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(.88) contrast(1.03); 
}
.photo[data-ratio="21/9"]{aspect-ratio:21/9}
.photo[data-ratio="16/9"]{aspect-ratio:16/9}
.photo[data-ratio="16/10"]{aspect-ratio:16/10}
.photo[data-ratio="4/3"]{aspect-ratio:4/3}
.photo[data-ratio="4/5"]{aspect-ratio:4/5}
.photo[data-ratio="1/1"]{aspect-ratio:1/1}
.photo-slot{
  position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:space-between;padding:var(--s4);
}
.photo-slot[data-scene="tramuntana"]{background:linear-gradient(170deg,#F4D7C9 0%,#D9DDCE 40%,#A8B194 75%,#5E6B43 100%)}
.photo-slot[data-scene="tal"]{background:linear-gradient(180deg,#FBE4E8 0%,#F4EFE6 28%,#D9DDCE 60%,#7B8862 100%)}
.photo-slot[data-scene="cala"]{background:linear-gradient(180deg,#FBE4E8 0%,#D4E8EE 45%,#5DB0C0 80%,#0F5F76 100%)}
.photo-slot[data-scene="cala-fels"]{background:linear-gradient(170deg,#E9E1D4 0%,#D6CBB7 30%,#9CCDD8 60%,#1C8AA6 100%)}
.photo-slot[data-scene="pla"]{background:linear-gradient(180deg,#F4EFE6 0%,#E9E1D4 40%,#D6CBB7 70%,#A39378 100%)}
.photo-slot[data-scene="port"]{background:linear-gradient(180deg,#9CCDD8 0%,#5DB0C0 50%,#0F5F76 100%)}
.photo-slot[data-scene="markt"]{background:linear-gradient(165deg,#FBE4E8 0%,#F4D7C9 35%,#E8AE92 65%,#C8552B 100%)}
.photo-slot[data-scene="plaça"]{background:linear-gradient(180deg,#F4EFE6 0%,#D6CBB7 50%,#A39378 90%)}
.photo-slot[data-scene="winter"]{background:linear-gradient(180deg,#E1E2E2 0%,#BBBDBE 50%,#7B8862 100%)}
.photo-slot .scene-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.95;pointer-events:none}
.photo-slot .scene-svg .handpath{filter:none} 
.photo-slot .slot-meta{
  position:relative;align-self:flex-start;z-index:2;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(43,47,51,.72);color:var(--paper);
  padding:5px 11px;border-radius:var(--r-pill);
  display:inline-flex;gap:7px;align-items:center;font-weight:500;
  backdrop-filter:blur(8px);
}
.photo-slot .slot-meta::before{content:"●";color:var(--mandel);font-size:8px;line-height:1}
.photo-slot .slot-cap{
  position:relative;align-self:flex-end;z-index:2;
  font-family:var(--accent);font-style:italic;font-size:15px;line-height:1.3;
  color:var(--paper);background:rgba(43,47,51,.55);
  padding:6px 12px;border-radius:var(--r-s);max-width:70%;
  text-shadow:0 1px 2px rgba(0,0,0,.25);backdrop-filter:blur(4px);
}
.photo-caption-hand{
  display:flex;align-items:flex-start;gap:var(--s2);
  margin-top:var(--s3);font-family:var(--hand);font-size:19px;
  color:var(--schiefer-90);font-weight:600;line-height:1.25;letter-spacing:-.005em;
}
.photo-caption-hand::before{
  content:"";flex-shrink:0;width:22px;height:14px;margin-top:5px;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M2 12 Q 10 2, 22 8' stroke='%23C8552B' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% auto;
}
.place-hero{
  margin:var(--s5) 0 var(--s7);
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:var(--s7);
  align-items:end;
}
.place-hero .copy{padding-top:var(--s5);padding-bottom:var(--s3)}
.place-hero .copy h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.04em;line-height:.95;margin-top:var(--s3)}
.place-hero .copy h1 em{color:var(--terracotta);font-family:var(--accent);font-style:italic;font-weight:400}
.place-hero .charakter{margin-top:var(--s5);font-size:21px;line-height:1.45;color:var(--schiefer);max-width:34ch;font-weight:500;font-family:var(--text)}
.place-hero .quick-facts{
  margin-top:var(--s6);padding-top:var(--s5);
  border-top:1px solid var(--schiefer-10);
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);
}
.place-hero .quick-facts .qf{display:flex;flex-direction:column;gap:3px}
.place-hero .quick-facts .qf .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--schiefer-70);text-transform:uppercase}
.place-hero .quick-facts .qf .v{font-family:var(--display);font-weight:600;font-size:15px;color:var(--schiefer);line-height:1.35}
.place-hero .photo{aspect-ratio:4/5;align-self:stretch}
@media (max-width:900px){
  .place-hero{grid-template-columns:1fr;gap:var(--s5)}
  .place-hero .photo{aspect-ratio:4/3}
}
.reality{
  margin-block:var(--s7);
  background:var(--sandstein-100);
  border-radius:var(--r-xl);
  padding:var(--s6);
  position:relative;
  overflow:hidden;
}
.reality::before{
  content:"";position:absolute;top:0;left:0;width:48px;height:48px;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M6 38 Q 12 28, 22 32 T 42 26' stroke='%23C8552B' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M14 18 Q 22 14, 30 18' stroke='%23C8552B' stroke-width='2.5' fill='none' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E") no-repeat top left;
  opacity:.7;pointer-events:none;
}
.reality .reality-label{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--terracotta);
  margin-bottom:var(--s3);font-weight:600;
}
.reality .reality-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--terracotta)}
.reality .reality-headline{
  font-family:var(--display);font-weight:600;
  font-size:clamp(24px,2.6vw,32px);
  letter-spacing:-.02em;line-height:1.2;
  max-width:26ch;margin-bottom:var(--s5);color:var(--schiefer);
}
.reality .reality-headline em{font-family:var(--accent);font-style:italic;color:var(--terracotta);font-weight:400}
.reality .reality-cols{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);
}
@media (max-width:800px){.reality .reality-cols{grid-template-columns:1fr}}
.reality .reality-col{
  background:var(--paper);
  border:1px solid var(--schiefer-10);
  border-radius:var(--r-l);
  padding:var(--s4) var(--s5);
}
.reality .reality-col h4{
  font-family:var(--display);font-weight:700;
  font-size:15px;text-transform:none;letter-spacing:-.005em;
  margin-bottom:var(--s3);color:var(--schiefer);
  display:flex;align-items:center;gap:10px;
}
.reality .reality-col h4::before{
  content:"";width:14px;height:14px;border-radius:50%;flex-shrink:0;
  box-shadow:inset 0 0 0 2px var(--paper),0 0 0 2px currentColor;
}
.reality .reality-col[data-tone="good"] h4{color:var(--oliv-500)}
.reality .reality-col[data-tone="good"] h4::before{background:var(--oliv)}
.reality .reality-col[data-tone="hard"] h4{color:var(--mandel-500)}
.reality .reality-col[data-tone="hard"] h4::before{background:var(--mandel)}
.reality .reality-col[data-tone="not"] h4{color:var(--terracotta-500)}
.reality .reality-col[data-tone="not"] h4::before{background:var(--terracotta)}
.reality .reality-col ul{display:flex;flex-direction:column;gap:8px}
.reality .reality-col li{
  list-style:none;font-size:14.5px;line-height:1.45;color:var(--schiefer-90);
  padding-left:var(--s4);position:relative;margin:0;
}
.reality .reality-col li::before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
  background:var(--schiefer-30);
}
.reality .reality-col[data-tone="good"] li::before{background:var(--oliv)}
.reality .reality-col[data-tone="hard"] li::before{background:var(--mandel-500)}
.reality .reality-col[data-tone="not"] li::before{background:var(--terracotta)}
.reality .reality-verdict{
  margin-top:var(--s5);padding-top:var(--s4);
  border-top:1px dashed var(--schiefer-30);
  font-family:var(--accent);font-style:italic;font-size:19px;line-height:1.45;
  color:var(--schiefer);max-width:64ch;
}
.reality .reality-verdict .by{
  display:block;margin-top:6px;font-family:var(--mono);font-style:normal;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--schiefer-50);
}
.before-you-go{
  margin-block:var(--s6);
  background:var(--terracotta-100);
  border:1px solid var(--terracotta-200);
  border-radius:var(--r-l);
  padding:var(--s5) var(--s6);
  display:grid;
  grid-template-columns:200px 1fr;
  gap:var(--s5);
  align-items:start;
}
.before-you-go .marker{
  position:relative;
}
.before-you-go .marker .scribble-arrow{
  display:block;width:48px;height:36px;margin-bottom:var(--s2);opacity:.75;
}
.before-you-go .marker .ttl{
  font-family:var(--hand);font-weight:700;font-size:36px;
  color:var(--terracotta-500);line-height:1;letter-spacing:-.01em;
}
.before-you-go .marker .sub{
  margin-top:var(--s2);font-family:var(--mono);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--terracotta-500);font-weight:600;
}
.before-you-go ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding-top:var(--s2)}
.before-you-go li{
  font-size:15px;line-height:1.5;color:var(--terracotta-500);
  display:flex;align-items:flex-start;gap:12px;margin:0;
}
.before-you-go li::before{
  content:"→";flex-shrink:0;font-family:var(--mono);font-size:14px;
  color:var(--terracotta);font-weight:700;margin-top:2px;
}
.before-you-go li strong{color:var(--terracotta-500);font-family:var(--display);font-weight:700}
@media (max-width:700px){
  .before-you-go{grid-template-columns:1fr;gap:var(--s3);padding:var(--s4) var(--s5)}
  .before-you-go .marker .ttl{font-size:28px}
}
.editorial-breaker{
  margin-block:var(--s8);
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:var(--s6);
  align-items:center;
}
.editorial-breaker.reverse{grid-template-columns:1fr 1.3fr}
.editorial-breaker.reverse .photo{order:2}
.editorial-breaker .photo{aspect-ratio:4/3}
.editorial-breaker .copy .eyebrow{margin-bottom:var(--s2);display:inline-block}
.editorial-breaker .copy h3{
  font-family:var(--display);font-weight:600;
  font-size:clamp(24px,2.6vw,34px);letter-spacing:-.025em;line-height:1.15;
  margin-bottom:var(--s3);max-width:18ch;
}
.editorial-breaker .copy h3 em{font-family:var(--accent);font-style:italic;color:var(--terracotta);font-weight:400}
.editorial-breaker .copy p{font-size:16.5px;line-height:1.6;max-width:42ch}
.editorial-breaker .copy .credit{
  margin-top:var(--s4);font-family:var(--mono);font-size:11px;
  color:var(--schiefer-50);letter-spacing:.06em;
}
@media (max-width:800px){
  .editorial-breaker,.editorial-breaker.reverse{grid-template-columns:1fr;gap:var(--s4);margin-block:var(--s6)}
  .editorial-breaker.reverse .photo{order:0}
}
.editorial-breaker.full{
  display:block;
}
.editorial-breaker.full .photo{aspect-ratio:21/9;max-height:480px}
.editorial-breaker.full .copy{max-width:64ch;margin-top:var(--s4)}
.editorial-breaker.full .copy h3{max-width:none}
.photo-rank-card{
  background:var(--paper);
  border:1px solid var(--schiefer-10);
  border-radius:var(--r-l);
  overflow:hidden;
  display:grid;
  grid-template-columns:.95fr 1.1fr;
  transition:all .2s;
}
.photo-rank-card:hover{border-color:var(--schiefer-30);box-shadow:var(--shadow-card);transform:translateY(-2px)}
.photo-rank-card > .photo{border-radius:0;aspect-ratio:auto;height:100%;min-height:300px}
.photo-rank-card .rank-badge{
  position:absolute;top:var(--s3);left:var(--s3);z-index:3;
  background:var(--paper);color:var(--terracotta);
  font-family:var(--display);font-weight:700;font-size:26px;
  letter-spacing:-.04em;line-height:.9;
  padding:8px 14px;border-radius:var(--r-m);
  box-shadow:0 6px 16px -6px rgba(43,47,51,.45);
}
.photo-rank-card .rank-badge .hash{font-size:14px;color:var(--schiefer-50);margin-right:2px;vertical-align:1px}
.photo-rank-card .body{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}
.photo-rank-card .body h3{font-size:22px;margin-bottom:2px}
.photo-rank-card .body .place{font-family:var(--accent);font-style:italic;color:var(--schiefer-70);font-size:14px;margin-bottom:var(--s2)}
.photo-rank-card .body .verdict{font-size:14.5px;line-height:1.55;color:var(--schiefer-90);max-width:none}
.photo-rank-card .body .micro-reality{
  margin-top:var(--s3);padding-top:var(--s3);
  border-top:1px dashed var(--schiefer-10);
  display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s4);
}
.photo-rank-card .body .micro-reality > div{display:flex;flex-direction:column;gap:2px}
.photo-rank-card .body .micro-reality .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--schiefer-70);text-transform:uppercase}
.photo-rank-card .body .micro-reality .v{color:var(--schiefer);font-weight:500;font-size:13.5px;line-height:1.35}
.photo-rank-card .body .micro-reality .v.warn{color:var(--terracotta-500)}
.photo-rank-card .body .footer{
  margin-top:auto;padding-top:var(--s3);
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--mono);font-size:10.5px;color:var(--schiefer-50);
  letter-spacing:.04em;
}
.photo-rank-card .body .footer .score{
  font-family:var(--display);font-weight:700;font-size:15px;
  color:var(--schiefer);letter-spacing:-.01em;
}
.photo-rank-card .body .footer .score .out{font-family:var(--mono);font-size:11px;color:var(--schiefer-50);font-weight:400}
@media (max-width:760px){
  .photo-rank-card{grid-template-columns:1fr}
  .photo-rank-card > .photo{aspect-ratio:16/10;min-height:0}
}
.home-hero.has-photo .wrap{grid-template-columns:1.05fr 1fr;gap:var(--s8);align-items:center}
.home-hero.has-photo .art{display:block;width:100%;justify-self:stretch}
.home-hero.has-photo .photo{aspect-ratio:4/5;max-height:580px}
.home-hero.has-photo h1{font-size:clamp(44px,5.6vw,76px)}
@media (max-width:900px){
  .home-hero.has-photo .wrap{grid-template-columns:1fr}
  .home-hero.has-photo .photo{aspect-ratio:4/3;max-height:none}
}
.not-found{text-align:center;padding:var(--s9) 0 var(--s8);max-width:640px;margin-inline:auto}
.not-found .glyph{font-family:var(--display);font-weight:800;font-size:clamp(120px,18vw,220px);line-height:.9;letter-spacing:-.06em;color:var(--terracotta);position:relative;display:inline-block}
.not-found .glyph .scribble-over{position:absolute;left:-12px;right:-12px;top:32%;height:30%;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath d='M4 30 C 40 4, 120 56, 196 22' stroke='%232B2F33' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:.4;pointer-events:none}
.not-found h1{margin-top:var(--s4)}
.not-found .lede{margin:var(--s4) auto 0}
.not-found .options{margin-top:var(--s6);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);text-align:left}
@media (max-width:600px){.not-found .options{grid-template-columns:1fr}}
.wf-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s4);display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:all .15s;position:relative}
.wf-card:hover{border-color:var(--terracotta);transform:translateY(-1px);box-shadow:var(--shadow-card)}
.wf-card .num{font-family:var(--mono);font-size:10px;color:var(--terracotta);letter-spacing:.1em;font-weight:600}
.wf-card h3{font-size:17px;letter-spacing:-.01em}
.wf-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px dashed var(--schiefer-10)}
.cluster{padding:var(--s5) 0}.cluster h2{margin-bottom:var(--s4)}
.chain{display:flex;align-items:center;gap:8px;background:var(--sandstein-100);border-radius:var(--r-l);padding:var(--s4);overflow-x:auto;margin-block:var(--s5)}
.chain .node{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-m);padding:8px 14px;font-family:var(--display);font-weight:600;font-size:13px;white-space:nowrap;color:var(--schiefer)}
.chain .arr{color:var(--terracotta);font-family:var(--display);font-weight:700;font-size:18px}
.workflow-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--s7);align-items:start}
@media (max-width:1000px){.workflow-layout{grid-template-columns:1fr}}
aside.toc{position:sticky;top:80px;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s5)}
aside.toc h4{margin-bottom:var(--s3)}
aside.toc ol{list-style:none;counter-reset:s;font-size:13px}
aside.toc ol li{counter-increment:s;padding:6px 0;border-bottom:1px dashed var(--schiefer-10);position:relative;padding-left:24px}
aside.toc ol li:last-child{border-bottom:none}
aside.toc ol li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:6px;font-family:var(--mono);font-size:11px;color:var(--terracotta);font-weight:600}
aside.toc ol li a{color:var(--schiefer-90);display:block}
aside.toc ol li a:hover{color:var(--terracotta)}
.home-hero .art{position:relative;display:flex;justify-content:center}
.hero-art{width:100%;max-width:520px;aspect-ratio:1/1;position:relative}
.news-strip{background:var(--schiefer);color:var(--sandstein-100);border-radius:var(--r-l);padding:var(--s4) var(--s5);display:flex;align-items:center;gap:var(--s5);overflow:hidden;margin-top:var(--s7)}
.news-strip .pulse{width:8px;height:8px;border-radius:50%;background:var(--mandel);animation:pulse 2s infinite;flex-shrink:0}
.news-strip .ticker{flex:1;display:flex;gap:var(--s7);overflow:hidden;font-size:14px}
.news-strip .ticker span{white-space:nowrap}
.news-strip .ticker strong{color:var(--mandel);margin-right:8px;font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:768px){.news-strip .ticker span:nth-child(n+2){display:none}}
.quick-stat{display:flex;flex-direction:column;gap:6px}
.quick-stat .n{font-family:var(--display);font-weight:700;font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--terracotta)}
.quick-stat .l{font-size:11px;color:var(--schiefer-70);text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.hitlist-preview-card{background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-l);padding:var(--s4);display:flex;gap:var(--s3);align-items:center;text-decoration:none;color:inherit;transition:all .15s}
.hitlist-preview-card:hover{border-color:var(--terracotta);transform:translateX(2px)}
.hitlist-preview-card .rk{font-family:var(--display);font-weight:700;font-size:24px;color:var(--terracotta);min-width:36px}
.hitlist-preview-card .nm{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em}
.hitlist-preview-card .pl{font-size:12px;color:var(--schiefer-70)}
.prose blockquote.cd-card{border-radius:var(--r-m);padding:16px 20px;margin-block:var(--s5);font-style:normal;border-left:4px solid var(--schiefer-30);background:var(--sandstein-100);color:var(--schiefer)}
.prose blockquote.cd-card p{max-width:none;color:inherit}
.prose blockquote.cd-card p:first-child strong:first-child{font-family:var(--display)}
.cd-tldr{border-left-color:var(--terracotta)!important;background:var(--sandstein-100)!important}
.cd-merk{border-left-color:var(--schiefer)!important;background:var(--paper)!important;border:1px solid var(--schiefer-10)}
.cd-tipp{border-left-color:var(--mandel)!important;background:var(--mandel-100)!important;color:var(--mandel-500)!important}
.cd-check{border-left-color:var(--oliv)!important;background:var(--oliv-100)!important;color:var(--oliv-500)!important}
.cd-check ul li{list-style:none!important;color:var(--oliv-500)}
.cd-warn{border-left-color:var(--terracotta)!important;background:var(--terracotta-100)!important;color:var(--terracotta-500)!important}
.cd-warn ul li{list-style:none!important;color:var(--terracotta-500)}
.cd-warn ul li::marker{content:""}
.cd-badge{border-left-color:var(--oliv)!important;background:var(--oliv-100)!important;font-family:var(--mono);font-size:12.5px;color:var(--oliv-500)!important}
.cd-cta{border-left-color:var(--cala)!important;background:var(--cala-100)!important;color:var(--cala-500)!important}
.cd-info{border-left-color:var(--schiefer-30)!important;background:var(--sandstein-100)!important;color:var(--schiefer-70)!important}
.cd-note{border-left-color:var(--mandel)!important;background:var(--paper)!important;border:1px solid var(--schiefer-10)}
.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--schiefer);color:var(--paper);padding:10px 16px;border-radius:0 0 var(--r-s) 0;font-weight:600}
.skip-link:focus{left:0}
.hdr-search{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-pill);color:var(--schiefer-70);border:1px solid var(--schiefer-10)}
.hdr-search:hover{color:var(--terracotta);border-color:var(--schiefer-30)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--schiefer-10);border-radius:var(--r-s);color:var(--schiefer);width:42px;height:38px;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{display:none;border-top:1px solid var(--schiefer-10);background:var(--paper);padding:var(--s4) var(--s6)}
.mobile-menu[hidden]{display:none}
.mobile-menu.open{display:block}
.mobile-menu nav{display:flex;flex-direction:column;gap:2px;margin:var(--s3) 0}
.mobile-menu nav a{padding:12px 10px;border-radius:var(--r-s);font-family:var(--display);font-weight:600;font-size:16px;color:var(--schiefer)}
.mobile-menu nav a.on,.mobile-menu nav a:hover{background:var(--sandstein-100);color:var(--terracotta)}
.mm-search{display:flex;align-items:center;gap:10px;background:var(--sandstein-100);border:1.5px solid var(--schiefer-10);border-radius:var(--r-pill);padding:10px 16px}
.mm-search input{flex:1;border:none;background:transparent;outline:none;font-size:15px}
.mm-search svg{width:18px;height:18px;color:var(--schiefer-50)}
.mm-langs{display:flex;gap:6px;font-family:var(--mono);font-size:12px;border-top:1px solid var(--schiefer-10);padding-top:var(--s3)}
.mm-langs a{padding:6px 12px;border-radius:var(--r-s);color:var(--schiefer-70)}
.mm-langs a.on{background:var(--schiefer);color:var(--sandstein-100)}
@media (max-width:900px){.nav-toggle{display:inline-flex}.hdr-search{display:none}.btn-mia{display:none}.langbar{display:none}}
.mia-beta{font-family:var(--mono);font-size:9px;letter-spacing:.1em;background:var(--mandel);color:var(--schiefer);padding:2px 6px;border-radius:var(--r-pill);vertical-align:middle;margin-left:6px}
.mia-quick{padding:6px 16px 10px;font-size:12px;color:var(--schiefer-70);background:var(--sandstein-100)}
.mia-quick a{color:var(--cala-500);border-bottom:1px solid var(--cala-200)}
.mia-quick a:hover{color:var(--cala)}
.mia-privacy{padding:8px 14px 12px;font-size:11px;color:var(--schiefer-50);font-family:var(--mono);line-height:1.4;border-top:1px solid var(--schiefer-10)}
.mia-links{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.mia-links a{font-size:13px;color:var(--cala-500);border-bottom:1px solid var(--cala-200);width:max-content}
.intent-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s6)}
.intent-row a{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--schiefer-10);border-radius:var(--r-m);padding:14px 16px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--schiefer);transition:all .15s}
.intent-row a:hover{border-color:var(--terracotta);color:var(--terracotta);transform:translateY(-1px)}
.intent-row a svg{width:18px;height:18px;color:var(--terracotta);flex-shrink:0}
@media (max-width:700px){.intent-row{grid-template-columns:1fr}}
a.quick-stat{text-decoration:none}
a.quick-stat:hover .n{color:var(--terracotta-500)}
.lex-card[hidden],.wf-card[hidden],.list-card[hidden]{display:none}
.mia-panel[hidden]{display:none}