/* ============================================================ AREF RESEARCH — Report-Stylesheet Alles unter .aref gekapselt; keine globalen Selektoren ausser den Theme-Hooks am -Element. Keine externen Requests. ============================================================ */ .aref{ /* Lichtpalette — vollstaendig, damit jeder Token einen Wert hat */ --ink:#0B0B0B; --paper:#F7F5F0; --panel:#EFECE4; --acc:#3EC48D; --accd:#17795A; --slate:#667085; --rule:#DAD5C9; --warn:#B4462F; /* Diagramm-Tokens: die Inline-SVGs lesen diese Variablen */ --fig-ink:var(--ink); --fig-paper:var(--paper); --fig-panel:var(--panel); --fig-acc:var(--acc); --fig-accd:var(--accd); --fig-slate:var(--slate); --fig-rule:var(--rule); --fig-warn:var(--warn); --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --fa:"Vazirmatn","Noto Naskh Arabic",Tahoma,"Segoe UI",sans-serif; --maxw:880px; color-scheme:light; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.62; -webkit-font-smoothing:antialiased; max-width:var(--maxw); margin:0 auto; padding:0 20px 60px; } /* Dunkel: System-Einstellung, sofern die Seite nicht explizit auf hell steht */ @media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .aref{ --ink:#ECEAE4; --paper:#141412; --panel:#201F1B; --acc:#3EC48D; --accd:#5AD6A5; --slate:#9AA2B1; --rule:#35332D; --warn:#E07B5F; color-scheme:dark; } } /* Dunkel: explizite Wahl der Host-Seite (html[data-theme]) oder des Containers */ html[data-theme="dark"] .aref, .aref[data-aref-theme="dark"]{ --ink:#ECEAE4; --paper:#141412; --panel:#201F1B; --acc:#3EC48D; --accd:#5AD6A5; --slate:#9AA2B1; --rule:#35332D; --warn:#E07B5F; color-scheme:dark; } .aref[data-aref-theme="light"]{ --ink:#0B0B0B; --paper:#F7F5F0; --panel:#EFECE4; --acc:#3EC48D; --accd:#17795A; --slate:#667085; --rule:#DAD5C9; --warn:#B4462F; color-scheme:light; } .aref *,.aref *::before,.aref *::after{box-sizing:border-box} .aref a{color:var(--accd);text-decoration:none;border-bottom:1px solid var(--rule)} .aref a:hover{border-bottom-color:var(--accd)} .aref a:focus-visible,.aref button:focus-visible{outline:2px solid var(--accd);outline-offset:3px;border-radius:2px} /* ---------- Masthead und Sprachumschalter ---------- */ .aref-masthead{display:flex;justify-content:space-between;align-items:center;gap:12px; border-bottom:3px solid var(--ink);padding:18px 0 10px;position:sticky;top:0; background:var(--paper);z-index:5} .aref-mast-name{font-weight:800;letter-spacing:.14em;font-size:15px} .aref-langsw{display:flex;gap:6px} .aref-langsw button{font:inherit;font-size:12.5px;font-weight:600;padding:4px 12px; border:1px solid var(--rule);background:transparent;color:var(--slate); border-radius:99px;cursor:pointer;transition:background .15s,color .15s,border-color .15s} .aref-langsw button:hover{color:var(--ink);border-color:var(--slate)} .aref-langsw button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)} /* ---------- Sprachfassungen ---------- */ .aref-pane[hidden]{display:none!important} .aref-pane-fa{direction:rtl;text-align:right;font-family:var(--fa)} .aref-pane-fa .aref-stat b,.aref-pane-fa .aref-num{direction:ltr;unicode-bidi:isolate} /* ---------- Titelbereich ---------- */ .aref-kicker{color:var(--accd);font-weight:700;letter-spacing:.12em;font-size:12px; margin:34px 0 10px;text-transform:uppercase} .aref h1{font-size:34px;line-height:1.18;letter-spacing:-.015em;margin:0 0 14px; font-weight:800;text-wrap:balance} .aref-standfirst{font-size:18.5px;line-height:1.5;margin:0 0 12px;font-weight:450} .aref-meta{font-size:13px;color:var(--slate);border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);padding:8px 0;margin:16px 0 26px} .aref-view30{background:var(--panel);border-top:3px solid var(--acc);padding:18px 20px;margin:0 0 20px} .aref-view30 .aref-v30-label{font-size:11.5px;font-weight:800;letter-spacing:.12em; color:var(--accd);margin-bottom:8px} .aref-view30 p{margin:0;font-size:15.5px} .aref-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px} .aref-box{border:1px solid var(--rule);padding:14px 14px 12px;border-radius:4px} .aref-box .aref-bh{font-size:11.5px;font-weight:800;letter-spacing:.1em; text-transform:uppercase;margin-bottom:6px} .aref-box:nth-child(1) .aref-bh{color:var(--accd)} .aref-box:nth-child(2) .aref-bh{color:var(--warn)} .aref-box:nth-child(3) .aref-bh{color:var(--slate)} .aref-box p{margin:0;font-size:13.5px;line-height:1.5} .aref-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px; border-top:1px solid var(--rule);border-bottom:1px solid var(--rule); padding:14px 0;margin:0 0 26px} .aref-stat b{display:block;font-size:21px;font-weight:800;letter-spacing:-.01em; color:var(--accd);font-variant-numeric:tabular-nums} .aref-stat span{display:block;font-size:12px;line-height:1.35;margin-top:2px} .aref-stat small{display:block;font-size:10.5px;color:var(--slate);margin-top:2px} /* ---------- Inhaltsverzeichnis ---------- */ .aref-toc{margin:0 0 34px;border:1px solid var(--rule);border-radius:4px;padding:14px 18px} .aref-toc .aref-toc-h{font-size:11.5px;font-weight:800;letter-spacing:.12em; text-transform:uppercase;color:var(--slate);margin-bottom:8px} .aref-toc ol{margin:0;padding:0 0 0 1.2em;columns:2;column-gap:28px;font-size:13.5px} .aref-pane-fa .aref-toc ol{padding:0 1.2em 0 0} .aref-toc li{margin:3px 0;break-inside:avoid} .aref-toc a{border:none} .aref-toc a:hover{border-bottom:1px solid var(--accd)} /* ---------- Sektionen ---------- */ .aref-sec{margin:40px 0 0;scroll-margin-top:70px} .aref-sec-head{display:flex;align-items:baseline;gap:12px;border-top:2px solid var(--ink); padding-top:12px;margin-bottom:12px} .aref-sec-num{font-weight:800;color:var(--accd);font-size:14px;min-width:26px; font-variant-numeric:tabular-nums} .aref-sec h2{font-size:23px;margin:0;letter-spacing:-.01em;font-weight:750;text-wrap:balance} .aref-sec h3{font-size:16px;margin:20px 0 6px;font-weight:700} .aref-sec p{margin:0 0 13px} .aref-pull{border-inline-start:3px solid var(--acc);padding:6px 0 6px 16px;font-size:17.5px; font-weight:650;font-style:italic;margin:18px 0} .aref-pane-fa .aref-pull{padding:6px 16px 6px 0} .aref-signal{background:var(--panel);border-inline-start:4px solid var(--acc); padding:14px 18px;margin:18px 0} .aref-signal .aref-sig-label{font-size:11.5px;font-weight:800;letter-spacing:.14em; color:var(--accd);margin-bottom:6px} .aref-signal p{margin:0;font-size:15px} .aref-insight{border:1px solid var(--rule);border-radius:4px;padding:14px 18px;margin:0 0 14px; break-inside:avoid} .aref-insight .aref-ins-head{font-weight:750;font-size:15.5px;margin-bottom:8px; border-bottom:1px solid var(--rule);padding-bottom:8px} .aref-insight p{margin:0 0 8px;font-size:14px} /* ---------- Tabellen und Grafiken ---------- */ .aref-tblwrap{overflow-x:auto;margin:14px 0} .aref-tbl{border-collapse:collapse;width:100%;font-size:13.5px} .aref-tbl th{text-align:start;font-weight:700;border-bottom:2px solid var(--ink); padding:7px 10px 7px 0} .aref-tbl td{border-bottom:1px solid var(--rule);padding:8px 10px 8px 0;vertical-align:top} .aref-pane-fa .aref-tbl th,.aref-pane-fa .aref-tbl td{padding:8px 0 8px 10px} .aref .fig{display:block;margin:0;width:100%;height:auto;font-family:inherit} .aref-figwrap{margin:20px 0;padding:0} .aref-scrollhint{display:none;font-size:11px;color:var(--slate);margin-top:4px} /* ---------- MY CALL, Einschraenkungen, Quellen, Fuss ---------- */ .aref-mycall{background:var(--ink);color:var(--paper);padding:22px 24px;margin:44px 0 0; border-radius:4px;print-color-adjust:exact;-webkit-print-color-adjust:exact} .aref-mycall .aref-mc-label{color:var(--acc);font-weight:800;letter-spacing:.16em; font-size:12.5px;margin-bottom:10px} .aref-mycall p{margin:0 0 12px;font-size:15px;line-height:1.6} .aref-mycall strong{color:var(--acc)} .aref-limits{margin:34px 0 0;border-top:1px solid var(--rule);padding-top:14px} .aref-limits .aref-lm-h{font-size:12px;font-weight:800;letter-spacing:.1em; text-transform:uppercase;color:var(--slate);margin-bottom:8px} .aref-limits p{font-size:13px;color:var(--slate);margin:0} .aref-sources{direction:ltr;text-align:left;margin:56px 0 0;border-top:3px solid var(--ink); padding-top:16px;font-family:var(--sans);scroll-margin-top:70px} .aref-sources h2{font-size:20px;margin:0 0 4px} .aref-sources .aref-src-sub{font-size:12.5px;color:var(--slate);margin:0 0 18px} .aref-src-group{margin:0 0 22px} .aref-src-group h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase; color:var(--accd);margin:0 0 8px} .aref-src{font-size:13px;margin:0 0 10px;padding-inline-start:14px; border-inline-start:2px solid var(--rule)} .aref-src b{font-weight:650} .aref-src .aref-s-meta{color:var(--slate)} .aref-src .aref-s-note{color:var(--slate);font-style:italic} .aref-src a{overflow-wrap:anywhere;word-break:break-all} .aref-footer{margin-top:48px;border-top:1px solid var(--rule);padding-top:12px;display:flex; justify-content:space-between;font-size:12px;color:var(--slate);gap:12px;flex-wrap:wrap} /* ---------- Responsiv ---------- */ @media(max-width:860px){ .aref-stats{grid-template-columns:repeat(3,1fr)} } @media(max-width:720px){ .aref{font-size:15.5px;padding:0 16px 48px} .aref h1{font-size:26px} .aref-standfirst{font-size:17px} .aref-boxes{grid-template-columns:1fr} .aref-stats{grid-template-columns:repeat(2,1fr)} .aref-toc ol{columns:1} .aref-sec h2{font-size:20px} .aref-mycall{padding:18px 16px} .aref-view30{padding:16px 14px} /* Diagramme nicht unlesbar schrumpfen, sondern seitlich scrollen lassen */ .aref-figwrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .aref-figwrap .fig{min-width:660px} .aref-scrollhint{display:block} } @media(max-width:420px){ .aref-stats{grid-template-columns:1fr} .aref-mast-name{font-size:13px;letter-spacing:.1em} .aref-langsw button{padding:4px 9px;font-size:12px} } /* ---------- Bewegung und Druck ---------- */ @media (prefers-reduced-motion:reduce){ .aref *{animation-duration:.01ms!important;transition-duration:.01ms!important; scroll-behavior:auto!important} } @media print{ .aref{max-width:none;padding:0} .aref-scrollhint{display:none!important} .aref-masthead{position:static} .aref-langsw{display:none} .aref-pane[hidden]{display:block!important} .aref-pane{break-before:page} .aref .fig,.aref-figwrap,.aref-tblwrap,.aref-insight,.aref-signal,.aref-box{break-inside:avoid} .aref-sec-head{break-after:avoid;break-inside:avoid} .aref a{color:inherit} }