/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* macburo.com custom styles */
/* BOF Macburo Design: tokens */
:root {
  --m-bg: #ffffff;
  --m-bg-2: #f5f5f7;
  --m-card: #f5f5f7;
  --m-text: #1d1d1f;
  --m-text-2: #6e6e73;
  --m-line: rgba(0, 0, 0, .09);
  --m-hover: rgba(0, 0, 0, .05);
  --m-accent: #5693d0;
  --m-accent-2: #4580bf;
  --m-accent-soft: rgba(86, 147, 208, .14);
  --m-glass: rgba(255, 255, 255, .72);
  --m-glass-strong: rgba(255, 255, 255, .92);
  --m-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .10);
  --m-shadow-lg: 0 2px 6px rgba(0, 0, 0, .06), 0 32px 80px rgba(0, 0, 0, .22);
  --m-scrim: rgba(20, 20, 22, .38);
  --m-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
  --m-ease: cubic-bezier(.2, .8, .2, 1);
  --m-gutter: 1rem;
  --m-tile: #ffffff;
  --m-tile-app: #f5f5f7;
  --m-tile-line: #f3f3f3;
  color-scheme: light;
}
/* Dark theme: the attribute is resolved and set by the inline script in Page Settings > Head Bottom */
:root[data-theme="dark"] {
  --m-bg: #000000;
  --m-bg-2: #0b0b0c;
  --m-card: #141416;
  --m-text: #f5f5f7;
  --m-text-2: #a1a1a6;
  --m-line: rgba(255, 255, 255, .12);
  --m-hover: rgba(255, 255, 255, .08);
  --m-accent: #5693d0;
  --m-accent-2: #82b2e0;
  --m-accent-soft: rgba(86, 147, 208, .20);
  --m-glass: rgba(22, 22, 24, .72);
  --m-glass-strong: rgba(29, 29, 31, .94);
  --m-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .5);
  --m-shadow-lg: 0 2px 6px rgba(0, 0, 0, .6), 0 32px 80px rgba(0, 0, 0, .75);
  --m-scrim: rgba(0, 0, 0, .6);
  --m-tile: #1c1c1e;
  --m-tile-app: #1c1c1e;
  --m-tile-line: rgba(255, 255, 255, .08);
  color-scheme: dark;
}
/* Phosphor Icons (MIT), inlined as mask sources: no icon font, colour comes from currentColor */
:root {
  --m-i-newspaper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M88,112a8,8,0,0,1,8-8h80a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm8,40h80a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,64V184a24,24,0,0,1-24,24H32A24,24,0,0,1,8,184.11V88a8,8,0,0,1,16,0v96a8,8,0,0,0,16,0V64A16,16,0,0,1,56,48H216A16,16,0,0,1,232,64Zm-16,0H56V184a23.84,23.84,0,0,1-1.37,8H208a8,8,0,0,0,8-8Z'/%3E%3C/svg%3E");
  --m-i-newspaper-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,48H56A16,16,0,0,0,40,64V184a8,8,0,0,1-16,0V88A8,8,0,0,0,8,88v96.11A24,24,0,0,0,32,208H208a24,24,0,0,0,24-24V64A16,16,0,0,0,216,48ZM176,152H96a8,8,0,0,1,0-16h80a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h80a8,8,0,0,1,0,16Z'/%3E%3C/svg%3E");
  --m-i-apple-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M223.3,169.59a8.07,8.07,0,0,0-2.8-3.4C203.53,154.53,200,134.64,200,120c0-17.67,13.47-33.06,21.5-40.67a8,8,0,0,0,0-11.62C208.82,55.74,187.82,48,168,48a72.2,72.2,0,0,0-40,12.13,71.56,71.56,0,0,0-90.71,9.09A74.63,74.63,0,0,0,16,123.4a127.06,127.06,0,0,0,40.14,89.73A39.8,39.8,0,0,0,83.59,224h87.68a39.84,39.84,0,0,0,29.12-12.57,125,125,0,0,0,17.82-24.6C225.23,174,224.33,172,223.3,169.59Zm-34.63,30.94a23.76,23.76,0,0,1-17.4,7.47H83.59a23.82,23.82,0,0,1-16.44-6.51A111.14,111.14,0,0,1,32,123,58.5,58.5,0,0,1,48.65,80.47,54.81,54.81,0,0,1,88,64h.78A55.45,55.45,0,0,1,123,76.28a8,8,0,0,0,10,0A55.44,55.44,0,0,1,168,64a70.64,70.64,0,0,1,36,10.35c-13,14.52-20,30.47-20,45.65,0,23.77,7.64,42.73,22.18,55.3A105.82,105.82,0,0,1,188.67,200.53ZM128.23,30A40,40,0,0,1,167,0h1a8,8,0,0,1,0,16h-1a24,24,0,0,0-23.24,18,8,8,0,1,1-15.5-4Z'/%3E%3C/svg%3E");
  --m-i-apple-logo-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128.23,30A40,40,0,0,1,167,0h1a8,8,0,0,1,0,16h-1a24,24,0,0,0-23.24,18,8,8,0,1,1-15.5-4ZM223.3,169.59a8.07,8.07,0,0,0-2.8-3.4C203.53,154.53,200,134.64,200,120c0-17.67,13.47-33.06,21.5-40.67a8,8,0,0,0,0-11.62C208.82,55.74,187.82,48,168,48a72.23,72.23,0,0,0-40,12.13,71.56,71.56,0,0,0-90.71,9.09A74.63,74.63,0,0,0,16,123.4a127,127,0,0,0,40.14,89.73A39.8,39.8,0,0,0,83.59,224h87.68a39.84,39.84,0,0,0,29.12-12.57,125,125,0,0,0,17.82-24.6C225.23,174,224.33,172,223.3,169.59Z'/%3E%3C/svg%3E");
  --m-i-book-open-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64ZM160,88h40a8,8,0,0,1,0,16H160a8,8,0,0,1,0-16Zm48,40a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,128Zm0,32a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,160Z'/%3E%3C/svg%3E");
  --m-i-book-open-text-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232,48H168a32,32,0,0,0-32,32v87.73a8.17,8.17,0,0,1-7.47,8.25,8,8,0,0,1-8.53-8V80A32,32,0,0,0,88,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,23.94,7.9,7.9,0,0,0,5.12,7.55A8,8,0,0,0,136,232a24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM208,168H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,168Zm0-32H168.27a8.17,8.17,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h39.73a8.17,8.17,0,0,1,8.25,7.47A8,8,0,0,1,208,136Zm0-32H168.27A8.17,8.17,0,0,1,160,96.53,8,8,0,0,1,168,88h39.73A8.17,8.17,0,0,1,216,95.47,8,8,0,0,1,208,104Z'/%3E%3C/svg%3E");
  --m-i-app-store-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M64.34,196.07l-9.45,16a8,8,0,1,1-13.78-8.14l9.46-16a8,8,0,1,1,13.77,8.14ZM232,152H184.2l-30.73-52a8,8,0,1,0-13.77,8.14l61.41,103.93a8,8,0,0,0,13.78-8.14L193.66,168H232a8,8,0,0,0,0-16Zm-89.53,0H90.38L158.89,36.07a8,8,0,0,0-13.78-8.14L128,56.89l-17.11-29a8,8,0,1,0-13.78,8.14l21.6,36.55L71.8,152H24a8,8,0,0,0,0,16H142.47a8,8,0,1,0,0-16Z'/%3E%3C/svg%3E");
  --m-i-app-store-logo-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM83.66,180.12l-4.8,8a8,8,0,1,1-13.72-8.24l4.8-8a8,8,0,0,1,13.72,8.24ZM128,152H56a8,8,0,0,1,0-16H91.47l27.2-45.33L105.14,68.12a8,8,0,0,1,13.72-8.24L128,75.12l9.14-15.24a8,8,0,0,1,13.72,8.24L110.13,136H128a8,8,0,0,1,0,16Zm72,0H174.13l16.73,27.88a8,8,0,0,1-13.72,8.24l-38.4-64a8,8,0,0,1,13.72-8.24L164.53,136H200a8,8,0,0,1,0,16Z'/%3E%3C/svg%3E");
  --m-i-magnifying-glass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
  --m-i-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z'/%3E%3C/svg%3E");
  --m-i-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z'/%3E%3C/svg%3E");
  --m-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'/%3E%3C/svg%3E");
  --m-i-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z'/%3E%3C/svg%3E");
  --m-i-caret-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
  --m-i-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'/%3E%3C/svg%3E");
}
.m-ico {
  display: inline-block;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask: var(--m-ico) center / contain no-repeat;
  mask: var(--m-ico) center / contain no-repeat;
}
.m-ico-search {
  --m-ico: var(--m-i-magnifying-glass);
}
.m-ico-sun {
  --m-ico: var(--m-i-sun);
}
.m-ico-moon {
  --m-ico: var(--m-i-moon);
}
.m-ico-x {
  --m-ico: var(--m-i-x);
}
.m-ico-up {
  --m-ico: var(--m-i-arrow-up);
}
.m-ico-menu {
  --m-ico: var(--m-i-list);
}
.m-ico-caret {
  --m-ico: var(--m-i-caret-down);
}
/* EOF Macburo Design: tokens */
/* BOF Macburo Design: base */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 72px;
}
body {
  background: var(--m-bg);
  color: var(--m-text);
  font-family: var(--m-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
#g-page-surround {
  background: var(--m-bg);
  color: var(--m-text);
}
#g-container-main, #g-mainbar, #g-aside, #g-sidebar {
  color: var(--m-text);
}
h1, h2, h3, h4, h5, h6 {
  color: var(--m-text);
  font-weight: 600;
  letter-spacing: -0.02em;
}
#g-container-main, #g-mainbar, #g-aside, #g-sidebar {
  background: transparent;
}
a {
  color: var(--m-accent);
  transition: color 0.2s var(--m-ease);
}
a:hover {
  color: var(--m-accent-2);
}
::selection {
  background: var(--m-accent-soft);
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
/* Page gutters: one value for header, content and footer; Gantry content margins and the Bootstrap container padding are not stacked on top */
.g-container {
  padding-left: var(--m-gutter);
  padding-right: var(--m-gutter);
}
/* Helium gives #g-mainbar 3rem top/bottom padding and .platform-content 25px more: the section spacing is set on #flexicontent instead */
#g-mainbar {
  padding-top: 0;
  padding-bottom: 0;
}
#g-container-main .platform-content {
  margin: 0;
  padding: 0;
}
.g-block .g-container {
  padding-left: 0;
  padding-right: 0;
}
#g-container-main .g-content {
  margin: 0;
  padding: 0;
}
#g-container-main .platform-content.container {
  padding-left: 0;
  padding-right: 0;
}
#g-container-main .platform-content .row {
  margin-left: 0;
  margin-right: 0;
}
#g-container-main .platform-content .row > * {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 47.99rem) {
  :root {
    --m-gutter: .875rem;
  }
  .g-container {
    width: 100%;
  }
}
/* Headings: tight leading, smaller on phones */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.15;
}
#flexicontent h1.componentheading, #flexicontent h1.contentheading {
  margin: 0 0 1rem !important;
  font-size: clamp(1.75rem, 5.6vw, 2.7rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}
/* EOF Macburo Design: base */
/* BOF Macburo Design: header */
#g-navigation {
  position: sticky;
  top: 0;
  z-index: 90;
  padding: 0;
  background: var(--m-glass);
  color: var(--m-text);
  border-bottom: 1px solid var(--m-line);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  backdrop-filter: saturate(180%) blur(22px);
  transition: background 0.3s var(--m-ease), border-color 0.3s var(--m-ease);
}
#g-navigation .g-grid {
  align-items: center;
  flex-wrap: nowrap;
  min-height: 72px;
}
#g-navigation .g-block {
  min-width: 0;
}
#g-navigation .g-content {
  margin: 0;
  padding: 0;
}
/* Logo: both variants are in the markup, the theme attribute picks one */
.m-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.m-logo img {
  display: block;
  height: 40px;
  width: auto;
  transition: opacity 0.2s var(--m-ease);
}
.m-logo:hover img {
  opacity: 0.72;
}
.m-logo-dark {
  display: none !important;
}
:root[data-theme="dark"] .m-logo-light {
  display: none !important;
}
:root[data-theme="dark"] .m-logo-dark {
  display: block !important;
}
/* Main menu: pill items with a Phosphor glyph, filled variant for the current section */
#g-navigation .g-main-nav {
  /* Helium adds bottom padding and an active underline to the content span: strip them so the label is centred in the pill */
}
#g-navigation .g-main-nav .g-toplevel {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  margin: 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  box-sizing: border-box;
  height: 48px;
  padding: 0 1.25rem;
  line-height: 1;
  border-radius: 999px;
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--m-text-2);
  background: transparent;
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease);
}
#g-navigation .g-main-nav .g-menu-item-content, #g-navigation .g-main-nav .g-menu-item-title {
  display: inline-flex;
  align-items: center;
  margin: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
  line-height: 1;
  background: none;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0;
  padding: 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-content {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask: var(--m-menu-ico) center / contain no-repeat;
  mask: var(--m-menu-ico) center / contain no-repeat;
  transition: transform 0.3s var(--m-ease);
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover {
  color: var(--m-text);
  background: var(--m-hover);
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover::before {
  transform: scale(1.12);
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container {
  color: var(--m-accent);
  background: var(--m-accent-soft);
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container::before, #g-navigation .g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container::before {
  -webkit-mask-image: var(--m-menu-ico-fill);
  mask-image: var(--m-menu-ico-fill);
}
/* Menu icons are bound to Joomla menu item IDs: RU 216/242/217/1119, UA 1127/1129/1128/1130 */
.g-menu-item-216, .g-menu-item-1127 {
  --m-menu-ico: var(--m-i-newspaper);
  --m-menu-ico-fill: var(--m-i-newspaper-fill);
}
.g-menu-item-242, .g-menu-item-1129 {
  --m-menu-ico: var(--m-i-apple-logo);
  --m-menu-ico-fill: var(--m-i-apple-logo-fill);
}
.g-menu-item-217, .g-menu-item-1128 {
  --m-menu-ico: var(--m-i-book-open-text);
  --m-menu-ico-fill: var(--m-i-book-open-text-fill);
}
.g-menu-item-1119, .g-menu-item-1130 {
  --m-menu-ico: var(--m-i-app-store-logo);
  --m-menu-ico-fill: var(--m-i-app-store-logo-fill);
}
/* Header actions: search + theme */
.m-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
}
.m-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--m-text-2);
  cursor: pointer;
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease), transform 0.2s var(--m-ease);
}
.m-btn:hover {
  color: var(--m-text);
  background: var(--m-hover);
}
.m-btn:active {
  transform: scale(0.92);
}
.m-btn:focus-visible, .m-dialog__close:focus-visible, #g-navigation .g-menu-item-container:focus-visible, #g-totop:focus-visible {
  outline: 2px solid var(--m-accent);
  outline-offset: 2px;
}
.m-theme-btn {
  position: relative;
  overflow: hidden;
}
.m-theme-btn .m-ico {
  position: absolute;
  transition: transform 0.45s var(--m-ease), opacity 0.3s var(--m-ease);
}
.m-theme-btn .m-ico-moon {
  transform: translateY(140%) rotate(-40deg);
  opacity: 0;
}
:root[data-theme="dark"] .m-theme-btn .m-ico-sun {
  transform: translateY(-140%) rotate(40deg);
  opacity: 0;
}
:root[data-theme="dark"] .m-theme-btn .m-ico-moon {
  transform: none;
  opacity: 1;
}
/* Search popup: native <dialog>, opened by the script in Page Settings > Body Bottom */
dialog.m-dialog {
  position: fixed;
  inset: 0;
  width: min(680px, calc(100vw - 2rem));
  max-height: calc(100vh - 12vh - 2rem);
  margin: 12vh auto auto;
  padding: 0;
  overflow: visible;
  border: 1px solid var(--m-line);
  border-radius: 22px;
  background: var(--m-glass-strong);
  color: var(--m-text);
  box-shadow: var(--m-shadow-lg);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
}
dialog.m-dialog[open] {
  animation: m-pop 0.32s var(--m-ease);
}
dialog.m-dialog[open]::backdrop {
  animation: m-fade 0.3s ease;
}
dialog.m-dialog::backdrop {
  background: var(--m-scrim);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
/* Search bar inside the popup (markup: templates/g5_helium/html/fcs/bar.php) */
.m-dialog__body {
  padding: 3.5rem 1.75rem 1.75rem;
}
.m-dialog form {
  margin: 0;
}
.m-dialog .fcs-bar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.m-dialog .fcs-bar__field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.m-dialog .fcs-bar__field .m-ico {
  position: absolute;
  top: 50%;
  left: 1.1rem;
  transform: translateY(-50%);
  color: var(--m-text-2);
  pointer-events: none;
}
.m-dialog .fcs-bar__field input[type="text"] {
  padding-left: 3rem;
}
.m-dialog .fcs-btn {
  flex: none;
  height: 52px;
  padding: 0 1.6rem;
  border: 0;
  border-radius: 999px;
  background: var(--m-accent);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s var(--m-ease), transform 0.2s var(--m-ease);
}
.m-dialog .fcs-btn:hover {
  background: var(--m-accent-2);
}
.m-dialog .fcs-btn:active {
  transform: scale(0.97);
}
@media (max-width: 30rem) {
  .m-dialog .fcs-btn {
    padding: 0 1.1rem;
  }
}
.m-dialog__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--m-hover);
  color: var(--m-text-2);
  cursor: pointer;
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease), transform 0.2s var(--m-ease);
}
.m-dialog__close:hover {
  color: var(--m-text);
  transform: rotate(90deg);
}
.m-dialog__close .m-ico {
  width: 1rem;
  height: 1rem;
}
.m-dialog input[type="text"], .m-dialog input[type="search"] {
  width: 100%;
  height: 52px;
  padding: 0 1.25rem;
  border: 1px solid var(--m-line);
  border-radius: 999px;
  background: var(--m-bg-2);
  color: var(--m-text);
  font: inherit;
  font-size: 1.05rem;
  transition: border-color 0.2s var(--m-ease), box-shadow 0.2s var(--m-ease);
}
.m-dialog input[type="text"]:focus, .m-dialog input[type="search"]:focus {
  outline: 0;
  border-color: var(--m-accent);
  box-shadow: 0 0 0 4px var(--m-accent-soft);
}
@keyframes m-pop {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.97);
  }
}
@keyframes m-fade {
  from {
    opacity: 0;
  }
}
/* Offcanvas toggle on phones: Phosphor glyph instead of the Font Awesome one */
.g-offcanvas-toggle {
  color: var(--m-text);
}
@media (max-width: 47.99rem) {
  .g-offcanvas-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 95;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 64px;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
}
.g-offcanvas-toggle .m-ico {
  width: 1.5rem;
  height: 1.5rem;
}
body #g-offcanvas, body #g-offcanvas .g-content {
  background: var(--m-bg-2);
  color: var(--m-text);
}
body #g-offcanvas {
  box-shadow: 1px 0 0 var(--m-line), 24px 0 64px rgba(0, 0, 0, 0.14);
}
/* Helium paints the list and the active/hover row with accent colours: same selector chain to neutralise them */
#g-offcanvas #g-mobilemenu-container ul, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module), #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: transparent;
}
body #g-mobilemenu-container ul {
  padding: 0.5rem;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container .g-menu-item-title {
  color: var(--m-text);
}
#g-offcanvas #g-mobilemenu-container ul > li.active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li.active > .g-menu-item-container .g-menu-item-title {
  color: var(--m-accent);
}
body #g-mobilemenu-container li > .g-menu-item-container {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1rem;
  border-radius: 14px;
  font-size: 1.02rem;
  font-weight: 500;
  color: var(--m-text);
  background: transparent;
}
body #g-mobilemenu-container li > .g-menu-item-container::before {
  content: "";
  width: 1.35rem;
  height: 1.35rem;
  background-color: currentColor;
  -webkit-mask: var(--m-menu-ico) center / contain no-repeat;
  mask: var(--m-menu-ico) center / contain no-repeat;
}
body #g-mobilemenu-container li.active > .g-menu-item-container {
  color: var(--m-accent);
  background: var(--m-accent-soft);
}
body #g-mobilemenu-container li.active > .g-menu-item-container::before {
  -webkit-mask-image: var(--m-menu-ico-fill);
  mask-image: var(--m-menu-ico-fill);
}
@media (max-width: 47.99rem) {
  #g-navigation .g-grid {
    min-height: 64px;
  }
  #g-navigation .g-block {
    flex: 0 0 auto;
    width: auto;
    padding: 0;
  }
  #g-navigation .g-block:has(.m-logo) {
    flex: 1 1 auto;
    padding-left: calc(3.25rem - var(--m-gutter));
  }
  #g-navigation .g-block {
    display: flex;
    align-items: center;
  }
  #g-navigation .g-block:has(.g-main-nav) {
    display: none;
  }
  .m-logo img {
    height: 34px;
  }
}
/* Language dropdown (module position header-lang, a copy of the footer Language Switch) */
.m-actions .m-lang {
  position: relative;
}
.m-lang-btn {
  width: auto;
  gap: 0.2rem;
  padding: 0 0.7rem 0 0.8rem;
  border-radius: 999px;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.m-lang-btn .m-ico {
  width: 0.9rem;
  height: 0.9rem;
  transition: transform 0.3s var(--m-ease);
}
.m-lang.is-open .m-lang-btn {
  color: var(--m-text);
  background: var(--m-hover);
}
.m-lang.is-open .m-lang-btn .m-ico {
  transform: rotate(180deg);
}
.m-lang-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 100;
  width: 6rem;
  padding: 0.35rem;
  border: 1px solid var(--m-line);
  border-radius: 18px;
  background: var(--m-glass-strong);
  box-shadow: var(--m-shadow-lg);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(0.98);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 0.2s var(--m-ease), transform 0.25s var(--m-ease), visibility 0s linear 0.25s;
}
.m-lang.is-open .m-lang-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
  transition-delay: 0s;
}
.m-lang-menu .moduletable, .m-lang-menu .mod-languages {
  margin: 0;
  padding: 0;
}
.m-lang-menu .mod-languages__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.m-lang-menu .mod-languages__list li, .m-lang-menu .mod-languages__list li.lang-active {
  margin: 0;
  padding: 0;
  background: transparent;
}
.m-lang-menu .mod-languages__list a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.85rem;
  border-radius: 12px;
  color: var(--m-text-2);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: background 0.2s var(--m-ease), color 0.2s var(--m-ease);
}
.m-lang-menu .mod-languages__list a[data-code]::before {
  content: attr(data-code);
}
.m-lang-menu .mod-languages__list a[data-code] img {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
.m-lang-menu .mod-languages__list a:hover {
  background: var(--m-hover);
  color: var(--m-text);
}
.m-lang-menu .mod-languages__list .lang-active a {
  background: var(--m-accent-soft);
  color: var(--m-accent);
}
/* EOF Macburo Design: header */
/* BOF Macburo Design: footer */
#g-footer {
  background: var(--m-bg-2);
  color: var(--m-text-2);
  border-top: 1px solid var(--m-line);
  padding: 3rem 0 2rem;
  font-size: 0.86rem;
  /* Footer menu */
  /* Language switch: compact pills, label is taken from the link */
  /* Back to top: round Phosphor button */
}
#g-footer .g-container {
  padding-top: 0;
  padding-bottom: 0;
}
#g-footer .g-grid {
  align-items: center;
}
#g-footer .g-grid + .g-grid {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--m-line);
}
#g-footer .g-content {
  margin: 0;
  padding: 0;
}
#g-footer a {
  color: var(--m-text-2);
  text-decoration: none;
}
#g-footer a:hover {
  color: var(--m-text);
}
#g-footer .mod-menu, #g-footer .mod-menu.nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#g-footer .mod-menu li {
  margin: 0;
  padding: 0;
}
#g-footer .mod-menu a {
  position: relative;
  display: inline-block;
  padding: 0.25rem 0;
  font-weight: 500;
}
#g-footer .mod-menu a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--m-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s var(--m-ease);
}
#g-footer .mod-menu a:hover::after {
  transform: scaleX(1);
}
#g-footer .mod-languages {
  display: flex;
  justify-content: flex-end;
}
#g-footer .mod-languages__list {
  display: inline-flex;
  gap: 0.25rem;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  border: 1px solid var(--m-line);
  border-radius: 999px;
  background: var(--m-bg);
}
#g-footer .mod-languages__list li, #g-footer .mod-languages__list li.lang-active {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 999px;
  box-shadow: none;
}
#g-footer .mod-languages__list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.6rem;
  height: 2rem;
  padding: 0 0.8rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--m-text-2);
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease);
}
#g-footer .mod-languages__list a:hover {
  color: var(--m-text);
  background: var(--m-hover);
}
#g-footer .mod-languages__list a[data-code]::after {
  content: attr(data-code);
}
#g-footer .mod-languages__list a[data-code] img {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
#g-footer .mod-languages__list .lang-active a {
  color: #fff;
  background: var(--m-accent);
}
#g-footer .g-copyright {
  font-size: 0.78rem;
  color: var(--m-text-2);
  line-height: 1.6;
}
#g-footer .g-totop {
  display: flex;
  justify-content: flex-end;
}
#g-footer #g-totop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--m-line);
  border-radius: 50%;
  background: var(--m-bg);
  color: var(--m-text-2);
  box-shadow: var(--m-shadow);
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease), border-color 0.2s var(--m-ease), transform 0.3s var(--m-ease);
}
#g-footer #g-totop:hover {
  color: #fff;
  background: var(--m-accent);
  border-color: var(--m-accent);
  transform: translateY(-3px);
}
#g-footer #g-totop i::before {
  content: none;
}
#g-footer #g-totop .m-ico {
  width: 1.15rem;
  height: 1.15rem;
}
@media (max-width: 47.99rem) {
  #g-footer {
    padding: 2rem 0 1.5rem;
  }
  #g-footer .mod-menu, #g-footer .mod-languages {
    justify-content: center;
  }
  #g-footer .g-block {
    text-align: center;
  }
  #g-footer .g-totop {
    justify-content: center;
  }
}
/* EOF Macburo Design: footer */
/* BOF Macburo Design: news section (cards, hero, author) */
/* Page title and list chrome */
#flexicontent {
  padding-top: clamp(1.25rem, 3vw, 2rem);
  padding-bottom: 3rem;
}
#flexicontent h1.cattitle {
  margin: 0 0 1.5rem;
  font-size: clamp(1.9rem, 4.2vw, 3.2rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.035em;
}
#flexicontent .fcfilter_form_outer, #flexicontent .fcclear, #flexicontent hr.style-two {
  display: none;
}
#flexicontent .floattext {
  margin: 0;
}
/* Card grid: 3 / 2 / 1 columns, the first card on the first page is the wide "hero" */
.wsc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.75rem;
  margin: 0 0 2.5rem;
  padding: 0;
}
.wsc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 24px;
  background: var(--m-card);
  color: var(--m-text);
  box-shadow: 0 0 0 1px var(--m-line);
  transition: transform 0.45s var(--m-ease), box-shadow 0.45s var(--m-ease);
}
.wsc-media {
  position: relative;
  aspect-ratio: 1.6;
  overflow: hidden;
  background: var(--m-hover);
}
:is(#flexicontent, .wsc-related) .wsc-media img, .wsc-media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  transition: transform 0.8s var(--m-ease);
}
.wsc-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.35rem 1.5rem 1.5rem;
}
.wsc-kicker {
  align-self: flex-start;
  margin-bottom: 0.9rem;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
:is(#flexicontent, .wsc-related) .wsc-title {
  margin: 0;
  padding: 0;
  font-size: 1.28rem;
  font-weight: 650;
  line-height: 1.28;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
:is(#flexicontent, .wsc-related) .wsc-title a {
  color: var(--m-text);
  text-decoration: none;
  transition: color 0.25s var(--m-ease);
}
.wsc-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
:is(#flexicontent, .wsc-related) .wsc-excerpt, body .wsc-excerpt {
  margin: 0.75rem 0 0 !important;
  color: var(--m-text-2);
  font-size: 0.98rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wsc-meta {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: auto;
  padding-top: 1.25rem;
  font-size: 0.82rem;
  line-height: 1.35;
  color: var(--m-text-2);
}
:is(#flexicontent, .wsc-related) .wsc-avatar, .wsc-avatar {
  flex: none;
  width: 34px !important;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--m-bg);
}
.wsc-avatar.wsa-noimg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-size: 0.75rem;
  font-weight: 700;
}
.wsc-meta__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wsc-author {
  color: var(--m-text);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wsc-dot {
  margin: 0 0.35em;
}
.wsc-new {
  position: absolute;
  top: 0.9rem;
  left: 0.9rem;
  z-index: 1;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: var(--m-accent);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wsc-tools {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 3;
  display: flex;
  gap: 0.25rem;
}
.wsc-tools > div {
  background: var(--m-glass-strong);
  border-radius: 8px;
}
@media (hover: hover) {
  .wsc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 0 1px var(--m-line), var(--m-shadow);
  }
  .wsc-card:hover .wsc-media img {
    transform: scale(1.045);
  }
  :is(#flexicontent, .wsc-related) .wsc-card:hover .wsc-title a {
    color: var(--m-accent);
  }
}
.wsc-card:focus-within {
  outline: none;
}
.wsc-card:has(.wsc-link:focus-visible) {
  outline: 2px solid var(--m-accent);
  outline-offset: 4px;
}
.wsc-card a {
  -webkit-tap-highlight-color: transparent;
}
.wsc-link:focus {
  outline: none;
}
@media (prefers-reduced-motion: reduce) {
  .wsc-card, :is(#flexicontent, .wsc-related) .wsc-media img {
    transition: none;
  }
  .wsc-card:hover, .wsc-card:hover .wsc-media img {
    transform: none;
  }
}
/* Hero: image 7 / text 5 */
.wsc-card--hero {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: stretch;
}
.wsc-card--hero .wsc-media {
  aspect-ratio: auto;
  min-height: 380px;
}
.wsc-card--hero .wsc-body {
  justify-content: center;
  padding: 2.5rem 2.75rem;
}
:is(#flexicontent, .wsc-related) .wsc-card--hero .wsc-title {
  font-size: clamp(1.7rem, 2.6vw, 2.5rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  -webkit-line-clamp: 4;
}
:is(#flexicontent, .wsc-related) .wsc-card--hero .wsc-excerpt {
  margin-top: 1rem !important;
  font-size: 1.05rem;
  -webkit-line-clamp: 5;
}
.wsc-card--hero .wsc-meta {
  margin-top: 0;
  padding-top: 1.75rem;
}
@media (max-width: 59.99rem) {
  .wsc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .wsc-card--hero {
    grid-template-columns: 1fr;
  }
  .wsc-card--hero .wsc-media {
    aspect-ratio: 1.6;
    min-height: 0;
  }
  .wsc-card--hero .wsc-body {
    padding: 1.25rem 1.15rem 1.35rem;
  }
}
@media (max-width: 37.99rem) {
  #flexicontent {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .wsc-body {
    padding: 1.1rem 1.15rem 1.25rem;
  }
  .wsc-grid {
    grid-template-columns: 1fr;
  }
  :is(#flexicontent, .wsc-related) .wsc-card--hero .wsc-title {
    font-size: 1.55rem;
  }
}
/* Pagination */
#flexicontent .pagination {
  gap: 0.25rem;
  margin: 0;
  padding: 0;
}
#flexicontent .pagination .page-link {
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--m-text-2);
  font-weight: 500;
}
#flexicontent .pagination .page-item.active .page-link {
  background: var(--m-accent-soft);
  color: var(--m-accent);
}
#flexicontent .pagination .page-link:hover {
  background: var(--m-hover);
  color: var(--m-text);
}
/* Article lead image: soft rounded on wide screens, full-bleed on phones */
/* The FC template css (item.css) gives .customblock width 98%, padding, float and a border with !important: neutralise it for this block */
#flexicontent .customblock.beforedescription {
  display: block;
  float: none !important;
  width: auto !important;
  margin: 0 0 1.75rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none;
}
#flexicontent .customblock.beforedescription .element, #flexicontent .customblock.beforedescription .flexi.value {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: none;
}
#flexicontent .customblock.beforedescription img.fc_field_image {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: var(--m-card);
  box-shadow: 0 0 0 1px var(--m-line);
}
/* Phones: cards and lead images go edge to edge, text keeps the gutter */
@media (max-width: 37.99rem) {
  .wsc-grid {
    margin-left: calc(-1 * var(--m-gutter));
    margin-right: calc(-1 * var(--m-gutter));
    gap: 0.75rem;
  }
  .wsc-card {
    border-radius: 0;
    box-shadow: none;
  }
  .wsc-card:hover {
    transform: none;
    box-shadow: none;
  }
  #flexicontent .customblock.beforedescription {
    margin: 0 calc(-1 * var(--m-gutter)) 1.5rem !important;
  }
  #flexicontent .customblock.beforedescription, #flexicontent .customblock.beforedescription .element, #flexicontent .customblock.beforedescription .flexi.value, #flexicontent .customblock.beforedescription img.fc_field_image {
    border-radius: 0 !important;
    box-shadow: none;
  }
}
/* Authors: byline, box under the article, profile page */
.wsa-byline img.wsa-byline__photo, .wsa-author img.wsa-author__photo, .wsa-profile img.wsa-profile__photo {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  max-width: none;
}
.wsa-byline img.wsa-byline__photo {
  width: 44px !important;
  height: 44px;
}
.wsa-author img.wsa-author__photo {
  width: 96px !important;
  height: 96px;
}
.wsa-profile img.wsa-profile__photo {
  width: 168px !important;
  height: 168px;
  box-shadow: 0 0 0 4px var(--m-bg), 0 0 0 5px var(--m-line), var(--m-shadow);
}
.wsa-noimg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: 50%;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-weight: 700;
  line-height: 1;
}
.wsa-byline .wsa-noimg {
  font-size: 15px;
}
.wsa-author .wsa-noimg {
  font-size: 32px;
}
.wsa-profile .wsa-noimg {
  font-size: 52px;
}
.wsa-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.5rem;
  margin: 0 0 1.5rem;
  font-size: 0.92rem;
  color: var(--m-text-2);
  line-height: 1.35;
}
.wsa-byline__person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
.wsa-byline__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wsa-byline__role {
  font-size: 0.76rem;
  color: var(--m-text-2);
}
.wsa-byline__name {
  color: var(--m-text);
  font-weight: 600;
  text-decoration: none;
}
a.wsa-byline__name:hover {
  color: var(--m-accent);
}
.wsa-byline__sep {
  margin: 0 0.3rem;
}
.wsa-author {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  margin: 2.5rem 0;
  padding: 1.75rem;
  border-radius: 24px;
  background: var(--m-card);
  box-shadow: 0 0 0 1px var(--m-line);
  color: var(--m-text);
}
.wsa-author__body {
  min-width: 0;
  flex: 1;
}
.wsa-author__body > * {
  margin: 0;
}
.wsa-author__label {
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--m-text-2);
}
.wsa-author__name {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--m-text);
  text-decoration: none;
}
a.wsa-author__name:hover {
  color: var(--m-accent);
}
.wsa-author__position {
  margin-top: 0.15rem;
  font-size: 0.95rem;
  color: var(--m-text-2);
}
.wsa-author .wsa-author__bio {
  margin-top: 0.75rem;
  font-size: 0.98rem;
  line-height: 1.6;
}
.wsa-author__more {
  display: inline-block;
  margin-top: 0.9rem;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
}
.wsa-author__social, .wsa-profile__social {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
.wsa-author__social li, .wsa-profile__social li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wsa-author__social a, .wsa-profile__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--m-bg);
  box-shadow: 0 0 0 1px var(--m-line);
  color: var(--m-text-2);
  transition: color 0.2s var(--m-ease), background 0.2s var(--m-ease), box-shadow 0.2s var(--m-ease), transform 0.2s var(--m-ease);
}
.wsa-author__social a:hover, .wsa-profile__social a:hover {
  color: #fff;
  background: var(--m-accent);
  box-shadow: none;
  transform: translateY(-2px);
}
.wsa-profile {
  margin: 0 0 2.5rem;
  color: var(--m-text);
}
.wsa-profile__head {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  padding: 2.5rem;
  border-radius: 28px;
  background: var(--m-card);
  box-shadow: 0 0 0 1px var(--m-line);
}
.wsa-profile__main {
  min-width: 0;
}
.wsa-profile__main > * {
  margin: 0;
}
.wsa-profile__badge {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wsa-profile .wsa-profile__name {
  margin-top: 0.75rem;
  font-size: clamp(1.9rem, 3.4vw, 2.8rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: var(--m-text);
}
.wsa-profile__position {
  margin-top: 0.35rem;
  font-size: 1.1rem;
  color: var(--m-text-2);
}
.wsa-profile__stats {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: var(--m-text-2);
}
.wsa-profile__about {
  padding: 2rem 0.25rem 0;
  max-width: 46rem;
  line-height: 1.7;
  font-size: 1.05rem;
}
.wsa-profile__about p {
  margin: 0 0 1rem;
}
.wsa-profile__h2 {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  letter-spacing: -0.025em;
  color: var(--m-text);
}
.wsa-profile__list-title {
  margin: 3rem 0 1.5rem;
  font-size: 1.7rem;
}
.wsa-profile__empty {
  color: var(--m-text-2);
  margin: 0 0 1.5rem;
}
@media (max-width: 47.99rem) {
  .wsa-author {
    flex-direction: column;
    gap: 1rem;
    padding: 1.35rem;
    border-radius: 20px;
  }
  .wsa-profile__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 22px;
  }
  .wsa-profile img.wsa-profile__photo, .wsa-profile .wsa-noimg {
    width: 112px !important;
    height: 112px !important;
  }
  .wsa-byline__dates {
    flex-basis: 100%;
  }
}
/* EOF Macburo Design: news section */
/* BOF Macburo Design: google source card */
.bs-gsource {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: 2.5rem 0;
  padding: 1.4rem 1.6rem;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--m-accent-soft), transparent 70%), var(--m-card);
  box-shadow: 0 0 0 1px var(--m-line);
  color: var(--m-text);
}
.bs-gsource .bs-gsource-logo {
  flex: none;
  width: 40px;
  height: 40px;
}
.bs-gsource .bs-gsource-body {
  flex: 1 1 auto;
  min-width: 0;
}
.bs-gsource .bs-gsource-title {
  font-size: 1.12rem;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.015em;
}
.bs-gsource .bs-gsource-text {
  margin: 0.35rem 0 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--m-text-2);
}
.bs-gsource .bs-gsource-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 1.6rem;
  border-radius: 999px;
  background: var(--m-accent);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s var(--m-ease), transform 0.2s var(--m-ease);
}
.bs-gsource .bs-gsource-btn:hover {
  background: var(--m-accent-2);
  color: #fff;
  transform: translateY(-1px);
}
@media (max-width: 47.99rem) {
  .bs-gsource {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 20px;
  }
  .bs-gsource .bs-gsource-btn {
    width: 100%;
  }
}
/* EOF Macburo Design: google source card */
/* BOF Macburo Design: app cards (/macapps and app category lists) */
/* Category icon tiles (legacy downloads/category-icons.css paints them #3b6df0): accent colour, larger */
#flexicontent h1.componentheading {
  gap: 1rem;
}
#flexicontent h1.componentheading::before {
  width: 3.4rem;
  height: 3.4rem;
  padding: 0.8rem;
  border-radius: 1rem;
  background-color: var(--m-accent);
}
/* Category pills: every pill fills its grid cell, 2 / 3 / 4 columns come from the legacy grid */
#flexicontent .subcatmenu.g-grid {
  gap: 0.6rem;
  margin: 1.25rem 0 0.5rem;
}
#flexicontent .subcatmenu .subcatitem {
  display: flex;
  width: auto;
  padding: 0;
}
#flexicontent .subcatmenu .subcatitem .catlink {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.45rem 1rem 0.45rem 0.45rem;
  border-radius: 999px;
  border: 1px solid var(--m-tile-line);
  background: var(--m-tile-app);
  box-shadow: none;
  color: var(--m-text);
  font-size: 1.05rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.45s var(--m-ease), box-shadow 0.45s var(--m-ease);
}
@media (hover: hover) {
  #flexicontent .subcatmenu .subcatitem .catlink:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 14px 32px rgba(0, 0, 0, 0.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  #flexicontent .subcatmenu .subcatitem .catlink {
    transition: none;
  }
  #flexicontent .subcatmenu .subcatitem .catlink:hover {
    transform: none;
  }
}
#flexicontent .subcatmenu .subcatitem .catlink::before {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.6rem;
  margin: 0;
  border-radius: 50%;
  background-color: var(--m-accent);
}
/* Phones: two pills per row must fit the longest names ("Разработчикам"), so the pill and its icon shrink */
@media only all and (max-width: 39.99rem) {
  /* the announce keeps room for 3 lines, so every card has the same height */
  #flexicontent .subcatmenu.g-grid {
    gap: 0.5rem;
  }
  #flexicontent .subcatmenu .subcatitem {
    min-width: 0;
  }
  #flexicontent .subcatmenu .subcatitem .catlink {
    min-width: 0;
    gap: 0.5rem;
    padding: 0.3rem 0.6rem 0.3rem 0.3rem;
    overflow: hidden;
    font-size: 0.9rem;
    letter-spacing: -0.01em;
  }
  #flexicontent .subcatmenu .subcatitem .catlink::before {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0.5rem;
  }
  #flexicontent .appcard .anons p {
    min-height: calc(3 * 1.4 * .9rem);
  }
}
/* The list is a Gantry .g-grid (flex, 33% blocks); it becomes a real CSS grid: as many 24rem+ columns as fit */
#flexicontent .g-grid.categoryveiw, #flexicontent .mod_flexicontent > .g-grid:has(> .appcard) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2.5rem;
}
#flexicontent .mod_flexicontent > .g-grid > .modclear {
  display: none;
}
/* Card: icon on the left; name, stars and text in the right column; version pinned to the bottom right */
#flexicontent .appcard {
  position: relative;
  flex: none;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 22px;
  border: 1px solid var(--m-tile-line);
  background: var(--m-tile-app);
  box-shadow: none;
  transition: transform 0.45s var(--m-ease), box-shadow 0.45s var(--m-ease);
}
#flexicontent .appcard .categorycardcontent {
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 1.15rem 1.25rem 1rem;
  text-align: left;
}
#flexicontent .appcard .appcard-left {
  flex: none;
  width: 130px;
  margin: 0;
}
#flexicontent .appcard .appcard-left img {
  display: block;
  width: 130px !important;
  height: 130px !important;
  object-fit: contain;
  border-radius: 29px;
  background: transparent;
  box-shadow: none;
}
#flexicontent .appcard .appcard-right {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
}
#flexicontent .appcard .appname {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
#flexicontent .appcard .appname a {
  color: var(--m-text);
  text-decoration: none;
}
/* The whole card is the click target of the title link */
#flexicontent .appcard .appname a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
#flexicontent .appcard .appname a:focus-visible {
  outline: none;
}
#flexicontent .appcard:has(.appname a:focus-visible) {
  box-shadow: 0 0 0 2px var(--m-accent);
}
#flexicontent .appcard .clamp-text2, #flexicontent .appcard .clamp-text3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#flexicontent .appcard .clamp-text2 {
  -webkit-line-clamp: 2;
}
#flexicontent .appcard .clamp-text3 {
  -webkit-line-clamp: 3;
}
/* Rating wrapper: layout only (star size and colour are set in the voting field options in the admin) */
#flexicontent .appcard .catrating {
  margin: 0.15rem 0 0;
  text-align: left;
}
#flexicontent .appcard .catrating div.voting-group {
  display: block;
  height: auto;
}
#flexicontent .appcard .catrating .voting-row {
  display: flex;
  float: none;
  padding: 0;
}
#flexicontent .appcard .catrating div.fcvote > ul.fcvote_list {
  float: none !important;
  margin: 0 !important;
}
#flexicontent .appcard .catrating .fcvote-label-outer, #flexicontent .appcard .catrating .fcvote_message {
  display: none;
}
#flexicontent .appcard .anons {
  margin: 0.1rem 0 0.5rem;
}
#flexicontent .appcard .anons p {
  margin: 0;
  color: var(--m-text-2);
  font-size: 0.9rem;
  line-height: 1.4;
}
#flexicontent .appcard .appversion {
  align-self: flex-end;
  margin: auto 0 0;
  color: var(--m-text-2);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 39.99rem) {
  #flexicontent .appcard .appcard-left {
    width: 96px;
  }
  #flexicontent .appcard .appcard-left img {
    width: 96px !important;
    height: 96px !important;
    border-radius: 22px;
  }
}
@media (hover: hover) {
  #flexicontent .appcard:hover {
    transform: translateY(-4px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 18px 40px rgba(0, 0, 0, 0.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  #flexicontent .appcard {
    transition: none;
  }
  #flexicontent .appcard:hover {
    transform: none;
  }
}
/* EOF Macburo Design: app cards */
/* BOF Macburo Design: category description (app categories) */
#flexicontent .catdescription {
  position: relative;
  margin: 1.25rem 0 1.75rem;
  padding: 1.5rem 1.75rem 1rem;
  border: 1px solid var(--m-tile-line);
  border-radius: 22px;
  background: var(--m-tile);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 22px rgba(0, 0, 0, 0.09);
  color: var(--m-text);
}
#flexicontent .catdescription-inner {
  position: relative;
  max-height: 9.5rem;
  overflow: hidden;
  font-size: 1.05rem;
  line-height: 1.55;
  transition: max-height 0.5s var(--m-ease);
}
#flexicontent .catdescription-inner::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4.5rem;
  background: linear-gradient(to bottom, transparent, var(--m-tile));
  pointer-events: none;
  transition: opacity 0.3s;
}
#flexicontent .catdescription.active .catdescription-inner, #flexicontent .catdescription.is-short .catdescription-inner {
  max-height: 200rem;
  overflow: visible;
}
#flexicontent .catdescription.active .catdescription-inner::after, #flexicontent .catdescription.is-short .catdescription-inner::after {
  opacity: 0;
}
#flexicontent .catdescription.is-short {
  padding-bottom: 1.5rem;
}
#flexicontent .catdescription.is-short .desc-open {
  display: none;
}
#flexicontent .catdescription-inner > :first-child {
  margin-top: 0;
}
#flexicontent .catdescription-inner > :last-child {
  margin-bottom: 0;
}
#flexicontent .catdescription p {
  margin: 0 0 1rem;
  color: var(--m-text);
}
#flexicontent .catdescription h2, #flexicontent .catdescription h3 {
  margin: 1.75rem 0 0.75rem;
  padding: 0;
  border: 0;
  color: var(--m-text);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
#flexicontent .catdescription h2 {
  font-size: 1.6rem;
}
#flexicontent .catdescription h3 {
  font-size: 1.25rem;
}
#flexicontent .catdescription ul, #flexicontent .catdescription ol {
  margin: 0 0 1rem;
  padding-left: 1.4rem;
}
#flexicontent .catdescription li {
  margin: 0 0 0.4rem;
  color: var(--m-text);
}
#flexicontent .catdescription li::marker {
  color: var(--m-accent);
}
#flexicontent .catdescription strong {
  font-weight: 600;
}
#flexicontent .catdescription a {
  color: var(--m-accent);
  text-decoration: none;
}
#flexicontent .catdescription a:hover {
  color: var(--m-accent-2);
  text-decoration: underline;
}
#flexicontent .desc-open {
  display: flex;
  justify-content: center;
  margin: 0.25rem 0 0;
}
#flexicontent .more-less {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.55rem 1.2rem;
  border: 0;
  border-radius: 999px;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.3s var(--m-ease), color 0.3s var(--m-ease);
}
#flexicontent .more-less .more, #flexicontent .more-less .less {
  margin-left: -0.25rem;
}
#flexicontent .more-less .less, #flexicontent .catdescription.active .more-less .more {
  display: none;
}
#flexicontent .catdescription.active .more-less .less {
  display: inline;
}
#flexicontent .more-less:focus-visible {
  outline: 2px solid var(--m-accent);
  outline-offset: 2px;
}
#flexicontent .ml-chevron {
  flex: none;
  transition: transform 0.4s var(--m-ease);
}
#flexicontent .catdescription.active .ml-chevron {
  transform: rotate(180deg);
}
@media (hover: hover) {
  #flexicontent .more-less:hover {
    background: var(--m-accent);
    color: #fff;
  }
}
@media only all and (max-width: 47.99rem) {
  #flexicontent .catdescription {
    padding: 1.25rem 1.1rem 0.9rem;
    border-radius: 18px;
  }
  #flexicontent .catdescription-inner {
    font-size: 1rem;
  }
  #flexicontent .catdescription h2 {
    font-size: 1.35rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  #flexicontent .catdescription-inner, #flexicontent .ml-chevron {
    transition: none;
  }
}
/* EOF Macburo Design: category description (app categories) */
/* BOF Macburo Design: module blocks with news cards (mod_flexicontent layouts mainpage-it-news[-top]) */
/* air between the header and the first block */
.platform-content > .mainpagenewstop:first-child {
  padding-top: clamp(1.75rem, 4vw, 3.5rem);
}
.wsc-related {
  margin: 0;
}
/* a block with a title starts a new section */
.wsc-related:has(.wsc-related__head) {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}
.platform-content > .mainpagenewstop:first-child .wsc-related:has(.wsc-related__head) {
  margin-top: 0;
}
.wsc-related__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 1.5rem;
  margin: 0 0 1.5rem;
}
.wsc-related__title {
  margin: 0;
  color: var(--m-text);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.1;
}
.wsc-mainnews .wsc-grid {
  margin-bottom: 1.75rem;
}
/* "all news" link: a quiet text link at the end of the section */
.wsc-related__foot {
  display: flex;
  justify-content: flex-end;
  margin: -0.25rem 0 0;
}
.wsc-related__all {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--m-accent);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s var(--m-ease);
}
.wsc-related__all span {
  display: inline-block;
  transition: transform 0.35s var(--m-ease);
}
@media (hover: hover) {
  .wsc-related__all:hover {
    color: var(--m-accent-2);
  }
  .wsc-related__all:hover span {
    transform: translateX(4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wsc-related__all span {
    transition: none;
  }
}
/* EOF Macburo Design: module blocks with news cards */
/* BOF Macburo Design: app page (FlexiContent template downloads, item) */
#flexicontent {
  --m-prose-gap: 1rem;
}
/* section rhythm: every block after the hero is a section with a large title */
#flexicontent .app-block {
  margin: clamp(2.25rem, 4.5vw, 3.75rem) 0 0;
}
#flexicontent .app-block.adsense-placeholder {
  margin: 2rem 0 0;
}
#flexicontent .app-block h2, #flexicontent .videoreview h2, #flexicontent .appinfo-title, #flexicontent .downloads-block-title {
  margin: 0 0 1.25rem;
  padding: 0;
  border: 0;
  color: var(--m-text);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
/* ---- hero: icon, title, rating, meta, download button ---- */
#flexicontent .app-hero {
  margin-top: clamp(1.5rem, 3.5vw, 3rem);
}
#flexicontent .apptop_pad {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 3.5vw, 3rem);
  padding: clamp(1.5rem, 3.5vw, 3rem);
  border: 1px solid var(--m-tile-line);
  border-radius: 32px;
  background: var(--m-tile-app);
}
#flexicontent .itemicon {
  margin: 0;
}
#flexicontent .itemicon img {
  display: block;
  width: 130px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border: 0;
  box-shadow: none;
}
#flexicontent .itemtopinfo {
  min-width: 0;
}
#flexicontent .itemtopinfo h1 {
  margin: 0;
  color: var(--m-text);
  font-size: clamp(2rem, 4.6vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.04;
}
#flexicontent .h1-os {
  display: inline;
  color: var(--m-text-2);
  font-size: 0.5em;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
#flexicontent .itemtopinfo h2.h2anonsdetail {
  margin: 0.65rem 0 0;
  color: var(--m-text-2);
  font-size: clamp(1.05rem, 1.7vw, 1.4rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
/* rating: stars first, vote count as quiet text, no "Average rating" label */
#flexicontent .ratingtop {
  margin: 1.1rem 0 0;
}
#flexicontent .ratingtop div.voting-group {
  display: block;
  height: auto;
}
#flexicontent .ratingtop .voting-row {
  display: flex;
  float: none;
  padding: 0;
}
#flexicontent .ratingtop div.fcvote {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}
#flexicontent .ratingtop div.fcvote > ul.fcvote_list {
  float: none !important;
  margin: 0 !important;
}
#flexicontent .ratingtop .fcvote-label-outer {
  display: flex;
  align-items: center;
  margin: 0;
}
#flexicontent .ratingtop .fcvote-label, #flexicontent .ratingtop .fcvote_message {
  display: none;
}
#flexicontent .ratingtop .fcvote-count {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--m-text-2);
  font-size: 0.95rem;
  box-shadow: none;
}
/* platform and version chips */
#flexicontent .app_short_data {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.1rem 0 0;
}
#flexicontent .app_short_data > div {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.4rem 0.9rem;
  border: 1px solid var(--m-tile-line);
  border-radius: 999px;
  background: var(--m-bg);
  color: var(--m-text-2);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2;
}
#flexicontent .app_short_data i {
  display: none;
}
#flexicontent .osinfo::before {
  content: "";
  flex: none;
  width: 1.05em;
  height: 1.05em;
  background-color: currentColor;
  -webkit-mask: var(--m-i-apple-logo-fill) center / contain no-repeat;
  mask: var(--m-i-apple-logo-fill) center / contain no-repeat;
}
#flexicontent .version-info svg {
  flex: none;
  width: 1.05em;
  height: 1.05em;
  fill: var(--m-accent);
}
/* primary action */
#flexicontent .dl_button_top {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 1.6rem 0 0;
  padding: 0.95rem 2rem;
  border-radius: 999px;
  background: var(--m-accent);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  text-decoration: none;
  transition: transform 0.35s var(--m-ease), background-color 0.3s var(--m-ease), box-shadow 0.35s var(--m-ease);
}
#flexicontent .dl_button_top svg {
  flex: none;
  width: 1.05em;
  height: 1.05em;
  fill: currentColor;
}
@media (hover: hover) {
  #flexicontent .dl_button_top:hover {
    transform: translateY(-2px);
    background: var(--m-accent-2);
    box-shadow: 0 10px 26px rgba(86, 147, 208, 0.35);
  }
}
@media only all and (max-width: 39.99rem) {
  #flexicontent .apptop_pad {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    border-radius: 26px;
  }
  #flexicontent .dl_button_top {
    display: flex;
    justify-content: center;
  }
}
/* ---- text blocks: shared tile + prose ---- */
#flexicontent #app-description, #flexicontent #app-whats-new, #flexicontent .relatedos {
  padding: clamp(1.25rem, 3vw, 2.25rem);
  border: 1px solid var(--m-tile-line);
  border-radius: 28px;
  background: var(--m-tile-app);
}
#flexicontent #app-description, #flexicontent #app-whats-new, #flexicontent .app-verdict .verdict-body {
  color: var(--m-text);
  font-size: 1.05rem;
  line-height: 1.65;
}
#flexicontent #app-description > :first-child, #flexicontent .verdict-body > :first-child {
  margin-top: 0;
}
#flexicontent #app-description > :last-child, #flexicontent .verdict-body > :last-child {
  margin-bottom: 0;
}
#flexicontent #app-description p, #flexicontent .verdict-body p {
  margin: 0 0 var(--m-prose-gap);
}
#flexicontent #app-description h2, #flexicontent #app-description h3 {
  margin: 2rem 0 0.75rem;
  color: var(--m-text);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
#flexicontent #app-description h2 {
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
}
#flexicontent #app-description h3 {
  font-size: 1.25rem;
}
#flexicontent #app-description ul, #flexicontent #app-description ol {
  margin: 0 0 var(--m-prose-gap);
  padding-left: 1.4rem;
}
#flexicontent #app-description li {
  margin: 0 0 0.4rem;
}
#flexicontent #app-description li::marker {
  color: var(--m-accent);
}
#flexicontent #app-description a, #flexicontent .verdict-body a {
  color: var(--m-accent);
  text-decoration: none;
}
#flexicontent #app-description a:hover, #flexicontent .verdict-body a:hover {
  color: var(--m-accent-2);
  text-decoration: underline;
}
#flexicontent #app-description img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}
/* verdict */
#flexicontent .app-verdict {
  margin: 1.25rem 0 0;
  position: relative;
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2rem) clamp(1.6rem, 3.6vw, 2.4rem);
  border-radius: 20px;
  background: var(--m-accent-soft);
}
/* flat accent tab flush with the left edge */
#flexicontent .app-verdict::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 1.25rem;
  bottom: 1.25rem;
  width: 10px;
  border-radius: 0 10px 10px 0;
  background: var(--m-accent);
}
#flexicontent .verdict-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.85rem;
}
#flexicontent .verdict-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-size: 0.95rem;
  line-height: 1;
}
#flexicontent .verdict-title {
  margin: 0;
  color: var(--m-text);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
/* what's new */
#flexicontent #app-whats-new h2 {
  margin: 0 0 0.35rem;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
}
#flexicontent .whats-new-updated {
  margin: 0 0 1rem;
  color: var(--m-text-2);
  font-size: 0.9rem;
}
#flexicontent .catdescription.faq-desc {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#flexicontent .catdescription.faq-desc .catdescription-inner {
  max-height: 8.5rem;
  font-size: 1.05rem;
}
#flexicontent .catdescription.faq-desc .catdescription-inner::after {
  background: linear-gradient(to bottom, transparent, var(--m-tile-app));
}
#flexicontent .catdescription.faq-desc.active .catdescription-inner, #flexicontent .catdescription.faq-desc.is-short .catdescription-inner {
  max-height: 200rem;
}
#flexicontent .catdescription.faq-desc .more-less {
  background: var(--m-bg);
}
@media (hover: hover) {
  #flexicontent .catdescription.faq-desc .more-less:hover {
    background: var(--m-accent);
  }
}
#flexicontent .catdescription.faq-desc.is-short .desc-open {
  display: none;
}
/* FAQ accordion (iFAQ plugin): question tiles, chevron turns when open */
#flexicontent #faq h1.componentheading {
  display: none;
}
#flexicontent #faq .ifaqControls {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
  margin: -0.25rem 0 0.75rem;
}
#flexicontent #faq .ifaqControls .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--m-accent);
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  text-shadow: none;
}
#flexicontent #faq .ifaqControls .btn svg {
  flex: none;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (hover: hover) {
  #flexicontent #faq .ifaqControls .btn:hover {
    color: var(--m-accent-2);
    background: none;
  }
}
#flexicontent #faq [itemprop="mainEntity"] {
  margin: 0 0 0.6rem;
  border: 1px solid var(--m-tile-line);
  border-radius: 22px;
  background: var(--m-tile-app);
  overflow: hidden;
}
#flexicontent #faq .ifaq-collapsible {
  position: relative;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
#flexicontent #faq .ifaq-collapsible, #flexicontent #faq .ifaq-collapsible.collapse-close, #flexicontent #faq .ifaq-collapsible.collapse-open {
  background: none;
  border: 0;
}
#flexicontent #faq .ifaq-collapsible > a, #flexicontent #faq .ifaq-collapsible.collapse-open > a, #flexicontent #faq .ifaq-container-open {
  display: block;
  padding: 1.15rem 3.5rem 1.15rem 1.5rem;
  background: none;
  color: var(--m-text);
  text-decoration: none;
}
#flexicontent #faq .ifaq-collapsible.collapse-open .ifaq-item-header {
  color: var(--m-text);
  font-weight: 600;
}
#flexicontent #faq .ifaq-collapsible > span {
  display: none;
}
#flexicontent #faq .ifaq-item-header {
  margin: 0;
  color: var(--m-text);
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.35;
}
#flexicontent #faq .ifaq-collapsible::before {
  content: none;
}
#flexicontent #faq .ifaq-collapsible::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.35rem;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: -0.575rem;
  background-color: var(--m-accent);
  -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolyline%20points=%276%209%2012%2015%2018%209%27/%3E%3C/svg%3E') center / contain no-repeat;
  mask: url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolyline%20points=%276%209%2012%2015%2018%209%27/%3E%3C/svg%3E') center / contain no-repeat;
  transition: transform 0.4s var(--m-ease);
}
#flexicontent #faq .collapse-open::after {
  transform: rotate(180deg);
}
#flexicontent #faq .ifaq-panel {
  margin: 0 !important;
  padding: 0 1.5rem 1.25rem;
}
#flexicontent #faq .ifaq-content {
  color: var(--m-text-2);
  font-size: 1rem;
  line-height: 1.6;
}
#flexicontent #faq .paneopen > :first-child {
  margin-top: 0;
}
#flexicontent #faq .paneopen > :last-child {
  margin-bottom: 0;
}
#flexicontent #faq .ifaq-content p {
  margin: 0 0 0.75rem;
}
/* screenshots: one horizontal strip */
#flexicontent .screenshots > div {
  display: flex;
  gap: 1rem;
  margin: 0 calc(-1 * var(--m-gutter));
  padding: 0.25rem var(--m-gutter) 1rem;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: var(--m-gutter);
  scrollbar-width: none;
}
#flexicontent .screenshots > div::-webkit-scrollbar {
  display: none;
}
#flexicontent .screenshots > div {
  flex-wrap: nowrap !important;
}
#flexicontent .screenshots a.fc_image_thumb {
  flex: none;
  display: block;
  float: none;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  scroll-snap-align: start;
}
#flexicontent .screenshots img {
  display: block;
  width: auto !important;
  height: clamp(220px, 30vw, 340px) !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
  transition: transform 0.45s var(--m-ease);
}
@media (hover: hover) {
  #flexicontent .screenshots a:hover img {
    transform: translateY(-3px);
  }
}
#flexicontent .screenshots {
  position: relative;
}
#flexicontent .shots-nav {
  position: absolute;
  top: calc(50% - .5rem);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: -1.375rem;
  padding: 0;
  border: 1px solid var(--m-tile-line);
  border-radius: 50%;
  background: var(--m-glass-strong);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
  color: var(--m-text);
  cursor: pointer;
  transition: transform 0.3s var(--m-ease), background-color 0.3s var(--m-ease), color 0.3s var(--m-ease);
}
#flexicontent .shots-nav[hidden] {
  display: none;
}
#flexicontent .shots-nav--prev {
  left: 0.5rem;
}
#flexicontent .shots-nav--next {
  right: 0.5rem;
}
@media (hover: hover) {
  #flexicontent .shots-nav:hover {
    background: var(--m-accent);
    color: #fff;
    transform: scale(1.06);
  }
}
@media only all and (max-width: 39.99rem) {
  #flexicontent .shots-nav {
    display: none;
  }
}
/* video */
#flexicontent .videoreview {
  margin-top: clamp(2.25rem, 4.5vw, 3.75rem);
}
#flexicontent .videoreview iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1.7777777778;
  height: auto;
  border: 0;
  border-radius: 24px;
}
/* other platforms */
#flexicontent .relatedos {
  margin: 1.5rem 0 0;
  padding: 1rem 1.5rem;
}
#flexicontent .other_os {
  color: var(--m-text-2);
  font-weight: 600;
}
/* information: label / value pairs separated by hairlines */
#flexicontent .appinfromation .appinfo-title svg {
  display: none;
}
#flexicontent .appinfromation .g-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
  gap: 0.85rem;
  margin: 0;
}
#flexicontent .appinfromation .g-block {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 1.1rem 1.35rem 1.2rem;
  float: none;
  border: 1px solid var(--m-tile-line);
  border-radius: 22px;
  background: var(--m-tile-app);
}
#flexicontent .appinfotitle {
  margin: 0 0 0.35rem;
  padding: 0;
  color: var(--m-text-2);
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.3;
}
#flexicontent .appinfocontent {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--m-text);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
#flexicontent .appinfocontent a {
  color: var(--m-accent);
  text-decoration: none;
}
@media (hover: hover) {
  #flexicontent .appinfocontent a:hover {
    color: var(--m-accent-2);
    text-decoration: underline;
  }
}
/* download block */
#flexicontent #downloads-block .center {
  text-align: left;
}
#flexicontent #downloads-block .app-block:not(.adsense-placeholder) {
  padding: clamp(1.25rem, 3vw, 2.25rem);
  border: 1px solid var(--m-tile-line);
  border-radius: 28px;
  background: var(--m-tile-app);
}
#flexicontent .files-outter {
  margin: 0 auto;
  text-align: left;
}
#flexicontent .files-outter fieldset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1.25rem;
  margin: 0 0 0.75rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--m-tile-line);
  border-radius: 20px;
  background: var(--m-bg);
}
#flexicontent .files-outter legend {
  display: none;
}
#flexicontent .files-outter .fcfile_name {
  flex: 1 1 12rem;
  min-width: 0;
  margin: 0;
}
#flexicontent .files-outter .fcfile_title {
  color: var(--m-text);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}
#flexicontent .files-outter .fcfile_size {
  display: none;
}
#flexicontent .files-outter .fcclear {
  display: none !important;
}
#flexicontent .files-outter .fcfile_name {
  text-align: left;
}
#flexicontent .files-outter .fcfile_actions {
  flex: none;
  clear: none;
  width: auto !important;
  margin: 0;
}
#flexicontent .files-outter form {
  display: flex !important;
  justify-content: center;
  margin: 0;
}
#flexicontent .files-outter .fcfile_actions {
  flex: 1 1 100%;
}
#flexicontent .oval-button-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 1rem 1.35rem;
  border: 0;
  border-radius: 20px;
  background: var(--m-accent);
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  transition: transform 0.35s var(--m-ease), background-color 0.3s var(--m-ease), box-shadow 0.35s var(--m-ease);
}
#flexicontent .oval-button-text {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
#flexicontent .oval-button-text svg {
  flex: none;
  width: 1.1em;
  height: 1.1em;
  fill: currentColor;
}
#flexicontent .oval-button-meta {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.5rem;
}
#flexicontent .oval-button-ext, #flexicontent .oval-button-size {
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
@media (hover: hover) {
  #flexicontent .oval-button-download:hover {
    transform: translateY(-2px);
    background: var(--m-accent-2);
    box-shadow: 0 10px 26px rgba(86, 147, 208, 0.35);
  }
}
@media only all and (max-width: 39.99rem) {
  #flexicontent .oval-button-download {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* extra versions folded under one link */
#flexicontent .fc-more-files-btn {
  margin: 0.25rem 0 0.75rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--m-accent);
  font: inherit;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
}
#flexicontent .fc-more-files form {
  margin: 0 0 0.6rem;
}
#flexicontent .downloads-block-title {
  text-align: center;
}
#flexicontent .reportblock {
  margin: 1.5rem 0 0;
  text-align: center;
}
#flexicontent .reportbutton {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--m-text-2);
  font-size: 0.9rem;
  text-decoration: none;
}
#flexicontent .reportbutton svg {
  flex: none;
  width: 1em;
  height: 1em;
  fill: currentColor;
}
@media (hover: hover) {
  #flexicontent .reportbutton:hover {
    color: var(--m-accent);
  }
}
/* related programs (module block under the article) */
.mainpagewindows.app-block, .mainpageandroid.app-block {
  margin: clamp(2.25rem, 4.5vw, 3.75rem) 0 0;
}
.mainpagewindows .moduletitle, .mainpageandroid .moduletitle {
  margin: 0 0 1.25rem;
  color: var(--m-text);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
@media (prefers-reduced-motion: reduce) {
  #flexicontent .dl_button_top, #flexicontent .screenshots img {
    transition: none;
  }
  #flexicontent .dl_button_top:hover, #flexicontent .screenshots a:hover img {
    transform: none;
  }
}
/* EOF Macburo Design: app page */
/* BOF Macburo Design: system messages + breadcrumbs */
/* Header position only holds system messages: no theme background, collapse when empty */
#g-header {
  background: transparent;
  padding: 0;
}
#g-header:not(:has(#system-message-container > *)) {
  display: none;
}
#g-header .g-system-messages {
  padding: 1rem 0 0;
}
/* Intro position holds the breadcrumbs: transparent strip, small centred pill */
#g-intro {
  background: transparent;
  padding: 1rem 0;
}
#g-intro .g-content {
  margin: 0;
  padding: 0;
}
/* the page content below supplies no extra top gap, so the space above and below the pill is equal */
body:has(#g-intro .breadcrumb) #flexicontent {
  padding-top: 0;
}
body:has(#g-intro .breadcrumb) #flexicontent :is(.app-hero, .catdescription) {
  margin-top: 0;
}
#g-intro:not(:has(.breadcrumb)) {
  display: none;
}
#g-intro .moduletable {
  margin: 0;
}
#g-intro .mod-breadcrumbs__wrapper {
  display: flex;
  justify-content: center;
}
#g-intro .breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.1rem 0.15rem;
  margin: 0;
  padding: 0.4rem 1rem;
  max-width: 100%;
  list-style: none;
  background: var(--m-bg-2);
  border: 1px solid var(--m-line);
  border-radius: 999px;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--m-text-2);
}
#g-intro .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
#g-intro .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  float: none;
  padding: 0 0.5rem;
  color: var(--m-text-2);
  opacity: 0.5;
}
#g-intro .breadcrumb-item a {
  color: var(--m-text-2);
  text-decoration: none;
  transition: color 0.2s var(--m-ease);
}
#g-intro .breadcrumb-item a:hover {
  color: var(--m-accent);
}
#g-intro .breadcrumb-item.active {
  color: var(--m-text);
  font-weight: 500;
}
@media (max-width: 47.99rem) {
  #g-intro {
    padding: 0.75rem 0;
  }
  #g-intro .breadcrumb {
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    border-radius: 18px;
  }
}
/* EOF Macburo Design: system messages + breadcrumbs */
/* BOF Macburo Design: article callouts (.alert-*) */
/* --al = RGB triplet of the variant; text stays neutral for contrast, tint and border carry the colour */
p.alert, div.alert, blockquote.alert {
  --al: 86, 147, 208;
  --al-bg: .10;
  --al-line: .30;
  position: relative;
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  background: rgba(var(--al), var(--al-bg));
  border: 1px solid rgba(var(--al), var(--al-line));
  border-radius: 16px;
  color: var(--m-text);
  font-size: 1rem;
  line-height: 1.6;
  box-shadow: none;
}
p.alert > :first-child, div.alert > :first-child {
  margin-top: 0;
}
p.alert > :last-child, div.alert > :last-child {
  margin-bottom: 0;
}
p.alert a, div.alert a {
  color: var(--m-accent);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
p.alert strong, div.alert strong {
  font-weight: 650;
}
.alert.alert-primary {
  --al: 86, 147, 208;
}
.alert.alert-info {
  --al: 50, 173, 230;
}
.alert.alert-success {
  --al: 52, 199, 89;
}
.alert.alert-secondary {
  --al: 142, 142, 147;
  --al-bg: .12;
  --al-line: .32;
}
.alert.alert-light {
  --al: 142, 142, 147;
  --al-bg: .04;
  --al-line: .22;
  background: var(--m-tile);
}
html[data-theme="dark"] p.alert, html[data-theme="dark"] div.alert {
  --al-bg: .16;
  --al-line: .38;
}
html[data-theme="dark"] .alert.alert-light {
  --al-bg: .06;
  --al-line: .24;
  background: var(--m-card);
}
@media (max-width: 47.99rem) {
  p.alert, div.alert {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    font-size: 0.97rem;
  }
}
/* EOF Macburo Design: article callouts (.alert-*) */
/*# sourceMappingURL=custom_20.css.map */