/* Generated by tools/build-styles.py from instagram-cta.css, editorial-2026.css, navigation-2026.css, legacy-information.css, menu-2026.css, refinements-2026.css, reading-2026.css, toc.css, institutional-2026.css, experiment-wide-galleries.css, experiment-cartouches.css, experiment-photo-galleries.css, linked-images.css. */
.mbp-ig-capsule { position: fixed; bottom: 24px; left: 24px; right: auto; z-index: 999; display: flex; align-items: center; background: var(--mbp-color-surface, #ffffff); border: 1px solid var(--mbp-color-border, rgba(0, 0, 0, 0.08)); border-radius: var(--mbp-radius-pill, 50px); padding: 5px 12px 5px 5px; box-shadow: var(--mbp-shadow-lg, 0 8px 26px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04)); opacity: 0; transform: translateY(20px) scale(0.96); pointer-events: none; transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .mbp-ig-capsule.is-visible { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } .mbp-ig-capsule.is-dismissed { opacity: 0; transform: translateY(20px) scale(0.96); pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease; } .mbp-ig-capsule-link { display: flex; align-items: center; gap: 10px; text-decoration: none !important; color: var(--mbp-color-text, #1a1a1a); padding-right: 4px; } .mbp-ig-capsule-link:hover, .mbp-ig-capsule-link:focus-visible { color: var(--mbp-color-text, #1a1a1a); text-decoration: none !important; } .mbp-ig-capsule-icon-wrap { width: 36px; height: 36px; min-width: 36px; border-radius: 50%; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); display: flex; align-items: center; justify-content: center; color: #ffffff; box-shadow: 0 3px 8px rgba(220, 39, 67, 0.35); transition: transform 0.25s ease; } .mbp-ig-capsule-link:hover .mbp-ig-capsule-icon-wrap, .mbp-ig-capsule-link:focus-visible .mbp-ig-capsule-icon-wrap { transform: scale(1.06) rotate(4deg); } .mbp-ig-capsule-icon-wrap svg { width: 20px; height: 20px; fill: #ffffff; } .mbp-ig-capsule-text { display: flex; flex-direction: column; line-height: 1.25; text-align: left; } .mbp-ig-capsule-handle { font-family: var(--mbp-font-serif, var(--pchead-font, 'Playfair Display', Georgia, serif)); font-size: 13.5px; font-weight: 700; color: var(--mbp-color-heading, #1a1a1a); letter-spacing: 0.2px; } .mbp-ig-capsule-sub { font-family: var(--mbp-font-sans, var(--pcbody-font, 'Plus Jakarta Sans', -apple-system, sans-serif)); font-size: 10.5px; font-weight: 500; color: var(--mbp-color-text-muted, #666666); letter-spacing: 0.2px; margin-top: 1px; white-space: nowrap; } .mbp-ig-capsule-arrow { display: flex; align-items: center; justify-content: center; color: #dc2743; margin-left: 3px; transition: transform 0.2s ease; } .mbp-ig-capsule-link:hover .mbp-ig-capsule-arrow, .mbp-ig-capsule-link:focus-visible .mbp-ig-capsule-arrow { transform: translateX(3px); } .mbp-ig-capsule-close { background: transparent; border: none; padding: 4px; margin-left: 4px; cursor: pointer; color: var(--mbp-color-text-muted, #aaaaaa); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; transition: background-color 0.2s ease, color 0.2s ease; outline: none; } .mbp-ig-capsule-close:hover, .mbp-ig-capsule-close:focus-visible { background: var(--mbp-color-surface-soft, rgba(0, 0, 0, 0.06)); color: var(--mbp-color-heading, #333333); }  @media (max-width: 767px) { .mbp-ig-capsule { bottom: 16px; left: 50%; right: auto; transform: translate(-50%, 20px) scale(0.96); width: auto; max-width: calc(100% - 32px); padding: 5px 10px 5px 5px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16); } .mbp-ig-capsule.is-visible { transform: translate(-50%, 0) scale(1); } .mbp-ig-capsule.is-dismissed { transform: translate(-50%, 20px) scale(0.96); } .mbp-ig-capsule-handle { font-size: 13px; } .mbp-ig-capsule-sub { font-size: 10px; } }  html.dark .mbp-ig-capsule, body.dark-mode .mbp-ig-capsule, body.penci-dark-layout .mbp-ig-capsule, body.penci-dark-mode .mbp-ig-capsule { background: var(--mbp-color-surface, #1e293b); border-color: var(--mbp-color-border, #334155); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); } html.dark .mbp-ig-capsule-handle, body.dark-mode .mbp-ig-capsule-handle, body.penci-dark-layout .mbp-ig-capsule-handle, body.penci-dark-mode .mbp-ig-capsule-handle { color: var(--mbp-color-heading, #f8fafc); } html.dark .mbp-ig-capsule-sub, body.dark-mode .mbp-ig-capsule-sub, body.penci-dark-layout .mbp-ig-capsule-sub, body.penci-dark-mode .mbp-ig-capsule-sub { color: var(--mbp-color-text-muted, #94a3b8); } html.dark .mbp-ig-capsule-close, body.dark-mode .mbp-ig-capsule-close, body.penci-dark-layout .mbp-ig-capsule-close, body.penci-dark-mode .mbp-ig-capsule-close { color: var(--mbp-color-text-muted, #64748b); } html.dark .mbp-ig-capsule-close:hover, body.dark-mode .mbp-ig-capsule-close:hover, body.penci-dark-layout .mbp-ig-capsule-close:hover, body.penci-dark-mode .mbp-ig-capsule-close:hover { background: rgba(255, 255, 255, 0.1); color: var(--mbp-color-heading, #f8fafc); }  .mbp-ig-signoff-card { --mbp-card-accent: var(--mbp-color-accent, #1e6b45);  margin: 45px auto 35px auto; max-width: 100%; background: var(--mbp-color-surface-card, #faf8f5); border: 1px solid var(--mbp-color-border, #ede8e1); border-radius: var(--mbp-radius-lg, 16px); padding: 24px 28px; box-sizing: border-box; position: relative; overflow: hidden; box-shadow: var(--mbp-shadow-sm, 0 4px 18px rgba(0, 0, 0, 0.03)); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1); }  .mbp-ig-signoff-inner { display: flex; flex-direction: column; align-items: flex-start; } .mbp-ig-signoff-header { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; } .mbp-ig-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(220, 39, 67, 0.08); color: #dc2743; padding: 3px 10px; border-radius: var(--mbp-radius-pill, 20px); font-family: var(--mbp-font-sans, var(--pchead-font, 'Playfair Display', Georgia, serif)); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; align-self: flex-start; } .mbp-ig-svg-mini { fill: #dc2743; } .mbp-ig-signoff-title { font-family: var(--mbp-font-serif, var(--pchead-font, 'Playfair Display', Georgia, serif)) !important; font-size: 20px !important; font-weight: 700 !important; color: var(--mbp-color-heading, #1a1a1a) !important; line-height: 1.35 !important; margin: 0 !important; }  .mbp-ig-photos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-bottom: 20px; } .mbp-ig-photo-item { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: var(--mbp-radius-sm, 8px); overflow: hidden; background: var(--mbp-color-surface-soft, #eee); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); border: 1px solid var(--mbp-color-border, transparent); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .mbp-ig-photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); } .mbp-ig-photo-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.25s ease; } .mbp-ig-photo-item:hover, .mbp-ig-photo-item:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1); } .mbp-ig-photo-item:hover img, .mbp-ig-photo-item:focus-visible img { transform: scale(1.06); } .mbp-ig-photo-item:hover .mbp-ig-photo-overlay, .mbp-ig-photo-item:focus-visible .mbp-ig-photo-overlay { opacity: 1; } .mbp-ig-signoff-action { width: 100%; }  .mbp-ig-signoff-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--mbp-card-accent); color: var(--mbp-color-on-accent, #ffffff) !important; font-family: var(--mbp-font-sans, var(--pchead-font, 'Plus Jakarta Sans', sans-serif)); font-size: 13.5px; font-weight: 700; padding: 11px 24px; border-radius: var(--mbp-radius-pill, 30px); text-decoration: none !important; letter-spacing: 0.3px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease; } .mbp-ig-signoff-btn:hover, .mbp-ig-signoff-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); filter: brightness(1.08); color: var(--mbp-color-on-accent, #ffffff) !important; text-decoration: none !important; }  html.dark .mbp-ig-signoff-card, body.dark-mode .mbp-ig-signoff-card, body.penci-dark-layout .mbp-ig-signoff-card, body.penci-dark-mode .mbp-ig-signoff-card { background: var(--mbp-color-surface-card, #1e293b); border-color: var(--mbp-color-border, #334155); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25); } html.dark .mbp-ig-signoff-title, body.dark-mode .mbp-ig-signoff-title, body.penci-dark-layout .mbp-ig-signoff-title, body.penci-dark-mode .mbp-ig-signoff-title { color: var(--mbp-color-heading, #f8fafc) !important; } html.dark .mbp-ig-badge, body.dark-mode .mbp-ig-badge, body.penci-dark-layout .mbp-ig-badge, body.penci-dark-mode .mbp-ig-badge { background: rgba(220, 39, 67, 0.2); }  .mbp-widget-instagram .mbp-ig-sidebar-inner { display: flex; flex-direction: column; } .mbp-ig-sidebar-desc { font-family: var(--mbp-font-sans, var(--pcbody-font, 'Plus Jakarta Sans', sans-serif)); font-size: 13.5px; line-height: 1.6; color: var(--mbp-color-text-muted, #555555); margin-bottom: 14px; } .mbp-ig-sidebar-grid { margin-top: 4px; margin-bottom: 16px; }  .mbp-ig-sidebar-btn { width: 100%; text-align: center; background: var(--mbp-color-accent-solid, #1e6b45); color: var(--mbp-color-on-accent, #ffffff) !important; border: 1px solid var(--mbp-color-accent-solid, #1e6b45); border-radius: var(--mbp-radius-pill, 30px); padding: 11px 20px; font-family: var(--mbp-font-sans, var(--pchead-font, 'Plus Jakarta Sans', sans-serif)); font-size: 13.5px; font-weight: 700; letter-spacing: 0.3px; box-shadow: 0 4px 12px rgba(30, 107, 69, 0.2); transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .mbp-ig-sidebar-btn:hover, .mbp-ig-sidebar-btn:focus-visible { background: var(--mbp-color-accent-solid-hover, #144d31); border-color: var(--mbp-color-accent-solid-hover, #144d31);  filter: none; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(30, 107, 69, 0.3); color: var(--mbp-color-on-accent, #ffffff) !important; text-decoration: none !important; } html.dark .mbp-ig-sidebar-desc, body.dark-mode .mbp-ig-sidebar-desc, body.penci-dark-layout .mbp-ig-sidebar-desc, body.penci-dark-mode .mbp-ig-sidebar-desc { color: var(--mbp-color-text-muted, #cbd5e1); }  .mbp-ig-sidebar-btn:focus-visible { outline: 2px solid var(--mbp-color-accent); outline-offset: 3px; }  @media (prefers-reduced-motion: reduce) { .mbp-ig-capsule, .mbp-ig-signoff-card, .mbp-ig-photo-item, .mbp-ig-photo-item img, .mbp-ig-photo-overlay, .mbp-ig-signoff-btn, .mbp-ig-sidebar-btn { transition: none !important; animation: none !important; } }
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; }
#navigation { background:var(--mbp-color-surface); border-block:1px solid var(--mbp-color-border); position:sticky; top:0; z-index:9999; min-height:52px; } #navigation > .container { display:flex; align-items:center; justify-content:space-between; min-height:52px; gap:12px; } .mbp-nav-actions-right { display:flex; align-items:center; gap:8px; flex-shrink:0; margin-left:auto; } body.mbp-editorial #navigation { border-block-color:var(--ed-line); box-shadow:none; }  html[data-theme="dark"] #navigation, html[data-theme="dark"] #navigation > .container { background:#141a24; border-color:#242f40; } @media(min-width:961px) { .mbp-mobile-nav-logo, .button-menu-mobile.header-5, #navigation .button-menu-mobile { display:none; } } @media(max-width:960px) { #navigation { display:block; height:60px; min-height:60px; margin:0; padding:0; }  body.mbp-editorial #navigation > .container { --mbp-nav-actions-size:94px; display:grid; flex-direction:row; height:60px; min-height:60px; width:100%; padding:0 12px; grid-template-columns:minmax(var(--mbp-nav-actions-size),1fr) minmax(0,155px) minmax(var(--mbp-nav-actions-size),1fr); gap:8px; } #navigation .button-menu-mobile, .button-menu-mobile.header-5, .button-menu-mobile.mbp-mobile-burger { display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-width:44px; padding:0; margin:0; border:0; cursor:pointer; flex-shrink:0; } #navigation .button-menu-mobile svg, #navigation .button-menu-mobile i { width:22px; height:22px; font-size:22px; display:block; } body.mbp-editorial #navigation .button-menu-mobile { justify-self:start; } body.mbp-editorial #navigation .mbp-mobile-nav-logo { display:flex; align-items:center; justify-content:center; flex-grow:1; text-align:center; width:100%; min-width:0; max-width:none; padding:0; } body.mbp-editorial #navigation .mbp-mobile-nav-logo a { display:inline-flex; align-items:center; justify-content:center; min-width:0; width:100%; } body.mbp-editorial #navigation .mbp-mobile-nav-logo img { width:100%; height:auto; max-height:42px; object-fit:contain;  max-width:155px!important; } body.mbp-editorial #navigation .mbp-nav-actions-right { justify-content:flex-end; gap:6px; min-width:38px; justify-self:end; margin-left:0; } } @media(min-width:481px) and (max-width:767px) { body.mbp-editorial #navigation > .container { --mbp-nav-actions-size:144px; } } @media(min-width:768px) and (max-width:960px) { body.mbp-editorial #navigation > .container { --mbp-nav-actions-size:204px; } body.mbp-editorial #navigation .mbp-nav-lang { display:block!important; } body.mbp-editorial #navigation .mbp-lang-current { width:54px; } }  body.mbp-nav-ready #navigation { position:relative; top:auto; transition:none; } body.mbp-nav-ready #navigation.mbp-nav-fixed { position:fixed; top:var(--mbp-nav-offset,0px); left:var(--mbp-nav-left,0px); width:var(--mbp-nav-width,100%); margin:0; z-index:9999; } body.mbp-nav-ready .mbp-navigation-slot { min-height:var(--mbp-nav-height,60px); } body.mbp-nav-ready .mbp-entry-content [id], body.mbp-nav-ready main [id], body.mbp-nav-ready #main { scroll-margin-top:calc(var(--mbp-nav-height,60px) + var(--mbp-nav-offset,0px) + 16px); } @media(max-width:960px) { body.mbp-nav-ready #navigation.mbp-nav-fixed { transition:transform 180ms ease; } body.mbp-nav-ready #navigation.mbp-nav-away { transform:translateY(calc(-100% - var(--mbp-nav-offset,0px) - 2px)); pointer-events:none; } } @media(prefers-reduced-motion:reduce) { body.mbp-nav-ready #navigation.mbp-nav-fixed { transition:none; } } @media print { body.mbp-nav-ready #navigation.mbp-nav-fixed { position:static; transform:none; } body.mbp-nav-ready .mbp-navigation-slot { min-height:0; } } body.mbp-editorial #top-search { margin-left:0; } body.mbp-editorial #sidebar-nav .mbp-drawer-setting { display:flex; flex-direction:column; align-items:flex-start; gap:2px; } body.mbp-editorial #sidebar-nav .mbp-drawer-setting-label { font:500 12px/1.5 var(--mbp-font-sans); color:var(--mbp-color-text-muted); } body.mbp-editorial #navigation .mbp-lang-menu a { min-height:44px; }  body.mbp-editorial :is(#navigation,#sidebar-nav) :is(.mbp-header-dm-toggle,.mbp-lang-current) { display:inline-flex; align-items:center; min-width:44px; min-height:44px; height:44px; max-height:44px; border:1px solid transparent; box-shadow:none; cursor:pointer; } body.mbp-editorial :is(#navigation,#sidebar-nav) .mbp-lang-current { gap:6px; padding:0 10px; font-family:var(--mbp-font-sans); font-size:12px; font-weight:700; } body.mbp-editorial :is(#navigation,#sidebar-nav) .mbp-header-dm-toggle { justify-content:center; width:44px; max-width:44px; padding:0; } @media(max-width:960px) { body.mbp-editorial :is(#navigation,#sidebar-nav) .mbp-header-dm-toggle { aspect-ratio:1 / 1; line-height:1; flex-shrink:0; } } @media(max-width:480px) { body.mbp-editorial #navigation .mbp-header-dm-toggle { display:none; } } body.mbp-editorial #navigation .mbp-header-dm-toggle svg, body.mbp-editorial #sidebar-nav .mbp-header-dm-toggle svg, body.mbp-editorial #top-search a.search-click svg { width:17px; height:17px; stroke-width:1.8; } body.mbp-editorial .mbp-lang-menu { border-radius:4px; box-shadow:0 8px 24px rgba(0,0,0,.08); } body.mbp-editorial #sidebar-nav .mbp-lang-menu { left:0!important; right:auto!important; min-width:180px; max-width:calc(100vw - 80px); } body.mbp-editorial #sidebar-nav .mbp-lang-menu a { min-height:44px; display:flex; align-items:center; }  body.mbp-editorial #top-search .show-search { position:absolute; top:calc(100% + 14px); left:auto; right:0; width:360px; height:auto; max-width:calc(100vw - 28px); padding:40px 18px 16px; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface); box-shadow:0 8px 24px rgba(0,0,0,.08); z-index:999999; box-sizing:border-box; text-align:left; } body.mbp-editorial #top-search .pc-searchform { width:100%; margin:0; } body.mbp-editorial #top-search .pc-searchform-inner { display:flex; align-items:center; width:100%; box-sizing:border-box; padding:5px 5px 5px 12px; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface); } body.mbp-editorial #top-search .pc-searchform-inner:focus-within { border-color:var(--mbp-color-accent); box-shadow:none; outline:2px solid var(--mbp-color-accent); outline-offset:-1px; } body.mbp-editorial #top-search .pc-searchform-inner input.search-input { position:static; top:auto; left:auto; z-index:auto; height:auto; line-height:1.4; flex-grow:1; width:auto; min-width:0; padding:8px 0; border:0; background:transparent; font-family:var(--mbp-font-sans); font-size:13.5px; color:var(--mbp-color-heading);  outline:none!important; } body.mbp-editorial #top-search .mbp-search-field-icon { flex-shrink:0; width:16px; height:16px; margin-right:9px; color:var(--mbp-color-text-muted); } body.mbp-editorial #top-search button.searchsubmit { display:inline-flex; align-items:center; flex-shrink:0; min-height:44px; padding:10px 12px; border:0; border-radius:3px; background:var(--mbp-color-accent-solid); color:var(--mbp-color-on-accent); font:600 12px/1.5 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; transition:var(--mbp-transition); } body.mbp-editorial #top-search button.searchsubmit:hover { background:var(--mbp-color-accent-solid-hover); } body.mbp-editorial #top-search .mbp-search-quick-tags { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; width:100%; margin-top:14px; gap:4px; } body.mbp-editorial #top-search .mbp-quick-label { display:inline-block; margin-right:4px; color:var(--mbp-color-text-muted); font:400 12px/1.7 var(--mbp-font-sans); text-transform:none; letter-spacing:0; } body.mbp-editorial #top-search .mbp-quick-chips { display:flex; flex-wrap:wrap; gap:0 15px; justify-content:flex-start; } body.mbp-editorial #top-search .mbp-quick-chips a { display:inline-flex; align-items:center; min-height:32px; padding:6px 0; border:0; border-radius:0; background:transparent; color:var(--mbp-color-heading); font:400 12px/1.7 var(--mbp-font-sans); white-space:normal; text-decoration:underline; text-decoration-color:var(--mbp-color-border); text-underline-offset:3px; transition:var(--mbp-transition); } body.mbp-editorial #top-search .mbp-quick-chips a:hover { color:var(--mbp-color-accent); text-decoration-color:currentColor; transform:translateY(-1px); } body.mbp-editorial #top-search a.close-search { position:absolute; top:4px; right:8px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:3px; color:var(--mbp-color-text-muted); font-size:14px; text-decoration:none; } body.mbp-editorial #top-search a.close-search:hover { color:var(--mbp-color-heading); background:var(--mbp-color-surface-soft); } @media(max-width:768px) {  body.mbp-editorial #top-search .show-search { width:min(340px,calc(100vw - 24px)); right:-30px; } body.mbp-editorial #top-search .pc-searchform-inner input.search-input { font-size:16px; } } body.mbp-editorial.mbp-nav-ready #top-search .show-search { right:0; width:min(360px,calc(100vw - 40px)); max-height:calc(100dvh - var(--mbp-nav-offset,0px) - var(--mbp-nav-height,60px) - 28px); overflow-y:auto; overscroll-behavior:contain; }  body.mbp-editorial #navigation :is(.button-menu-mobile,.mbp-ed-nav-notebook,.mbp-lang-current,.mbp-header-dm-toggle,a.search-click), body.mbp-editorial #sidebar-nav :is(.mbp-header-dm-toggle,.mbp-lang-current) { border-radius:4px; background:transparent; color:var(--mbp-color-heading); transform:none; transition:background-color 150ms ease,color 150ms ease; } @media(hover:hover) and (pointer:fine) { body.mbp-editorial #navigation :is(.button-menu-mobile,.mbp-ed-nav-notebook,.mbp-lang-current,.mbp-header-dm-toggle,a.search-click):hover, body.mbp-editorial #sidebar-nav :is(.mbp-header-dm-toggle,.mbp-lang-current):hover { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); } } body.mbp-editorial #navigation :is(.button-menu-mobile,.mbp-ed-nav-notebook,.mbp-lang-current,.mbp-header-dm-toggle,a.search-click):is(:active,:focus-visible,[aria-expanded="true"]), body.mbp-editorial #sidebar-nav :is(.mbp-header-dm-toggle,.mbp-lang-current):is(:active,:focus-visible,[aria-expanded="true"]) { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); }  body.mbp-editorial #navigation .mbp-control-tooltip { position:absolute; top:100%; right:0; z-index:2; width:max-content; max-width:min(240px,calc(100vw - 24px)); padding:10px 12px; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface); color:var(--mbp-color-heading); box-shadow:var(--mbp-shadow-sm); font:400 12px/1.5 var(--mbp-font-sans); text-align:left; white-space:normal; cursor:default; } .mbp-control-tooltip strong,.mbp-control-tooltip > span { display:block; }  @media(prefers-reduced-motion:reduce) { body.mbp-editorial #navigation :is(.button-menu-mobile,.mbp-ed-nav-notebook,.mbp-lang-current,.mbp-header-dm-toggle,a.search-click), body.mbp-editorial #sidebar-nav :is(.mbp-header-dm-toggle,.mbp-lang-current) { transition:none!important; } }
.fa-info-circle { display:inline-block; width:0.857142857em; height:1em; vertical-align:-0.125em; font-family:inherit; font-style:normal; font-weight:normal; line-height:1; } .fa-info-circle::before { content:""; display:block; width:100%; height:100%; background-color:currentColor; -webkit-mask:url('../images/information.svg') center / contain no-repeat; mask:url('../images/information.svg') center / contain no-repeat; } @media (forced-colors:active) { .fa-info-circle::before { forced-color-adjust:none; background-color:CanvasText; } }
#navigation ul.menu{ display: flex; align-items: center; flex-wrap: nowrap; list-style: none; padding: 0; margin: 0; gap: 0; } #navigation .menu > li{ position: relative; list-style: none; flex-shrink: 0; } #navigation .menu > li > a, #navigation ul.menu > li > a{ font-family: var(--mbp-font-sans); font-size: clamp(12px, 0.88vw, 13.5px); font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; color: var(--mbp-color-heading); padding: 0 clamp(7px, 0.95vw, 14px); height: 52px; line-height: 52px; display: inline-flex; align-items: center; position: relative; transition: color 0.22s ease; text-decoration: none; white-space: nowrap; } #navigation .menu > li > a::before, #navigation ul.menu > li > a::before{ content: ''; position: absolute; bottom: 0; left: clamp(7px, 0.95vw, 14px); right: clamp(7px, 0.95vw, 14px);  width: auto; height: 2.5px; background: var(--mbp-color-accent); border-radius: 2px; transform: scaleX(0); transform-origin: center center; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1); } #navigation .menu > li:hover > a::before, #navigation .menu > li.current-menu-item > a::before, #navigation .menu > li.current-menu-ancestor > a::before, #navigation .menu > li.current_page_item > a::before{ transform: scaleX(1); } #navigation .menu > li:hover > a, #navigation .menu > li.current-menu-item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current_page_item > a{ color: var(--mbp-color-accent); } #navigation .menu > li > a:after{ display: none; } #navigation .menu > li.pll-parent-menu-item{ display: none; } #navigation ul.menu > li{ position: relative; list-style: none; } #navigation ul.menu > li > ul.sub-menu, #navigation .menu > li > .children{ position: absolute; top: 100%; left: 0; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-border); border-radius: 12px; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.04); padding: 8px; min-width: 230px; margin: 0; z-index: 9999; } #navigation ul.menu > li > ul.sub-menu::before, #navigation .menu > li > .children::before{ content: ''; position: absolute; top: -12px; left: 0; right: 0; height: 12px; background: transparent; pointer-events: auto; } #navigation ul.menu ul.sub-menu li, #navigation .menu .children li{ position: relative; list-style: none; margin: 0; padding: 0; } #navigation ul.menu ul.sub-menu li a, #navigation .menu .children li a{ font-family: var(--mbp-font-sans); font-size: 13.5px; font-weight: 500; color: var(--mbp-color-heading); padding: 9px 16px; height: auto; line-height: 1.4; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; transition: all 0.18s ease; text-transform: none; letter-spacing: 0; text-decoration: none; position: relative; } #navigation ul.menu ul.sub-menu li a:hover, #navigation .menu .children li a:hover, #navigation ul.menu ul.sub-menu li.current-menu-item > a, #navigation ul.menu ul.sub-menu li:hover > a{ background: var(--mbp-color-accent-subtle); color: var(--mbp-color-accent); padding-left: 20px; } #navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, #navigation .menu .children li.page_item_has_children > a::after{ content: '›'; font-size: 16px; font-weight: 600; line-height: 1; color: var(--mbp-color-text-muted); margin-left: 10px; transition: transform 0.2s ease, color 0.2s ease; } #navigation ul.menu ul.sub-menu li.menu-item-has-children:hover > a::after, #navigation .menu .children li.page_item_has_children:hover > a::after{ color: var(--mbp-color-accent); transform: translateX(3px); } #navigation ul.menu ul.sub-menu li > ul.sub-menu, #navigation .menu .children li > .children, #navigation ul.menu ul.sub-menu ul.sub-menu, #navigation .menu .children .children{ position: absolute; top: -8px; left: 100%; margin: 0; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-border); border-radius: 12px; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04); padding: 8px; min-width: 210px; z-index: 10000; transform: none; } #navigation ul.menu ul.sub-menu li > ul.sub-menu::before, #navigation .menu .children li > .children::before, #navigation ul.menu ul.sub-menu ul.sub-menu::before, #navigation .menu .children .children::before{ content: ''; position: absolute; top: -12px; bottom: -12px; left: -24px; width: 28px; background: transparent; pointer-events: auto; z-index: 10001; } html[data-theme="dark"] #navigation .menu > li > a{ color: #f1f5f9; } html[data-theme="dark"] #navigation .menu > li:hover > a, html[data-theme="dark"] #navigation .menu > li.current-menu-item > a{ color: var(--mbp-color-accent); } html[data-theme="dark"] #navigation ul.menu ul.sub-menu{ background: #18202c; border-color: #242f40; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] #navigation ul.menu ul.sub-menu li a{ color: #c8d2dc; } html[data-theme="dark"] #navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after{ color: #91a0b3; } html[data-theme="dark"] #navigation ul.menu ul.sub-menu li a:hover, html[data-theme="dark"] #navigation ul.menu ul.sub-menu li:hover > a{ background: var(--mbp-color-accent-subtle); color: var(--mbp-color-accent); } html[data-theme="dark"] #navigation ul.menu ul.sub-menu li:hover > a::after{ color: var(--mbp-color-accent); } .mbp-submenu-toggle{ display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; border: none; background: transparent; color: var(--mbp-color-text-muted); cursor: pointer; flex-shrink: 0; transition: var(--mbp-transition); -webkit-tap-highlight-color: transparent; } .mbp-submenu-toggle:hover, .mbp-submenu-toggle:focus-visible{ color: var(--mbp-color-accent); } .mbp-submenu-toggle:focus-visible{ outline: 2px solid var(--mbp-color-accent); outline-offset: -2px; border-radius: var(--mbp-radius-sm); } .mbp-submenu-toggle svg{ transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .mbp-submenu-toggle.is-expanded svg{ transform: rotate(180deg); } .mbp-editorial #navigation .menu > li > a{ font-size:10px; letter-spacing:1px; } .mbp-editorial #sidebar-nav .menu-item-has-children{ position:relative; } .mbp-editorial #sidebar-nav .menu-item-has-children > a{ padding-right:48px; } .mbp-editorial #sidebar-nav .mbp-submenu-toggle{ position:absolute; top:3px; right:0; width:44px; height:44px; min-height:44px; margin:0; padding:0; border:0; display:flex; align-items:center; justify-content:center; background:transparent; color:var(--ed-ink); cursor:pointer; } .mbp-editorial #navigation .menu > li > a{ font-size:11px; }  .mbp-nav-overlay { position:fixed; inset:0; background:rgba(10,16,26,.6); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:99998; opacity:0; visibility:hidden; transition:all .35s cubic-bezier(.16,1,.3,1); } body.open-sidebar-nav .mbp-nav-overlay { opacity:1; visibility:visible; } #close-sidebar-nav.mbp-nav-close { position:fixed; top:18px; right:18px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; z-index:999999; border:1px solid var(--mbp-color-border); border-radius:3px; box-shadow:none; background:var(--mbp-color-surface); color:var(--mbp-color-heading); text-decoration:none; opacity:0; visibility:hidden; transform:scale(.8); transition:opacity .3s cubic-bezier(.16,1,.3,1), transform .3s cubic-bezier(.16,1,.3,1); } body.open-sidebar-nav #close-sidebar-nav.mbp-nav-close { opacity:1; visibility:visible; transform:scale(1); } #sidebar-nav.mbp-mobile-drawer { position:fixed; top:0; left:0; bottom:0; width:320px; max-width:calc(100vw - 36px); background:var(--mbp-color-surface); border-right:1px solid var(--mbp-color-border); z-index:99999; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; transform:translateX(-100%); transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s cubic-bezier(.16,1,.3,1); }  body.open-sidebar-nav #sidebar-nav.mbp-mobile-drawer { transform:translateX(0); box-shadow:0 0 44px rgba(0,0,0,.28); } .mbp-drawer-inner { padding:28px 22px; display:flex; flex-direction:column; min-height:100%; box-sizing:border-box; } .mbp-drawer-header { text-align:center; padding-bottom:0; margin-bottom:8px; border:0; } .mbp-drawer-logo a { display:inline-flex; align-items:center; border-radius:3px; }  #close-sidebar-nav[data-mbp-pointer-focus]:focus-visible, #navigation .button-menu-mobile[data-mbp-pointer-focus]:focus-visible { outline:none!important; } .mbp-drawer-logo img { max-height:52px; width:auto; } body.mbp-editorial #sidebar-nav .mbp-drawer-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; margin:0 0 12px; padding:0; border:0; background:transparent; border-radius:0; box-shadow:none; } body.mbp-editorial #sidebar-nav .mbp-drawer-search > label { display:block; font:500 12px/1.6 var(--mbp-font-sans); color:var(--ed-ink); margin-bottom:8px; } body.mbp-editorial #sidebar-nav .mbp-drawer-searchform { display:flex; align-items:center; gap:4px; padding:4px; margin-bottom:22px; background:var(--mbp-color-surface-soft); border:1px solid var(--mbp-color-field-border); border-radius:4px; } body.mbp-editorial #sidebar-nav .mbp-drawer-searchform input { min-width:0; width:100%; padding:8px; font:400 16px/1.5 var(--mbp-font-sans); border:0; background:transparent; color:var(--mbp-color-text);  outline:none; } body.mbp-editorial #sidebar-nav .mbp-drawer-searchform button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:3px; background:var(--mbp-color-accent-solid); color:var(--mbp-color-on-accent); cursor:pointer; transition:var(--mbp-transition); } body.mbp-editorial #sidebar-nav .mbp-drawer-searchform button:is(:hover,:focus-visible) { background:var(--mbp-color-accent-solid-hover); } .mbp-drawer-searchform button svg { flex:none; } .mbp-drawer-nav { margin-bottom:24px; } .mbp-drawer-footer { margin-top:auto; padding-top:20px; border-top:1px solid var(--mbp-color-border); }  .mbp-drawer-socials { display:flex; justify-content:center; align-items:center; width:100%; margin-top:14px; } .mbp-drawer-socials .mbp-social-row { justify-content:center; margin:0 auto; } html[data-theme="dark"] #sidebar-nav.mbp-mobile-drawer { background:#141a24; border-color:var(--mbp-color-border); } html[data-theme="dark"] #close-sidebar-nav.mbp-nav-close, html[data-theme="dark"] #sidebar-nav .mbp-drawer-searchform { background:var(--mbp-color-surface); border-color:var(--mbp-color-border); } @media(max-width:600px) { .mbp-drawer-searchform button, #close-sidebar-nav.mbp-nav-close { min-width:44px; min-height:44px; } }  #navigation #main-nav { position:static; min-width:0; } #navigation .container { position:relative; } .mbp-explore-menu, .mbp-explore-menu ul { list-style:none; margin:0; padding:0; } #navigation .mbp-explore-menu { display:flex; align-items:center; gap:clamp(8px,1.7vw,24px); } .mbp-explore-item { position:relative; } #navigation .mbp-explore-item { display:flex; align-items:center; position:static; } #navigation .mbp-explore-link { display:flex; align-items:center; min-height:60px; padding:0; font-family:var(--mbp-font-sans); font-size:13px; font-weight:600; line-height:1.4; text-transform:none; letter-spacing:0; white-space:nowrap; color:var(--mbp-color-heading); }  .mbp-nav-home-brand { display:none; } .mbp-nav-home-label { transition:none; } @media (min-width:961px) { #navigation .mbp-explore-home > .mbp-explore-link { position:relative; justify-content:center; min-width:44px; min-height:44px; border-radius:4px; } #navigation.mbp-nav-fixed .mbp-nav-home-label { opacity:0; } #navigation.mbp-nav-fixed .mbp-nav-home-brand { display:grid; place-items:center; position:absolute; inset:0; pointer-events:none; } #navigation .mbp-nav-home-brand img { width:36px; height:36px; object-fit:contain; } #navigation .mbp-nav-home-icon--dark { display:none; } html[data-theme="dark"] #navigation .mbp-nav-home-icon--light { display:none; } html[data-theme="dark"] #navigation .mbp-nav-home-icon--dark { display:block; } #navigation.mbp-nav-fixed .mbp-explore-home > .mbp-explore-link:is(:hover,:active,:focus-visible) { background:var(--mbp-color-accent-subtle); text-decoration:none; } } @media print { #navigation.mbp-nav-fixed .mbp-nav-home-label { opacity:1; } #navigation.mbp-nav-fixed .mbp-nav-home-brand { display:none; } } .mbp-explore-disclosure { margin:0; padding:0; border:0; } .mbp-explore-disclosure > summary { list-style:none; display:flex; align-items:center; justify-content:center; width:32px; min-height:44px; padding:0; cursor:pointer; color:var(--mbp-color-text-muted); border-radius:3px; } .mbp-explore-disclosure > summary::-webkit-details-marker { display:none; } .mbp-explore-disclosure[open] > summary svg { transform:rotate(180deg); } .mbp-explore-disclosure[open] > summary, .mbp-explore-disclosure > summary:hover { color:var(--mbp-color-accent); } #sidebar-nav .mbp-explore-disclosure[open] > summary, #sidebar-nav .mbp-explore-disclosure > summary:hover { background:var(--mbp-color-accent-subtle); } #navigation .mbp-explore-panel { position:absolute; top:100%; left:20px; right:20px; z-index:10; max-height:calc(100dvh - var(--mbp-nav-offset,0px) - var(--mbp-nav-height,60px) - 24px); overflow-y:auto; overscroll-behavior:contain; padding:24px 30px 28px; background:var(--mbp-color-surface); color:var(--mbp-color-text); border:1px solid var(--mbp-color-border); border-top:2px solid var(--mbp-color-accent); border-radius:0 0 4px 4px; box-shadow:0 8px 24px rgba(0,0,0,.08); text-align:left; } .mbp-explore-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } .mbp-explore-panel--france .mbp-explore-groups, .mbp-explore-panel--hotel .mbp-explore-groups { grid-template-columns:1fr; } .mbp-explore-panel--france .mbp-explore-group > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px; } .mbp-explore-panel--hotel .mbp-explore-group > ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; } #navigation .mbp-explore-heading, #sidebar-nav .mbp-explore-heading { margin:0 0 10px; font-size:11px; line-height:1.6; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--mbp-color-text-muted); } #navigation .mbp-explore-panel a, #sidebar-nav .mbp-explore-panel a { display:flex; align-items:center; min-height:44px; padding:8px 10px; border-radius:3px; font-size:13px; font-weight:500; line-height:1.5; color:var(--mbp-color-text); text-transform:none; letter-spacing:0; } #navigation .mbp-explore-panel .mbp-explore-overview, #sidebar-nav .mbp-explore-panel .mbp-explore-overview { width:fit-content; margin:0 0 18px; padding-left:0; color:var(--mbp-color-accent); font-weight:700; } #navigation .mbp-explore-panel a:hover, #sidebar-nav .mbp-explore-panel a:hover { color:var(--mbp-color-accent); background:var(--mbp-color-accent-subtle); } #navigation .mbp-explore-item.is-current-section > a, .mbp-explore-menu a[aria-current="page"] { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:6px; } .mbp-explore-menu a:focus-visible, .mbp-explore-menu summary:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } #sidebar-nav .mbp-explore-item { border-bottom:1px solid var(--mbp-color-border); } #sidebar-nav .mbp-explore-link { display:flex; align-items:center; min-height:52px; padding:12px 48px 12px 0; color:var(--mbp-color-heading); font:600 16px/1.5 var(--mbp-font-sans); }  #navigation .mbp-explore-link:hover, #navigation .mbp-explore-link:focus-visible, #sidebar-nav .mbp-explore-link:hover, #sidebar-nav .mbp-explore-link:focus-visible { color:var(--mbp-color-accent); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; } #sidebar-nav .mbp-explore-disclosure > summary { position:absolute; top:4px; right:0; width:44px; } #sidebar-nav .mbp-explore-panel { padding:8px 0 18px 10px; color:var(--mbp-color-text); } #sidebar-nav .mbp-explore-groups, #sidebar-nav .mbp-explore-group > ul { display:grid; grid-template-columns:1fr; gap:0; } #sidebar-nav .mbp-explore-group + .mbp-explore-group { margin-top:18px; } #sidebar-nav .mbp-explore-panel .mbp-explore-overview { margin-bottom:12px; } #sidebar-nav .mbp-drawer-utility { display:grid; gap:4px; margin-top:20px; } #sidebar-nav .mbp-drawer-utility a { display:flex; align-items:center; min-height:44px; padding:8px 0; color:var(--mbp-color-text); font:500 14px/1.5 var(--mbp-font-sans); text-decoration:none; text-underline-offset:5px; } @media(hover:hover) and (pointer:fine) { #sidebar-nav .mbp-drawer-utility a:hover { color:var(--mbp-color-accent); text-decoration:underline; text-decoration-thickness:2px; } } #sidebar-nav .mbp-drawer-utility a:is(:active,:focus-visible,[aria-current="page"]) { color:var(--mbp-color-accent); text-decoration:underline; text-decoration-thickness:2px; } #sidebar-nav .mbp-drawer-utility a:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } @media (min-width:961px) and (max-width:1100px) { #navigation .mbp-explore-menu { gap:8px; } #navigation .mbp-explore-link { font-size:12px; } #navigation .mbp-explore-disclosure > summary { width:26px; } } @media (max-width:960px) { #navigation #main-nav { display:none!important; } }
body.mbp-editorial .mbp-pagination .page-numbers { border-radius:3px; }  body.mbp-editorial .cmplz-manage-consent { border:1px solid var(--mbp-color-border)!important; border-radius:4px 4px 0 0!important; background:var(--mbp-color-surface)!important; color:var(--mbp-color-text)!important; box-shadow:0 2px 8px rgba(0,0,0,.06)!important; font:500 12px/1.5 var(--mbp-font-sans)!important; text-transform:none!important; letter-spacing:0!important; } body.mbp-editorial .cmplz-manage-consent:hover { color:var(--mbp-color-accent)!important; } body.mbp-editorial .cmplz-manage-consent:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:2px; }  body.mbp-editorial .mbp-search-empty { padding:28px; border:1px solid var(--ed-line); border-radius:4px; box-shadow:none; background:var(--mbp-color-surface-soft); text-align:left; } body.mbp-editorial .mbp-search-empty h2 { font:500 28px/1.3 var(--mbp-font-serif); color:var(--ed-ink); margin:12px 0; } body.mbp-editorial .mbp-search-empty p { font:400 14px/1.8 var(--mbp-font-sans); color:var(--ed-muted); } body.mbp-editorial .mbp-search-empty .mbp-no-posts-icon { margin:0; } .mbp-recovery-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:22px; text-align:left; } .mbp-recovery-links a { display:flex; justify-content:space-between; align-items:center; min-height:48px; gap:14px; padding:12px 14px; border:1px solid var(--ed-line); border-radius:3px; background:var(--mbp-color-surface); color:var(--ed-ink); font:600 12px/1.5 var(--mbp-font-sans); } .mbp-recovery-links a:hover { border-color:var(--mbp-color-accent); color:var(--mbp-color-accent); } .mbp-recovery-links a:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } .mbp-recovery-links svg { flex-shrink:0; } body.mbp-editorial .mbp-search-inline-form { box-shadow:none; } body.mbp-editorial .mbp-search-inline-form button { text-transform:none; letter-spacing:0; } body.mbp-editorial .mbp-404-box { border-radius:4px; box-shadow:none; } body.mbp-editorial .mbp-404-title { font:500 clamp(28px,4vw,36px)/1.3 var(--mbp-font-serif); } body.mbp-editorial .mbp-404-desc { font:400 14px/1.85 var(--mbp-font-sans); color:var(--ed-muted); } body.mbp-editorial .mbp-404-actions .mbp-btn-primary { min-height:48px; border-radius:3px; font:600 12px/1.5 var(--mbp-font-sans); } body.mbp-editorial .mbp-archive-title { overflow-wrap:anywhere; } @media(max-width:480px) { body.mbp-editorial .mbp-search-inline-form button { width:48px; flex:0 0 48px; padding:0; justify-content:center; } body.mbp-editorial .mbp-search-inline-form button span { display:none; } body.mbp-editorial.search .mbp-archive-title { font-size:28px!important; } body.mbp-editorial .mbp-search-empty { padding:22px 18px; } body.mbp-editorial .mbp-search-empty h2 { font-size:25px; } .mbp-recovery-links { grid-template-columns:1fr; } }  body.mbp-editorial #footer-section.mbp-site-footer { padding:56px 0 22px; background:var(--mbp-color-surface-soft); text-align:left; border-top:1px solid var(--ed-line); color:var(--ed-ink); } .mbp-site-footer-grid { display:grid; grid-template-columns:1.25fr 1fr .8fr 1.1fr; gap:40px; } .mbp-site-footer-grid > * { min-width:0; text-align:left; } .mbp-editorial .mbp-site-footer h2 { font:600 12px/1.5 var(--mbp-font-sans); margin:0 0 18px; color:var(--ed-ink); } body.mbp-editorial #footer-section.mbp-site-footer p { text-align:left; font:400 12px/1.8 var(--mbp-font-sans); margin:0 0 16px; color:var(--ed-muted); } .mbp-site-footer-brand > a { display:block; width:180px; margin-bottom:16px; } .mbp-site-footer-brand img { width:180px; height:auto; } .mbp-editorial .mbp-site-footer .mbp-site-footer-slogan { max-width:255px; } body.mbp-editorial #footer-section.mbp-site-footer > .container { padding-inline:0; } body.mbp-editorial #footer-section.mbp-site-footer .mbp-social-row { flex-wrap:wrap; justify-content:flex-start; gap:6px; }  body.mbp-editorial #footer-section.mbp-site-footer .mbp-social-row a { width:32px; height:32px; min-width:32px; min-height:32px; border-radius:3px; } .mbp-editorial .mbp-site-footer ul { padding:0; margin:0; list-style:none; } .mbp-editorial .mbp-site-footer li { margin:0; padding:0; list-style:none; } body.mbp-editorial #footer-section.mbp-site-footer nav a,body.mbp-editorial #footer-section.mbp-site-footer nav button { display:inline-flex; align-items:center; gap:8px; min-height:40px; font:400 12px/1.5 var(--mbp-font-sans); color:var(--ed-muted); padding:7px 0; background:none; border:0; cursor:pointer; text-align:left; } body.mbp-editorial #footer-section.mbp-site-footer nav a:hover,body.mbp-editorial #footer-section.mbp-site-footer nav button:hover { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:4px; } .mbp-site-footer-news .mbp-ed-text-link { font-size:12px; } .mbp-site-footer-bottom { display:flex; gap:24px; align-items:center; justify-content:space-between; margin-top:38px; border-top:1px solid var(--ed-line); padding-top:22px; } .mbp-site-footer-bottom nav ul { display:flex; flex-wrap:wrap; gap:6px 20px; } .mbp-site-footer-up { font:400 11px/1.5 var(--mbp-font-sans); } .mbp-footer-other-topics summary { cursor:pointer; min-height:44px; padding:12px 0; color:var(--ed-ink); font:500 12px/1.6 var(--mbp-font-sans); } .mbp-footer-other-topics summary:hover { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:4px; } body.mbp-editorial #footer-section [data-open-notebook] { text-transform:none; letter-spacing:0; } .mbp-site-footer-up { display:inline-flex; gap:10px; align-items:center; min-height:44px; color:var(--ed-ink); white-space:nowrap; } .mbp-site-footer-up span { font-size:18px; } body.mbp-editorial #footer-section.mbp-site-footer .mbp-ed-text-link,body.mbp-editorial #footer-section.mbp-site-footer .mbp-site-footer-up { color:var(--ed-ink); } body.mbp-editorial #footer-section.mbp-site-footer :is(.mbp-ed-text-link,.mbp-site-footer-up):hover { color:var(--mbp-color-accent); } @media(max-width:960px) { .mbp-site-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; } } @media(max-width:768px) { .mbp-site-footer-bottom { flex-wrap:wrap; gap:12px 24px; } .mbp-site-footer-bottom nav { order:3; width:100%; } .mbp-site-footer-bottom nav ul { gap:0 18px; } } @media(max-width:480px) { body.mbp-editorial #footer-section.mbp-site-footer { padding-top:36px; } .mbp-site-footer-grid { gap:28px 20px; } .mbp-site-footer-brand,.mbp-site-footer-news { grid-column:1/-1; } .mbp-site-footer-news { border-top:1px solid var(--ed-line); padding-top:25px; } } @media(max-width:768px) { body.mbp-editorial .container.mbp-main-content-wrap { padding-inline:0!important; } body.mbp-editorial .mbp-single-article { padding:24px 20px!important; } } @media(max-width:480px) { body.mbp-editorial .mbp-single-article { padding:22px 16px!important; } } body.mbp-editorial .mbp-widget-newsletter { border-radius:4px; box-shadow:none; } body.mbp-editorial .mbp-news-form .brevo-input { border-radius:3px!important; font-size:16px!important; min-height:48px; } body.mbp-editorial .mbp-news-form .brevo-submit-btn { border-radius:3px!important; box-shadow:none!important; min-height:48px; font:600 12px/1.5 var(--mbp-font-sans)!important; }  .mbp-ed-destination-choices { min-width:0; } .mbp-editorial .mbp-outing-invitation { margin:14px 0 0; color:var(--mbp-color-text-muted); font:400 12px/1.8 var(--mbp-font-sans); } .mbp-outing-invitation a { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:3px; } .mbp-outing-invitation a:hover { text-decoration-thickness:2px; } .mbp-outing-invitation a:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } .mbp-outing-invitation svg { width:14px; height:14px; vertical-align:middle; } .mbp-explore-panel .mbp-outing-menu-link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; padding:16px 0 0; border-top:1px solid var(--mbp-color-border); color:var(--mbp-color-accent); } .mbp-outing-menu-link svg, .mbp-outing-footer-link svg { width:16px; height:16px; flex-shrink:0; } .mbp-outing-footer-link { display:inline-flex; align-items:center; gap:8px; margin-top:12px; }  #mbp-floating-totop.mbp-floating-totop { position:fixed; right:24px; bottom:24px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; padding:0; margin:0; border:1px solid var(--mbp-color-border); border-radius:var(--mbp-radius-sm); background:var(--mbp-color-surface); color:var(--mbp-color-accent); box-shadow:var(--mbp-shadow-sm); cursor:pointer; z-index:9999; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s ease, visibility .2s, transform .2s ease, border-color .2s ease; } #mbp-floating-totop.mbp-floating-totop.is-visible { opacity:1; visibility:visible; transform:translateY(0); }  #mbp-floating-totop.mbp-floating-totop.is-near-footer { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px); } #mbp-floating-totop.mbp-floating-totop svg { display:block; width:20px; height:20px; stroke:currentColor; stroke-width:1.7; } #mbp-floating-totop.mbp-floating-totop:hover { border-color:var(--mbp-color-accent); background:var(--mbp-color-surface-soft); } #mbp-floating-totop.mbp-floating-totop:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } @media (max-width:768px) { #mbp-floating-totop.mbp-floating-totop { right:16px; bottom:calc(18px + env(safe-area-inset-bottom, 0px)); } } @media (prefers-reduced-motion:reduce) { #mbp-floating-totop.mbp-floating-totop { transition:none; transform:none; } }
.mbp-author-name a{ color: inherit; text-decoration: none; } .mbp-author-name a:hover{ color: var(--mbp-color-accent); } html[data-theme="dark"] .mbp-author-box, html[data-theme="dark"] .mbp-related-card{ color: #c8d2dc; } html[data-theme="dark"] #respond.comment-respond{ background: #141a24; border-color: #242f40; } html[data-theme="dark"] #commentform input[type="text"], html[data-theme="dark"] #commentform input[type="email"], html[data-theme="dark"] #commentform input[type="url"], html[data-theme="dark"] #commentform textarea{ background: #11151c; border-color: #242f40; color: #f1f5f9; } html[data-theme="dark"] .post-comments li.comment, html[data-theme="dark"] .post-comments .thecomment{ border-bottom-color: #242f40; } html[data-theme="dark"] .thecomment .comment-text span.author{ color: #f1f5f9; } html[data-theme="dark"] .thecomment .comment-text p{ color: #c8d2dc; } html[data-theme="dark"] .thecomment .reply a{ background: var(--mbp-color-accent-subtle); color: var(--mbp-color-accent); } html[data-theme="dark"] .post-comments ul.children{ border-left-color: #242f40; } @media only screen and (max-width: 640px) { .mbp-author-box-inner { flex-direction: column; text-align: center; } } .mbp-author-avatar{ flex-shrink: 0; } .mbp-author-avatar img{ width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 3px solid var(--mbp-color-surface); box-shadow: var(--mbp-shadow-md); } .mbp-author-content{ flex-grow: 1; } .mbp-author-header{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .mbp-author-eyebrow{ text-transform: uppercase; display: block; } .mbp-author-name{ margin: 2px 0 0 0; } .mbp-author-bio{ font-size: 14px; line-height: 1.65; color: var(--mbp-color-text); margin: 0 0 16px 0; } .mbp-author-footer{ display: flex; align-items: center; flex-wrap: wrap; } .mbp-author-socials{ display: flex; gap: 8px; } .mbp-author-socials a{ width: 32px; height: 32px; border-radius: 50%; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-border); display: inline-flex; align-items: center; justify-content: center; color: var(--mbp-color-heading); transition: var(--mbp-transition); } .mbp-author-socials a:hover{ background: var(--mbp-color-accent-solid); border-color: var(--mbp-color-accent); color: var(--mbp-color-on-accent); transform: translateY(-2px); } .mbp-author-link{ display: inline-flex; align-items: center; gap: 5px; transition: var(--mbp-transition); } .mbp-author-link:hover{ color: var(--mbp-color-accent); } .mbp-related-header{ margin-bottom: 24px; } .mbp-related-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media only screen and (max-width: 768px) { .mbp-related-grid { grid-template-columns: 1fr; gap: 18px; } } .mbp-related-card{ overflow: hidden; transition: var(--mbp-transition); display: flex; flex-direction: column; } .mbp-related-media{ position: relative; aspect-ratio: 16 / 10; overflow: hidden; display: block; } .mbp-related-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1); } .mbp-related-card:hover .mbp-related-media img{ transform: scale(1.025); } .mbp-related-tag{ top: 10px; left: 10px; text-transform: uppercase; } .mbp-related-body{ flex-grow: 1; } .mbp-related-meta{ margin-bottom: 8px; display: flex; align-items: center; gap: 6px; } .mbp-related-title{ margin: 0; } .mbp-related-title a{ color: var(--mbp-color-heading); text-decoration: none; transition: var(--mbp-transition); } .mbp-related-title a:hover{ color: var(--mbp-color-accent); } .post-comments{ width: 100%; } .post-comments .post-title-box, #respond .comment-reply-title{ font-size: 20px; font-weight: 700; color: var(--mbp-color-heading); margin-bottom: 24px; letter-spacing: -0.01em; position: relative; display: flex; align-items: center; justify-content: space-between; } #cancel-comment-reply-link{ display: inline-flex; align-items: center; min-height: 44px; font-family: var(--mbp-font-sans); font-size: 12px; font-weight: 500; color: var(--mbp-color-heading); text-transform: none; text-decoration: underline; text-underline-offset: 4px; } #cancel-comment-reply-link:hover { color:var(--mbp-color-accent); } #respond .comment-reply-title { flex-direction:column; align-items:flex-start; gap:8px; } #respond .comment-reply-title small { margin:0; }  html[data-theme="dark"] .mbp-entry-content .mbp-guide-callout { background:var(--mbp-color-surface)!important; color:var(--mbp-color-text); } html[data-theme="dark"] .mbp-guide-callout a { color:var(--mbp-color-heading)!important; } html[data-theme="dark"] .mbp-guide-callout a:hover { color:var(--mbp-color-accent)!important; } #respond.comment-respond, .post-comments #respond{ background: var(--mbp-color-surface-soft); border: 1px solid var(--mbp-color-border); margin-bottom: 36px; box-sizing: border-box; } #commentform{ display: flex; flex-direction: column; gap: 14px; width: 100%; margin: 0; } #commentform p{ margin: 0; width: 100%; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea{ width: 100%; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-field-border); padding: 12px 16px; font-family: var(--mbp-font-sans); color: var(--mbp-color-heading); transition: var(--mbp-transition); outline: none !important; box-sizing: border-box; } #commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform input[type="url"]:focus, #commentform textarea:focus{ border-color: var(--mbp-color-accent); box-shadow: 0 0 0 3px var(--mbp-color-accent-subtle); background: var(--mbp-color-surface); } #commentform textarea{ min-height: 120px; resize: vertical; line-height: 1.6; } .comment-form-cookies-consent{ display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--mbp-color-text-muted); margin-top: 4px; } .comment-form-cookies-consent input[type="checkbox"]{ accent-color: var(--mbp-color-accent); width: 16px; height: 16px; margin: 0; } #commentform .form-submit{ margin-top: 8px; } #respond #submit, .form-submit #submit, #commentform input#submit, #commentform button#submit{ background: var(--mbp-color-accent-solid); color: var(--mbp-color-on-accent); font-size: 12.5px; font-weight: 700; padding: 12px 28px; border: none; cursor: pointer; transition: var(--mbp-transition); display: inline-flex; align-items: center; justify-content: center; } #respond #submit:hover, .form-submit #submit:hover, #commentform input#submit:hover, #commentform button#submit:hover{ background: var(--mbp-color-accent-solid-hover); transform: translateY(-2px); } .post-comments .comments, .post-comments ol.comment-list, .post-comments ul.comment-list{ list-style: none; padding: 0; margin: 24px 0 0 0; } .post-comments li.comment, .post-comments .thecomment{ position: relative; padding: 22px 0; border-bottom: 1px solid var(--mbp-color-border); list-style: none; } .thecomment .author-img{ float: left; margin-right: 16px; } .thecomment .author-img img, .comment-author .avatar{ width: 44px; height: 44px !important; border-radius: 50%; object-fit: cover; border: 2px solid var(--mbp-color-border); display: block; } .thecomment .comment-text{ margin-left: 60px; } .thecomment .comment-text span.author, .thecomment .comment-text .author-name{ font-size: 15px; font-weight: 700; color: var(--mbp-color-heading); } .thecomment .comment-text span.date, .thecomment .comment-text time{ font-size: 12px; color: var(--mbp-color-text-muted); margin-left: 8px; font-weight: 400; } .thecomment .comment-text .comment-content, .thecomment .comment-text p{ font-size: 14.5px; line-height: 1.65; color: var(--mbp-color-text); margin: 8px 0 10px 0; } .thecomment .reply a, .thecomment .comment-reply-link{ display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mbp-color-accent); text-decoration: none; padding: 4px 12px; border-radius: var(--mbp-radius-pill); background: var(--mbp-color-accent-subtle); transition: var(--mbp-transition); } .thecomment .reply a:hover, .thecomment .comment-reply-link:hover{ background: var(--mbp-color-accent-solid); color: var(--mbp-color-on-accent); } .post-comments ul.children, .post-comments ol.children{ list-style: none; padding-left: 20px; margin: 16px 0 0 16px; border-left: 2px solid var(--mbp-color-border); } .mbp-related-section{ content-visibility: auto;  contain-intrinsic-size: auto 400px; } .mbp-comments-section .thecomment{ overflow-wrap: anywhere; word-break: break-word; min-width: 0; }   body.mbp-editorial .mbp-entry-content #penci-toc-container:not(.penci-sticky-toc *) { background:var(--mbp-color-surface-soft)!important; color:var(--mbp-color-text)!important; border:1px solid var(--ed-line)!important; border-radius:4px!important; box-shadow:none!important; } body.mbp-editorial .mbp-entry-content #penci-toc-container .penci-toc-title { font:600 13px/1.6 var(--mbp-font-sans)!important; letter-spacing:0!important; } body.mbp-editorial .mbp-entry-content blockquote.wp-block-quote, body.mbp-editorial .mbp-entry-content blockquote { background:var(--mbp-color-surface-soft)!important; color:var(--mbp-color-text)!important; border:1px solid var(--ed-line)!important; border-left:2px solid var(--mbp-color-accent)!important; border-radius:4px!important; box-shadow:none!important; } body.mbp-editorial .mbp-sidebar-refined { gap:28px; } .mbp-side-module { min-width:0; padding-top:24px; border-top:1px solid var(--ed-line); } .mbp-side-module:first-child { border-top:0; padding-top:0; } body.mbp-editorial .mbp-side-module h2 { font:500 24px/1.3 var(--mbp-font-serif); color:var(--ed-ink); margin:8px 0 14px; letter-spacing:-.3px; } body.mbp-editorial .mbp-side-module p { font:400 12px/1.85 var(--mbp-font-sans); color:var(--ed-muted); margin:0 0 12px; } .mbp-side-module .mbp-ed-text-link { font-size:13px; } .mbp-side-photo { display:block; margin-bottom:16px; } .mbp-side-photo img { display:block; width:100%; height:auto; aspect-ratio:5/4; object-fit:cover; object-position:50% 45%; border-radius:50% 50% 3px 3px / 62.5% 62.5% 3px 3px; background:var(--mbp-color-surface-soft); } body.mbp-editorial .mbp-side-stories { margin:0; padding:0; list-style:none; } .mbp-side-stories li { list-style:none; padding:0; margin:0; border-bottom:1px solid var(--ed-line); } .mbp-side-stories li:last-child { border-bottom:0; } .mbp-side-stories a { display:grid; grid-template-columns:64px minmax(0,1fr); gap:14px; align-items:center; padding:14px 0; } .mbp-side-stories img { width:64px; height:64px; object-fit:cover; border-radius:3px; } .mbp-side-stories span { font:500 18px/1.45 var(--mbp-font-serif); color:var(--ed-ink); } .mbp-side-stories a:hover span { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:3px; } body.mbp-editorial .mbp-side-newsletter { padding:24px 20px; background:var(--mbp-color-surface-soft); border:1px solid var(--ed-line); border-top:2px solid var(--mbp-color-accent); border-radius:4px; } body.mbp-editorial .mbp-side-newsletter .mbp-side-fine-print { font-size:12px; margin-top:14px; } .mbp-side-newsletter .mbp-news-form { margin-top:16px; } body.mbp-editorial .mbp-side-newsletter .brevo-submit-btn { text-transform:none!important; letter-spacing:0!important; }  body.mbp-editorial .mbp-category-filter { margin-top:18px; } .mbp-category-filter summary { display:list-item; list-style-position:inside; cursor:pointer; padding:12px 0; font:600 12px/1.5 var(--mbp-font-sans); color:var(--ed-ink); min-height:44px; } .mbp-category-filter summary span { display:inline-block; margin-left:10px; font-weight:400; color:var(--ed-muted); } .mbp-category-filter[open] summary { margin-bottom:10px; } body.mbp-editorial .mbp-category-filter .mbp-subcat-pill { min-height:44px; font-size:13px; border-radius:3px; }  body.mbp-editorial .mbp-author-box { border:0; border-block:1px solid var(--ed-line); border-radius:0; background:transparent; box-shadow:none; padding:28px 0; margin:32px 0; } body.mbp-editorial .mbp-author-avatar { border:0; box-shadow:none; } body.mbp-editorial .mbp-author-name { font:500 25px/1.3 var(--mbp-font-serif); color:var(--ed-ink); } body.mbp-editorial .mbp-author-bio p { font:400 13px/1.85 var(--mbp-font-sans); color:var(--ed-muted); } body.mbp-editorial .mbp-author-eyebrow { font:600 12px/1.5 var(--mbp-font-sans); color:var(--mbp-color-accent); letter-spacing:1.2px; } body.mbp-editorial .mbp-author-link { border:0; border-radius:0; padding:8px 0; min-height:44px; background:none; color:var(--ed-ink); font:600 13px/1.6 var(--mbp-font-sans); text-decoration:underline; text-underline-offset:4px; } body.mbp-editorial .mbp-related-section { border:0; padding:0; margin:36px 0; } body.mbp-editorial .mbp-related-header .mbp-section-title { font:500 29px/1.3 var(--mbp-font-serif); color:var(--ed-ink); } body.mbp-editorial .mbp-related-card,body.mbp-editorial .mbp-related-card:hover { background:transparent; border:0; border-radius:0; box-shadow:none; transform:none; } body.mbp-editorial .mbp-related-body { padding:14px 0 0; } body.mbp-editorial .mbp-related-media { border-radius:3px; } body.mbp-editorial .mbp-related-tag { position:static; display:block; background:none; padding:0; border:0; border-radius:0; font:600 12px/1.5 var(--mbp-font-sans); color:var(--mbp-color-accent); margin:0 0 8px; box-shadow:none; }  html[data-theme="dark"] body.mbp-editorial .mbp-related-tag { box-shadow:0 4px 12px rgba(0,0,0,.3); } body.mbp-editorial .mbp-related-title { font:500 19px/1.35 var(--mbp-font-serif); margin-top:8px; } body.mbp-editorial .mbp-related-meta { font-size:12px; color:var(--ed-muted); } body.mbp-editorial .mbp-share-btn { border-radius:3px!important; box-shadow:none!important; min-height:44px; font:600 13px/1.5 var(--mbp-font-sans); } .mbp-article-newsletter { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px; border:1px solid var(--ed-line); border-radius:4px; background:var(--mbp-color-accent-subtle); margin:36px 0; } body.mbp-editorial .mbp-article-newsletter h2 { font:500 27px/1.3 var(--mbp-font-serif); margin:8px 0 12px; color:var(--ed-ink); } body.mbp-editorial .mbp-article-newsletter p { font:400 12px/1.8 var(--mbp-font-sans); margin:0; color:var(--ed-muted); } .mbp-article-newsletter .mbp-ed-button { flex-shrink:0; font-size:13px; } @media(max-width:960px) { body.mbp-editorial .mbp-sidebar-refined { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:28px; border-top:1px solid var(--ed-line); } .mbp-sidebar-refined .mbp-side-about { grid-column:1/-1; } .mbp-article-newsletter { flex-direction:column; align-items:flex-start; } } @media(max-width:600px) { body.mbp-editorial .mbp-sidebar-refined { grid-template-columns:1fr; } .mbp-side-photo { float:left; width:112px; margin:4px 18px 10px 0; } .mbp-side-photo img { aspect-ratio:4/5; object-position:50% 50%; border-radius:50% 50% 3px 3px / 40% 40% 3px 3px; } .mbp-side-about .mbp-ed-text-link { clear:both; } .mbp-article-newsletter { padding:22px 18px; } body.mbp-editorial .mbp-author-box-inner { gap:18px; } } body.mbp-editorial .mbp-author-box-inner { display:grid; grid-template-columns:64px minmax(0,1fr); gap:20px; align-items:start; } body.mbp-editorial .mbp-author-avatar { width:64px; height:76px; margin:0; float:none; border-radius:32px 32px 3px 3px; overflow:hidden; } body.mbp-editorial .mbp-author-avatar img { width:100%; height:100%!important; object-fit:cover; } body.mbp-editorial .mbp-author-content { width:auto; padding:0; margin:0; } body.mbp-editorial .mbp-author-footer { margin-top:12px; gap:18px; } body.mbp-editorial .mbp-related-header { text-align:left; } body.mbp-editorial .mbp-single-share-bar { padding:14px 0; border-inline:0; border-radius:0; background:transparent; } body.mbp-editorial .mbp-ig-signoff-card { background:var(--mbp-color-surface-soft)!important; border:1px solid var(--ed-line)!important; border-radius:4px!important; box-shadow:none!important; padding:24px!important; } body.mbp-editorial .mbp-ig-signoff-title { font:500 26px/1.3 var(--mbp-font-serif)!important; color:var(--ed-ink)!important; } body.mbp-editorial .mbp-ig-signoff-btn { background:transparent!important; color:var(--ed-ink)!important; border:1px solid var(--ed-line)!important; border-radius:3px!important; box-shadow:none!important; min-height:44px; font:600 12px/1.5 var(--mbp-font-sans)!important; } body.mbp-editorial .mbp-ig-badge { background:transparent!important; color:var(--mbp-color-accent)!important; border:0!important; box-shadow:none!important; padding:0!important; font-size:10px!important; } body.mbp-editorial .mbp-ig-signoff-card .mbp-ig-photos-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; } body.mbp-editorial .mbp-ig-signoff-card .mbp-ig-photo-item { border:0!important; border-radius:3px; aspect-ratio:1; } body.mbp-editorial .mbp-ig-signoff-card .mbp-ig-photo-item img { display:block; width:100%!important; height:100%!important; margin:0!important; object-fit:cover; border-radius:0!important; } body.mbp-editorial #respond { border-radius:4px; padding:26px; box-shadow:none; } body.mbp-editorial .mbp-comments-section { border:0!important; padding-top:0; margin-top:36px; } body.mbp-editorial #respond .comment-reply-title { font:500 28px/1.3 var(--mbp-font-serif); padding:0; border:0; } body.mbp-editorial #respond .comment-reply-title > span { font:inherit; text-align:left; text-transform:none; letter-spacing:inherit; background:none; padding:0; } body.mbp-editorial #respond .comment-reply-title::before,body.mbp-editorial #respond .comment-reply-title::after { display:none; } body.mbp-editorial #respond .comment-reply-title > span::before,body.mbp-editorial #respond .comment-reply-title > span::after { display:none; } body.mbp-editorial #commentform .mbp-comment-label { display:block; font:500 12px/1.5 var(--mbp-font-sans); color:var(--ed-ink); margin:0 0 -6px; } body.mbp-editorial #commentform input,body.mbp-editorial #commentform textarea { border-radius:3px; } body.mbp-editorial #commentform input:not([type="submit"]):not([type="checkbox"]),body.mbp-editorial #commentform textarea { font-size:16px; } body.mbp-editorial #commentform .form-submit { text-align:left; } body.mbp-editorial #commentform :focus-visible { outline:2px solid var(--mbp-color-accent)!important; outline-offset:3px; } body.mbp-editorial #respond #submit { border-radius:3px; box-shadow:none; text-transform:none; letter-spacing:0; min-height:48px; font-family:var(--mbp-font-sans); } @media(max-width:480px) { body.mbp-editorial #respond { padding:20px 16px; } body.mbp-editorial .mbp-ig-signoff-card { padding:20px 16px!important; } body.mbp-editorial .mbp-author-box-inner { grid-template-columns:52px minmax(0,1fr); gap:16px; } body.mbp-editorial .mbp-author-avatar { width:52px; height:64px; } } body.mbp-editorial .mbp-author-content,body.mbp-editorial .mbp-author-name,body.mbp-editorial .mbp-author-header { text-align:left; } body.mbp-editorial .mbp-author-footer { justify-content:flex-start; } .mbp-author-socials:not(:has(a)) { display:none; } .mbp-author-avatar img{ object-position:center 25%; } @media(max-width:600px) { body.mbp-editorial .mbp-ig-signoff-card .mbp-ig-photos-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body.mbp-editorial .mbp-related-grid { grid-template-columns:1fr; gap:22px; } body.mbp-editorial .mbp-related-card { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; align-items:start; } body.mbp-editorial .mbp-related-media { height:100px; aspect-ratio:auto; } body.mbp-editorial .mbp-related-media img { height:100px!important; object-fit:cover; } body.mbp-editorial .mbp-related-body { padding:0; min-width:0; } body.mbp-editorial .mbp-related-title { font-size:17px; } } body.mbp-editorial .mbp-author-header { justify-content:flex-start; } body.mbp-editorial .mbp-author-header > div { width:100%; min-width:0; } body.mbp-editorial .mbp-side-newsletter .brevo-label.screen-reader-text { position:static!important; clip:auto!important; clip-path:none!important; width:auto!important; height:auto!important; overflow:visible!important; display:block!important; margin:0 0 8px!important; padding:0!important; white-space:normal!important; color:var(--ed-ink); font:500 12px/1.5 var(--mbp-font-sans); } body.mbp-editorial .mbp-news-form .brevo-form-group--name:has(input[required]) { display:block!important; }  body.mbp-editorial .mbp-entry-content h4.wp-block-heading, body.mbp-editorial .mbp-entry-content h4 { font-family:var(--mbp-font-sans)!important; font-size:20px!important; font-weight:600!important; line-height:1.45!important; text-transform:none!important; letter-spacing:0!important; } body.mbp-editorial .mbp-entry-content h4 strong { font-weight:inherit; } body.mbp-editorial .mbp-entry-content h4 a { font:inherit; } @media(max-width:768px) { body.mbp-editorial .mbp-entry-content h4.wp-block-heading, body.mbp-editorial .mbp-entry-content h4 { font-size:19px!important; } }  html[data-theme="dark"] .mbp-entry-content .mbp-heading-teal { color:#90c5d5!important; } .mbp-entry-content .mbp-heading-teal a { color:inherit!important; } html[data-theme="dark"] .mbp-entry-content .mbp-heading-olive { color:#c1c775!important; } .mbp-entry-content .mbp-heading-olive a { color:inherit!important; } body.mbp-editorial .cmplz-blocked-content-notice { background:#18202c!important; color:#f1f5f9!important; } body.mbp-editorial .mbp-breadcrumb-sep, body.mbp-editorial .mbp-meta-dot { color:var(--ed-muted); } body.mbp-editorial .mbp-ed-reading-tools .mbp-share-btn { flex-grow:0; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; margin:0; border:1px solid var(--ed-line); background:transparent; color:var(--mbp-color-accent); font:600 13px/1.5 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; }  body.mbp-editorial .mbp-ed-reading-tools > :is(.mbp-ed-save,.mbp-share-btn,.mbp-photo-article) { border-radius:4px!important; border-color:var(--ed-line); background:transparent; color:var(--mbp-color-accent)!important; transform:none; box-shadow:none; } @media(hover:hover) and (pointer:fine) { body.mbp-editorial .mbp-ed-reading-tools > :is(.mbp-ed-save,.mbp-share-btn,.mbp-photo-article):hover { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent)!important; transform:none; } } body.mbp-editorial .mbp-ed-reading-tools > :is(.mbp-ed-save,.mbp-share-btn,.mbp-photo-article):is(:active,:focus-visible) { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent)!important; transform:none; } body.mbp-editorial .mbp-ed-reading-tools > :is(.mbp-ed-save,.mbp-share-btn,.mbp-photo-article):focus-visible { outline:2px solid var(--mbp-color-accent)!important; outline-offset:3px!important; } body.mbp-editorial .mbp-ed-quick-toc { flex-basis:100%; } body.mbp-editorial .mbp-feed-meta { font-size:12px; } body.mbp-editorial .mbp-category-filter .mbp-subcat-pill { font-size:12px; } body.mbp-editorial .mbp-related-meta { font-size:12px; }  .single-post .mbp-single-article .mbp-entry-content pre:not(.wp-block-code) { font-family:var(--mbp-font-sans); line-height:1.7; }  .single-post .mbp-single-article .mbp-entry-content :is(h1,h2,h3,h4,h5,h6) :is([style*="color"],font[color]) { color:inherit!important; }  .single-post .mbp-single-article .mbp-entry-content blockquote { clear:both; display:flow-root; } .single-post .mbp-single-article .mbp-entry-content :is(img,figure,.wp-caption):is(.alignleft,.alignright):not(img[width="26"]) { clear:both; max-width:min(40%,280px)!important; margin-top:0!important; margin-bottom:24px!important; } .single-post .mbp-single-article .mbp-entry-content :is(img,figure,.wp-caption).alignleft:not(img[width="26"]) { margin-left:0!important; margin-right:24px!important; } .single-post .mbp-single-article .mbp-entry-content :is(img,figure,.wp-caption).alignright:not(img[width="26"]) { margin-left:24px!important; margin-right:0!important; } .single-post .mbp-single-article .mbp-entry-content :is(figure,.wp-caption):is(.alignleft,.alignright) { display:block; } .single-post .mbp-single-article .mbp-entry-content :is(figure,.wp-caption):is(.alignleft,.alignright) img { max-width:100%!important; height:auto!important; }  @media(max-width:767px) { .single-post .mbp-single-article .mbp-entry-content :is(img,figure,.wp-caption):is(.alignleft,.alignright):not(img[width="26"]) { float:none!important; clear:both; display:block; max-width:min(100%,320px)!important; margin:0 auto 24px!important; } .single-post .mbp-single-article .mbp-entry-content :is(figure,.wp-caption):is(.alignleft,.alignright) { width:fit-content; } .single-post .mbp-single-article .mbp-entry-content img:is(.alignleft,.alignright):not([width="26"]) { height:auto; } }  .mbp-entry-content mark.has-inline-color:not([style*="background"]) { background-color:transparent; } html[data-theme="dark"] .entry-content blockquote.wp-block-quote p mark strong, html[data-theme="dark"] .mbp-entry-content mark strong { color:inherit!important; }  .single-post .mbp-single-article .mbp-entry-content a:is([style*="ff0000" i],[style*="color: red" i],[style*="color:red" i]) { color:var(--mbp-color-accent)!important; } .single-post .mbp-single-article .mbp-entry-content a :is([style*="ff0000" i],[style*="color: red" i],[style*="color:red" i],font[color="#ff0000" i],font[color="red" i]) { color:inherit!important; }  .mbp-comments-jump { display:inline-flex; align-items:center; min-height:44px; margin-left:auto; font:600 13px/1.5 var(--mbp-font-sans); color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:3px; } .post-comments .post-title-box { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; } .mbp-comment-notes { font:400 13px/1.7 var(--mbp-font-sans); color:var(--mbp-color-text-muted); margin:0 0 6px; } #commentform .mbp-privacy-note { margin:0 0 14px; }
#penci-toc-container ul li a{ color: var(--mbp-color-text) !important; text-decoration: none !important; font-weight: 500; transition: var(--mbp-transition); } #penci-toc-container ul li a:hover{ color: var(--mbp-color-accent) !important; padding-left: 4px; } .inner-post-entry .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .entry-content .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .penci-toc-container-wrapper:not(.penci-sticky-toc) .penci-toc-wrapper, #penci-toc-container:not(.penci-sticky-toc *){ background: var(--mbp-color-surface-soft) !important; border: 1px solid var(--mbp-color-border) !important; border-left: 4px solid var(--mbp-color-accent) !important; border-radius: var(--mbp-radius-md) !important; padding: 22px 26px !important; margin: 32px 0 36px 0 !important; box-shadow: var(--mbp-shadow-sm) !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; } #penci-toc-container .penci-toc-title, .penci-toc-title{ font-family: var(--mbp-font-serif) !important; font-size: 19px !important; font-weight: 700 !important; color: var(--mbp-color-heading) !important; margin-bottom: 12px !important; letter-spacing: -0.01em; } .penci-toc-head, .penci-toc-title-container{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; width: 100%; position: relative; } .penci-toc-head .penci-toc-title, .penci-toc-title-container .penci-toc-title{ margin-bottom: 0 !important; } #penci-toc-container ul, .penci-toc-wrapper ul{ list-style: none !important; padding-left: 0 !important; margin: 0 !important; } #penci-toc-container ul li, .penci-toc-wrapper ul li{ padding: 5px 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; } #penci-toc-container a, .penci-toc-wrapper a, a.penci-toc-link, .penci-toc-link{ color: var(--mbp-color-text) !important; text-decoration: none !important; font-weight: 500; transition: var(--mbp-transition); } #penci-toc-container a:hover, .penci-toc-wrapper a:hover, a.penci-toc-link:hover, .penci-toc-link:hover{ color: var(--mbp-color-accent) !important; padding-left: 4px; } span.penci-toc-title-toggle, .penci-toc-head span.penci-toc-title-toggle, .post-entry .penci-toc-wrapper span.penci-toc-title-toggle, .penci-sticky-toc span.penci-toc-title-toggle, .penci-toc-wrapper .penci-toc-title-toggle{ display: inline-flex; align-items: center; justify-content: center; margin-left: auto; background: transparent; background-color: transparent; border: none; box-shadow: none; width: auto; height: auto; position: static; transform: none; padding: 0; } span.penci-toc-title-toggle:before{ content: none; display: none; } .penci-toc-wrapper.hide-table ul.penci-toc-list, .penci-toc-wrapper.hide-table nav.penci-toc{ display: none !important; } .penci-toc-wrapper.show-table ul.penci-toc-list, .penci-toc-wrapper.show-table nav.penci-toc{ display: block !important; } #penci-toc-container .penci-toc-title, .penci-toc-title{ max-width: 100% !important; overflow-wrap: break-word !important; } html[data-theme="dark"] #penci-toc-container:not(.penci-sticky-toc *), html[data-theme="dark"] .penci-toc-container-wrapper:not(.penci-sticky-toc) .penci-toc-wrapper{ background: #141a24 !important; background-color: #141a24 !important; border: 1px solid #242f40 !important; border-left: 4px solid var(--mbp-color-accent) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important; } html[data-theme="dark"] .penci-toc-title, body.penci-dark-mode #penci-toc-container .penci-toc-title, body.dark-mode #penci-toc-container .penci-toc-title, body.pcdark-mode #penci-toc-container .penci-toc-title{ color: #f1f5f9 !important; } html[data-theme="dark"] #penci-toc-container a, html[data-theme="dark"] .penci-toc-wrapper a, html[data-theme="dark"] a.penci-toc-link, html[data-theme="dark"] .penci-toc-link{ color: #c8d2dc !important; font-weight: 500 !important; } html[data-theme="dark"] #penci-toc-container ul li, html[data-theme="dark"] #penci-toc-container ul li a{ color: #c8d2dc !important; font-weight: 500 !important; } html[data-theme="dark"] #penci-toc-container a:hover, html[data-theme="dark"] a.penci-toc-link:hover{ color: var(--mbp-color-accent) !important; } @media only screen and (max-width: 768px){#penci-toc-container, .mbp-entry-content .penci-toc-wrapper{ padding: 16px 16px !important; margin: 20px 0 24px 0 !important; border-radius: 10px !important; } #penci-toc-container .penci-toc-title{ font-size: 16.5px !important; margin-bottom: 10px !important; } #penci-toc-container ul li{ font-size: 13.5px !important; } }  [data-mbp-toc] .mbp-toc-toggle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; flex-shrink:0; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface-soft); color:var(--mbp-color-accent); font:600 14px/1.4 var(--mbp-font-sans); text-transform:none; cursor:pointer; } [data-mbp-toc] .mbp-toc-toggle:hover { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); } [data-mbp-toc] .mbp-toc-toggle:focus-visible, [data-mbp-toc] summary:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:-3px; } [data-mbp-toc] .mbp-toc-toggle[hidden], [data-mbp-toc] .penci-toc[hidden] { display:none!important; } [data-mbp-toc] .mbp-toc-chevron { display:flex; width:20px; height:20px; } [data-mbp-toc] svg { width:20px; height:20px; flex-shrink:0; } [data-mbp-toc] .mbp-toc-toggle[aria-expanded="true"] .mbp-toc-chevron, [data-mbp-toc] .mbp-toc-children[open] > summary svg { transform:rotate(180deg); }  .mbp-entry-content #penci-toc-container nav.penci-toc { max-height:none; overflow:visible; } body.mbp-editorial [data-article-shortcuts] summary { font-size:14px; } body.mbp-editorial [data-article-shortcuts] nav a { font-size:14px; min-height:44px; } [data-mbp-toc] .penci-toc-list > li > a { font-size:16px; } [data-mbp-toc] .penci-toc-list ul a { font-size:14px; } [data-mbp-toc] .penci-toc-wrapper nav a { min-height:44px; display:flex; align-items:center; gap:3px; padding:8px 10px!important; line-height:1.5; opacity:1; overflow-wrap:anywhere; border-radius:3px; } [data-mbp-toc] .penci-toc-wrapper nav a::before { flex-shrink:0; } [data-mbp-toc] .penci-toc-wrapper nav a:hover { background:var(--mbp-color-accent-subtle); } [data-mbp-toc] .penci-toc-wrapper nav a[aria-current="location"] { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent)!important; box-shadow:inset 3px 0 var(--mbp-color-accent); font-weight:600; } [data-mbp-toc] .penci-toc-wrapper li.mbp-toc-parent { position:relative; } [data-mbp-toc] .penci-toc-wrapper li.mbp-toc-parent > a { padding-right:66px!important; } [data-mbp-toc] .mbp-toc-children { margin:0; padding:0; border:0; } [data-mbp-toc] .mbp-toc-children > summary { position:absolute; right:0; top:5px; display:flex; align-items:center; justify-content:center; gap:3px; width:60px; min-height:44px; padding:4px; border:0; border-radius:4px; list-style:none; cursor:pointer; background:transparent; color:var(--mbp-color-accent); font:500 12px/1.4 var(--mbp-font-sans); } [data-mbp-toc] .mbp-toc-children > summary::-webkit-details-marker { display:none; } [data-mbp-toc] .mbp-toc-children > summary:hover { background:var(--mbp-color-accent-subtle); } [data-mbp-toc] .mbp-toc-children > ul { border-left:1px solid var(--mbp-color-border); margin-left:12px!important; padding-left:6px!important; }  [data-mbp-toc].mbp-toc-floating, [data-mbp-toc].mbp-toc-floating.show-table, [data-mbp-toc].mbp-toc-floating.hide-table { position:fixed; top:var(--mbp-toc-top,60px); bottom:auto; left:0; right:0; width:100%; max-width:100%!important; max-height:calc(100dvh - var(--mbp-toc-top,60px) - env(safe-area-inset-bottom,0px) - 8px); padding:0; margin:0; overflow:visible; background:var(--mbp-color-surface); color:var(--mbp-color-text); border:0; border-bottom:1px solid var(--mbp-color-border); border-radius:0; box-shadow:0 3px 10px rgb(0 0 0 / .05); transition:top 180ms ease, opacity 150ms ease, visibility 150ms ease; transform:none; z-index:9000; } [data-mbp-toc].mbp-toc-floating #penci-toc-sticky-container { display:block; position:static; max-height:none; width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } [data-mbp-toc].mbp-toc-floating .penci-toc-head { width:100%; margin:0; padding:0; border:0; min-height:48px; } [data-mbp-toc].mbp-toc-floating .penci-toc-title-toggle { width:100%; margin:0; } [data-mbp-toc].mbp-toc-floating .mbp-toc-toggle { justify-content:space-between; width:100%; height:48px; min-height:48px; padding:0; padding-left:max(20px,env(safe-area-inset-left,0px)); padding-right:max(20px,env(safe-area-inset-right,0px)); border:0; border-radius:0; background:var(--mbp-color-surface-soft); color:var(--mbp-color-heading); } [data-mbp-toc].mbp-toc-floating .mbp-toc-button-label { font:600 14px/1.4 var(--mbp-font-sans); } [data-mbp-toc].mbp-toc-floating nav.penci-toc { overflow-y:auto; overscroll-behavior:contain; max-height:calc(100dvh - var(--mbp-toc-top,60px) - 48px - env(safe-area-inset-bottom,0px) - 12px); padding:8px 16px 12px; padding-left:max(16px,env(safe-area-inset-left,0px)); padding-right:max(16px,env(safe-area-inset-right,0px)); border-top:1px solid var(--mbp-color-border); scrollbar-width:thin; } [data-mbp-toc].mbp-toc-floating .penci-toc-list > li > a { font-size:14px; } [data-mbp-toc].mbp-toc-floating.mbp-toc-hidden { opacity:0; visibility:hidden; pointer-events:none; } body:has(.mbp-toc-floating.show-table:not(.mbp-toc-hidden)) #mbp-floating-totop { visibility:hidden!important; pointer-events:none!important; }  @media (min-width:1440px) { [data-mbp-toc].mbp-toc-floating, [data-mbp-toc].mbp-toc-floating.show-table, [data-mbp-toc].mbp-toc-floating.hide-table { left:16px; right:auto; width:min(280px,calc((100vw - 960px) / 2 - 32px)); border:1px solid var(--mbp-color-border); border-radius:4px; } [data-mbp-toc].mbp-toc-floating .mbp-toc-toggle { padding-inline:12px; } [data-mbp-toc].mbp-toc-floating nav.penci-toc { padding-inline:6px; } } html[data-theme="dark"] [data-mbp-toc].mbp-toc-floating.show-table { box-shadow:4px 8px 30px rgba(0,0,0,.45); }  [data-mbp-toc].mbp-toc-floating.show-table { display:flex; flex-direction:column; } [data-mbp-toc].mbp-toc-floating.show-table #penci-toc-sticky-container { flex-direction:column; } [data-mbp-toc].mbp-toc-floating.show-table .penci-toc-head { flex-shrink:0; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc { scrollbar-color:var(--mbp-color-border) transparent; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc::-webkit-scrollbar { width:5px; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc::-webkit-scrollbar-thumb { background:var(--mbp-color-border); border-radius:4px; } .mbp-entry-content .penci-toc-section { scroll-margin-top:124px; } @media (prefers-reduced-motion:reduce) { [data-mbp-toc].mbp-toc-floating { transition:none!important; } } @media print { [data-mbp-toc].mbp-toc-floating, [data-mbp-toc] .mbp-toc-toggle { display:none!important; } }
#sidebar-nav .mbp-about-access--mobile { display:grid; gap:4px; } .mbp-institutional-main { padding:28px 0 64px; color:var(--mbp-color-text); } .mbp-institutional-main .mbp-breadcrumb { margin:0 0 36px; } .mbp-institutional-article { max-width:820px; margin-inline:auto; } .mbp-institutional-header { margin:0 0 30px; } body.mbp-editorial .mbp-institutional-header h1 { color:var(--mbp-color-heading); font:500 clamp(32px,4.5vw,48px)/1.18 var(--mbp-font-serif); letter-spacing:-.8px; margin:12px 0 0; overflow-wrap:break-word; } .mbp-institutional-content { font-family:var(--mbp-font-sans); } .mbp-institutional-content > .wp-block-group { max-width:100%; }  .mbp-institutional-content .is-layout-constrained > :is(h2, h3, .wp-block-columns, .wp-block-buttons) { max-width:100%; } body.mbp-editorial .mbp-institutional-content p { font-size:18px!important; line-height:1.85!important; color:var(--mbp-color-text)!important; margin-bottom:20px; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:34px"] { font-size:clamp(30px,4vw,38px)!important; line-height:1.2!important; color:var(--mbp-color-accent)!important; margin-bottom:14px; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:14px"] { font-size:14px!important; line-height:1.65!important; color:var(--mbp-color-text-muted)!important; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:16px"] { font-size:16px!important; line-height:1.75!important; } body.mbp-editorial .mbp-institutional-content h2 { padding:0!important; border:0; border-radius:0; background:none!important; color:var(--mbp-color-heading)!important; font:500 clamp(25px,3vw,30px)/1.3 var(--mbp-font-serif)!important; letter-spacing:-.3px; margin:12px 0 22px; } body.mbp-editorial .mbp-institutional-content h2::before,body.mbp-editorial .mbp-institutional-content h2::after { content:none!important; } body.mbp-editorial .mbp-institutional-content a { color:var(--mbp-color-accent)!important; text-underline-offset:4px; } body.mbp-editorial .mbp-institutional-content a:hover { color:var(--mbp-color-accent-hover)!important; } body.mbp-editorial .mbp-institutional-content .has-background { background:var(--mbp-color-surface-soft)!important; color:var(--mbp-color-text)!important; border:1px solid var(--mbp-color-border); } body.mbp-editorial .mbp-institutional-content .wp-block-button__link { background:var(--mbp-color-accent-solid)!important; color:var(--mbp-color-on-accent)!important; padding:14px 20px; min-height:48px; font:600 15px/1.5 var(--mbp-font-sans); text-decoration:none; border-radius:var(--mbp-radius-sm); } body.mbp-editorial .mbp-institutional-content .wp-block-button__link:hover, body.mbp-editorial .mbp-institutional-content .wp-block-button__link:focus-visible { background:var(--mbp-color-accent-solid-hover)!important; color:var(--mbp-color-on-accent)!important; } .mbp-institutional-content .wp-block-column { min-width:0; } .mbp-institutional-content .wp-block-image img { width:auto; max-width:100%; height:auto; } .mbp-institutional-content .mbp-author-portrait img { display:block; width:100%; aspect-ratio:1; height:auto; object-fit:cover; }  .mbp-institutional-content .is-layout-constrained > .wp-block-image:not(:has(figcaption)), .mbp-institutional-content .is-layout-constrained > .wp-block-columns:has(> .wp-block-column > .wp-block-image):not(:has(figcaption, h3)) { margin-bottom:38px; }  .mbp-institutional-content .mbp-about-duo { margin:8px 0 36px; } body.mbp-editorial .mbp-institutional-content .wp-block-buttons + p { margin-top:14px; } .mbp-institutional-content .mbp-about-duo picture { display:block; max-width:640px; margin-inline:auto; } .mbp-institutional-content .mbp-about-duo img { display:block; width:100%; height:auto; aspect-ratio:5/4; object-fit:cover; object-position:50% 40%; border-radius:var(--mbp-radius-md); } body.mbp-editorial .mbp-institutional-content h3 { color:var(--mbp-color-heading)!important; font:500 22px/1.35 var(--mbp-font-serif)!important; margin:18px 0 12px; } body.mbp-editorial .mbp-institutional-content figcaption { font:400 13px/1.7 var(--mbp-font-sans); color:var(--mbp-color-text-muted); margin:10px 0 24px; } body.mbp-editorial .mbp-institutional-content pre { white-space:pre-wrap; overflow-wrap:anywhere; font:400 13px/1.7 var(--mbp-font-sans); color:var(--mbp-color-text-muted); background:none; padding:0; border:0; } body.mbp-editorial .mbp-institutional-content .wp-block-separator { border:0; border-top:1px solid var(--mbp-color-border); margin:0; opacity:1; } .mbp-institutional-content ul { padding-left:24px; } .mbp-institutional-content li { margin-bottom:12px; line-height:1.8; } .mbp-institutional-related { margin-top:40px; padding-top:28px; border-top:1px solid var(--mbp-color-border); } body.mbp-editorial .mbp-institutional-related h2 { font:500 24px/1.3 var(--mbp-font-serif); margin:0 0 16px; color:var(--mbp-color-heading); } .mbp-institutional-related ul { display:flex; flex-wrap:wrap; gap:8px 24px; list-style:none; margin:0; padding:0; } .mbp-institutional-related a { display:flex; align-items:center; min-height:44px; font-size:14px; color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:4px; } .mbp-about-access :focus-visible,.mbp-institutional-main :focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } @media(max-width:768px) { .mbp-institutional-main { padding-top:20px; } .mbp-institutional-main .mbp-breadcrumb { margin-bottom:28px; } body.mbp-editorial .mbp-institutional-content p { font-size:17px!important; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:34px"] { font-size:32px!important; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:14px"] { font-size:13px!important; } body.mbp-editorial .mbp-institutional-content p[style*="font-size:16px"] { font-size:15px!important; } .mbp-institutional-content .wp-block-columns { gap:20px; } } .mbp-institutional-content #les-auteurs { scroll-margin-top:100px; }
body.mbp-wide-galleries .mbp-single-wrap { width: min(960px, calc(100% - 40px)); max-width: 960px; padding-top: 36px !important; } body.mbp-wide-galleries .mbp-single-layout-grid { max-width: 960px !important; } body.mbp-wide-galleries .mbp-single-article { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } body.mbp-wide-galleries .mbp-single-header { max-width: var(--mbp-reading-width, 720px); margin-left: auto !important; margin-right: auto !important; margin-bottom: 32px !important; } body.mbp-wide-galleries .mbp-single-title { font-size: clamp(30px, 3.4vw, 46px) !important; font-weight: 500 !important; line-height: 1.18 !important; letter-spacing: -.025em !important; margin-bottom: 16px !important; } body.mbp-wide-galleries .mbp-single-meta { margin-bottom: 18px !important; padding-bottom: 18px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :not(.penci-sticky-toc) { max-width: var(--mbp-reading-width, 720px) !important; margin-left: auto !important; margin-right: auto !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .gallery, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-table):not(.alignleft):not(.alignright):not(:has(> figure:is(.alignleft,.alignright))) { width: 100%; max-width: 960px !important; margin-top: 32px; margin-bottom: 32px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-gallery { --wp--style--unstable-gallery-gap: 16px; gap: 16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image):has(+ :is(.wp-block-gallery, .wp-block-image)) { margin-bottom: 16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image) + :is(.wp-block-gallery, .wp-block-image) { margin-top: 16px; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image:where(:not(.is-resized):not(.alignleft):not(.alignright):not(:has(.is-resized, .alignleft, .alignright))) img { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 800px; margin-left: auto; margin-right: auto; object-fit: contain; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(.wp-block-image, .wp-block-gallery) img { border-radius: 4px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image figcaption { max-width: var(--mbp-reading-width, 720px); margin-left: auto; margin-right: auto; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image:has(> figure:is(.alignleft,.alignright)) { width:100%; max-width:var(--mbp-reading-width,720px)!important; margin-top:24px; margin-bottom:24px; } @media(min-width:768px) { body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(img,figure,.wp-caption).alignleft:not(img[width="26"]) { max-width:min(40%,280px)!important; margin-left:max(0px,calc((100% - var(--mbp-reading-width,720px))/2))!important; margin-right:24px!important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(img,figure,.wp-caption).alignright:not(img[width="26"]) { max-width:min(40%,280px)!important; margin-right:max(0px,calc((100% - var(--mbp-reading-width,720px))/2))!important; margin-left:24px!important; } }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(h2,hr,.wp-block-gallery,.gallery,.mbp-photo-set,.wp-block-embed,.wp-block-video,.wp-block-table), body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image:not(.alignleft):not(.alignright):not(:has(> figure:is(.alignleft,.alignright))) { clear:both; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(hr.wp-block-separator, .wp-block-spacer):is(:has(+ h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + h2)) { display: none !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2 { position: relative; color: var(--mbp-color-heading) !important; text-align: left !important; font-family: 'Caveat Brush', var(--mbp-font-serif) !important; font-weight: 400 !important; font-size: clamp(36px, 3.9vw, 48px) !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 0 0 17px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; margin-top: 80px !important; margin-bottom: 22px !important; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 88px; height: 10px; background: var(--mbp-color-terracotta, #b44f25); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; } @media (max-width: 600px) { body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2 { margin-top: 58px !important; } }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h3, h4, h5):not(.mbp-widget-heading, .mbp-hotel-card-title) { color: var(--mbp-color-heading) !important; text-align: left !important; font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow-wrap: break-word; word-break: normal; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h3:not(.mbp-widget-heading, .mbp-hotel-card-title) { font-family: 'Caveat Brush', var(--mbp-font-serif) !important; font-size: clamp(30px, 2.75vw, 34px) !important; font-weight: 400 !important; line-height: 1.2 !important; margin-top: 52px !important; margin-bottom: 16px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading, .mbp-hotel-card-title) { position: relative; font-family: var(--mbp-font-sans) !important; font-size: clamp(21px, 1.85vw, 23px) !important; font-weight: 700 !important; line-height: 1.4 !important; margin-top: 38px !important; margin-bottom: 12px !important; padding-left: 16px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading, .mbp-hotel-card-title)::before { content: ''; position: absolute; left: 0; top: .18em; width: 3px; height: 1em; border-radius: 2px; background: var(--mbp-color-terracotta); }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h3, h4, h5):not(.mbp-widget-heading, .mbp-hotel-card-title) :is(strong, b, em, i, span, font, a) { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; font-style: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } @media (max-width: 600px) { body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h3:not(.mbp-widget-heading, .mbp-hotel-card-title) { margin-top: 42px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading, .mbp-hotel-card-title) { margin-top: 32px !important; } }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h1, h2, h3, h4, h5, h6):is(.has-text-color, .has-background, [style*="color"], [style*="background"]) { color: var(--mbp-color-heading) !important; background: transparent !important; box-shadow: none !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :not(.mbp-entry-content) > :is(h1, h2, h3, h4, h5, h6):is(.has-background, [style*="background"]) { text-align: left !important; padding: 0 !important; border-radius: 0 !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h1, h2, h3, h4, h5, h6).has-link-color a { color: var(--mbp-color-accent) !important; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h5:not(.mbp-widget-heading, .mbp-hotel-card-title) { font-family: var(--mbp-font-sans) !important; font-size: 19px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.45 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--mbp-color-heading) !important; margin-top: 30px !important; margin-bottom: 10px !important; } body.mbp-wide-galleries .mbp-single-article > :is(.mbp-author-box, .mbp-comments-section), body.mbp-wide-galleries .mbp-single-article .post-tags, body.mbp-wide-galleries .mbp-single-article .mbp-share-bar { max-width: var(--mbp-reading-width, 720px); margin-left: auto !important; margin-right: auto !important; } @media (max-width: 768px) { body.mbp-wide-galleries .mbp-single-wrap { padding-top: 24px !important; } body.mbp-wide-galleries .mbp-single-header { margin-bottom: 24px !important; } body.mbp-wide-galleries .mbp-single-title { font-size: clamp(28px, 5vw, 36px) !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .gallery, .wp-block-image, .wp-block-embed, .wp-block-video) { margin-top: 24px; margin-bottom: 24px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image) + :is(.wp-block-gallery, .wp-block-image) { margin-top: 16px; } }  .mbp-wide-flag { position: fixed; left: 20px; bottom: 20px; z-index: 9999; display: flex; align-items: center; gap: 12px; margin: 0; padding: 9px 9px 9px 16px; border-radius: 9999px; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-border); box-shadow: var(--mbp-shadow-md); font-family: var(--mbp-font-sans); font-size: 12px; line-height: 1.4; color: var(--mbp-color-text-muted); } .mbp-wide-flag span { min-width: 0; } .mbp-wide-flag.is-on span { color: var(--mbp-color-accent); font-weight: 600; } .mbp-wide-flag a { display: inline-block; padding: 5px 13px; border-radius: 9999px; background: var(--mbp-color-accent-solid); color: var(--mbp-color-on-accent); font-weight: 600; text-decoration: none; text-align: center; transition: background .2s ease; } .mbp-wide-flag a:hover, .mbp-wide-flag a:focus-visible { background: var(--mbp-color-accent-solid-hover); color: var(--mbp-color-on-accent); } .mbp-wide-flag a:focus-visible { outline: 2px solid var(--mbp-color-accent); outline-offset: 2px; } @media print { .mbp-wide-flag { display: none; } } @media only screen and (max-width: 600px) { .mbp-wide-flag { left: 12px; right: 12px; bottom: 12px; gap: 8px; justify-content: space-between; } }
body.mbp-cartouches-preview { --mbp-cartouche-ink: #f3dfd3; --mbp-cartouche-label: #faf1eb; } html[data-theme="dark"] body.mbp-cartouches-preview { --mbp-cartouche-ink: #432b22; --mbp-cartouche-label: #261d1b; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content :is(h2,h3,h4,h5):not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { position: relative; font-family: 'Caveat Brush', var(--mbp-font-serif) !important; font-weight: 400 !important; font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important; text-align: left !important; overflow-wrap: anywhere; word-break: normal; box-sizing: border-box; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content :is(h2,h3,h4,h5):not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) :is(strong,b,em,i,span,font,a) { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; font-style: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h2:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 46px !important; line-height: 1.15 !important; color: var(--mbp-color-heading) !important; margin-top: 76px !important; margin-bottom: 24px !important; padding: 0 0 17px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h2:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *))::after { content: ''; position: absolute; width: 88px; height: 10px; background: var(--mbp-color-terracotta); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; left: 0; bottom: 0; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h3:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 35px !important; line-height: 1.25 !important; color: var(--mbp-color-heading) !important; margin-top: 50px !important; margin-bottom: 16px !important; padding: 0 0 0 20px !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h3:has(> .mbp-cartouche-copy)::before { content: ''; position: absolute; left: 0; top: .2em; width: 9px; height: 24px; background: var(--mbp-color-accent); clip-path: polygon(0 0,100% 0,100% 100%,50% 76%,0 100%); } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h3 > .mbp-cartouche-copy { background: linear-gradient(transparent 58%,var(--mbp-cartouche-ink) 58%,var(--mbp-cartouche-ink) 92%,transparent 92%) !important; box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 0 .12em; border-radius: 3px; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 28.5px !important; line-height: 1.28 !important; color: var(--mbp-color-accent) !important; margin-top: 36px !important; margin-bottom: 12px !important; padding: 0 0 4px !important; border-bottom: 2px dotted color-mix(in srgb,var(--mbp-color-accent) 48%,var(--mbp-color-border)) !important; display: block; width: fit-content; max-width: 100%; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *))::before { content: '→ ' / ''; position: static; width: auto; height: auto; background: none; color: var(--mbp-color-terracotta); margin-right: 4px; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h5:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { text-wrap: wrap; text-decoration: none !important; font-size: 23px !important; line-height: 1.25 !important; color: var(--mbp-color-terracotta) !important; margin-top: 28px !important; margin-bottom: 10px !important; padding: 4px 16px 6px !important; background: var(--mbp-cartouche-label) !important; border: 1.5px solid color-mix(in srgb,var(--mbp-color-terracotta) 45%,transparent) !important; border-radius: 999px !important; display: block; width: fit-content; max-width: 100%; }  body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h5:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) :is(span,u,strong,b,em,i,font) { text-decoration: none !important; }  body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content > :is(h4,h5):not(.mbp-widget-heading,.mbp-hotel-card-title) { margin-left: max(0px,calc((100% - var(--mbp-reading-width,720px))/2)) !important; margin-right: auto !important; max-width: min(100%,var(--mbp-reading-width,720px)) !important; } @media (max-width: 600px) { body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h2:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 34px !important; margin-top: 56px !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h3:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 29px !important; margin-top: 40px !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h4:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 24.5px !important; margin-top: 30px !important; } body.mbp-wide-galleries.mbp-cartouches-preview .mbp-single-article .mbp-entry-content h5:not(.mbp-widget-heading,.mbp-hotel-card-title):not(:where(.mbp-hotel-card *, .mbp-ig-signoff-card *, .mbp-sel-name *, pre *, code *)) { font-size: 21px !important; margin-top: 24px !important; } }
body.mbp-wide-galleries .mbp-entry-content { --mbp-photo-flow-gap:16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .mbp-photo-set { max-width:960px!important; width:100%; margin-top:32px; margin-bottom:32px; } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery { margin-top:0; margin-bottom:0; } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery + .wp-block-gallery { margin-top:var(--mbp-photo-flow-gap); } body.mbp-wide-galleries .mbp-photo-set > .wp-block-gallery { --wp--style--unstable-gallery-gap:16px; gap:16px; } body.mbp-wide-galleries .mbp-single-article .mbp-photo-open { display:block; width:fit-content; max-width:100%; margin:0 auto; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; box-shadow:none; cursor:zoom-in; line-height:0; overflow:hidden; } body.mbp-wide-galleries .mbp-photo-set .wp-block-gallery figure.wp-block-image .mbp-photo-open { display:flex; width:100%; height:100%; flex:1; } body.mbp-wide-galleries .mbp-photo-open:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:4px; } body.mbp-wide-galleries .mbp-photo-article { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; margin:0; border:1px solid var(--mbp-color-border); border-radius:4px; background:transparent; color:var(--mbp-color-accent); font:600 13px/1.5 var(--mbp-font-sans); text-transform:none; letter-spacing:0; cursor:pointer; } @media(hover:hover) and (pointer:fine) { body.mbp-wide-galleries .mbp-photo-article:hover { background:var(--mbp-color-accent-subtle); } } body.mbp-wide-galleries .mbp-photo-article:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } @media(max-width:1024px) { body.mbp-wide-galleries .mbp-entry-content { --mbp-photo-flow-gap:8px; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set { display:grid!important; grid-template-columns:minmax(0,1fr); align-items:start; gap:8px!important; margin-block:24px; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set.mbp-photo-balanced { display:flex!important; flex-wrap:wrap; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery.has-nested-images > figure.wp-block-image { flex:0 0 var(--mbp-photo-basis)!important; width:var(--mbp-photo-basis)!important; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery > figcaption { flex-basis:100%; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images { display:contents!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images > figure.wp-block-image { display:block!important; width:auto!important; max-width:100%!important; height:auto!important; min-width:0; margin:0!important; flex:none!important; } body.mbp-photo-enhanced .mbp-photo-set .wp-block-gallery figure.wp-block-image .mbp-photo-open { display:block; height:auto; } body.mbp-photo-enhanced .mbp-photo-set .wp-block-gallery figure.wp-block-image img { display:block; width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:var(--mbp-photo-ratio,auto)!important; object-fit:contain!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery > figcaption { grid-column:1 / -1; } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image:not(.is-resized) img { max-height:min(520px,70svh); } }  body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image.mbp-photo-landscape:not(.is-resized) > .mbp-photo-open { width:100%; max-width:min(100%,var(--mbp-photo-source-width,100%)); } body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > figure.wp-block-image.mbp-photo-landscape:not(.is-resized) img { width:100%!important; max-width:min(100%,var(--mbp-photo-source-width,100%))!important; max-height:none; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)):has(+ :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized)) { margin-bottom:0!important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)) + :is(.wp-block-image,.wp-block-gallery,.mbp-photo-set):not(.is-resized):not(:has(figcaption)) { margin-top:var(--mbp-photo-flow-gap)!important; }  body .mbp-photo-viewer { position:fixed; inset:0; margin:auto; box-sizing:border-box; padding:0; border:0; border-radius:0; width:100%; max-width:none; height:100dvh; max-height:none; background:var(--mbp-color-bg); color:var(--mbp-color-text); overscroll-behavior:contain; font-family:var(--mbp-font-sans); } body .mbp-photo-viewer[open] { display:flex; flex-direction:column; } .mbp-photo-viewer::backdrop { background:var(--mbp-color-bg); } body .mbp-photo-viewer [hidden] { display:none!important; } body .mbp-photo-viewer-bar { display:flex; align-items:center; gap:16px; flex:none; padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); border-bottom:1px solid var(--mbp-color-border); } body .mbp-photo-viewer-bar h2 { min-width:0; margin:0; flex:1; font:500 16px/1.4 var(--mbp-font-sans); color:var(--mbp-color-heading); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } body .mbp-photo-viewer button { min-width:44px; min-height:44px; padding:10px 14px; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface); color:var(--mbp-color-heading); font:500 13px/1.4 var(--mbp-font-sans); cursor:pointer; text-transform:none; letter-spacing:0; } body .mbp-photo-viewer button:hover { background:var(--mbp-color-accent-subtle); } body .mbp-photo-viewer button:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-viewer button:disabled { opacity:.4; cursor:default; } body .mbp-photo-viewer .mbp-photo-close { font-size:26px; line-height:1; flex:none; } body .mbp-photo-section-bar { display:flex; align-items:center; gap:12px; flex:none; padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left)); border-bottom:1px solid var(--mbp-color-border); } body .mbp-photo-section-bar label { flex:none; margin:0; font:500 13px/1.4 var(--mbp-font-sans); color:var(--mbp-color-text-muted); } body .mbp-photo-section-bar select { flex:1; min-width:0; width:auto; max-width:680px; min-height:44px; margin:0; padding:8px 32px 8px 12px; border:1px solid var(--mbp-color-border); border-radius:4px; background-color:var(--mbp-color-surface); color:var(--mbp-color-heading); font:500 13px/1.4 var(--mbp-font-sans); text-overflow:ellipsis; } body .mbp-photo-section-bar select:focus-visible { outline:3px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-stage { display:flex; align-items:center; justify-content:center; flex:1; min-height:0; min-width:0; padding:16px; overflow:hidden; touch-action:pan-y pinch-zoom; } body .mbp-photo-stage .mbp-photo-full { display:block; flex:none; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:0; } body .mbp-photo-stage.is-zoomed { display:block; overflow:auto; touch-action:pan-x pan-y pinch-zoom; } body .mbp-photo-stage.is-zoomed .mbp-photo-full { max-width:none!important; max-height:none!important; } body .mbp-photo-controls { flex:none; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; padding:12px 16px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--mbp-color-border); } body .mbp-photo-count { min-width:64px; text-align:center; font-size:13px; font-variant-numeric:tabular-nums; } body .mbp-photo-overview { flex:1; min-height:0; min-width:0; overflow:auto; overflow-anchor:none; padding:24px max(20px,env(safe-area-inset-right)) 32px max(20px,env(safe-area-inset-left)); scrollbar-gutter:stable; } body .mbp-photo-chapter-section { max-width:1120px; margin:0 auto 40px; } body .mbp-photo-rights { max-width:1120px; margin:0 auto 24px; color:var(--mbp-color-text-muted); font:400 13px/1.6 var(--mbp-font-sans); } body .mbp-photo-rights p { margin:0; font:inherit; color:inherit; } body .mbp-photo-rights .mbp-photo-collection-credit { color:var(--mbp-color-heading); font-weight:500; } body .mbp-photo-permission a { color:var(--mbp-color-accent); text-decoration:underline; text-underline-offset:3px; } body .mbp-photo-permission a:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:3px; } body .mbp-photo-viewer .mbp-photo-image-credit { flex:none; margin:0; padding:0 16px 8px; color:var(--mbp-color-text-muted); text-align:center; font:400 12px/1.5 var(--mbp-font-sans); } body .mbp-photo-chapter { margin:0 0 16px; color:var(--mbp-color-heading); font:500 22px/1.4 var(--mbp-font-serif); scroll-margin-top:20px; } body .mbp-photo-chapter:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } body .mbp-photo-subheading { margin:24px 0 12px; color:var(--mbp-color-heading); font:500 15px/1.5 var(--mbp-font-sans); scroll-margin-top:16px; } body .mbp-photo-subheading:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:4px; } body .mbp-photo-chapter + .mbp-photo-subheading { margin-top:0; } body .mbp-photo-mosaic { min-width:0; overflow-anchor:none; } body .mbp-photo-row { display:flex; gap:8px; max-width:100%; margin:0 auto 8px; } body .mbp-photo-row:last-child { margin-bottom:0; } body .mbp-photo-viewer .mbp-photo-thumbnail { box-sizing:border-box; flex:0 0 var(--mbp-photo-basis,calc(50% - 4px)); width:var(--mbp-photo-basis,calc(50% - 4px)); aspect-ratio:var(--mbp-photo-ratio); height:auto; padding:0; min-width:0; min-height:0; border:0; line-height:0; background:transparent; } body .mbp-photo-row > .mbp-photo-thumbnail { flex-shrink:1; height:100%; } body .mbp-photo-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; border-radius:4px; } body .mbp-photo-thumbnail[aria-current="true"] { outline:2px solid var(--mbp-color-accent); outline-offset:2px; } body .mbp-photo-viewer .mbp-photo-thumbnail.is-unavailable { display:flex; align-items:center; justify-content:center; background:var(--mbp-color-surface-soft); color:var(--mbp-color-text-muted); } body .mbp-photo-thumbnail.is-unavailable svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.5; } body .mbp-photo-error { text-align:center; } body .mbp-photo-error a { color:var(--mbp-color-accent); text-decoration:underline; } @media(max-width:600px) { body .mbp-photo-viewer-bar h2 { font-size:13px; } body .mbp-photo-stage { padding:8px; } body .mbp-photo-overview { padding:16px 12px 24px; } body .mbp-photo-chapter { font-size:19px; margin-bottom:12px; } body .mbp-photo-chapter-section { margin-bottom:28px; } body .mbp-photo-section-bar { flex-wrap:wrap; gap:8px; padding:8px 12px; } body .mbp-photo-section-bar label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } body .mbp-photo-section-bar select { flex-basis:100%; max-width:none; } } @media print { body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set, body.mbp-photo-enhanced .mbp-single-article .mbp-entry-content > .mbp-photo-set.mbp-photo-balanced { display:block!important; } body.mbp-photo-enhanced .mbp-photo-set > .wp-block-gallery.has-nested-images { display:flex!important; } body.mbp-photo-enhanced .mbp-photo-set.mbp-photo-balanced > .wp-block-gallery.has-nested-images > figure.wp-block-image { flex:1 1 30%!important; width:auto!important; } body .mbp-photo-article, body .mbp-photo-viewer { display:none!important; } }
.mbp-linked-viewer { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:min(1120px, calc(100vw - 32px)); max-width:calc(100vw - 32px); height:min(900px, calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; border:1px solid var(--mbp-color-border, #ddd); border-radius:var(--mbp-radius-md, 14px); background:var(--mbp-color-surface, white); color:var(--mbp-color-text, #222); font:400 15px/1.5 var(--mbp-font-sans, sans-serif); } .mbp-linked-viewer[open] { display:flex; flex-direction:column; } .mbp-linked-viewer::backdrop { background:rgb(0 0 0 / 78%); } .mbp-linked-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; flex:none; } .mbp-linked-header h2 { margin:0; padding:0; color:inherit; font:600 16px/1.4 var(--mbp-font-sans, sans-serif); } .mbp-linked-viewer button, .mbp-linked-original { box-sizing:border-box; min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid var(--mbp-color-border, #ddd); border-radius:8px; background:var(--mbp-color-surface, white); color:var(--mbp-color-text, #222); font:600 15px/1.4 var(--mbp-font-sans, sans-serif); text-transform:none; text-decoration:none; cursor:pointer; } .mbp-linked-viewer button:hover, .mbp-linked-original:hover { background:var(--mbp-color-accent-subtle, #ebf5ef); color:var(--mbp-color-accent, #1e6b45); } .mbp-linked-viewer button:disabled { opacity:.4; cursor:default; } .mbp-linked-viewer button:focus-visible, .mbp-linked-original:focus-visible { outline:3px solid var(--mbp-color-accent, #1e6b45); outline-offset:2px; } .mbp-linked-viewer .mbp-linked-close { font-size:26px; padding:0; flex:none; } .mbp-linked-stage { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:0 16px; overflow:hidden; } .mbp-linked-image { display:block; width:auto; height:auto; max-width:100%; max-height:100%; margin:0!important; object-fit:contain; border:0; } .mbp-linked-status, .mbp-linked-caption { flex:none; margin:0; padding:8px 18px; text-align:center; overflow-wrap:anywhere; } .mbp-linked-caption { max-height:15vh; overflow:auto; font-size:13px; } .mbp-linked-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:12px 18px; flex:none; } .mbp-linked-count { min-width:70px; text-align:center; } .mbp-linked-original { margin-left:auto; } .mbp-linked-viewer [hidden] { display:none!important; } @media(max-width:600px) { .mbp-linked-viewer { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; } .mbp-linked-header { padding:10px 12px; } .mbp-linked-stage { padding:0 8px; } .mbp-linked-controls { gap:8px; padding:10px 12px max(10px, env(safe-area-inset-bottom)); } .mbp-linked-original { flex-basis:100%; margin:0; } }