/* Generated by tools/build-styles.py; edit editorial-2026.css instead. */
body.mbp-editorial { --ed-line: var(--mbp-color-border); --ed-ink: var(--mbp-color-heading); --ed-muted: var(--mbp-color-text-muted); --ed-paper: var(--mbp-color-bg); } .mbp-editorial .container { width: min(1200px, calc(100% - 64px)); max-width: 1200px; } .mbp-editorial a:focus-visible,.mbp-editorial button:focus-visible,.mbp-editorial summary:focus-visible,.mbp-editorial input:focus-visible { outline: 2px solid var(--mbp-color-accent); outline-offset: 5px; } .mbp-editorial [hidden] { display: none !important; } .mbp-editorial .mbp-ed-eyebrow { display:block; color:var(--mbp-color-accent); font:600 10px/1.5 var(--mbp-font-sans); letter-spacing:1.8px; text-transform:uppercase; } .mbp-editorial .mbp-ed-text-link { display:inline-flex; align-items:center; gap:12px; font:600 12px/1.6 var(--mbp-font-sans); min-height:44px; color:var(--ed-ink); text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--ed-line); }  .mbp-ed-text-link:hover { color:var(--mbp-color-accent); text-decoration-color:currentColor; } .mbp-editorial .mbp-ed-button { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:50px; padding:12px 24px; background:var(--mbp-color-accent-solid); color:var(--mbp-color-on-accent); font:600 13px/1.5 var(--mbp-font-sans); border:1px solid transparent; border-radius:4px; } .mbp-editorial .mbp-ed-button:hover { background:var(--mbp-color-accent-solid-hover); color:var(--mbp-color-on-accent); }  .mbp-editorial #header { background:var(--mbp-color-surface); padding:0; margin-bottom:0; } .mbp-editorial #header .inner-header { padding:18px 0; margin:0; height:auto; } .mbp-editorial #header .inner-header > .container { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0; } .mbp-editorial #header .inner-header > .container::before, .mbp-editorial #header .inner-header > .container::after { display:none; } .mbp-editorial #header #logo { margin:0; padding:0; grid-column:2; grid-row:1; text-align:center; } .mbp-editorial #header #logo img { width:230px; height:auto; max-height:84px; }  @media(min-width:1024px) { .mbp-editorial #header #logo img { width:320px; max-height:116px; } } .mbp-editorial #header .header-slogan { display:none; } .mbp-ed-mast-note { font:500 12px/1.8 var(--mbp-font-sans); color:var(--ed-muted); max-width:220px; } .mbp-ed-mast-note strong { display:block; color:var(--ed-ink); font-weight:600; } .mbp-ed-mast-actions { justify-self:end; display:flex; align-items:center; gap:18px; min-width:0; flex-wrap:wrap; justify-content:flex-end; row-gap:0; } .mbp-ed-mast-actions .mbp-about-access--desktop { display:flex; align-items:center; gap:2px; position:relative; } body.mbp-editorial .mbp-ed-mast-actions :is(.mbp-about-access > a,.mbp-header-contact) { display:inline-flex; align-items:center; min-height:44px; font:500 12px/1.5 var(--mbp-font-sans); border:0; padding:10px 0; color:var(--mbp-color-heading); } body.mbp-editorial .mbp-ed-mast-actions :is(.mbp-about-access > a,.mbp-header-contact):is(:hover,:focus-visible) { text-decoration:underline; text-underline-offset:5px; } @media(max-width:1280px) { .mbp-ed-mast-actions { gap:15px; } } @media(max-width:960px) { .mbp-editorial #header { height:60px; min-height:60px; background:transparent; border:none; } .mbp-editorial #header .inner-header { display:none; } }  html[data-theme="dark"] #header, html[data-theme="dark"] #header .inner-header { background:#141a24; border-color:#242f40; } @media print { .mbp-ed-mast-actions { display:none; } } .mbp-editorial .mbp-ed-notebook-trigger { display:inline-flex; gap:8px; align-items:center; min-height:44px; padding:8px 0; background:none; border:0; color:var(--ed-ink); font:600 12px/1.4 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; } .mbp-ed-notebook-trigger svg { width:17px; } .mbp-ed-notebook-trigger [data-notebook-count]:not(:empty) { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); border-radius:50%; padding:3px 6px; } .mbp-editorial #top-search a.search-click { width:44px!important; height:44px!important; min-width:44px; } .mbp-editorial #top-search { width:44px!important; }  .mbp-ed-home { padding-bottom:72px; } .mbp-ed-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; padding:40px 0 34px; } .mbp-ed-intro .mbp-ed-eyebrow { margin:0 0 12px; } .mbp-editorial .mbp-ed-intro h1 { font:500 clamp(34px,3.85vw,54px)/1.15 var(--mbp-font-serif); letter-spacing:-1.5px; color:var(--ed-ink); margin:0 0 14px; } .mbp-ed-intro h1 em { font-weight:400; color:var(--mbp-color-accent); }  .mbp-ed-amp { font-weight:400; font-size:.62em; color:var(--mbp-color-text-muted); vertical-align:.06em; }  .mbp-editorial .mbp-ed-card--lead .mbp-ed-amp { color:inherit; opacity:.72; } .mbp-editorial .mbp-ed-intro-text { font:400 13px/1.85 var(--mbp-font-sans); color:var(--ed-muted); max-width:490px; margin:0; } .mbp-ed-finder { padding-top:10px; min-width:0; } .mbp-ed-finder label { display:block; font:600 12px/1.6 var(--mbp-font-sans); color:var(--ed-ink); margin-bottom:10px; } .mbp-ed-searchbox { display:flex; align-items:center; gap:10px; border:1px solid var(--mbp-color-field-border); background:var(--mbp-color-surface); padding:5px 5px 5px 16px; border-radius:4px; } .mbp-ed-searchbox > svg { flex-shrink:0; width:18px; color:var(--ed-muted); } .mbp-editorial .mbp-ed-searchbox input { border:0; background:transparent; min-width:0; width:100%; padding:10px 0; height:44px; color:var(--ed-ink); font:400 13px/1.5 var(--mbp-font-sans); box-shadow:none; } .mbp-editorial .mbp-ed-searchbox button { display:grid; place-items:center; height:44px; width:46px; flex-shrink:0; padding:0; background:var(--mbp-color-accent-solid); color:var(--mbp-color-on-accent); border:0; border-radius:3px; cursor:pointer; } .mbp-ed-suggestions { display:flex; flex-wrap:wrap; align-items:center; gap:0 15px; font:400 12px/1.7 var(--mbp-font-sans); color:var(--ed-muted); margin-top:8px; } .mbp-ed-suggestions a { color:var(--ed-ink); padding:7px 0; text-decoration:underline; text-decoration-color:var(--ed-line); text-underline-offset:3px; } .mbp-ed-suggestions a:hover { color:var(--mbp-color-accent); text-decoration-color:currentColor; } .mbp-ed-cover { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:28px; align-items:start; } .mbp-ed-card { min-width:0; } .mbp-ed-card-image { display:block; overflow:hidden; background:var(--mbp-color-surface-soft); } .mbp-ed-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } @media(hover:hover) { .mbp-ed-card:hover .mbp-ed-card-image img,.mbp-ed-theme:hover img { transform:scale(1.025); } }  .mbp-ed-card--lead { position:relative; } .mbp-ed-card--lead .mbp-ed-card-image { position:relative; aspect-ratio:16/10; border-radius:5px; } .mbp-ed-card--lead .mbp-ed-card-copy { position:relative; display:flex; flex-direction:column; max-width:min(540px,80%); margin:-132px 0 0 28px; padding:24px 28px 10px; background:var(--mbp-color-surface); border-radius:4px; box-shadow:0 12px 32px rgba(17,24,39,.12); } .mbp-editorial .mbp-ed-card--lead .mbp-ed-eyebrow { letter-spacing:2px; display:flex; align-items:center; min-height:24px; margin-bottom:6px; } .mbp-editorial .mbp-ed-card h2 { font:500 24px/1.28 var(--mbp-font-serif); color:var(--ed-ink); letter-spacing:-.4px; margin:9px 0 15px; text-transform:none; overflow-wrap:break-word; }  .mbp-editorial .mbp-ed-card h2:is(:lang(de),:lang(nl)) { -webkit-hyphens:auto; hyphens:auto; } .mbp-editorial .mbp-ed-card h2 a { color:inherit; } .mbp-editorial .mbp-ed-card h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; } .mbp-editorial .mbp-ed-card--lead h2 { font-size:31px; line-height:1.2; margin:0 0 14px; } .mbp-editorial .mbp-ed-story-link { display:inline-flex; align-items:center; gap:12px; align-self:flex-start; color:var(--ed-ink); font:600 12px/1.6 var(--mbp-font-sans); border-bottom:1px solid var(--ed-line); padding:4px 0 8px; } .mbp-ed-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--ed-muted); font:400 10px/1.6 var(--mbp-font-sans); min-height:44px; } .mbp-ed-card-bottom > span > span { padding:0 5px; } .mbp-ed-card--lead .mbp-ed-card-bottom { margin-top:4px; } @media(max-width:1180px) { .mbp-editorial .mbp-ed-card--lead h2 { font-size:28px; } .mbp-ed-card--lead .mbp-ed-card-copy { margin-top:-112px; padding:22px 24px 8px; } } .mbp-editorial a.mbp-ed-eyebrow:hover { text-decoration:underline; text-underline-offset:3px; } .mbp-editorial .mbp-ed-story-link:hover { border-bottom-color:currentColor; } .mbp-editorial .mbp-ed-save { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; color:var(--mbp-color-accent); border:1px solid var(--ed-line); border-radius:4px; background:var(--mbp-color-surface); font:600 13px/1.5 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; } .mbp-editorial .mbp-ed-save.is-compact { width:44px; height:44px; padding:10px; border:0; background:transparent; color:inherit; } .mbp-ed-save[aria-pressed="true"] svg { fill:currentColor; }  .mbp-editorial .mbp-ed-save.is-compact { border-radius:4px; transition:background-color 150ms ease,color 150ms ease; } @media(hover:hover) and (pointer:fine) { .mbp-editorial .mbp-ed-save.is-compact:hover { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); } } .mbp-ed-cover-side { display:flex; flex-direction:column; min-width:0; } .mbp-ed-side-label { margin:0 0 13px; border-bottom:1px solid var(--ed-line); padding-bottom:12px; } .mbp-ed-card--side { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:18px; padding:15px 0; flex:1; } .mbp-ed-card--side + .mbp-ed-card--side { border-top:1px solid var(--ed-line); } .mbp-ed-card--side .mbp-ed-card-image { aspect-ratio:4/5; max-height:188px; border-radius:3px; } .mbp-ed-card--side .mbp-ed-card-copy { align-self:center; } .mbp-editorial .mbp-ed-card--side h2 { font-size:22px; } .mbp-ed-card--side .mbp-ed-eyebrow { font-size:9px; letter-spacing:1px; } .mbp-ed-section { padding:66px 0 0; } .mbp-ed-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; } .mbp-editorial .mbp-ed-section-heading h2,.mbp-editorial .mbp-ed-section-heading h1,.mbp-editorial .mbp-ed-destinations h2,.mbp-editorial .mbp-ed-about h2,.mbp-editorial .mbp-ed-newsletter h2 { font:500 34px/1.22 var(--mbp-font-serif); letter-spacing:-.7px; color:var(--ed-ink); margin:9px 0 0; } .mbp-ed-section-heading > p { color:var(--ed-muted); font:400 12px/1.7 var(--mbp-font-sans); margin:0 0 3px; } .mbp-ed-themes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } .mbp-ed-theme { min-width:0; display:block; } .mbp-ed-theme-image { aspect-ratio:5/4; position:relative; overflow:hidden; border-radius:3px; background:var(--mbp-color-surface-soft); } .mbp-ed-theme-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .mbp-ed-theme-image > span { position:absolute; top:12px; left:12px; font:500 11px var(--mbp-font-sans); background:var(--ed-paper); color:var(--ed-ink); padding:7px 9px; } .mbp-ed-theme-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:17px; } .mbp-editorial .mbp-ed-theme h3 { font:500 22px/1.25 var(--mbp-font-serif); color:var(--ed-ink); margin:0; } .mbp-ed-theme-title svg { width:17px; flex-shrink:0; color:var(--mbp-color-accent); } .mbp-editorial .mbp-ed-theme p { font:400 12px/1.7 var(--mbp-font-sans); color:var(--ed-muted); margin:8px 0 0; } .mbp-ed-destinations { margin-top:64px; padding:36px 0; border-block:1px solid var(--ed-line); background:var(--mbp-color-surface-soft); } .mbp-ed-destinations > .container { display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:center; } .mbp-editorial .mbp-ed-destinations h2 { font-size:29px; } .mbp-ed-destinations nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 22px; } .mbp-ed-destinations nav a { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:7px 0; border-bottom:1px solid var(--ed-line); color:var(--ed-ink); font:500 12px/1.5 var(--mbp-font-sans); } .mbp-ed-destinations nav a svg { width:15px; color:var(--mbp-color-accent); } .mbp-ed-destinations nav a:hover { color:var(--mbp-color-accent); border-bottom-color:currentColor; } .mbp-ed-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 28px; } .mbp-ed-card--standard .mbp-ed-card-image { aspect-ratio:3/2; border-radius:3px; } .mbp-ed-card--standard .mbp-ed-card-copy { padding:18px 0 0; } .mbp-ed-card--standard .mbp-ed-card-bottom { border-top:1px solid var(--ed-line); } .mbp-ed-home .mbp-pagination { margin-top:32px; } .mbp-ed-about { display:grid; grid-template-columns:250px 1fr; gap:60px; align-items:center; padding:44px 60px; margin-top:66px; border-block:1px solid var(--ed-line); } .mbp-ed-about-photo { aspect-ratio:1; overflow:hidden; border-radius:50% 50% 4px 4px; background:var(--mbp-color-surface-soft); } .mbp-editorial .mbp-ed-about p,.mbp-editorial .mbp-ed-newsletter p { font:400 13px/1.9 var(--mbp-font-sans); color:var(--ed-muted); max-width:570px; margin:20px 0 14px; } .mbp-ed-newsletter { display:grid; grid-template-columns:1.3fr 1fr; gap:50px; align-items:center; margin-top:60px; padding:38px 44px; border:1px solid var(--ed-line); border-radius:5px; background:var(--mbp-color-accent-subtle); } .mbp-ed-newsletter > div:last-child { justify-self:end; } .mbp-editorial .mbp-ed-newsletter .mbp-ed-fine-print { font-size:12px; margin:10px 0 0; text-align:center; }  .mbp-editorial .mbp-feed-card { border:0; border-radius:3px; box-shadow:none; background:transparent; } .mbp-editorial .mbp-feed-card:hover { box-shadow:none; transform:none; } .mbp-editorial .mbp-feed-body { padding:20px 0; } .mbp-editorial .mbp-feed-media { border-radius:3px; } .mbp-editorial .mbp-feed-title { font-weight:500; } .mbp-editorial .mbp-widget { box-shadow:none; border-radius:4px; } .mbp-editorial .mbp-single-header { text-align:left; } .mbp-editorial .mbp-single-title { font-weight:500; line-height:1.16; letter-spacing:-1px; } .mbp-ed-reading-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:24px 0 0; } .mbp-ed-quick-toc { flex-basis:100%; border:1px solid var(--ed-line); border-radius:4px; background:var(--mbp-color-surface-soft); color:var(--ed-ink); } .mbp-ed-quick-toc summary { font:600 12px/1.6 var(--mbp-font-sans); padding:14px 18px; cursor:pointer; min-height:48px; } .mbp-ed-quick-toc nav { display:grid; gap:2px; padding:0 18px 15px; } .mbp-ed-quick-toc nav a { min-height:38px; padding:8px 0; font:400 12px/1.6 var(--mbp-font-sans); color:var(--mbp-color-accent); border-top:1px solid var(--ed-line); } .mbp-editorial .mbp-entry-content h2,.mbp-editorial .mbp-entry-content h3,.mbp-editorial .mbp-entry-content [id] { scroll-margin-top:100px; }  .mbp-ed-notebook { margin:auto; inset:0; width:min(570px,calc(100% - 32px)); max-height:85dvh; padding:30px; border:1px solid var(--ed-line); border-radius:8px; background:var(--mbp-color-surface); color:var(--ed-ink); box-shadow:0 20px 90px #0003; } .mbp-ed-notebook[open] { display:flex; flex-direction:column; overflow:hidden; } .mbp-ed-notebook > :not([data-notebook-list]) { flex-shrink:0; }  .mbp-ed-notebook [data-notebook-list] { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-inline:5px 24px; margin-inline:-5px; } .mbp-ed-notebook-feedback { min-height:1.6em; margin:12px 0 0; font:400 12px/1.6 var(--mbp-font-sans); color:var(--ed-muted); } .mbp-ed-notebook::backdrop { background:rgba(10,20,16,.6); } .mbp-ed-notebook-head { display:flex; align-items:center; justify-content:space-between; gap:20px; } .mbp-editorial .mbp-ed-notebook h2 { color:var(--ed-ink); font:500 34px/1.2 var(--mbp-font-serif); margin:6px 0 0; } .mbp-ed-notebook-head > div { min-width:0; } .mbp-ed-notebook-head button { flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; padding:0; background:transparent; border:1px solid var(--ed-line); color:var(--ed-ink); border-radius:4px; cursor:pointer; } .mbp-ed-notebook-head button:is(:hover,:active) { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); } .mbp-ed-notebook-note { font:400 12px/1.8 var(--mbp-font-sans); color:var(--ed-muted); margin:20px 0; } .mbp-ed-empty { padding:28px 0; border-top:1px solid var(--ed-line); } .mbp-editorial .mbp-ed-empty h3 { font:500 24px/1.4 var(--mbp-font-serif); color:var(--ed-ink); } .mbp-ed-empty p { font:400 13px/1.8 var(--mbp-font-sans); color:var(--ed-muted); } .mbp-ed-saved-row { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 0; border-top:1px solid var(--ed-line); } .mbp-ed-saved-row a { min-width:0; overflow-wrap:anywhere; font:500 18px/1.4 var(--mbp-font-serif); color:var(--ed-ink); } .mbp-ed-saved-row button { text-transform:none; letter-spacing:0; flex-shrink:0; padding:10px 0; min-height:44px; background:none; border:0; font:500 11px/1.5 var(--mbp-font-sans); text-decoration:underline; color:var(--ed-muted); cursor:pointer; } .mbp-editorial .mbp-ed-nav-notebook { position:relative; display:inline-flex; padding:0; width:44px; flex:0 0 44px; justify-content:center; } .mbp-ed-nav-notebook [data-notebook-count]:not(:empty) { position:absolute; top:0; right:0; min-width:16px; height:16px; font-size:9px; } @media(max-width:960px) { .mbp-editorial .container { width:calc(100% - 40px); } .mbp-ed-intro { gap:30px; padding:30px 0; } .mbp-ed-cover { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:22px; } .mbp-ed-card--side { display:block; padding:12px 0 4px; } .mbp-ed-card--side .mbp-ed-card-image { display:none; } .mbp-editorial .mbp-ed-card--lead h2 { font-size:27px; } .mbp-ed-cover .mbp-ed-card--lead .mbp-ed-card-copy { margin:-104px 0 0 20px; padding:20px 22px 8px; } .mbp-ed-cover-side .mbp-ed-card-copy { padding:0; } .mbp-ed-about { padding:35px 20px; gap:35px; grid-template-columns:200px 1fr; } .mbp-ed-newsletter { padding:30px; gap:30px; } .mbp-ed-themes { gap:18px; } .mbp-editorial .mbp-ed-theme h3 { font-size:20px; } } @media(max-width:768px) { .mbp-ed-intro { grid-template-columns:1fr; gap:20px; } .mbp-editorial .mbp-ed-intro h1 { font-size:42px; } .mbp-ed-intro-text { max-width:100%; } .mbp-ed-finder { padding:0; } .mbp-editorial .mbp-ed-searchbox input { font-size:16px; } .mbp-ed-cover { grid-template-columns:1fr; gap:20px; } .mbp-ed-cover-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .mbp-ed-side-label { grid-column:1/-1; margin:0; padding-bottom:10px; } .mbp-ed-card--side { padding:0; } .mbp-ed-card--side + .mbp-ed-card--side { border:0; } .mbp-ed-card--side .mbp-ed-card-image { display:block; aspect-ratio:3/2; max-height:none; margin-bottom:12px; } .mbp-editorial .mbp-ed-card--side h2 { font-size:22px; } .mbp-ed-section { padding-top:44px; } .mbp-ed-section-heading { align-items:start; margin-bottom:22px; } .mbp-ed-section-heading > p { display:none; } .mbp-ed-themes { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; } .mbp-ed-destinations { margin-top:44px; } .mbp-ed-destinations > .container { grid-template-columns:1fr; gap:22px; } .mbp-ed-journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; } .mbp-editorial .mbp-ed-card:not(.mbp-ed-card--lead):not(.mbp-ed-card--side) h2 { font-size:23px; } .mbp-ed-about { grid-template-columns:140px 1fr; gap:24px; padding:30px 0; margin-top:44px; } .mbp-ed-newsletter { grid-template-columns:1fr; gap:15px; margin-top:40px; padding:28px; } .mbp-ed-newsletter > div:last-child { justify-self:start; } .mbp-ed-newsletter .mbp-ed-fine-print { text-align:left!important; } .mbp-editorial .mbp-ed-section-heading h2,.mbp-editorial .mbp-ed-about h2,.mbp-editorial .mbp-ed-newsletter h2 { font-size:30px; } } @media(max-width:480px) { .mbp-editorial .container { width:calc(100% - 32px); } .mbp-ed-intro { padding-top:26px; } .mbp-editorial .mbp-ed-intro h1 { font-size:36px; letter-spacing:-1.1px; } .mbp-editorial .mbp-ed-card--side h2 { font-size:21px; } .mbp-ed-card-bottom { font-size:12px; } .mbp-ed-cover-side { gap:16px; } .mbp-ed-section-heading { flex-wrap:wrap; gap:8px; } .mbp-ed-section-heading .mbp-ed-text-link { min-height:32px; } .mbp-ed-destinations nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .mbp-ed-journal-grid { grid-template-columns:1fr; } .mbp-ed-about { grid-template-columns:1fr; } .mbp-ed-about-photo { width:150px; } .mbp-ed-newsletter { padding:25px 20px; } .mbp-ed-home { padding-bottom:40px; } .mbp-ed-notebook { padding:22px; } }  @media(max-width:600px) {  .mbp-ed-card--lead { border-radius:5px; overflow:hidden; background:var(--mbp-color-surface-soft); border:1px solid var(--ed-line); } .mbp-ed-card--lead .mbp-ed-card-image { aspect-ratio:3/2; border-radius:0; } .mbp-ed-cover .mbp-ed-card--lead .mbp-ed-card-copy { max-width:none; margin:0; padding:20px; background:none; border-radius:0; box-shadow:none; } .mbp-editorial .mbp-ed-card--lead h2 { font-size:28px; margin-bottom:12px; } .mbp-ed-card--lead .mbp-ed-card-bottom { margin-top:8px; } } @media(prefers-reduced-motion:reduce) { .mbp-editorial *, .mbp-editorial *::before, .mbp-editorial *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } ::view-transition-old(root),::view-transition-new(root) { animation:none; } } @media print { .mbp-ed-reading-tools,.mbp-ed-save,.mbp-ed-notebook,.mbp-ed-newsletter { display:none!important; } } .mbp-editorial #sidebar-nav .mbp-drawer-slogan { font:400 12px/1.7 var(--mbp-font-sans); } .mbp-editorial .mbp-ed-intro-text { font-size:14px; } .mbp-editorial .mbp-ed-eyebrow { font-size:12px; letter-spacing:1.2px; } .mbp-ed-card-bottom { font-size:12px; } .mbp-editorial .mbp-ed-theme p { font-size:12px; }  .mbp-editorial .cmplz-cookiebanner { background:var(--mbp-color-surface)!important; color:var(--mbp-color-text)!important; border:1px solid var(--ed-line)!important; border-radius:6px!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-title,.mbp-editorial .cmplz-cookiebanner .cmplz-message,.mbp-editorial .cmplz-cookiebanner .cmplz-message p { color:var(--mbp-color-text)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-btn { min-height:44px; border-radius:3px!important; font:600 12px/1.5 var(--mbp-font-sans)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-accept { background:var(--mbp-color-accent-solid)!important; color:var(--mbp-color-on-accent)!important; border-color:var(--mbp-color-accent-solid)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-deny,.mbp-editorial .cmplz-cookiebanner .cmplz-view-preferences { background:var(--mbp-color-surface)!important; color:var(--mbp-color-text)!important; border:1px solid var(--ed-line)!important; }  .mbp-editorial .cmplz-cookiebanner .cmplz-link { color:var(--mbp-color-accent)!important; }  .mbp-editorial .cmplz-cookiebanner .cmplz-categories .cmplz-category { background:var(--mbp-color-surface-soft)!important; border:1px solid var(--ed-line)!important; border-radius:4px!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-category :is(.cmplz-category-title,.cmplz-category-header,.cmplz-description,.cmplz-category-header span) { color:var(--mbp-color-text)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-category .cmplz-always-active { color:var(--mbp-color-accent)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-save-preferences { background:var(--mbp-color-surface)!important; color:var(--mbp-color-text)!important; border:1px solid var(--ed-line)!important; } .mbp-editorial .cmplz-cookiebanner .cmplz-category :is(button,input):focus-visible { outline:2px solid var(--mbp-color-accent)!important; outline-offset:2px!important; }  .mbp-ed-toast { position:fixed; left:50%; bottom:max(24px, env(safe-area-inset-bottom, 0px)); z-index:9998; max-width:min(92vw, 420px); transform:translateX(-50%); padding:12px 16px; border:1px solid var(--ed-line); border-radius:4px; background:var(--mbp-color-surface); color:var(--mbp-color-text); font:500 14px/1.5 var(--mbp-font-sans); box-shadow:0 10px 28px rgba(0,0,0,.14); } .mbp-ed-toast[hidden] { display:none; } @media(max-width:480px) { .mbp-ed-card-bottom { font-size:12px; } } .mbp-editorial .mbp-feed-body > .mbp-ed-save { float:right; color:var(--mbp-color-accent); } .mbp-editorial .mbp-feed-cta { min-height:44px; } .mbp-meta-updated-label { font:inherit; color:var(--ed-muted); } .mbp-editorial .mbp-single-article { border-radius:4px; box-shadow:none; } .mbp-editorial .mbp-page-article .alignleft { margin-right:24px; margin-bottom:24px; } @media(max-width:768px) { .mbp-editorial .mbp-page-article .alignleft { float:none; margin-inline:0; width:100%; } } .mbp-editorial .mbp-feed-card { background:transparent!important; border:0!important; box-shadow:none!important; } .mbp-editorial .mbp-feed-body { padding:18px 0!important; } .mbp-ed-feed-actions { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:auto; padding-top:12px; border-top:1px solid var(--ed-line); } .mbp-editorial .mbp-ed-feed-actions .mbp-feed-cta { margin:0; } .mbp-editorial .mbp-ed-feed-actions .mbp-ed-save { color:var(--mbp-color-accent); } .mbp-editorial .mbp-archive-title { font-size:clamp(32px,4vw,48px)!important; font-weight:500!important; letter-spacing:-.8px; } .mbp-editorial .mbp-archive-description { max-width:720px; } .mbp-editorial .mbp-archive-description p { font:400 14px/1.8 var(--mbp-font-sans); color:var(--ed-muted); } .mbp-editorial .mbp-subcat-pill { min-height:40px; border-radius:4px; } body.mbp-editorial .mbp-feed-card,body.mbp-editorial .mbp-feed-card:hover { background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; } body.mbp-editorial .mbp-search-inline-form { border-radius:4px!important; background:var(--mbp-color-surface)!important; border:1px solid var(--ed-line)!important; padding:5px!important; } body.mbp-editorial .mbp-search-inline-form input { font:400 16px/1.5 var(--mbp-font-sans)!important; color:var(--ed-ink)!important; } body.mbp-editorial .mbp-search-inline-form button { font:600 12px/1.5 var(--mbp-font-sans)!important; min-height:44px; border-radius:3px!important; background:var(--mbp-color-accent-solid)!important; color:var(--mbp-color-on-accent)!important; } body.mbp-editorial .mbp-search-inline-form button:hover, body.mbp-editorial .mbp-search-inline-form button:focus-visible { background:var(--mbp-color-accent-solid-hover)!important; }  .mbp-ed-about-photo { display:block; min-width:0; aspect-ratio:auto; height:auto; border-radius:0; overflow:visible; background:transparent; } .mbp-ed-about-photo img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:50% 50% 4px 4px / 40% 40% 4px 4px; background:var(--mbp-color-surface-soft); } @media(max-width:768px) { .mbp-ed-about { grid-template-columns:190px 1fr; } } @media(max-width:480px) { .mbp-ed-about { grid-template-columns:1fr; } .mbp-ed-about-photo { width:210px; } }  @media(max-width:480px), (max-height:500px) { .mbp-ed-notebook { padding:20px; max-height:calc(100dvh - 24px); border-radius:4px; } .mbp-ed-notebook-head { gap:12px; align-items:flex-start; } .mbp-editorial .mbp-ed-notebook h2 { font-size:28px; } .mbp-ed-notebook-note { margin:16px 0; } .mbp-ed-empty { padding:18px 0; } .mbp-editorial .mbp-ed-empty h3 { font-size:22px; } .mbp-ed-saved-row { display:block; padding:14px 0 4px; } .mbp-ed-saved-row a { display:block; font-size:18px; } .mbp-ed-saved-row button { padding:10px 2px; } } @media(max-height:500px) { .mbp-ed-notebook-head .mbp-ed-eyebrow { display:none; } .mbp-ed-notebook-note { margin:8px 0; font-size:11px; } }  .mbp-ed-mast-actions > .mbp-ed-notebook-trigger { margin-left:8px; } .mbp-editorial .mbp-ed-text-link { font-size:13px; } .mbp-ed-finder label { font-size:13px; } .mbp-ed-suggestions a { min-height:32px; display:inline-flex; align-items:center; } .mbp-ed-saved-row button { font-size:12px; } .mbp-share-fallback { max-width:520px; } .mbp-share-fallback p { margin:20px 0; color:var(--ed-muted); font:400 14px/1.7 var(--mbp-font-sans); } .mbp-share-fallback label { display:block; margin-bottom:8px; font:600 13px/1.5 var(--mbp-font-sans); } .mbp-share-fallback input { width:100%; min-width:0; padding:12px; background:var(--mbp-color-surface); color:var(--ed-ink); border:1px solid var(--ed-muted); font:400 16px/1.5 var(--mbp-font-sans); }  .mbp-js .mbp-editorial .mbp-ed-reading-tools > button[hidden] { display:inline-flex!important; visibility:hidden; }