/* Design 50 is an Alma brand moodboard. Shared preview-header styling lives in previews.css. */
body.alma-design-v50 { --alma-v50-ink: #333333; --alma-v50-orange: #ff7047; }
.alma-design-v50 .alma-site-header-v2 { background: #fff; color: #333333; border: 0; box-shadow: none; }
.alma-design-v50 .alma-site-header-v2 .alma-header-inner { min-height: 108px; }
.alma-design-v50 .alma-site-header-v2 .alma-brand img { width: 128px; }
.alma-design-v50 .alma-site-header-v2 .wp-block-navigation { margin-left: auto; color: #333333; }
.alma-design-v50 .alma-site-header-v2 .wp-block-navigation a { color: #333333; font-size: 17px; font-weight: 800; }
.alma-design-v50 .alma-site-header-v2 .alma-menu-institutions,
.alma-design-v50 .alma-site-header-v2 .wp-block-buttons { display: none; }
.alma-design-v50 .wp-site-blocks .alma-header-login { color: #333333 !important; background: #fff !important; border-color: #333333 !important; border-radius: 4px; font-size: 17px; font-weight: 800; }
.alma-design-v50 .wp-site-blocks .alma-header-login:hover { background: #ff7047 !important; }
.alma-design-v50 .alma-lang-switcher__blob { fill: #ff7047; }
.alma-design-v50 .alma-lang-switcher__current,
.alma-design-v50 .alma-lang-switcher__option { color: #333333; }
#alma-design-canvas.v50 { --v50-accent: #ff7047; --v50-surface: #ff7047; --v50-on-surface: #333333; --v50-marker: #fff; color: #333333; background: #fff; font-family: Nunito, Arial, sans-serif; }
#alma-design-canvas.v50[data-palette="paper-orange"] { --v50-surface: #fafafa; --v50-marker: #ff7047; }
#alma-design-canvas.v50[data-palette="paper-green"] { --v50-accent: #008c73; --v50-surface: #fafafa; --v50-marker: #008c73; }
#alma-design-canvas.v50[data-palette="blue"] { --v50-accent: #0a6196; --v50-surface: #0a6196; --v50-on-surface: #fff; --v50-marker: #333333; }
#alma-design-canvas.v50 * { box-sizing: border-box; }
#alma-design-canvas.v50 :is(h1, h2, h3, p, figure) { margin: 0; color: inherit; font-family: inherit; }
#alma-design-canvas.v50 :is(h1, h2, h3) { font-weight: 900 !important; letter-spacing: -.025em !important; }
#alma-design-canvas.v50 :is(h2, h3)::after { content: none; }
#alma-design-canvas.v50 p { font-size: 19px !important; line-height: 1.55 !important; }
#alma-design-canvas.v50 img { display: block; max-width: 100%; height: auto; }
#alma-design-canvas.v50 .v50-wrap { width: var(--alma-container); max-width: var(--alma-container); margin-inline: auto; }
#alma-design-canvas.v50 :is(section, .v50-motion-demo, h1) { scroll-margin-top: 128px; }
#alma-design-canvas.v50 .v50-board-intro { display: grid; grid-template-columns: 1.5fr 1fr; gap: 44px 80px; align-items: center; padding-block: 64px 34px; }
#alma-design-canvas.v50 h1 { font-size: clamp(40px, 5vw, 76px) !important; line-height: 1.08 !important; }
#alma-design-canvas.v50 .v50-lead { max-width: 58ch; margin-top: 22px; font-size: 23px !important; }
#alma-design-canvas.v50 .v50-brand-signature { justify-self: end; text-align: right; }
#alma-design-canvas.v50 .v50-brand-signature img { width: 240px; margin-left: auto; }
#alma-design-canvas.v50 .v50-brand-signature p { font-size: 15px !important; margin-top: 12px; }
#alma-design-canvas.v50 .v50-board-nav { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 32px; padding-top: 28px; border-top: 1px solid #b8b8b8; }
#alma-design-canvas.v50 .v50-board-nav a { display: inline-flex; align-items: center; min-height: 44px; color: #333333; font-size: 18px; font-weight: 800; text-decoration: underline; text-decoration-color: #ff7047; text-decoration-thickness: 3px; text-underline-offset: 7px; }
#alma-design-canvas.v50 .v50-board-section { padding-block: 54px 64px; border-top: 1px solid #b8b8b8; }
#alma-design-canvas.v50 .v50-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: baseline; margin-bottom: 36px; }
#alma-design-canvas.v50 h2 { font-size: clamp(30px, 3.2vw, 48px) !important; line-height: 1.15 !important; }
#alma-design-canvas.v50 h3 { font-size: 25px !important; line-height: 1.25 !important; }
#alma-design-canvas.v50 .v50-section-heading p { max-width: 60ch; }
#alma-design-canvas.v50 .v50-main-colors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
#alma-design-canvas.v50 .v50-swatch { display: flex; align-items: flex-end; min-height: 190px; padding: 24px; }
#alma-design-canvas.v50 .v50-swatch :is(span, strong) { font-size: clamp(23px, 2vw, 34px); font-weight: 900; letter-spacing: -.02em; }
#alma-design-canvas.v50 .v50-orange { background: #ff7047; color: #333333; }
#alma-design-canvas.v50 .v50-green { background: #008c73; color: #fff; }
#alma-design-canvas.v50 .v50-blue { background: #0a6196; color: #fff; }
#alma-design-canvas.v50 .v50-charcoal { background: #333333; color: #fff; }
#alma-design-canvas.v50 figcaption { line-height: 1.5; }
#alma-design-canvas.v50 .v50-main-colors figcaption { display: flex; flex-direction: column; gap: 3px; padding-top: 12px; }
#alma-design-canvas.v50 .v50-main-colors figcaption strong { font-size: 18px; font-weight: 800; }
#alma-design-canvas.v50 .v50-main-colors figcaption span { font-size: 15px; }
#alma-design-canvas.v50 .v50-secondary-colors { display: flex; flex-wrap: wrap; gap: 24px 40px; margin-top: 30px; }
#alma-design-canvas.v50 .v50-secondary-colors > div { display: flex; align-items: center; gap: 12px; }
#alma-design-canvas.v50 .v50-secondary-colors i { display: block; width: 42px; height: 42px; border: 1px solid #b8b8b8; }
#alma-design-canvas.v50 .v50-secondary-colors span { font-size: 15px; line-height: 1.5; }
#alma-design-canvas.v50 .v50-secondary-colors b { display: block; font-weight: 700; }
#alma-design-canvas.v50 .v50-palette-pairs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
#alma-design-canvas.v50 .v50-pair { display: flex; flex-direction: column; padding: 24px; min-height: 255px; }
#alma-design-canvas.v50 .v50-pair > img { width: 92px; height: 48px; padding: 7px 8px; object-fit: contain; background: #fff; margin-bottom: 20px; }
#alma-design-canvas.v50 .v50-pair p { font-size: clamp(24px, 2.1vw, 36px) !important; line-height: 1.08 !important; font-weight: 900; letter-spacing: -.025em; }
#alma-design-canvas.v50 .v50-pair figcaption { margin-top: auto; padding-top: 24px; font-size: 14px; }
#alma-design-canvas.v50 .v50-pair-green, #alma-design-canvas.v50 .v50-pair-white { background: #fafafa; }
#alma-design-canvas.v50 .v50-pair-green p span { color: #008c73; }
#alma-design-canvas.v50 .v50-pair-white p span { text-decoration: underline; text-decoration-color: #ff7047; text-decoration-thickness: .12em; text-underline-offset: .12em; }
#alma-design-canvas.v50 .v50-type-board { display: grid; grid-template-columns: 1fr 1.35fr; gap: 64px; }
#alma-design-canvas.v50 .v50-type-name { padding: 32px; background: #fafafa; }
#alma-design-canvas.v50 .v50-type-name > span { display: block; color: #008c73; font-size: clamp(100px, 12vw, 180px); font-weight: 900; line-height: 1; letter-spacing: -.04em; }
#alma-design-canvas.v50 .v50-type-name h3 { font-size: 36px !important; margin-block: 20px 10px; }
#alma-design-canvas.v50 .v50-type-name .v50-alphabet { margin-top: 24px; font-size: 24px !important; }
#alma-design-canvas.v50 .v50-type-scale > div { padding-block: 26px; border-bottom: 1px solid #b8b8b8; }
#alma-design-canvas.v50 .v50-type-scale > div:first-child { padding-top: 0; }
#alma-design-canvas.v50 .v50-type-scale > div > span { display: block; margin-top: 14px; font-size: 15px; }
#alma-design-canvas.v50 .v50-type-scale .v50-display-type { font-size: clamp(36px, 4vw, 60px) !important; line-height: 1.08 !important; font-weight: 900; letter-spacing: -.03em; }
#alma-design-canvas.v50 .v50-type-scale h3 { font-size: 32px !important; font-weight: 800 !important; }
#alma-design-canvas.v50 .v50-title-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
#alma-design-canvas.v50 .v50-title-sample { display: flex; flex-direction: column; justify-content: center; min-height: 250px; padding: 28px 22px; background: #fafafa; }
#alma-design-canvas.v50 .v50-title-sample h3 { font-size: clamp(26px, 2.3vw, 38px) !important; line-height: 1.12 !important; }
#alma-design-canvas.v50 .v50-title-sample figcaption { margin-top: auto; padding-top: 24px; font-size: 14px; }
#alma-design-canvas.v50 .v50-title-sample[data-style="above"] h3::before { content: ""; display: block; width: 58px; height: 4px; background: var(--v50-accent); margin-bottom: 18px; }
#alma-design-canvas.v50 .v50-title-sample[data-style="underline"] h3 span { text-decoration: underline; text-decoration-color: var(--v50-accent); text-decoration-thickness: .06em; text-underline-offset: .15em; text-decoration-skip-ink: none; }
#alma-design-canvas.v50 .v50-title-sample[data-style="highlight"] h3 span { box-shadow: inset 0 -.22em 0 var(--v50-accent); }
#alma-design-canvas.v50 .v50-composition-controls { display: grid; grid-template-columns: 1.25fr 1fr 1fr; align-items: end; gap: 28px; margin-block: 36px 24px; }
#alma-design-canvas.v50 .v50-composition-controls p { font-size: 16px !important; }
#alma-design-canvas.v50 .v50-controls { min-width: 0; }
#alma-design-canvas.v50 .v50-controls label { display: flex; flex-direction: column; gap: 7px; font-size: 16px; font-weight: 800; line-height: 1.4; }
#alma-design-canvas.v50 .v50-controls select { min-width: 0; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #b8b8b8; border-radius: 4px; background: #fff; color: #333333; font: 700 16px/1.4 Nunito, Arial, sans-serif; }
#alma-design-canvas.v50 .v50-control-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
#alma-design-canvas.v50 .v50-control-actions button { min-height: 44px; padding: 10px 16px; border: 1px solid #333333; border-radius: 4px; background: #333333; color: #fff; cursor: pointer; font: 800 16px/1.4 Nunito, Arial, sans-serif; }
#alma-design-canvas.v50 .v50-control-actions [data-stop] { color: #333333; background: #fff; }
#alma-design-canvas.v50 .v50-control-actions button:disabled { opacity: .45; cursor: default; }
#alma-design-canvas.v50 .v50-control-actions a { color: #333333; font-size: 15px; text-underline-offset: 4px; }
#alma-design-canvas.v50 .v50-controls [hidden], #alma-design-canvas.v50.is-ready [data-apply] { display: none !important; }
#alma-design-canvas.v50 .v50-composition { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 36px; padding: 44px; background: var(--v50-surface); color: var(--v50-on-surface); }
#alma-design-canvas.v50 .v50-example-logo { width: 110px; padding: 8px; background: #fff; margin-bottom: 22px; }
#alma-design-canvas.v50 .v50-selected-title { font-size: clamp(32px, 3.3vw, 52px) !important; line-height: 1.1 !important; }
#alma-design-canvas.v50 .v50-composition p { max-width: 44ch; margin-top: 20px; }
#alma-design-canvas.v50 .v50-composition .v50-button { margin-top: 24px; }
#alma-design-canvas.v50 .v50-example-art { width: 100%; max-width: 650px; justify-self: center; }
#alma-design-canvas.v50[data-title="above"] .v50-selected-title::before { content: ""; display: block; width: 64px; height: 4px; background: var(--v50-marker); margin-bottom: 18px; }
#alma-design-canvas.v50[data-title="underline"] .v50-selected-title > span { text-decoration: underline; text-decoration-color: var(--v50-marker); text-decoration-thickness: .055em; text-underline-offset: .14em; text-decoration-skip-ink: none; }
#alma-design-canvas.v50[data-title="highlight"] .v50-selected-title > span { box-shadow: inset 0 -.22em 0 var(--v50-marker); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
#alma-design-canvas.v50 .v50-illustration-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
#alma-design-canvas.v50 .v50-illustration-series-title { margin-block: 44px 24px; scroll-margin-top: 128px; }
#alma-design-canvas.v50 .v50-illustration-plate { display: flex; align-items: center; justify-content: center; aspect-ratio: 1.4; padding: 20px; background: #fafafa; }
#alma-design-canvas.v50 .v50-illustration-plate.v50-orange { background: #ff7047; }
#alma-design-canvas.v50 .v50-illustration-plate img { width: 100%; max-height: 100%; object-fit: contain; }
#alma-design-canvas.v50 .v50-illustration-board figcaption { padding-top: 18px; }
#alma-design-canvas.v50 .v50-illustration-board h3 { font-size: 25px !important; }
#alma-design-canvas.v50 .v50-illustration-board p { font-size: 17px !important; margin-top: 8px; }
#alma-design-canvas.v50 .v50-element-board { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
#alma-design-canvas.v50 .v50-button-samples { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
#alma-design-canvas.v50 .v50-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; max-width: 100%; padding: 13px 20px; border: 1px solid #333333; border-radius: 4px; background: #333333; color: #fff; font-size: 18px !important; font-weight: 800; line-height: 1.4; text-decoration: none; text-align: center; }
#alma-design-canvas.v50 .v50-button-outline { color: #333333; background: #fff; }
#alma-design-canvas.v50 .v50-button:hover { text-decoration: underline; text-underline-offset: 4px; }
#alma-design-canvas.v50 .v50-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #333333; font-size: 18px; font-weight: 800; text-underline-offset: 6px; }
#alma-design-canvas.v50 .v50-icon-samples { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 24px; }
#alma-design-canvas.v50 .v50-icon-samples .icon { width: 34px; height: 34px; color: #008c73; }
#alma-design-canvas.v50 .v50-line-samples { display: flex; align-items: center; gap: 28px; margin-top: 30px; }
#alma-design-canvas.v50 .v50-line-samples span:first-child { width: 80px; height: 4px; background: #ff7047; }
#alma-design-canvas.v50 .v50-line-samples span:last-child { width: 160px; max-width: 45%; height: 1px; background: #b8b8b8; }
#alma-design-canvas.v50 .v50-note { font-size: 15px !important; margin-top: 18px; }
#alma-design-canvas.v50 .v50-motion-controls { display: grid; grid-template-columns: minmax(240px, 340px) 1fr; align-items: end; gap: 14px 28px; margin-bottom: 24px; }
#alma-design-canvas.v50 .v50-motion-controls .v50-control-actions { margin: 0; }
#alma-design-canvas.v50 .v50-preview-status { grid-column: 1 / -1; min-height: 1.5em; font-size: 15px !important; }
#alma-design-canvas.v50 .v50-motion-demo { min-height: 350px; }
#alma-design-canvas.v50 .v50-board-footer { display: flex; flex-wrap: wrap; gap: 20px 32px; align-items: center; padding-block: 32px 50px; border-top: 1px solid #b8b8b8; }
#alma-design-canvas.v50 .v50-board-footer img { width: 100px; }
#alma-design-canvas.v50 .v50-board-footer p { font-size: 16px !important; }
#alma-design-canvas.v50 .v50-board-footer a { min-height: 44px; display: inline-flex; align-items: center; margin-left: auto; color: #333333; font-weight: 800; text-underline-offset: 4px; }
.alma-design-v50 :is(#alma-design-canvas a, #alma-design-canvas button, #alma-design-canvas select, .alma-header-login):focus-visible { outline: 3px solid #333333; outline-offset: 5px; }
#alma-design-canvas.v50 .v50-composition :is(a, button):focus-visible { outline-color: var(--v50-on-surface); }
#alma-design-canvas.v50 ::selection { background: #333333; color: #fff; }
@media (max-width: 1100px) {
  body.alma-design-v50 { --alma-container: min(2000px, 94vw); }
  #alma-design-canvas.v50 .v50-board-intro { gap: 32px; }
  #alma-design-canvas.v50 .v50-main-colors, #alma-design-canvas.v50 .v50-palette-pairs, #alma-design-canvas.v50 .v50-title-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #alma-design-canvas.v50 .v50-swatch { min-height: 160px; }
  #alma-design-canvas.v50 .v50-illustration-board { gap: 20px; }
  #alma-design-canvas.v50 .v50-illustration-plate { padding: 10px; }
  #alma-design-canvas.v50 .v50-composition-controls { grid-template-columns: 1fr 1fr; }
  #alma-design-canvas.v50 .v50-composition-controls > p { grid-column: 1 / -1; }
  #alma-design-canvas.v50 .v50-type-board, #alma-design-canvas.v50 .v50-element-board { gap: 32px; }
  #alma-design-canvas.v50 .v50-composition { padding: 32px; gap: 24px; }
}
@media (max-width: 760px) {
  body.alma-design-v50 { --alma-container: calc(100vw - 1.25rem); }
  .alma-design-v50 .alma-site-header-v2 .alma-header-inner { min-height: 88px; }
  .alma-design-v50 .alma-site-header-v2 .alma-brand img { width: 100px; }
  .alma-design-v50 .alma-header-login span { display: none; }
  #alma-design-canvas.v50 .v50-board-intro { grid-template-columns: 1fr; padding-block: 36px 24px; gap: 28px; }
  #alma-design-canvas.v50 .v50-lead { font-size: 20px !important; margin-top: 18px; }
  #alma-design-canvas.v50 .v50-brand-signature { justify-self: start; text-align: left; }
  #alma-design-canvas.v50 .v50-brand-signature img { width: 170px; margin-left: 0; }
  #alma-design-canvas.v50 .v50-board-nav { gap: 8px 22px; padding-top: 20px; }
  #alma-design-canvas.v50 .v50-board-section { padding-block: 36px 42px; }
  #alma-design-canvas.v50 .v50-section-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 26px; }
  #alma-design-canvas.v50 .v50-section-heading p { font-size: 18px !important; }
  #alma-design-canvas.v50 .v50-main-colors, #alma-design-canvas.v50 .v50-palette-pairs, #alma-design-canvas.v50 .v50-title-grid { gap: 12px; }
  #alma-design-canvas.v50 .v50-swatch { padding: 16px; min-height: 130px; }
  #alma-design-canvas.v50 .v50-swatch :is(strong, span) { font-size: 23px; }
  #alma-design-canvas.v50 .v50-main-colors figcaption span { font-size: 14px; }
  #alma-design-canvas.v50 .v50-secondary-colors { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 12px; }
  #alma-design-canvas.v50 .v50-pair { padding: 18px 14px; min-height: 240px; }
  #alma-design-canvas.v50 .v50-pair p { font-size: 26px !important; }
  #alma-design-canvas.v50 .v50-type-board, #alma-design-canvas.v50 .v50-element-board, #alma-design-canvas.v50 .v50-composition, #alma-design-canvas.v50 .v50-illustration-board { grid-template-columns: 1fr; }
  #alma-design-canvas.v50 .v50-type-name { padding: 24px; }
  #alma-design-canvas.v50 .v50-title-sample { padding: 20px 14px; min-height: 220px; }
  #alma-design-canvas.v50 .v50-title-sample h3 { font-size: clamp(22px, 6.1vw, 30px) !important; }
  #alma-design-canvas.v50 .v50-title-sample figcaption { font-size: 13px; }
  #alma-design-canvas.v50 .v50-composition-controls { grid-template-columns: 1fr; gap: 20px; }
  #alma-design-canvas.v50 .v50-composition { padding: 26px 20px; }
  #alma-design-canvas.v50 .v50-selected-title { font-size: clamp(28px, 7.3vw, 42px) !important; }
  #alma-design-canvas.v50 .v50-illustration-board { gap: 32px; }
  #alma-design-canvas.v50 .v50-illustration-plate { padding: 18px; aspect-ratio: 1.5; }
  #alma-design-canvas.v50 .v50-motion-controls { grid-template-columns: 1fr; }
  #alma-design-canvas.v50 .v50-board-footer { align-items: flex-start; }
  #alma-design-canvas.v50 .v50-board-footer p { width: 100%; }
  #alma-design-canvas.v50 .v50-board-footer a { margin-left: 0; }
  #alma-design-canvas.v50 :is(section, .v50-motion-demo, h1) { scroll-margin-top: 100px; }
}
@media (max-width: 340px) {
  body.alma-design-v50 { --alma-container: calc(100vw - .9rem); }
  #alma-design-canvas.v50 .v50-palette-pairs { grid-template-columns: 1fr; }
  #alma-design-canvas.v50 .v50-pair { min-height: 220px; }
  #alma-design-canvas.v50 .v50-swatch { padding: 12px; }
  #alma-design-canvas.v50 .v50-swatch span { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #alma-design-canvas.v50 { scroll-behavior: auto; }
}