/* ═══════════════════════════════════════════════════════
   FONTS
═══════════════════════════════════════════════════════ */
@font-face {
  font-family: Apercu Pro;
  src: url(/apercu_regular_pro.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Apercu Pro;
  src: url(/apercu_medium_pro.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Apercu Pro;
  src: url(/apercu_bold_pro.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

/* ═══════════════════════════════════════════════════════
   VARIABLES
═══════════════════════════════════════════════════════ */
:root {
  /* Theme overrides */
  --bg: #0d0d0d;
  --surface: #1a1a1a;
  --surface2: #242424;
  --border: #2a2a2a;
  --border-dim: color-mix(in srgb, var(--border) 50%, transparent);
  --text: #ffffff;
  --text-muted: #888888;
  --text-dim: #555555;
  --accent: #ff4458;
  --accent-dim: color-mix(in srgb, var(--accent) 15%, transparent);
  --accent-border: color-mix(in srgb, var(--accent) 30%, transparent);
  --link: #ff4458;
  --link-hover: #ff6a7a;
  --link-visited: #9b5de5;

  /* Fixed identity colourways */
  --color-coral: #ff4458;
  --color-coral-dark: #e03040;
  --color-red: #ef4444;
  --color-orange: #f97316;
  --color-amber: #f59e0b;
  --color-gold: #ffa300;
  --color-yellow: #eab308;
  --color-lime: #84cc16;
  --color-green: #24d548;
  --color-mint: #10b981;
  --color-teal: #14b8a6;
  --color-cyan: #06b6d4;
  --color-sky: #0ea5e9;
  --color-blue: #337be3;
  --color-indigo: #6366f1;
  --color-violet: #8b5cf6;
  --color-purple: #a855f7;
  --color-fuchsia: #d946ef;
  --color-pink: #ec4899;
  --color-rose: #f43f5e;
  --color-slate: #64748b;
  /* Layout */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --max-w: 1200px;
  --header-h: 60px;
  --accent-night-gradient: linear-gradient(135deg, rgba(255, 68, 88, .08), rgba(155, 93, 229, .05));
  --accent-night-border: rgba(255, 68, 88, .2);
  --story-ring-gradient: linear-gradient(135deg, #0098f7 0%, #8ce7eb 100%);
  /* Shared template dropdown contract. Article content inside .prose is excluded. */
  --dropdown-gap: 8px;
  --dropdown-panel-radius: var(--radius-sm);
  --dropdown-panel-padding: 6px;
  --dropdown-panel-shadow: 0 16px 40px rgba(0, 0, 0, .5);
  --dropdown-option-height: 44px;
  --dropdown-option-radius: var(--radius-xs);
  --dropdown-option-padding: 0 14px;
  --dropdown-option-font-size: 14px;
  --form-field-gap: 24px;
  --form-label-gap: 10px;
  --form-submit-gap: 8px;
  --form-control-font-size: 16px;
  --form-control-height: 56px;
  --form-control-padding-inline: 20px;
  --form-chevron-size: 14px;
  --form-chevron-offset: 18px;
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='cutout'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z' transform='translate(7.5 10) scale(.0354)' fill='black'/%3E%3C/mask%3E%3Cpath d='M2 3h6.5l2 2H22a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z' mask='url(%23cutout)'/%3E%3C/svg%3E");
  --fav-color: var(--color-coral);
  --fav-icon-fill: currentColor;
}

/* ═══════════════════════════════════════════════════════
   STATIC PAGE VARIABLES
----------------------------------------------------------
   Named pages use stable classes rather than Zendesk IDs:
   .fav-requests, .fav-requests-new, .fav-activities,
   .fav-community-all, .fav-community-new.
   Only pages that differ from the header defaults need a rule here.
═══════════════════════════════════════════════════════ */

.fav-requests {
  --fav-color: var(--color-coral);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z' transform='translate(2 4) scale(.075)' opacity='.5'/%3E%3Cmask id='requestDots' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cpath d='M19 19.75h.01M22.5 19.75h.01M26 19.75h.01' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/mask%3E%3Cpath d='M18 13.5h9a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-2.5l3.5 2.75v-2.75H18a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z' mask='url(%23requestDots)'/%3E%3C/svg%3E");
}

.fav-requests-new {
  --fav-color: var(--color-coral);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z' transform='translate(2 4) scale(.075)' opacity='.5'/%3E%3Cmask id='requestPlus' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cpath d='M19.75 19.75h5.5M22.5 17v5.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/mask%3E%3Cpath d='M18 13.5h9a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-2.5l3.5 2.75v-2.75H18a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3z' mask='url(%23requestPlus)'/%3E%3C/svg%3E");
}

.fav-activities {
  --fav-color: var(--color-coral);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg opacity='.5'%3E%3Cpath d='M4 2.5h10a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H9l4 2v-2H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M6 5.5h1.5v2H6v-2zm4 0h1.5v2H10v-2z'/%3E%3C/g%3E%3Cg opacity='.75'%3E%3Cpath d='M18 11h10a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4l-4 2v-2h-2a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 13.5h4v4l-2-1.2-2 1.2v-4z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M4 20.5h10a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H9l4 2v-2H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M6 24h6m-6 2.5h4'/%3E%3C/g%3E%3C/svg%3E");
}

.fav-community-all {
  --fav-color: var(--color-coral);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}

.fav-community-new {
  --fav-color: var(--color-coral);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════
   SECTION VARIABLES
----------------------------------------------------------
   Example:

   .fav-section-123456789 {
     --fav-icon: url("data:image/svg+xml,...");
     --fav-color: #ff4057;
     --fav-icon-fill: currentColor;
     --fav-tint: color-mix(in srgb, #ff4057 14%, transparent);
   }

   Only --fav-icon and --fav-color are required. The icon
   fill and tint variables are optional overrides. Components
   own their contextual icon sizes.
═══════════════════════════════════════════════════════ */

.fav-section-35989295050395 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 1 24 24'%3E%3Cmask id='cutout'%3E%3Crect y='1' width='24' height='24' fill='white'/%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z' transform='translate(7.32 10) scale(.037)' fill='black'/%3E%3C/mask%3E%3Cpath d='M12 2L3 7v6c0 5.25 3.75 10.15 9 11.25C17.25 23.15 21 18.25 21 13V7l-9-5z' mask='url(%23cutout)'/%3E%3C/svg%3E");
  --fav-color: var(--color-green);
}
.fav-section-56556590209307 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6'%3E%3C/path%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z' transform='translate(8.2 11.2) scale(.03)' fill='currentColor' stroke='none'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-green);
}
.fav-section-34722035563163 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5M2 12l10 5 10-5M2 17l10 5 10-5'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-green);
}
.fav-section-34722153009691 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l4.553-2.277A1 1 0 0 1 21 8.623v6.754a1 1 0 0 1-1.447.9L15 14M3 8a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8z'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-coral);
}
.fav-section-34722119443355 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h20M6 6h.01M10 6h.01M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6z'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-blue);
}
.fav-section-34722098790427 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18h20v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2zM5 18v-1h14v1M8 15h8M12 15v2M3 12h18V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v9z'/%3E%3C/svg%3E");
  --fav-color: var(--color-coral);
}
.fav-section-34722080755867 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.55a11 11 0 0 1 14.08 0M1.42 9a16 16 0 0 1 21.16 0M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-coral);
}
.fav-section-34722141597467 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 17l2 2a1 1 0 0 0 3-3M14 14l2.5 2.5a1 1 0 0 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4M21 3l1 11h-1M3 3L2 14l6.5 6.5a1 1 0 0 0 3-3M3 4h8'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-purple);
}
.fav-section-51030561374875 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zm4 0v6h8V1zm8 8H4v6h8zM1 1v2h2V1zm2 3H1v2h2zM1 7v2h2V7zm2 3H1v2h2zm-2 3v2h2v-2zM15 1h-2v2h2zm-2 3v2h2V4zm2 3h-2v2h2zm-2 3v2h2v-2zm2 3h-2v2h2z'%3E%3C/path%3E%3C/svg%3E");
}
.fav-section-53082992415643 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-gold);
}
.fav-section-50376561719451 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7.5A4.5 4.5 0 0 0 8 5H3v13h5a4.5 4.5 0 0 1 4 2.5v-13zM12 7.5A4.5 4.5 0 0 1 16 5h5v13h-5a4.5 4.5 0 0 0-4 2.5M5 9l1 5 1.5-3 1.5 3 1-5M14 9l1 5 1.5-3 1.5 3 1-5'%3E%3C/path%3E%3C/svg%3E");
  --fav-color: var(--color-purple);
}
.fav-section-51453565096987 {
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 254 217'%3E%3Cpath d='M2 10L0 32L106 34L104 60L30 60L30 92L96 93L95 119L30 120L31 216L42 208L81 163L237 163L250 154L253 146L253 17L244 3L237 0L16 0Z'/%3E%3C/svg%3E");
  --fav-color: var(--color-coral);
  --fav-icon-fill: #fff;
}
/* ═══════════════════════════════════════════════════════
   CATEGORY VARIABLES
----------------------------------------------------------
   .fav-category-123456789 { ... }
═══════════════════════════════════════════════════════ */

/* General */
.fav-category-34653767878427 {
  --fav-color: var(--color-coral);
}

/* ═══════════════════════════════════════════════════════
   COMMUNITY VARIABLES
----------------------------------------------------------
   Community IDs are topic IDs.
═══════════════════════════════════════════════════════ */

.fav-community-34653814401947 {
  --fav-color: var(--color-purple);
  --fav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='featurePlus'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M12 7.5v8M8 11.5h8' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/mask%3E%3Cpath d='M2 3h20a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-4l4 2v-2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z' mask='url(%23featurePlus)'/%3E%3C/svg%3E");
}