/* Scoped magazine system; the homepage, academy and shared navigation keep their own design. */
.page-magazine #inhalt{--mp-ink:#242522;--mp-muted:#64645d;--mp-line:#cbc7be;--mp-copper:#95572f;--mp-surface:#fffdf8;color:var(--mp-ink)}
.page-magazine #inhalt .page-intro{max-width:none;padding:44px 0 34px;border-bottom:1px solid var(--mp-line)}
.page-magazine #inhalt .breadcrumb{font:10px/1.65 var(--mono);letter-spacing:.025em;margin:0 0 25px;color:var(--mp-muted)}
.page-magazine #inhalt .page-intro h1{font:clamp(42px,5.2vw,72px)/1.06 var(--serif);letter-spacing:-.045em;color:var(--mp-ink);max-width:21ch;text-wrap:balance}
.page-magazine #inhalt .page-intro .lede{font:19px/1.7 var(--sans);color:var(--mp-muted);margin-top:22px;max-width:69ch}
.page-magazine #inhalt .page-intro .eyebrow{font:10px/1.5 var(--mono);letter-spacing:.1em;color:var(--mp-copper);margin-bottom:16px}
.page-magazine #inhalt .section{margin-block:48px}
.page-magazine #inhalt .section-heading,.page-magazine #inhalt .results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--mp-line);padding:0 0 19px;margin:0 0 25px}
.page-magazine #inhalt .section-heading h2,.page-magazine #inhalt .results-heading h2{font:clamp(28px,3.2vw,40px)/1.15 var(--serif);letter-spacing:-.035em}
.page-magazine #inhalt .section-heading>a{font:13px/1.5 var(--sans);min-height:44px;display:inline-flex;align-items:center;flex-shrink:0;color:var(--mp-copper)}
.page-magazine #inhalt .section-caption,.page-magazine #inhalt .results-heading .micro{display:block;font:10px/1.5 var(--mono);color:var(--mp-muted)}
.page-magazine #inhalt .collection-nav{display:flex;flex-wrap:wrap;gap:2px 28px;margin:0 0 35px;padding:10px 0 12px;border:0;border-bottom:1px solid var(--mp-line);background:none}
.page-magazine #inhalt .collection-nav a{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;font:13px/1.5 var(--sans);text-decoration:none;background:none;border:0;border-radius:0;color:var(--mp-muted);box-shadow:none}
.page-magazine #inhalt .collection-nav a:hover,.page-magazine #inhalt .collection-nav a[aria-current=page]{color:var(--mp-ink);text-decoration:underline;text-decoration-color:var(--mp-copper);text-decoration-thickness:2px;text-underline-offset:9px}
.mp-collection #inhalt .story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.page-magazine #inhalt .story-grid>.mp-story,.page-magazine #inhalt .story-grid>.mp-story:nth-child(3):last-child{position:relative;display:flex;flex-direction:column;grid-column:auto;gap:0;min-width:0;padding:0;margin:0;border:1px solid var(--mp-line);border-radius:2px;background:var(--mp-surface);overflow:visible;isolation:isolate}
.page-magazine #inhalt .mp-story .story-image{display:block;order:-1;grid-column:auto;grid-row:auto;aspect-ratio:40/21;margin:0;border-radius:2px 2px 0 0;overflow:hidden;background:#e8e5dd}
.page-magazine #inhalt .mp-story .story-image picture,.page-magazine #inhalt .mp-story .story-image img{display:block;width:100%;height:100%;aspect-ratio:40/21;object-fit:cover}
.page-magazine #inhalt .mp-story>.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.055em;color:var(--mp-copper);margin:0;padding:24px 26px 0}
.page-magazine #inhalt .mp-story-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px 26px 22px}
.page-magazine #inhalt .mp-story h3{font:clamp(26px,2.5vw,36px)/1.2 var(--serif);letter-spacing:-.035em;margin:0 0 15px;max-width:28ch}
.page-magazine #inhalt .mp-story h3 a{text-decoration:none}
.page-magazine #inhalt .mp-story h3 a::after{content:'';position:absolute;inset:0;z-index:1;border-radius:2px}
.page-magazine #inhalt .mp-story h3 a:focus-visible{outline:0}
.page-magazine #inhalt .mp-story:has(h3 a:focus-visible){outline:3px solid var(--mp-copper);outline-offset:5px}
.page-magazine #inhalt .mp-story:hover{border-color:var(--mp-copper)}
.page-magazine #inhalt .mp-story:hover h3 a{text-decoration:underline;text-decoration-color:var(--mp-copper);text-decoration-thickness:1px;text-underline-offset:5px}
.page-magazine #inhalt .mp-story p{font:15px/1.75 var(--sans);color:var(--mp-muted);margin:0 0 23px;max-width:67ch}
.page-magazine #inhalt .mp-story .meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--mp-line);font:10px/1.5 var(--mono);color:var(--mp-muted)}
.page-magazine #inhalt .archive-results{margin:36px 0 48px}
.page-magazine #inhalt .pagination{display:flex;gap:10px;justify-content:flex-start;margin-top:30px}
.page-magazine #inhalt .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:48px;min-height:48px;padding:0;border:1px solid var(--mp-line);border-radius:2px;font:14px/1 var(--sans);text-decoration:none;background:none;color:var(--mp-ink)}
.page-magazine #inhalt .page-numbers.current{background:var(--mp-ink);border-color:var(--mp-ink);color:var(--mp-surface)}
.page-magazine #inhalt .page-numbers:hover{border-color:var(--mp-copper)}
.page-magazine #inhalt .editorial-strip{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:32px 0;margin:50px 0;border-block:1px solid var(--mp-line);background:none}
.page-magazine #inhalt .editorial-strip h2{font:36px/1.15 var(--serif);margin-top:12px;max-width:20ch}
.page-magazine #inhalt .editorial-strip p{font:16px/1.8 var(--sans);color:var(--mp-muted);margin:0 0 15px}
.page-magazine #inhalt .editorial-strip .text-link{color:var(--mp-copper);min-height:44px}
.page-magazine #inhalt .cluster-paths{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:18px 45px;padding:28px 0 30px;margin:35px 0;background:none;border:0;border-radius:0;border-block:1px solid var(--mp-line);color:var(--mp-ink)}
.page-magazine #inhalt .cluster-paths .section-heading{grid-column:1;grid-row:1;border:0;margin:0;padding:0;align-self:start}
.page-magazine #inhalt .cluster-paths .eyebrow{color:var(--mp-copper);font:10px/1.5 var(--mono);margin:0 0 13px;letter-spacing:.08em}
.page-magazine #inhalt .cluster-paths h2{font:clamp(30px,3vw,40px)/1.14 var(--serif);letter-spacing:-.035em}
.page-magazine #inhalt .cluster-paths>p{grid-column:1;grid-row:2;align-self:start;font:15px/1.8 var(--sans);margin:0;color:var(--mp-muted);max-width:46ch}
.page-magazine #inhalt .cluster-list{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;counter-reset:mp-path;list-style:none;margin:0;padding:0}
.page-magazine #inhalt .cluster-list li{counter-increment:mp-path;position:relative;min-width:0;padding:0 0 0 29px;border-bottom:1px solid var(--mp-line);display:flex;align-items:start}
.page-magazine #inhalt .cluster-list li::before{content:counter(mp-path,decimal-leading-zero);position:absolute;left:0;top:17px;font:10px/1.5 var(--mono);color:var(--mp-copper)}
.page-magazine #inhalt .cluster-list a{display:flex;align-items:center;min-height:60px;padding:13px 0;font:13px/1.65 var(--sans);color:var(--mp-ink);text-decoration:none;overflow-wrap:anywhere}
.page-magazine #inhalt .cluster-list a:hover{text-decoration:underline;text-decoration-color:var(--mp-copper)}
.page-magazine #inhalt .filter-bar{display:flex;gap:16px;align-items:end;margin:28px 0;padding:20px;background:#ece8df;border:1px solid var(--mp-line);border-radius:2px}
.page-magazine #inhalt .filter-bar label{min-width:0;flex:1;display:flex;flex-direction:column;gap:9px;font:11px/1.5 var(--mono)}
.page-magazine #inhalt .filter-bar select{width:100%;max-width:none;min-height:48px;padding:12px;background:var(--mp-surface);border:1px solid #858176;border-radius:2px;font:14px/1.5 var(--sans)}
.page-magazine #inhalt .button{border-radius:2px;min-height:48px;background:var(--mp-ink);border-color:var(--mp-ink);font:13px/1.5 var(--sans)}
.page-magazine #inhalt .button:hover{background:var(--mp-copper);border-color:var(--mp-copper)}
.page-magazine #inhalt .academy-crosslink{margin:38px auto;padding-block:25px;border-color:var(--mp-line)}
.page-magazine #inhalt .academy-crosslink p{font:16px/1.8 var(--sans);color:var(--mp-muted)}
.page-magazine #inhalt .academy-crosslink a{color:var(--mp-copper)}
.page-magazine #inhalt .top-ten-method,.page-magazine #inhalt .top-ten-intro{font:15px/1.8 var(--sans);color:var(--mp-muted);max-width:80ch;margin:22px 0 28px}
.page-magazine #inhalt .top-ten-group{scroll-margin-top:28px}
.page-magazine #inhalt .directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0 40px}
.page-magazine #inhalt .directory-grid>.cluster-paths{display:block;padding:28px;margin:0;border:1px solid var(--mp-line);border-radius:2px;background:var(--mp-surface)}
.page-magazine #inhalt .directory-grid h2{font-size:34px;max-width:18ch;margin:0 0 10px}
.page-magazine #inhalt .directory-grid .text-link{color:var(--mp-copper);min-height:44px;font:13px/1.5 var(--sans)}
.page-magazine #inhalt .directory-list{margin:14px 0 0;padding:0}
.page-magazine #inhalt .directory-list li{border-color:var(--mp-line)}
.page-magazine #inhalt .directory-list a{min-height:44px;padding:14px 0;font:15px/1.6 var(--sans);color:var(--mp-ink);text-decoration:none}
.page-magazine #inhalt .directory-list a:hover{text-decoration:underline;text-decoration-color:var(--mp-copper)}
.page-magazine #inhalt .directory-service{border-top:1px solid var(--mp-line);padding-top:28px;margin:40px 0}
.page-magazine #inhalt .directory-service .directory-list a{font-size:13px;padding:10px 0}
.page-magazine #inhalt .directory-details{padding-block:18px}
.page-magazine #inhalt .directory-details summary{font:14px/1.5 var(--sans);min-height:44px;cursor:pointer;display:flex;align-items:center}
.page-magazine #inhalt .directory-search{border-block:1px solid var(--mp-line);padding:25px 0;margin:30px 0}
.page-magazine #inhalt .directory-search h2{font-size:30px;margin-bottom:12px}
.page-magazine #inhalt .directory-search a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 var(--sans);color:var(--mp-copper)}
.page-magazine #inhalt .academy-page{max-width:var(--width)}
.page-magazine #inhalt .academy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;border:0}
.page-magazine #inhalt .academy-card{position:relative;display:flex;flex-direction:column;padding:27px;border:1px solid var(--mp-line);border-radius:2px;background:var(--mp-surface);min-width:0}
.page-magazine #inhalt .academy-card .eyebrow{font:10px/1.5 var(--mono);color:var(--mp-copper);margin-bottom:13px}
.page-magazine #inhalt .academy-card h2{font:32px/1.17 var(--serif);letter-spacing:-.035em;margin:0 0 16px;max-width:25ch;text-wrap:balance}
.page-magazine #inhalt .academy-card p:not(.eyebrow){font:15px/1.8 var(--sans);color:var(--mp-muted);margin:0 0 21px}
.page-magazine #inhalt .academy-card .text-link{font:13px/1.5 var(--sans);color:var(--mp-copper);min-height:44px;margin-top:auto;padding-top:12px;border-top:1px solid var(--mp-line)}
.page-magazine #inhalt .mp-model-marks{display:flex;gap:28px;align-items:center;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--mp-line);min-height:82px}
.page-magazine #inhalt .mp-model-marks img{width:62px;height:62px;object-fit:contain;filter:none}
.page-magazine #inhalt .mp-model-marks img[src$="claude.webp"]{width:96px}
.page-magazine #inhalt .mp-pair-divider{width:1px;height:34px;background:var(--mp-line)}
.page-magazine #inhalt .mp-brand-word{font:24px/1 var(--sans);color:var(--mp-ink);letter-spacing:-.04em}
.page-magazine #inhalt .tool-panel{padding:28px;margin:35px 0 44px;background:var(--mp-surface);border:1px solid var(--mp-line);border-radius:2px}
.page-magazine #inhalt .tool-panel p{font:15px/1.8 var(--sans);color:var(--mp-muted)}
.page-magazine #inhalt .tool-result{padding-top:20px}
.page-magazine #inhalt .tool-result a,.page-magazine #inhalt table a,.page-magazine #inhalt .academy-next a{color:var(--mp-copper)}
.page-magazine #inhalt .academy-method,.page-magazine #inhalt .compare-conclusion{padding:28px 30px;background:#ece8df;border:0;border-left:2px solid var(--mp-copper);border-radius:0;margin:32px 0}
.page-magazine #inhalt .academy-method h2,.page-magazine #inhalt .compare-conclusion h2{font:34px/1.17 var(--serif);margin:12px 0 18px}
.page-magazine #inhalt .academy-method p,.page-magazine #inhalt .compare-conclusion p{font:16px/1.85 var(--sans);color:var(--mp-muted);max-width:82ch;margin:12px 0}
.page-magazine #inhalt .compare-conclusion .eyebrow{font:10px/1.5 var(--mono);color:var(--mp-copper)}
.page-magazine #inhalt .academy-next{border-color:var(--mp-line);margin-block:35px;gap:0 30px}
.page-magazine #inhalt .table-wrap,.page-magazine #inhalt .table-scroll{max-width:100%;border:1px solid var(--mp-line);border-radius:2px;overflow-x:auto;overscroll-behavior-x:contain;margin:24px 0}
.page-magazine #inhalt table{width:100%;font:14px/1.75 var(--sans);border-collapse:collapse}
.page-magazine #inhalt table th,.page-magazine #inhalt table td{padding:15px 18px;border-color:var(--mp-line);vertical-align:top}
.page-magazine #inhalt table th{background:#ece8df;color:var(--mp-ink)}
.page-magazine #inhalt table tbody tr:nth-child(even){background:#f2efe7}
.page-magazine #inhalt table caption{font:12px/1.7 var(--sans);padding:15px 18px;text-align:left;color:var(--mp-muted);background:var(--mp-surface)}
.mp-comparison-detail #inhalt .page-intro h1{max-width:23ch}
.mp-comparison-detail #inhalt .section>h2{font:36px/1.18 var(--serif);margin-bottom:22px}
.mp-comparison-detail #inhalt .section>p,.mp-comparison-detail #inhalt .section>ul,.mp-comparison-detail #inhalt .academy-sources{font:16px/1.85 var(--sans);color:var(--mp-muted);max-width:83ch}
.mp-comparison-detail #inhalt .section>ul{padding-left:22px}
.mp-comparison-detail #inhalt .section>ul li{padding-left:6px;margin-block:12px}
.mp-comparison-detail #inhalt .academy-diagram{padding:26px 0;border-color:var(--mp-line);overflow:visible}
.mp-comparison-detail #inhalt .academy-diagram svg{display:none}
.mp-comparison-detail #inhalt .academy-diagram figcaption{font:16px/1.7 var(--sans);color:var(--mp-muted);margin:0 0 22px}
.mp-comparison-detail #inhalt .diagram-text{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:mp-step;list-style:none;margin:0;padding:0}
.mp-comparison-detail #inhalt .diagram-text li{counter-increment:mp-step;border-top:1px solid var(--mp-line);padding:16px 0 0;font:14px/1.65 var(--sans)}
.mp-comparison-detail #inhalt .diagram-text li::before{content:counter(mp-step,decimal-leading-zero);display:block;font:11px/1.5 var(--mono);color:var(--mp-copper);margin-bottom:12px}
.mp-article #inhalt .editorial-article{max-width:1320px}
.mp-article #inhalt .page-intro{max-width:1060px;margin-inline:auto;border:0;padding-bottom:32px}
.mp-article #inhalt .page-intro h1{max-width:23ch;font-size:clamp(38px,4.7vw,64px)}
.mp-article #inhalt .page-intro .lede{max-width:76ch;font:18px/1.8 var(--sans)}
.mp-article #inhalt .page-intro .meta{display:flex;flex-wrap:wrap;gap:7px 22px;padding-top:18px;margin-top:22px;border-top:1px solid var(--mp-line);font:11px/1.6 var(--mono);color:var(--mp-muted)}
.mp-article #inhalt .page-intro .meta a{min-height:44px;display:inline-flex;align-items:center}
.mp-article #inhalt .page-intro .meta time,.mp-article #inhalt .page-intro .meta span{display:inline-flex;align-items:center;min-height:44px}
.mp-article #inhalt .editorial-hero{max-width:1060px;margin:0 auto 36px;border:1px solid var(--mp-line);border-radius:2px;overflow:hidden}
.mp-article #inhalt .editorial-hero img{width:100%;height:auto;max-height:none;aspect-ratio:40/21;object-fit:contain}
.mp-article #inhalt .editorial-hero figcaption{font:10px/1.7 var(--mono);padding:12px 16px;background:var(--mp-surface);color:var(--mp-muted)}
.mp-article #inhalt .article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:60px;max-width:1060px;margin:45px auto 60px}
.mp-article #inhalt .article-layout>aside{min-width:0}
.mp-article #inhalt .toc{position:sticky;top:24px;background:none;border:0;border-top:2px solid var(--mp-copper);border-radius:0;padding:18px 0 0;margin:0;max-height:calc(100dvh - 48px);overflow:auto}
.mp-article #inhalt .toc summary{font:600 12px/1.5 var(--sans);cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between}
.mp-article #inhalt .toc summary::after{content:'−';color:var(--mp-copper);font-size:20px}
.mp-article #inhalt .toc:not([open]) summary::after{content:'+'}
.mp-article #inhalt .toc ol{list-style:decimal;margin:10px 0 0;padding-left:20px}
.mp-article #inhalt .toc li{font:10px/1.5 var(--mono);color:var(--mp-muted);margin:0;padding:0 0 5px 3px}
.mp-article #inhalt .toc a{display:block;padding:7px 0;min-height:44px;font:12px/1.65 var(--sans);color:var(--mp-ink);text-decoration:none}
.mp-article #inhalt .toc a:hover{text-decoration:underline;text-decoration-color:var(--mp-copper)}
.mp-article #inhalt .article-body{font:20px/1.85 var(--serif);min-width:0}
.mp-article #inhalt .article-body h2{font:35px/1.22 var(--serif);letter-spacing:-.035em;margin-top:46px;scroll-margin-top:28px;text-wrap:balance}
.mp-article #inhalt .article-body h3{font:27px/1.3 var(--serif);margin-top:30px}
.mp-article #inhalt .article-body p{margin-block:20px}
.mp-article #inhalt .article-body a{color:var(--mp-copper)}
.mp-article #inhalt .article-takeaway{margin:0 0 35px;padding:23px 26px;background:#ece8df;border:0;border-left:2px solid var(--mp-copper)}
.mp-article #inhalt .article-takeaway .eyebrow{font:10px/1.5 var(--mono);color:var(--mp-copper)}
.mp-article #inhalt .article-takeaway p{font:17px/1.8 var(--sans);margin:13px 0 0}
.mp-article #inhalt .content-visual{background:var(--mp-surface);border:1px solid var(--mp-line);border-radius:2px}
.mp-article #inhalt .content-visual figcaption{font:12px/1.8 var(--sans);padding:16px 18px;color:var(--mp-muted);border-color:var(--mp-line)}
.mp-article #inhalt .article-body pre{background:var(--mp-ink);color:#f6f3ec;padding:22px;border:0;border-radius:2px;overflow-x:auto;max-width:100%;font:13px/1.8 var(--mono)}
.mp-article #inhalt .article-body pre code{background:none;color:inherit;font-size:inherit}
.mp-article #inhalt .source-list{padding-top:24px;border-top:1px solid var(--mp-line);margin-top:46px}
.mp-article #inhalt .source-list h2{font-size:31px;margin:0 0 15px}
.mp-article #inhalt .source-list p{font:15px/1.8 var(--sans);color:var(--mp-muted)}
.mp-article #inhalt .source-list ol{padding-left:22px;font:14px/1.8 var(--sans)}
.mp-article #inhalt .source-list li{margin:18px 0;padding-left:5px}
.mp-article #inhalt .source-list .meta{display:block;margin-top:7px;font:10px/1.8 var(--mono);color:var(--mp-muted)}
.mp-article #inhalt .author-box{border:1px solid var(--mp-line);border-radius:2px;background:var(--mp-surface);padding:22px;margin:35px 0}
.mp-article #inhalt .author-box h3{font:27px/1.2 var(--serif);margin:0 0 12px}
.mp-article #inhalt .author-box p{font:14px/1.8 var(--sans);margin:0;color:var(--mp-muted)}
.mp-article #inhalt>.section>.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-article #inhalt .mp-story h3{font-size:27px}
.page-magazine #inhalt .faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;margin-block:50px}
.page-magazine #inhalt .faq-section>.section-heading{border:0;margin:0;padding:0}
.page-magazine #inhalt .faq-list{border-color:var(--mp-line)}
.page-magazine #inhalt .faq-list details{border-color:var(--mp-line);border-radius:0;background:none;padding-inline:0}
.page-magazine #inhalt .faq-list summary{font:21px/1.45 var(--serif);padding:20px 38px 20px 0}
.page-magazine #inhalt .faq-list summary::after{color:var(--mp-copper)}
.page-magazine #inhalt .faq-list p{font:15px/1.85 var(--sans);color:var(--mp-muted);padding:0 25px 23px 0}
.page-magazine #inhalt :focus-visible{outline:3px solid var(--mp-copper);outline-offset:5px}
@media(min-width:1000px){.mp-collection #inhalt .page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);column-gap:65px;align-items:end}.mp-collection #inhalt .page-intro>.breadcrumb,.mp-collection #inhalt .page-intro>.eyebrow{grid-column:1/-1}.mp-collection #inhalt .page-intro h1{grid-column:1}.mp-collection #inhalt .page-intro .lede{grid-column:2;max-width:44ch;margin:0}.mp-collection #inhalt .page-intro:has(>.eyebrow)>.breadcrumb{margin-bottom:18px}}
@media(max-width:1000px){.page-magazine #inhalt .cluster-paths{grid-template-columns:1fr;gap:18px}.page-magazine #inhalt .cluster-paths .section-heading,.page-magazine #inhalt .cluster-paths>p,.page-magazine #inhalt .cluster-list{grid-column:1;grid-row:auto}.page-magazine #inhalt .cluster-paths>p{max-width:78ch}.mp-article #inhalt .article-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.page-magazine #inhalt .section-heading{flex-wrap:wrap;gap:10px 20px}.page-magazine #inhalt .section-heading>a{flex-shrink:1}}
@media(max-width:800px){.mp-article #inhalt .article-layout{display:block;max-width:740px}.mp-article #inhalt .toc{position:static;max-height:none;margin-bottom:30px}.mp-article #inhalt .toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.page-magazine #inhalt .editorial-strip{grid-template-columns:1fr;gap:25px}.page-magazine #inhalt .directory-service-pages>.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-magazine #inhalt .faq-section{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){.page-magazine #inhalt .page-intro{padding:28px 0 26px}.page-magazine #inhalt .breadcrumb{font-size:9px;margin-bottom:21px}.page-magazine #inhalt .page-intro h1{font-size:clamp(36px,10vw,46px);max-width:22ch;line-height:1.09}.page-magazine #inhalt .page-intro .lede{font-size:16px;line-height:1.85;margin-top:18px}.page-magazine #inhalt .collection-nav{gap:2px 22px;margin-bottom:26px}.page-magazine #inhalt .collection-nav a{font-size:12px}.mp-collection #inhalt .story-grid,.page-magazine #inhalt .academy-grid,.mp-article #inhalt>.section>.story-grid{display:grid;grid-template-columns:1fr;gap:23px}.page-magazine #inhalt .mp-story>.eyebrow{padding:22px 21px 0;font-size:9px}.page-magazine #inhalt .mp-story-copy{padding:12px 21px 21px}.page-magazine #inhalt .mp-story h3,.mp-article #inhalt .mp-story h3{font-size:29px}.page-magazine #inhalt .mp-story p{font-size:14px}.page-magazine #inhalt .results-heading{align-items:start;flex-wrap:wrap;gap:12px}.page-magazine #inhalt .section-heading h2,.page-magazine #inhalt .results-heading h2{font-size:31px}.page-magazine #inhalt .section-heading>a{font-size:12px}.page-magazine #inhalt .cluster-paths{padding:24px 0;margin:28px 0}.page-magazine #inhalt .cluster-paths h2{font-size:32px}.page-magazine #inhalt .cluster-list{grid-template-columns:1fr;gap:0}.page-magazine #inhalt .cluster-list a{font-size:14px;min-height:54px;padding:13px 0}.page-magazine #inhalt .cluster-list li::before{top:17px}.page-magazine #inhalt .filter-bar{display:grid;grid-template-columns:1fr;padding:18px;gap:16px}.page-magazine #inhalt .filter-bar .button{width:100%;white-space:normal;min-width:0}.page-magazine #inhalt .editorial-strip{padding:26px 0;margin-block:35px}.page-magazine #inhalt .editorial-strip h2{font-size:32px}.page-magazine #inhalt .editorial-strip p{font-size:15px}.page-magazine #inhalt .top-ten-method,.page-magazine #inhalt .top-ten-intro{font-size:14px}.page-magazine #inhalt .directory-grid{grid-template-columns:1fr;gap:22px}.page-magazine #inhalt .directory-grid>.cluster-paths{padding:24px 21px}.page-magazine #inhalt .directory-grid h2{font-size:30px}.page-magazine #inhalt .directory-list a{font-size:14px}.page-magazine #inhalt .directory-service-grid{gap:22px}.page-magazine #inhalt .directory-service-meta{grid-template-columns:1fr;gap:20px}.page-magazine #inhalt .academy-card{padding:23px}.page-magazine #inhalt .academy-card h2{font-size:30px}.page-magazine #inhalt .mp-model-marks{gap:24px;padding-bottom:20px;margin-bottom:20px}.page-magazine #inhalt .mp-model-marks img{width:54px;height:54px}.page-magazine #inhalt .tool-panel{padding:21px 18px}.page-magazine #inhalt .tool-panel .filter-bar{padding:15px}.page-magazine #inhalt .tool-panel .section-heading h2{font-size:28px}.page-magazine #inhalt .academy-method,.page-magazine #inhalt .compare-conclusion{padding:22px}.page-magazine #inhalt .academy-method h2,.page-magazine #inhalt .compare-conclusion h2{font-size:30px}.page-magazine #inhalt .academy-method p,.page-magazine #inhalt .compare-conclusion p{font-size:14px}.mp-comparison-detail #inhalt .diagram-text{grid-template-columns:1fr 1fr;gap:20px}.mp-comparison-detail #inhalt .section>h2{font-size:31px}.mp-article #inhalt .page-intro h1{font-size:36px}.mp-article #inhalt .page-intro .lede{font-size:16px}.mp-article #inhalt .page-intro .meta{gap:0 16px;font-size:10px}.mp-article #inhalt .editorial-hero figcaption{font-size:9px;padding:11px 13px}.mp-article #inhalt .article-layout{margin-top:30px}.mp-article #inhalt .toc ol{display:block}.mp-article #inhalt .article-body{font-size:18px;line-height:1.85}.mp-article #inhalt .article-body h2{font-size:31px}.mp-article #inhalt .article-body h3{font-size:25px}.mp-article #inhalt .article-takeaway{padding:21px}.mp-article #inhalt .article-takeaway p{font-size:15px}.mp-article #inhalt .content-visual figcaption{font-size:12px;padding:14px}.page-magazine #inhalt .faq-section{margin-block:36px}.page-magazine #inhalt .faq-list summary{font-size:20px}.page-magazine #inhalt .faq-list p{font-size:14px}.page-magazine #inhalt .section{margin-block:36px}}
@media(max-width:350px){.page-magazine #inhalt .page-intro h1{font-size:34px}.page-magazine #inhalt .mp-story-copy{padding-inline:18px}.page-magazine #inhalt .mp-story>.eyebrow{padding-inline:18px}.page-magazine #inhalt .mp-story h3{font-size:27px}.page-magazine #inhalt .academy-card{padding:21px}.page-magazine #inhalt .tool-panel{padding-inline:16px}.page-magazine #inhalt .tool-panel .filter-bar{padding:12px}}
@media print{.page-magazine #inhalt .article-layout{display:block}.page-magazine #inhalt .toc{display:none}.page-magazine #inhalt .mp-story h3 a::after{display:none}.page-magazine #inhalt .story-grid,.page-magazine #inhalt .academy-grid{display:block}.page-magazine #inhalt .mp-story{break-inside:avoid;margin-bottom:20px}.page-magazine #inhalt .table-wrap,.page-magazine #inhalt .table-scroll{overflow:visible}.page-magazine #inhalt table{min-width:0!important}}