/* /fastighetsforum/ (se inc/fastighetsforum.php + template-fastighetsforum.php).
   Kundens ord 2026-09-02: "Designen ska skilja sig markant från resten
   av sajten" - och uppföljningen samma dag: "Mer blå bakgrund, tyngre
   sida". Därför en helt egen, självständig stilmall (inga variabler
   delas med tokens.css) - tung kampanjsida i djupblått istället för
   sajtens ljusa, luftiga grid-design: större typsnitt, tjockare
   kantlinjer, mer kontrast, mer "vikt" per yta. Allt scopat under
   .ff-fastighetsforum så det aldrig läcker ut i resten av sajten.

   Kundens uppföljning 2026-09-04: "Jag gillar sidan och dess sektioner.
   Kan vi göra så att den känns närmare den standardblåa vi har i resten
   av temat?" - paletten byggdes om från grunden så ALLA blåa/mörka
   nyanser (utom guldet, oförändrat) nu är samma nyans/mättnad som
   --ff-blue (tokens.css, #1B75BB), bara olika ljushet - --ffo-blue är
   satt direkt till var(--ff-blue) så de är bokstavligen samma färg,
   inte bara lika. Sidan är fortfarande mörkare/tyngre än resten av
   sajten (det var poängen med "tyngre sida"), men i SAMMA blå istället
   för en egen påhittad indigo/navy-ton.

   Kundens uppföljning 2026-09-04 (forts.): logotyp, en ny
   översikts-/ankarnavigering (sex cirklar) och sex nya/omdöpta
   sektioner - se template-fastighetsforum.php:s docblock för hela
   bakgrunden. --ffo-green tillkom för cirkelnavigeringens ram/badge,
   samma mönster som --ffo-blue (kopplad till sajtens riktiga
   --ff-green istället för en påhittad grön).

   RÄTTNING 2026-09-15 (kunden: "Gör bakgrunden mindre mörkblå. Gör den
   --ff-blue"): sidans tre mörkaste bakgrundstoner (basbakgrunden,
   .band--mid och .band--deep, tidigare --ffo-navy/--ffo-navy-deep/
   --ffo-ink - tre olika, ganska nära-svarta nyanser) enades till EN
   ljusare, standardblå ton - --ffo-blue (som redan var kopplad till
   --ff-blue). --ffo-navy/--ffo-navy-deep/--ffo-ink FINNS KVAR som
   variabler (oförändrade värden) eftersom --ffo-ink fortfarande används
   som TEXTfärg på ljusa/guld/gröna ytor (kontrast, inte bakgrund) - bara
   de faktiska bakgrundsanvändningarna byttes till --ffo-blue, se
   kommentarerna vid respektive regel nedan.

   RÄTTNING 2026-09-15 (samma dag, kunden: "Kan vi istället för blå
   bakgrund ha mestadels övergripande ha vit bakgrund. Ta bort
   navigationscirklarna") - en STÖRRE omläggning, samma dag som ovan:
   1) Sidan gick från en mörk/blå kampanjsida till en huvudsakligen VIT
      (--ffo-paper) sida med mörk text (--ffo-ink) - i praktiken samma
      look som .band--paper redan hade, nu applicerad överallt (bas,
      hero, .band--mid, .band--deep byttes alla från --ffo-blue till
      --ffo-paper). Det gjorde ALLA "text/ram på mörk botten"-färger
      (rgba(244,248,252,X) ljus text, rgba(255,255,255,X)
      halvgenomskinliga "glas"-panelbakgrunder, --ffo-line som förut var
      en ljus/vit linje) osynliga eller obegripliga på den nya vita
      botten - varje sådant ställe är omskrivet till ett mörkt
      (--ffo-ink-baserat) motsvarande värde, se kommentarerna vid
      respektive regel. --ffo-line pekar nu på samma mörka, subtila
      rgba(6,27,51,X)-ton som redan användes av .history (den enda delen
      av sidan som redan var ljus sedan tidigare) i stället för den gamla
      vita 0.22-tonen.
   2) Hero-bandets gradient (radial highlight + mörk linjär övergång) togs
      bort helt till förmån för samma platta --ffo-paper som resten av
      sidan - se .band--hero nedan.
   3) Hero:ns sex cirkel-genvägar (.ff-fastighetsforum__circles/__circle/
      __circle-label/__circle-sub) togs bort helt (kunden: "Ta bort
      navigationscirklarna") - de var sedan tidigare samma dag redundanta
      mot den nya sektionsmenyn i den sticky listen under toppmenyn
      (.ff-fastighetsforum__sticky-nav, "cirklarna som en meny som följer
      med ner"), som behålls oförändrad och nu är sidans ENDA
      ankarnavigering. --ffo-green (cirklarnas ramfärg) och --ffo-navy
      (cirkel-underrubrikens färg) blir därmed odokumenterat oanvända
      utom av den redan sedan tidigare vilande (`.badge`, se dess egen
      kommentar) - variablerna FINNS ändå kvar, ofarliga, ifall de behövs
      igen.

   RÄTTNING 2026-09-15 (tredje omgången samma dag), sex punkter samtidigt -
   se template-fastighetsforum.php:s docblock för kundens exakta ord på
   varje punkt:
   1) Samarrangörernas logotyper flyttade från en egen panel i
      översiktsgriden till en ny rad bredvid huvudlogotypen högst upp i
      hero:n (.ff-fastighetsforum__hero-top/__cohosts-*) - den gamla
      parradsgriden (.overview-row) och Samarrangörernas egna loggo-klasser
      (.logo-slots/.logo-slots--row/.logo-slot--image) togs bort helt.
   2) Huvudlogotypen gjordes större igen (84px -> 104px, se .logo).
   3) .ff-fastighetsforum__h1 togs bort helt (logotypen är nu sidans enda
      titel/rubrik-substitut).
   4) En ny .ff-fastighetsforum__ledord ("Trender - Insikter - Möten -
      Utmärkelser - Mingel") lades till mellan eyebrow-badgen och lede-
      texten, delvis i den borttagna h1:ens gamla visuella roll.
   5) "Blåa till designen, mindre gult": rubriker (h2), kicker, eyebrow,
      panel-/program-room-/stakeholder-rubrikerna, sektionsmenyns aktiva
      understrykning och agendans Samling/Fika/Lunch-rader bytte från
      --ffo-gold till --ffo-blue. Guld behölls MEDVETET på .cta--solid
      (CTA-knapparna), jämförelsereglagets handtag och .price - "mindre
      användning", inte total borttagning, och de är rena
      handlings-/uppmärksamhetselement som drar nytta av att sticka ut. Se
      kommentarerna vid respektive regel nedan.
   6) Hero-bandets vattenstämpel-siluett (.band--hero::after) bytte från
      position:absolute till position:fixed - EXPERIMENTELLT (kundens ord:
      "kan vi testa") - se den egna kommentaren vid regeln. */
.ff-fastighetsforum {
	--ffo-navy-deep: #09273E;
	--ffo-navy: #114874;
	--ffo-blue: var(--ff-blue, #1B75BB);
	--ffo-blue-bright: #449EE4;
	--ffo-green: var(--ff-green, #4CAF50);
	--ffo-ink: #061C2D;
	--ffo-paper: #F4F8FC;
	--ffo-gold: #F5B942;
	/* TILLAGD 2026-09-21 (kundens instruktion: "De gula avdelarna ska
	   istället vara grå överallt") - egen gråton för sektionsavdelarna
	   (.band border-bottom, sticky-cta border-bottom) i stället för
	   --ffo-gold. --ffo-gold FINNS KVAR - används fortfarande av
	   .compare-handle/.price/.floorplan-link:hover, som inte är
	   "avdelare" i den bemärkelsen kunden pekade ut. */
	--ffo-gray: #C9CFD6;
	/* RÄTTNING 2026-09-15 (andra omgången samma dag): var en ljus/vit
	   linje (rgba(255,255,255,0.22)) för den mörka botten sidan hade då -
	   nu samma mörka, subtila ton som .history redan använde (den enda
	   delen som var ljus sedan tidigare), se filens docblock. */
	--ffo-line: rgba(6, 27, 51, 0.18);

	/* RÄTTNING 2026-09-15 (andra omgången samma dag, kunden: "mestadels
	   övergripande vit bakgrund") - var --ffo-blue, se filens docblock. */
	background: var(--ffo-paper);
	color: var(--ffo-ink);
	font-family: Archivo, system-ui, sans-serif;
	overflow-x: hidden;
}

/* ÄNDRAD 2026-09-21 (kundens instruktion: "Alla länkar ska vara blå") -
   var color:inherit (ärvde textfärgen där länken låg). Knappar
   (.ff-fastighetsforum__cta) har egna color-regler med högre specificitet
   och påverkas inte. */
.ff-fastighetsforum a { color: var(--ffo-blue); }

.ff-fastighetsforum__band {
	padding: 44px 32px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 96px 32px. */
	/* ÄNDRAD 2026-09-21: var var(--ffo-gold) - kundens instruktion "De
	   gula avdelarna ska istället vara grå överallt". */
	border-bottom: 6px solid var(--ffo-gray);
	/* Så att ankarlänkarna i den sticky sektionsmenyn
	   (.ff-fastighetsforum__sticky-nav) inte scrollar sektionen in under
	   den sticky headern (.ff-header, position:sticky, ~128px hög
	   upplåst - se header.css). */
	scroll-margin-top: 140px;
}
.ff-fastighetsforum__band--hero {
	/* RÄTTNING 2026-09-15 (andra omgången samma dag, kunden: "mestadels
	   övergripande vit bakgrund"): hela gradienten (radial highlight +
	   mörk linjär övergång, senast med --ffo-blue som slutfärg) togs bort
	   till förmån för samma platta --ffo-paper som resten av sidan - se
	   filens docblock. */
	background: var(--ffo-paper);
	padding: 56px 32px 48px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 140px 32px 110px. */
}
.ff-fastighetsforum__band--mid {
	/* RÄTTNING 2026-09-15 (andra omgången samma dag): var --ffo-blue - se
	   filens docblock. */
	background: var(--ffo-paper);
	border-bottom-color: var(--ffo-line);
}
.ff-fastighetsforum__band--deep {
	/* RÄTTNING 2026-09-15 (andra omgången samma dag): var --ffo-blue - se
	   filens docblock. */
	background: var(--ffo-paper);
	border-bottom-color: var(--ffo-line);
}
.ff-fastighetsforum__band--paper {
	background: var(--ffo-paper);
	color: var(--ffo-ink);
	border-bottom: none;
}

.ff-fastighetsforum__inner {
	position: relative;
	z-index: 1;
	max-width: 1120px;
	margin: 0 auto;
}

/* Stiliserad byggnadssiluett i bakgrunden på hero-bandet (kundens önskemål
   2026-09-04: "en stiliserad siluett i bakgrunden på det blåa"). Första
   försöket var en egen-ritad SVG-skiss (assets/images/fastighetsforum-skyline.svg,
   ligger kvar oanvänd i mappen ifall den behövs igen) - kunden skickade
   sedan en riktig, färdig siluett-illustration av Waterfront-byggnaden
   (transparent PNG) som ersatte den, se
   assets/images/fastighetsforum-building-silhouette.png. Beskuren till sin
   bounding box och nedskalad (1100px bred, LA/gråskala+alfa) för rimlig
   filstorlek. Vattenstämpel-vis: låg opacitet, placerad nere till höger,
   konkurrerar aldrig med texten ovanpå (som ligger i
   .ff-fastighetsforum__inner, z-index 1 - se ovan). */
.ff-fastighetsforum__band--hero {
	position: relative;
	overflow: hidden;
}
/* RÄTTNING 2026-09-15 (tredje omgången samma dag, kundens test-önskemål:
   "Kan vi testa att den [Waterfront-siluetten] följer med i bakgrunden när
   man skrollar ner") - bytt från position:absolute (bunden till hero-
   bandets egen höjd, försvinner så fort man skrollar förbi det) till
   position:fixed (ligger kvar i SAMMA skärmposition, nere till höger,
   medan man skrollar genom HELA sidan). Eftersom sidans sektioner har en
   täckande, ogenomskinlig vit botten (--ffo-paper, se filens docblock om
   ljusomläggningen) skulle en vanlig position:fixed-bakgrund annars hamna
   OSYNLIG bakom dem - z-index:0 räcker för att lyfta den ovanför
   sektionernas opositionerade bakgrunder men fortfarande under
   textinnehållet (.inner har egen stagningskontext med z-index:1) i
   stapelordningen (CSS2.1 bilaga E: positionerade element med stapelnivå 0
   ritas alltid ovanpå opositionerade block). Opaciteten sänktes samtidigt
   (0.35 -> 0.12) eftersom siluetten nu syns i alla sektioners marginaler/
   mellanrum i stället för bara i hero:n - annars blev den för påträngande.
   EXPERIMENTELLT, kundens egna ord ("kan vi testa") - hör av dig om den
   ska tonas ner ytterligare, döljas på vissa sektioner, eller återgå till
   att bara synas i hero:n som innan. */
.ff-fastighetsforum__band--hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: url("../images/fastighetsforum-building-silhouette.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: min(1000px, 85%) auto;
	opacity: 0.35;
	pointer-events: none;
}

/* TILLAGD 2026-09-17 (tredje omgången samma dag): herovideon, se
   template-fastighetsforum.php:s kommentar vid <video>-taggen för
   bakgrunden/urvalet. Ligger som första barnen i .band--hero, INNAN
   .inner - .inner:s egna z-index:1 (se ovan) räcker för att lyfta allt
   textinnehåll ovanför video/scrim/siluett utan att någon av dem behöver
   ett eget z-index, men z-index:0 sätts ändå ut explicit nedan för
   tydlighet/konsekvens med resten av filen (samma mönster som
   .band--hero::after ovan). Siluett-vattenstämpeln (::after) hamnar kvar
   överst av de tre bakgrundslagren (video/scrim/siluett) tack vare
   dokumentordningen (::after räknas alltid sist av en boxs barn) - syns
   fortfarande svagt genom scrimmen, oförändrat från tidigare. */
.ff-fastighetsforum__hero-video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
/* Stillbilds-reserven (samma bildruta som <video>:ns poster) - dold som
   standard, visas bara på mobil/vid reducerad rörelse, se @media-reglerna
   nedan. */
.ff-fastighetsforum__hero-video-fallback {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Halvgenomskinlig pappers-scrim ovanpå videon/stillbilden - håller
   hero-textens/loggornas kontrast, videon skymtar dämpat igenom i
   stället för att dominera. */
.ff-fastighetsforum__hero-video-scrim {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: rgba(244, 248, 252, 0.82);
	pointer-events: none;
}
/* Videon stängs av helt vid prefers-reduced-motion (besökarens egen
   inställning) - stillbilds-reserven tar över. Mobil-avstängningen (samma
   regel, andra skälet: batteri/data) ligger i stället i filens
   samlade @media (max-width: 900px)-block längst ner, som resten av
   sidans mobilanpassningar. */
@media (prefers-reduced-motion: reduce) {
	.ff-fastighetsforum__hero-video { display: none; }
	.ff-fastighetsforum__hero-video-fallback { display: block; }
}

.ff-fastighetsforum__eyebrow {
	display: inline-block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold - se
	   filens docblock om minskad guldanvändning/mer blått. */
	color: var(--ffo-blue);
	border: 2px solid var(--ffo-blue);
	padding: 8px 16px;
	margin-bottom: 16px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 32px. */
}

/* RÄTTNING 2026-09-15 (tredje omgången samma dag, kunden: "Ta bort
   ff-fastighetsforum__h1. Logotypen är vår titel.") - .ff-fastighetsforum__h1
   (den synliga textrubriken "FastighetsForum") togs bort helt, se
   template-fastighetsforum.php:s docblock. Ersatt av .ff-fastighetsforum__ledord
   nedanför (eventets ledord) i den visuella hierarkin. */

.ff-fastighetsforum__ledord {
	margin: 0 0 16px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 28px. */
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 700;
	font-size: clamp(22px, 3.2vw, 36px);
	line-height: 1.25;
	color: var(--ffo-blue);
}

.ff-fastighetsforum__lede {
	max-width: 68ch;
	/* ÄNDRAD 2026-09-18: "Generellt dra ner storleken på texter som kan
	   upplevas för stora" (var clamp(20px, 2.4vw, 28px)).
	   ÄNDRAD 2026-09-23 (kunden: "Gör ingressen mycket mindre") - var
	   clamp(18px, 2vw, 24px) / 500 / 1.45; nu längre text i flera stycken. */
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	/* RÄTTNING 2026-09-15: var ljus text (rgba(244,248,252,X)) för mörk
	   botten - se filens docblock. */
	color: rgba(6, 27, 51, 0.82);
	margin: 0 0 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 48px. */
}

/* TILLAGD 2026-09-23: ingressen är nu flera stycken (kundens nya text) -
   .lede är en <div> med <p>-barn. */
.ff-fastighetsforum__lede p {
	margin: 0 0 0.9em;
}

.ff-fastighetsforum__lede p:last-child {
	margin-bottom: 0;
}

.ff-fastighetsforum__next {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 32px;
	padding: 20px 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 28px 32px. */
	/* RÄTTNING 2026-09-15: var en ljus "glas"-ton (rgba(255,255,255,0.06))
	   som bara syns mot en mörk botten - se filens docblock. */
	background: rgba(6, 27, 51, 0.04);
	border: 2px solid var(--ffo-line);
	margin-bottom: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 44px. */
}
.ff-fastighetsforum__next-label {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold, se
	   .eyebrow-kommentaren ovan. Elementet är vilande (se filens docblock)
	   men uppdaterat ändå för färgkonsekvens om det återinförs. */
	color: var(--ffo-blue);
}
.ff-fastighetsforum__next-title {
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 700;
	/* ÄNDRAD 2026-09-18: allmän nedjustering (var 26px). */
	font-size: 22px;
}
.ff-fastighetsforum__next-meta {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 15px;
	/* RÄTTNING 2026-09-15: se .lede ovan. */
	color: rgba(6, 27, 51, 0.7);
}

.ff-fastighetsforum__cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.ff-fastighetsforum__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 18px 32px;
	font-weight: 800;
	font-size: 17px;
	text-decoration: none;
	border: 3px solid transparent;
	transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}
/* ÄNDRAD 2026-09-21 (kundens instruktion: "Anmäl dig knappen ska vara
   blå med vit text" / "Bli utställare... blå med vit text och ramen
   blå") - var guldbakgrund + mörk text på --solid, mörk ram/text på
   --outline. Gäller alla knappar som använder klasserna (sticky-nav,
   Utställare-sektionen, Deltagare, Kontakta oss, Mötesplatsens
   "Läs mer här"-puff m.fl.) - konsekvent blått i stället för guld/mörkt
   över hela sidan, se även länk- och avdelarfärgen ovan i filen. */
/* RÄTTNING 2026-09-21: knapptexten syntes blå i stället för vit/blå på
   --solid/--outline (Utställare, Deltagare, Kontakta oss m.fl.) - den
   generella "alla länkar är blå"-regeln (.ff-fastighetsforum a, se
   filens docblock) har högre specificitet (klass+element) än en enkel
   .ff-fastighetsforum__cta--solid-klassregel och vann över den. Dubblad
   klasskvalificering (.ff-fastighetsforum__cta.ff-fastighetsforum__cta--solid)
   ger högre specificitet än länkregeln oavsett ordning i filen, i stället
   för att förlita sig på källordning. */
.ff-fastighetsforum__cta.ff-fastighetsforum__cta--solid {
	background: var(--ffo-blue);
	color: #fff;
	border-color: var(--ffo-blue);
}
.ff-fastighetsforum__cta--solid:hover { transform: translateY(-2px); background: var(--ffo-blue-bright); }
.ff-fastighetsforum__cta.ff-fastighetsforum__cta--outline {
	border-color: var(--ffo-blue);
	color: var(--ffo-blue);
}
.ff-fastighetsforum__cta--outline:hover { transform: translateY(-2px); background: rgba(27, 117, 187, 0.08); }
/* Kompakt variant för den fasta CTA-listen nedan - samma två färgstilar,
   bara mindre padding/text så den får plats i en smal list. */
.ff-fastighetsforum__cta--sm {
	padding: 10px 20px;
	font-size: 14px;
	border-width: 2px;
}

/* Fast CTA-list under toppmenyn (kundens instruktion 2026-09-04: "'Bli
   utställare' och 'Anmäl dig' som följer med. Lite CTA", rättad samma dag:
   först "Bättre om de ligger i toppen från början och följer med som en
   rad under toppmenyn", sedan "Den bör komma in först när man börjar
   skrolla neråt... säg 200 px" - se docblockets tolfte/trettonde/
   fjortonde omgång i template-fastighetsforum.php för hela historiken).
   Ligger i DOM:en direkt efter <header> (UTANFÖR .ff-fastighetsforum, se
   template-kommentaren) och är sticky precis som .ff-header (header.css) -
   sitter kvar som en egen rad under menyn medan man skrollar.
   --ff-header-height hålls synkad mot headerns faktiska, varierande höjd
   av assets/js/fastighetsforum.js (ResizeObserver) - 128px-fallbacken
   matchar headerns odokumenterade "upplåsta" höjd (se
   .ff-fastighetsforum__band--hero:s scroll-margin-top-kommentar) för att
   undvika ett hopp innan JS hunnit köra. Ihopfälld (max-height:0) som
   standard - .is-visible (satt av samma js-fil, ren scroll-tröskel på
   200px, ingen IntersectionObserver den här gången eftersom det är
   skrollpositionen i sig, inte ett elements synlighet, som avgör) fäller
   ut den. max-height (inte height) så vi slipper räkna ut ett exakt
   pixelvärde för en rad vars innehåll kan radbrytas olika på olika
   skärmar - transitionen är ändå jämn så länge max-height-målvärdet är
   större än den faktiska innehållshöjden (80px räcker med marginal).

   RÄTTNING 2026-09-15 (kunden: "Lägg cirklarna som en meny som följer
   med ner. Vi har redan början till en sådan idag" - pekar på just den
   här listen): hero:ns sex cirkel-genvägar (.ff-fastighetsforum__circles)
   finns nu ÄVEN som en kompakt radmeny (.ff-fastighetsforum__sticky-nav)
   HÄR, ovanför den befintliga etikett-/knapprraden - samma sticky-/
   synlighetsmekanik återanvänds rakt av (samma --ff-header-height, samma
   200px-skrolltröskel i JS) i stället för att bygga en helt egen andra
   sticky-rad, vilket annars hade krävt att räkna ut hur högt DEN HÄR
   raden tar upp för att kunna stapla en till sticky-rad rätt under den.
   .sticky-cta-inner är nu en flex-KOLUMN (nav-raden ovanpå, den gamla
   etikett-/knapp-raden - nu .sticky-cta-row - därunder) i stället för en
   enda flex-rad. max-height höjdes till 140px (två rader + gap/border
   ryms nu, med marginal - se assets/js/fastighetsforum.js för
   aktiv-sektion-markeringen, en IntersectionObserver som sätter is-active
   på matchande menylänk). */
.ff-fastighetsforum__sticky-cta {
	/* Ligger UTANFÖR .ff-fastighetsforum (se template-kommentaren) och kan
	   därför inte ärva sidans --ffo-*-variabler, som medvetet är scopade
	   till .ff-fastighetsforum ("allt scopat ... så det aldrig läcker ut i
	   resten av sajten", se filens docblock högst upp) - bara för att
	   undvika DEN läckan skulle vi annars behöva flytta variablerna till
	   :root och läcka dem åt andra hållet istället. Löst genom att
	   deklarera om exakt samma värden lokalt här (bara de sticky-listen
	   faktiskt använder - --ffo-line tillkom 2026-09-15 för den nya
	   menyraden, uppdaterad samma dag i en andra omgång till samma mörka
	   ton som resten av sidan bytte till), så den fortfarande går via
	   var() (samma ställe att ändra märkesfärger på) utan att vare sig
	   läcka ut eller vara beroende av sidans DOM-scope. */
	--ffo-gold: #F5B942;
	--ffo-gray: #C9CFD6;
	--ffo-paper: #F4F8FC;
	--ffo-ink: #061C2D;
	--ffo-line: rgba(6, 27, 51, 0.18);
	/* Tillagd 2026-09-15 (tredje omgången samma dag) - behövs lokalt av
	   samma anledning som de andra --ffo-*-variablerna ovan (se kommentaren
	   högre upp i den här regeln), nu när .sticky-nav a.is-active pekar på
	   den i stället för --ffo-gold. */
	--ffo-blue: var(--ff-blue, #1B75BB);
	position: sticky;
	top: var(--ff-header-height, 128px);
	z-index: 50;
	/* RÄTTNING 2026-09-15 (andra omgången samma dag): var --ffo-blue -
	   samma vita --ffo-paper som resten av sidan nu använder, se filens
	   docblock högst upp. */
	background: var(--ffo-paper);
	font-family: Archivo, system-ui, sans-serif;
	overflow: hidden;
	/* ÄNDRAD 2026-09-21 (kundens instruktion: "Låt navigationsraden vara
	   synligt i toppen redan från start") - var max-height:0/opacity:0
	   som standard, fälldes ut vid 200px skroll (se
	   assets/js/fastighetsforum.js:s docblock för den gamla mekaniken,
	   som nu tagits bort). Listen visas nu permanent redan vid sidladdning
	   - .is-visible-klassen ligger kvar i HTML:en (se
	   template-fastighetsforum.php) men styr inget längre i sig, basläget
	   räcker på egen hand. */
	max-height: 140px;
	/* ÄNDRAD 2026-09-25 (kunden: "smalna av menyraden lite så den blir
	   mindre hög"): var 12px 24px - se även knapparnas padding längst ner. */
	padding: 6px 24px;
	border-bottom: 2px solid var(--ffo-gray);
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	.ff-fastighetsforum__sticky-cta { transition: none; }
}
/* RÄTTNING 2026-09-15 (sjunde omgången samma dag, kunden: "Aligna
   menyn+knapparna") - nav-raden och knapp-raden låg tidigare staplade i en
   flex-KOLUMN (från när etiketten/knapparna var en egen rad UNDER
   sektionsmenyn, se historiken i .sticky-nav-kommentaren nedan). Nu en
   flex-RAD i stället: menyn till vänster, knapparna till höger, i höjd med
   varandra. Staplas tillbaka i kolumn på smala skärmar, se
   media-queryn längre ner. */
.ff-fastighetsforum__sticky-cta-inner {
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
}
.ff-fastighetsforum__sticky-cta-row {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	gap: 20px;
}
/* RÄTTNING 2026-09-15 (sjätte omgången samma dag, kunden: "I skrollmenyn ta
   bort 'FastighetsForum — 8 april 2027, Stockholm Waterfront'") -
   .sticky-cta-label (texten, som tidigare flöt till vänster via
   margin-right:auto medan knapparna högerställdes) togs bort helt ur
   markupen. .sticky-cta-row:s justify-content:flex-end högerställer nu
   knapparna direkt utan att behöva någon motpol i vänsterkanten. */
.ff-fastighetsforum__sticky-cta-buttons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

/* Sektionsmenyn (kundens instruktion 2026-09-15, se docblocket ovan) -
   ursprungligen samma sex länkar/mål som hero:ns cirkel-genvägar
   (.ff-fastighetsforum__circles, togs bort senare samma dag - se
   docblocket ovan), i ett kompakt radformat i stället för stora cirklar
   (som inte fått plats i en smal sticky-list ändå). Sedan cirklarna togs
   bort är den här menyn sidans enda ankarnavigering. overflow-x:auto +
   dold scrollbar gör raden vågrätt skrollbar om den inte får plats på
   smala skärmar, i stället för att radbryta och göra listen onödigt hög. */
.ff-fastighetsforum__sticky-nav {
	display: flex;
	align-items: center;
	gap: 4px 20px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	/* RÄTTNING 2026-09-15 (sjunde omgången samma dag, kunden: "Ta bort det
	   extra grå strecket") - border-top/padding-top hit (som skilde nav-
	   raden från knapp-raden UNDER den i den gamla kolumn-layouten) togs
	   bort - i den nya rad-layouten (se .sticky-cta-inner ovan) ligger
	   menyn direkt i bar-kanten, och linjen syntes i stället som en
	   överbliven rand direkt under headern. flex/min-width:0 gör att
	   menyn kan krympa för att lämna plats åt knapparna och skrolla
	   vågrätt inom sin egen bredd i stället för att tvinga fram en
	   bredare rad än satsytan. */
	flex: 1 1 auto;
	min-width: 0;
}
.ff-fastighetsforum__sticky-nav::-webkit-scrollbar { display: none; }
.ff-fastighetsforum__sticky-nav a {
	flex: 0 0 auto;
	padding: 4px 2px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
	/* RÄTTNING 2026-09-15 (andra omgången samma dag): var/pekade på ljus
	   text (rgba(244,248,252,X)/--ffo-paper), osynligt på den nya vita
	   botten - se filens docblock. */
	color: rgba(6, 27, 51, 0.65);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: color 140ms ease, border-color 140ms ease;
}
.ff-fastighetsforum__sticky-nav a:hover { color: var(--ffo-ink); }
/* Sätts av IntersectionObserver:n i assets/js/fastighetsforum.js medan
   man skrollar - visar var på sidan man befinner sig, samma guldfärg som
   sidans övriga aktiva/betonade element (kicker, gold-CTA:n m.fl.). */
.ff-fastighetsforum__sticky-nav a.is-active {
	color: var(--ffo-ink);
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold, se
	   .eyebrow-kommentaren om minskad guldanvändning. */
	border-bottom-color: var(--ffo-blue);
}

.ff-fastighetsforum__logo {
	display: block;
	/* 56px -> 84px -> 104px (kundens instruktion 2026-09-15, tredje
	   omgången samma dag: "Gör logotypen något större") - samma bildfil/
	   proportion (861x198), bara större. */
	height: 104px;
	width: auto;
	margin: 0 0 20px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 32px. */
}

/* Hero-topp: huvudlogotyp + medarrangörernas logotyper i samma rad
   (kundens instruktion 2026-09-15, tredje omgången samma dag: "Flytta
   samarrangörernas logotyper så de ligger i höjd med översta logotypen") -
   flyttade hit från den gamla Samarrangörer-panelen i översiktsgriden
   längre ner (se dess kommentar för vad som hände med Partners-panelen
   istället). align-items:center gör att co-loggorna alltid är lodrätt
   i höjd med huvudlogotypen oavsett hur stora de själva är - radbryter
   till en egen rad UNDER huvudlogotypen på smala skärmar (flex-wrap)
   istället för att klämmas ihop.
   RÄTTNING 2026-09-15 (femte omgången samma dag, kunden: "Flytta
   medarrangörerna mer till höger inom satsytan") - justify-content:
   space-between knuffar co-loggorna ända ut till satsytans högerkant i
   stället för att bara ligga direkt efter huvudlogotypen. Påverkar inte
   radbrytningen på smala skärmar (bara ett flex-item per rad då, så
   space-between gör ingen skillnad). */
.ff-fastighetsforum__hero-top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/* ÄNDRAD 2026-09-18: "Lägg MEDARRANGÖRER-logotyperna närmare
	   huvudlogotypen. Kanske 50px ifrån" - var justify-content:
	   space-between (knuffade co-loggorna till satsytans högerkant,
	   se RÄTTNING 2026-09-15 ovan). flex-start + fast column-gap på
	   50px ger nu ett konstant avstånd till huvudlogotypen oavsett
	   skärmbredd, i stället för ett avstånd som växte med satsytan. */
	justify-content: flex-start;
	gap: 20px 50px;
	margin-bottom: 20px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 32px. */
}
/* .logo har annars en egen bottenmarginal avsedd för när den stod ensam -
   onödig/missvisande nu när den är ett flex-item i samma rad som
   co-loggorna (align-items:center hanterar den lodräta positioneringen). */
.ff-fastighetsforum__hero-top .ff-fastighetsforum__logo {
	margin: 0;
}
.ff-fastighetsforum__cohosts-label {
	/* ÄNDRAD 2026-09-21 (kundens instruktion: "Flytta upp Medarrangörer
	   lite så bättre space ner till Fastighetsägarnas logga och gör
	   texten 'Medarrangörer' svart") - var margin-bottom:8px/blå text. */
	margin: 0 0 20px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #000;
	/* ÄNDRAD 2026-09-22 (Johans instruktion: "MEDARRANGÖRER centrerat
	   över de 2 ikonerna") - <p>:n är lika bred som loggoraden under
	   (.cohosts-logos, dess enda syskon och bredaste innehåll i samma
	   flex-kolumn), men texten låg kvar vänsterställd i den bredden. */
	text-align: center;
}
.ff-fastighetsforum__cohosts-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.ff-fastighetsforum__cohosts-logos img {
	display: block;
	height: 40px;
	width: auto;
}
/* RÄTTNING 2026-09-17: Sveriges Allmännyttas logotyp byttes till en ny fil
   (fullfärgs-ordmärke, inte vit-på-transparent) - den mörka chippen från
   2026-09-15 som gav kontrast åt den gamla vita loggan behövs inte längre
   och togs bort, se template-fastighetsforum.php:s kommentar. */

.ff-fastighetsforum__badge {
	display: inline-block;
	margin: 0 0 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 44px. */
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ffo-ink);
	background: var(--ffo-green);
	padding: 8px 16px;
}

/* Översikt (kundens skärmdump 2026-09-04) - en grid med
   samarrangörer/partners/utställare-rutor och en foto-platshållare (ingen
   riktig bild på Stockholm Waterfront/mötesplatsen finns ännu). Hade
   fram till 2026-09-15 (andra omgången samma dag) en egen
   ankarnavigering här (sex cirklar, .ff-fastighetsforum__circles) - togs
   bort (kunden: "Ta bort navigationscirklarna"), redundant mot den
   sticky sektionsmenyn under toppmenyn som redan pekar på samma sex
   sektioner (.ff-fastighetsforum__sticky-nav, se filens docblock). */
.ff-fastighetsforum__overview {
	margin-top: 32px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 64px. */
	padding-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 48px. */
	border-top: 1px solid var(--ffo-line);
}

/* Enkel, full bredds-stack sedan mittenkolumnens bild-placeholder togs bort
   2026-09-04 ("ta bort MÖTESPLATSEN - BILD KOMMER") - se
   template-fastighetsforum.php:s kommentar ovanför griden för hela
   resonemanget. Ersätter den gamla 240px/1fr/240px-tre-kolumnsgriden
   (.ff-fastighetsforum__panel-stack användes då för att stapla två paneler
   per sidokolumn - onödigt nu när alla paneler har full bredd var för sig). */
.ff-fastighetsforum__overview-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
/* RÄTTNING 2026-09-15 (tredje omgången samma dag): .overview-row (den
   gamla parradsgriden som höll Samarrangörer och Partners sida vid sida)
   togs bort helt, inte bara dolde/lämnade oanvänd, samma princip som
   cirkel-borttagningen ovan - Samarrangörernas loggor flyttade till
   .ff-fastighetsforum__hero-top (se den kommentaren), och Partners är
   sedan dess en egen full bredds-panel precis som Klara utställare
   nedanför. */
.ff-fastighetsforum__panel {
	/* Samma visuella språk som .ff-fastighetsforum__next ovan (inkl. dess
	   2026-09-15-rättning av bakgrundstonen). */
	background: rgba(6, 27, 51, 0.04);
	border: 2px solid var(--ffo-line);
	padding: 20px 24px;
}
/* RÄTTNING 2026-09-15 (femte omgången samma dag, kunden: "Låt logotyperna
   ligga utan någon annorlunda bakgrund/box") - Partners-panelen tappar den
   inramade "kort"-looken (bakgrundston + ram) som .panel annars ger, så
   loggorna ligger direkt på sektionens egen bakgrund. Bara Partners
   använder modifieraren - Klara utställare (samma bas-klass, i
   Utställare-sektionen) är oförändrad. */
.ff-fastighetsforum__panel--plain {
	background: none;
	border: 0;
	padding: 0;
}
.ff-fastighetsforum__panel-heading {
	margin: 0 0 10px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold, se
	   .eyebrow-kommentaren om minskad guldanvändning. */
	color: var(--ffo-blue);
}
.ff-fastighetsforum__panel-note {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.75);
}
.ff-fastighetsforum__panel-note a { text-decoration: underline; text-underline-offset: 3px; }

/* RÄTTNING 2026-09-15 (tredje omgången samma dag): .logo-slots/
   .logo-slots--row/.logo-slot--image (Samarrangörernas egna, radformade
   loggo-klasser) togs bort helt - de flyttade loggorna använder nu
   .ff-fastighetsforum__cohosts-logos i stället, se den kommentaren.
   .logo-slot (utan modifierare) FINNS KVAR - Partners platshållar-grid
   nedan använder den fortfarande.
   RÄTTNING 2026-09-15 (femte omgången samma dag, kunden: "Låt logotyperna
   ligga utan någon annorlunda bakgrund/box") - den streckade platshållar-
   ramen togs bort. Platsen (padding/min-height nedan) ligger kvar så
   griden inte kollapsar innan riktiga loggor finns, men syns inte som en
   egen box längre. */
.ff-fastighetsforum__logo-slot {
	border: 0;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 600;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.8);
	text-align: center;
}

/* Partners - platshållar-loggrutor (kundens instruktion 2026-09-04: "lägg in
   lite placeholders för partnerikoner, ca 10st", sedan "Partners får platsen
   med grön ram. Mindre logotyper" - mindre rutor än Samarrangörer eftersom
   panelen är bredare/tätare packad med fler, mindre loggor). Byt ut en
   <span> mot en <img> när en riktig partnerlogga finns. */
.ff-fastighetsforum__partner-grid {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	gap: 8px;
}
.ff-fastighetsforum__partner-grid .ff-fastighetsforum__logo-slot {
	min-height: 36px;
}

/* Klara utställare - oändligt rullande logglist (kundens instruktion
   2026-09-04: "gör det till en rullande list med logotyper, kan bli upp
   till 50-60 st"). Ren CSS-loop: .marquee-track innehåller HELA
   uppsättningen av loggor/platshållare två gånger i rad (se
   template-fastighetsforum.php), och animationen flyttar spåret exakt -50%
   - eftersom båda hälfterna är identiska ser det ut som en sömlös,
   oändlig loop oavsett hur många loggor det faktiskt är (fungerar likadant
   med 14 platshållare som med 60 riktiga loggor - ingen CSS-ändring
   behövs när riktiga loggor ersätter platshållarna). Pausas på hover/fokus
   så besökare hinner läsa, och stängs av helt för
   prefers-reduced-motion. */
.ff-fastighetsforum__marquee {
	margin-top: 16px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
}
.ff-fastighetsforum__marquee-track {
	display: flex;
	align-items: center;
	gap: 20px;
	width: max-content;
	animation: ff-fastighetsforum-marquee 40s linear infinite;
}
.ff-fastighetsforum__marquee:hover .ff-fastighetsforum__marquee-track,
.ff-fastighetsforum__marquee:focus-within .ff-fastighetsforum__marquee-track {
	animation-play-state: paused;
}
@keyframes ff-fastighetsforum-marquee {
	from { transform: translateX(0); }
	/* ÄNDRAD 2026-09-23: --ff-marquee-shift sätts av JS (exakt bredd på EN
	   uppsättning i px, inkl. mellanrum) för listor med data-ff-marquee -
	   -50% blev ett halvt mellanrum fel och räckte inte om en uppsättning
	   var smalare än skärmen. Övriga listor faller tillbaka på -50%. */
	to { transform: translateX(var(--ff-marquee-shift, -50%)); }
}
.ff-fastighetsforum__marquee-item {
	flex: 0 0 auto;
	width: 110px;
	height: 52px;
	border: 1px dashed var(--ffo-line);
}
/* ÄNDRAD 2026-09-17: platshållarrutorna är fortfarande <span> (ej klickbara),
   men bokade utställare renderas nu som riktiga <button>-element (se
   template-fastighetsforum.php) - nollställ webbläsarens standardstil och
   lägg till pekare/hover/fokus så de känns klickbara. */
button.ff-fastighetsforum__marquee-item {
	font-family: inherit;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}
button.ff-fastighetsforum__marquee-item:hover,
button.ff-fastighetsforum__marquee-item:focus-visible {
	border-color: var(--ff-blue, #1B75BB);
	transform: translateY(-1px);
}
button.ff-fastighetsforum__marquee-item:focus-visible {
	outline: 2px solid var(--ff-blue, #1B75BB);
	outline-offset: 2px;
}
/* TILLAGD 2026-09-21: samma hover/fokus-känsla som ovan, men för
   partnerloggorna i FörvaltarForum Partners-raden - de är <a>-taggar
   (länkar till partnerns sida), inte <button> (öppnar ingen modal), så
   samma regler måste upprepas för a.marquee-item-selektorn. */
a.ff-fastighetsforum__marquee-item {
	transition: transform 0.1s ease;
}
a.ff-fastighetsforum__marquee-item:hover,
a.ff-fastighetsforum__marquee-item:focus-visible {
	transform: translateY(-1px);
}
a.ff-fastighetsforum__marquee-item:focus-visible {
	outline: 2px solid var(--ff-blue, #1B75BB);
	outline-offset: 2px;
}
/* TILLAGD 2026-09-21 (kundens instruktion: "Gör de större samt skrolla
   mer sakta", om FörvaltarForum Partners-raden längst ner) - scopat till
   just den sektionen (#forvaltarforum-partners) i stället för att ändra
   den delade .marquee-item/-track-storleken/farten, som även Klara
   utställare och Utställare-panelen använder och som INTE ska påverkas
   av det här. Större rutor (110x52 -> 180x84) och långsammare
   genomloppstid (40s -> 80s, samma -50%-translate men dubbla tiden). */
#forvaltarforum-partners .ff-fastighetsforum__marquee-item {
	width: 180px;
	height: 84px;
}
#forvaltarforum-partners .ff-fastighetsforum__marquee-track {
	animation-duration: 80s;
	/* ÄNDRAD 2026-09-22 (Johans instruktion: "Gör avståndet mellan
	   logotyperna mindre") - var 20px, samma delade gap som Klara
	   utställare/Utställare-panelen. Scopat till bara den här sektionen
	   av samma anledning som storleken/farten ovan. */
	gap: 10px;
}
/* ÄNDRAD 2026-09-23 (kunden: "Se till att de har jämt mellanrum mellan
   sig"): rutorna var fasta 180px breda med loggan centrerad i, så smala
   loggor fick mycket luft och breda nästan ingen - ojämnt. Nu är varje
   ruta exakt lika bred som sin logga (fast höjd 56px, bredd efter
   loggans proportioner, max 200px) och mellanrummet (gap) är det enda
   avståndet mellan loggorna: 64px överallt. object-fit:contain håller
   proportionerna om en mycket bred logga slår i maxbredden. */
#forvaltarforum-partners .ff-fastighetsforum__marquee-item {
	width: auto;
	padding: 0;
}
#forvaltarforum-partners .ff-fastighetsforum__marquee-item--image img {
	height: 56px;
	width: auto;
	max-width: 200px;
	max-height: none;
	object-fit: contain;
}
#forvaltarforum-partners .ff-fastighetsforum__marquee-track {
	/* ÄNDRAD 2026-09-25 (kunden: "Dra ihop loggor närmare varandra"): var 64px. */
	gap: 28px;
}
/* JS tar över rullningen (se assets/js/fastighetsforum.js) - stäng av
   CSS-animationen så de inte krockar. */
.ff-fastighetsforum__marquee.is-js .ff-fastighetsforum__marquee-track {
	animation: none;
	will-change: transform;
}
/* TILLAGD 2026-09-21 (kundens instruktion: "Lägg hela sektionen med en
   vit bakgrund") - var --ffo-paper (#F4F8FC, ljust blåvitt) via
   .band--paper-modifieraren, samma ton som flera andra sektioner delar.
   Ren vit här i stället, scopat till just den här sektionen. */
#forvaltarforum-partners {
	background: #fff;
}
/* TILLAGD 2026-09-21 (kundens instruktion: "Gör denna rubrik mindre och
   centrerad") - var sidans vanliga h2-storlek (clamp 22-36px),
   vänsterställd som alla andra sektionsrubriker. */
#forvaltarforum-partners .ff-fastighetsforum__h2 {
	font-size: 20px;
	text-align: center;
}
/* När en riktig utställarlogga finns: lägg till denna modifier + en <img>
   inuti, samma mönster som .ff-fastighetsforum__logo-slot--image. */
.ff-fastighetsforum__marquee-item--image {
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}
.ff-fastighetsforum__marquee-item--image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
/* Utställare utan logotyp än - visar företagsnamnet i stället för en
   bild, tills admin lagt in en logga på platsen (se
   render_booking_meta_box() i class-utstallarplanerare.php). */
.ff-fastighetsforum__marquee-item--text {
	border: 1px solid var(--ffo-line, rgba(6, 27, 51, 0.18));
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	text-align: center;
}
.ff-fastighetsforum__marquee-item--text span {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (prefers-reduced-motion: reduce) {
	.ff-fastighetsforum__marquee-track { animation: none; }
}
/* TILLAGD 2026-09-21 (kundens instruktion vid Utställare-panelen i
   hero:ns översiktsgrid, tidigare "Partners": "Lägg in samma funktion
   som 'KLARA UTSTÄLLARE'. Låt dessa loggor använda hela bredden på
   sidan") - samma återanvänds för FörvaltarForum Partners-raden längst
   ner på sidan (se template-fastighetsforum.php). */
.ff-fastighetsforum__marquee--fullwidth {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0 32px;
}

/* Uttalande-kortet (ursprungligen "Många intressenter"-citaten, kundens
   instruktion 2026-09-04: "kan vi få med innehåll enligt bilden [en
   mind-map med citat-pratbubblor per roll]. Inte nödvändigtvis den
   designen" - bygger på samma visuella språk som .ff-fastighetsforum__panel
   ovan i stället för pratbubbleformen i kundens skiss).
   RÄTTNING 2026-09-15 (fjärde omgången samma dag): klassnamnen döptes om
   från .stakeholder* till .quote* och grid-regeln (.stakeholders) togs
   bort helt - korten ligger inte längre samlade i en egen grid på Många
   intressenter, utan slumpas ut ETT ÅT GÅNGEN till sex olika sektioner
   (se template-fastighetsforum.php:s $ff_forum_quotes/ff_forum_render_quote()
   och docblock). Samtidigt tillkom valfritt person/titel/bild-stöd -
   'person_name'/'person_title'/'person_image' i stället för bara
   'role' - ingen påhittad person/bild använder det ännu. */
/* RÄTTNING 2026-09-15 (åttonde omgången samma dag, kunden: "Kan citaten
   göras större och poppa lite mer. Inte så boxiga") - den inramade
   "kort"-looken (bakgrundston + heldragen ram runt om) ersattes med ett
   öppnare redaktionellt pull-quote-utseende: bara en tjock vänsterlinje i
   sidans blå, ett stort, halvtransparent citattecken som dekoration bakom
   texten (::before), och betydligt större/fetare citat-text (clamp, växer
   med skärmbredden). position:relative + z-index på de riktiga
   textelementen håller dem läsbara ovanpå det dekorativa citattecknet. */
.ff-fastighetsforum__quote {
	position: relative;
	margin-top: 28px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 48px. */
	max-width: 680px;
	padding: 4px 0 4px 32px;
	border-left: 4px solid var(--ffo-blue);
}
.ff-fastighetsforum__quote::before {
	content: "”";
	position: absolute;
	top: -0.3em;
	left: 4px;
	font-family: 'Source Serif 4', Georgia, serif;
	/* ÄNDRAD 2026-09-18: "Dra ner storleken på citat något" - skalat ner
	   i proportion med citat-texten nedan (var 110px). */
	font-size: 90px;
	font-weight: 800;
	line-height: 1;
	color: var(--ffo-blue);
	opacity: 0.14;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}
.ff-fastighetsforum__quote-avatar {
	position: relative;
	z-index: 1;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 16px;
	box-shadow: 0 0 0 3px var(--ffo-paper), 0 0 0 5px var(--ffo-blue);
}
.ff-fastighetsforum__quote-text {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: 'Source Serif 4', Georgia, serif;
	font-style: italic;
	font-weight: 600;
	/* ÄNDRAD 2026-09-18: "Dra ner storleken på citat något" (var
	   clamp(21px, 2.6vw, 28px)). */
	font-size: clamp(19px, 2.2vw, 24px);
	line-height: 1.45;
	color: var(--ffo-ink);
}
.ff-fastighetsforum__quote-role,
.ff-fastighetsforum__quote-byline {
	position: relative;
	z-index: 1;
	margin: 14px 0 0;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ffo-blue);
}
.ff-fastighetsforum__quote-byline {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}
.ff-fastighetsforum__quote-title {
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	color: rgba(6, 27, 51, 0.7);
}

.ff-fastighetsforum__kicker {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold, se
	   .eyebrow-kommentaren om minskad guldanvändning. .band--paper hade
	   sedan tidigare en egen override till samma --ffo-blue (den enda
	   sektionen som redan var ljus) - onödig/redundant nu när det är
	   standardfärgen överallt, borttagen. */
	color: var(--ffo-blue);
	margin: 0 0 10px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 20px. */
}

.ff-fastighetsforum__h2 {
	margin: 0 0 16px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 28px. */
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 800;
	/* ÄNDRAD 2026-09-18: "Använd storleken på ff-fastighetsforum__ledord
	   för rubriker ff-fastighetsforum__h2" - samma clamp som .ledord
	   (var clamp(34px, 4.5vw, 56px)). */
	font-size: clamp(22px, 3.2vw, 36px);
	line-height: 1.15;
	letter-spacing: -0.015em;
	/* NYTT 2026-09-15 (tredje omgången samma dag, kunden: "blåa till
	   designen tex rubriker") - rubrikerna ärvde tidigare bara sidans
	   mörka basfärg (--ffo-ink); nu uttryckligen sidans blå istället. */
	color: var(--ffo-blue);
}

/* RÄTTNING 2026-09-15 (fjärde omgången samma dag, punkt 2): mindre
   underrubrik för körordningen sedan Agenda-sektionen gick ihop med
   Program - se template-fastighetsforum.php. Egen, mindre än .h2 (som
   fortfarande används för sektionens huvudrubrik). */
.ff-fastighetsforum__h3 {
	margin: 28px 0 12px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 48px 0 20px. */
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 800;
	/* ÄNDRAD 2026-09-18: samma allmänna nedjustering som .h2/.lede ovan
	   (var clamp(22px, 2.6vw, 28px)). */
	font-size: clamp(20px, 2.2vw, 25px);
	line-height: 1.2;
	color: var(--ffo-blue);
}

/* TILLAGD 2026-09-23: underrubrikerna i Utställare-sektionens vänsterspalt
   ("Varför bli utställare?" / "Vilka möjligheter finns det?") - ingen
   luft ovanför den första, mindre luft än standard-h3:an mellan listorna. */
.ff-fastighetsforum__exhibit .ff-fastighetsforum__h3 {
	margin: 0 0 16px;
}
.ff-fastighetsforum__exhibit .ff-fastighetsforum__list + .ff-fastighetsforum__h3 {
	margin-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 36px. */
}

/* ÄNDRAD 2026-09-25 (Johan: "För brödtext på denna sida använd samma som
   vi använde för 'Vi på FörvaltarForum vill ...'" - dvs ingressen,
   .ff-fastighetsforum__lede): var 19px / 1.7 och ärvd textfärg. Nu samma
   storlek, radavstånd, vikt och färg som .lede, och samma styckeavstånd
   (0.9em). Punktlistorna (.list li nedan) följer samma. */
.ff-fastighetsforum__body {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: rgba(6, 27, 51, 0.82);
	max-width: 72ch;
}
.ff-fastighetsforum__body p { margin: 0 0 0.9em; }
.ff-fastighetsforum__body p:last-child { margin-bottom: 0; }

/* RÄTTNING 2026-09-15 (fjärde omgången samma dag, punkt 4): "puffa för att
   bli utställare till höger om bilden" - jämförelsereglaget (.compare
   nedan) och en ny puff-panel sida vid sida i Mötesplatsen-sektionen. */
/* ÄNDRAD 2026-09-23 (kunden: "Gör bilden 50 % större, minska Bli
   utställare-rutan (kanske lägg den under bilden istället)"): var en
   tvåkolumnsgrid 1.3fr/1fr (bilden ca 615px bred vid 1120px innerbredd).
   Nu en enda kolumn - bilden upp till 920px (ca 1,5x) och puffen som en
   kompakt rad (rubrik + knapp) under bilden. */
.ff-fastighetsforum__motesplatsen-layout {
	margin-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 40px. */
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	justify-items: start;
}
.ff-fastighetsforum__motesplatsen-layout .ff-fastighetsforum__compare {
	margin-top: 0;
	width: 100%;
	max-width: 920px;
}
.ff-fastighetsforum__promo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	background: rgba(27, 117, 187, 0.06);
	border: 2px solid var(--ffo-line);
	padding: 14px 20px;
}
.ff-fastighetsforum__promo-heading {
	/* ÄNDRAD 2026-09-21 (kundens instruktion: "Rutan med 'Bli
	   utställare'. Knapp 'Läs mer här' och ta bort resten av texten") -
	   var margin-bottom:10px, följt av .promo-text (borttagen, se
	   template-fastighetsforum.php) - lite mer luft ner till knappen nu
	   när texten är borta. */
	/* ÄNDRAD 2026-09-23: margin-bottom 18px -> 0, rubrik och knapp ligger
	   nu på samma rad (flex, se .promo ovan). */
	margin: 0;
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 800;
	/* ÄNDRAD 2026-09-18: allmän nedjustering (var 22px). */
	font-size: 19px;
	color: var(--ffo-blue);
}

/* RÄTTNING 2026-09-15 (fjärde omgången samma dag, punkt 6): platshållarruta
   i Utmärkelser-sektionen tills den fullständiga prislistan/
   nomineringsprocessen finns - se template-fastighetsforum.php. */
.ff-fastighetsforum__callout {
	margin-top: 24px;
	max-width: 640px;
	border: 2px dashed var(--ffo-line);
	padding: 20px 24px;
	background: rgba(6, 27, 51, 0.03);
}
.ff-fastighetsforum__callout-heading {
	margin: 0 0 6px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ffo-blue);
}
.ff-fastighetsforum__callout-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(6, 27, 51, 0.75);
}
/* 2026-10-01: callouten i Utmärkelser är inte längre en platshållare
   utan en riktig puff för nomineringen (INSPIRATÖR 2027) - heldragen
   ram i stället för streckad, plus en knapprad. */
.ff-fastighetsforum__callout--nominate {
	border: 0;
	border-left: 4px solid var(--ffo-blue);
	background: #fff;
}
.ff-fastighetsforum__callout--nominate .ff-fastighetsforum__callout-text {
	font-size: 15px;
}
.ff-fastighetsforum__callout-action {
	margin: 14px 0 0;
}

/* "Vår mässa" vs "Traditionell mässa" - jämförelseregdaget i Mötesplatsen
   (kundens instruktion 2026-09-04: "en avdelare där man kan visa
   'före - efter'"). Rent CSS för själva klippningen (clip-path styrt av
   --ff-compare-pos), JS:en (assets/js/fastighetsforum.js) sätter bara den
   variabeln utifrån reglaget - ingen bild-manipulation i JS.

   Kundens rättning samma dag, två saker:
   1) "Vår mässa"/"Traditionell mässa"-etiketterna måste döljas när
      avdelaren passerar dem, annars kan fel etikett hamna på fel bild.
      clip-path( inset(0 calc(100% - pos) 0 0) ) visar EFTER-bilden
      (.compare-reveal, "Vår mässa") i den VÄNSTRA delen (0 till pos%) och
      låter FÖRE-bilden ("Traditionell mässa", helbild underst) synas i
      den HÖGRA delen (pos% till 100%) - alltså tvärtom mot vad
      vänster/höger-etiketterna först hade. Löst genom att a) lägga
      "Vår mässa"-etiketten SOM BARN till .compare-reveal så den klipps
      bort tillsammans med bilden när pos krymper, och b) placera
      "Traditionell mässa"-etiketten till höger, tidigare i DOM-ordningen
      än .compare-reveal så EFTER-lagret (som målas efter i DOM-ordning,
      ingen z-index behövs) automatiskt täcker över den när pos växer
      tillräckligt långt åt höger. Ingen z-index på etiketterna längre -
      det var precis det som gjorde att de alltid syntes ovanpå allt,
      oavsett klippning.
   2) "Man ska kunna dra i det gula pilreglaget ovanpå bilden" - reglaget
      (input[type=range]) ligger nu som ett osynligt (opacity:0) lager
      ovanpå HELA bildytan istället för under bilden, så att man kan
      klicka/dra var som helst på bilden. Det gula "handtaget"
      (.compare-handle/-grip) är fortfarande bara visuellt
      (pointer-events:none) och följer samma --ff-compare-pos-variabel. */
.ff-fastighetsforum__compare {
	margin-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 40px. */
	max-width: 900px;
}
.ff-fastighetsforum__compare-frame {
	position: relative;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border: 2px solid var(--ffo-line);
}
.ff-fastighetsforum__compare-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.ff-fastighetsforum__compare-reveal {
	position: absolute;
	inset: 0;
	clip-path: inset( 0 calc( 100% - var( --ff-compare-pos, 67% ) ) 0 0 );
}
.ff-fastighetsforum__compare-handle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--ff-compare-pos, 67%);
	width: 3px;
	background: var(--ffo-gold);
	transform: translateX(-50%);
	pointer-events: none;
}
.ff-fastighetsforum__compare-handle-grip {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ffo-gold);
	color: var(--ffo-ink);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	transform: translate(-50%, -50%);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.ff-fastighetsforum__compare-label {
	position: absolute;
	bottom: 16px;
	padding: 6px 12px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ffo-paper);
	background: rgba(6, 27, 51, 0.75);
	white-space: nowrap;
	pointer-events: none;
}
/* Höger = "Traditionell mässa" (FÖRE, helbilden - synlig där EFTER-lagret
   är bortklippt). Vänster = "Vår mässa" (EFTER, ligger inne i
   .compare-reveal och klipps bort med bilden). */
.ff-fastighetsforum__compare-label--before { right: 16px; }
.ff-fastighetsforum__compare-label--after { left: 16px; }
.ff-fastighetsforum__compare-range {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: ew-resize;
}
.ff-fastighetsforum__compare-hint {
	margin: 10px 0 0;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.55);
}

.ff-fastighetsforum__exhibit {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 32px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 56px. */
	align-items: start;
}
/* RÄTTNING 2026-09-15 (femte omgången samma dag, kunden: "Klara utställare-
   boxen ligger dikt an punktlistan ovanför") - "Klara utställare"-panelen
   (flyttad hit från hero:n i fjärde omgången) saknade eget avstånd till
   .exhibit ovanför den, båda bara staplade utan mellanrum. Riktad selector
   i stället för margin-top på .panel rakt av, så Partners-panelen i
   hero:ns .overview-grid (som redan får sitt avstånd av grid-gap) inte
   påverkas. */
.ff-fastighetsforum__exhibit + .ff-fastighetsforum__panel {
	margin-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 40px. */
}
.ff-fastighetsforum__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.ff-fastighetsforum__list li {
	padding-left: 32px;
	position: relative;
	/* ÄNDRAD 2026-09-25: samma brödtext som .lede/.body (var 17px / 1.5,
	   ärvd färg). */
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: rgba(6, 27, 51, 0.82);
}
.ff-fastighetsforum__list li::before {
	content: "→";
	position: absolute;
	left: 0;
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var --ffo-gold, se
	   .eyebrow-kommentaren om minskad guldanvändning. */
	color: var(--ffo-blue);
	font-weight: 800;
}

/* Program - Sal 1/Sal 2-ämneslistan (kundens instruktion 2026-09-04: "bild
   med salarna. Innehåll till PROGRAM", källa kundens bifogade bild/
   program.pdf sid 1). Två paneler sida vid sida, samma visuella språk som
   .ff-fastighetsforum__panel; ämneslistan i varje panel återanvänder
   .ff-fastighetsforum__list rakt av. */
.ff-fastighetsforum__program-rooms {
	margin-top: 20px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 32px. */
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.ff-fastighetsforum__program-room {
	/* RÄTTNING 2026-09-15 (fjärde omgången samma dag): svagt blåtonad botten
	   (rgba av --ffo-blue) i stället för den generella mörka bläck-tonen
	   .panel/.next har - "Använd hellre mer av ff-blue" - så hela den
	   sammanslagna Program/Agenda-sektionen hänger ihop visuellt kring
	   samma blå (se .schedule-track nedan). */
	background: rgba(27, 117, 187, 0.06);
	border: 2px solid var(--ffo-line);
	padding: 24px 28px;
}
/* RÄTTNING 2026-09-15 (nionde omgången samma dag, kunden: "Ta bort rutorna
   'SAL 1 — 1 000 PERS' samt 'SAL 2 — 500 PERS'") - rubrikraderna togs bort
   helt ur båda panelerna (och ur var och en av .schedule-track-panelerna
   nedan, se den kommentaren) - .program-room-heading-regeln är därmed
   oanvänd och togs bort. Sal 1/Sal 2 skiljs nu bara åt genom
   vänster/höger-positionen i griden, ingen textetikett längre. */
.ff-fastighetsforum__program-room .ff-fastighetsforum__list {
	gap: 10px;
}
.ff-fastighetsforum__program-room .ff-fastighetsforum__list li {
	font-size: 15px;
}

/* Agenda - körordningen (kundens instruktion 2026-09-04: "program.pdf
   innehåll till Agenda", källa program.pdf sid 2-3 - se
   template-fastighetsforum.php:s docblock för anmärkningarna om vad som
   INTE var bekräftat i underlaget: PASS X/Y i Sal 2 hade inga klockslag
   ("Tid ej fastställd" istället för påhittad tid), och panelen i PASS 1
   nämnde "Anders Holmestig, VD eller Anna Waxin, VD" utan att välja mellan
   dem - båda namnen står kvar). Delade pauser (samling/fika/lunch) som
   egna fullbredds-rader, Sal 1/Sal 2 sida vid sida däremellan. */
.ff-fastighetsforum__schedule {
	margin-top: 20px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 32px. */
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.ff-fastighetsforum__schedule-shared {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 14px;
	/* ÄNDRAD 2026-09-23 (programmet "mer enhetligt och lättläst", punkt 1):
	   pauserna (samling/fika/lunch/mingel) tonas ner så passen blir det
	   som syns - var samma blå ruta med kant som Pass 1/6 (bakgrund 0.1,
	   kant 0.35, padding 12px). Kanten är kvar men genomskinlig så
	   innehållet ligger på exakt samma x-position som i passrutorna
	   (lokalerna linjerar fortfarande). */
	padding: 9px 20px;
	background: rgba(27, 117, 187, 0.04);
	border: 2px solid transparent;
}
/* ÄNDRAD 2026-09-18: "Några typsnitt är terminaltypsnitt" - font-family
   satt på hela .schedule-shared-blocket gjorde att BÅDE rubrik och
   beskrivningstext (inte bara klockslaget) ärvde IBM Plex Mono, till
   skillnad från de delade spåren nedan (.schedule-split) där bara
   .schedule-time är mono och resten ligger i sidans vanliga typsnitt
   (Archivo). Mono-stilen flyttad hit så bara klockslaget behåller den
   "terminal"-känslan, i linje med resten av körordningen. */
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-time {
	/* ÄNDRAD 2026-09-18: "Kan vi använda ett av våra andra typsnitt?" -
	   bytt fran IBM Plex Mono (var terminal-kanslan) till Archivo, sidans
	   vanliga sans (samma som .ff-fastighetsforum, se filens docblock). */
	font-family: Archivo, system-ui, sans-serif;
	/* ÄNDRAD 2026-09-23 (punkt 3): färgen styrs nu av .schedule-time nedan
	   (mörk), se kommentaren där. */
}
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-title {
	/* ÄNDRAD 2026-09-23 (punkt 2): var VERSALER 13px 600 med spärrning -
	   nu samma stil som passrubrikerna (Source Serif 4, 400, gemener),
	   bara något mindre eftersom pausraderna ligger på en rad. */
	font-size: 15px;
}
/* TILLAGD 2026-09-23 (kunden: "Bör alla lokaler högerställas i resp box?"
   - "Gör det"): lokalen (.schedule-room, t.ex. "Mötesplatsen") läggs sist
   och trycks ut till höger med margin-left:auto. ::after är en osynlig
   platshållare lika bred som passens utfällningspil (8px + samma 14px
   gap), så lokalerna på de gemensamma raderna linjerar exakt med "Sal X"
   i Pass 1/Pass 6 (samma 20px sidopadding) i stället för att stå längre
   ut än dem. */
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-room {
	order: 2;
	margin-left: auto;
}
.ff-fastighetsforum__schedule-shared::after {
	content: "";
	order: 3;
	flex: 0 0 8px;
}
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-note {
	/* ÄNDRAD 2026-09-29 (kunden: "Den lilla texten tex 'Prisutdelning 1 & 2'
	   bör vara mer enhetlig med resterande text i programmet. Kanske
	   radbryt?"): var 12px Archivo på samma rad som rubriken. Nu egen rad
	   under rubriken (flex-basis 100 %, efter lokalen), i samma serif som
	   programmets rubriker men mindre och något ljusare - samma upplägg
	   som passens rubrikrad under tiden. */
	order: 4;
	flex-basis: 100%;
	/* ÄNDRAD igen 2026-09-29 (kunden: "'Prisutdelning 3 & 4' mm bör vara i
	   samma stil som 'Talare meddelas inom kort.'"): samma som
	   .schedule-pass-body - sidans sans (Archivo), 14px, 0.85 opacitet
	   (var Source Serif 4 14px / 0.75). */
	font-family: Archivo, system-ui, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	/* ÄNDRAD 2026-09-29 (kunden: "Bör ha samma svärta också"): heltäckande
	   färg i stället för rgba(…, 0.85) - en halvgenomskinlig färg blir olika
	   mörk beroende på bakgrunden (pausraderna har en egen bakgrundston).
	   Samma färg sätts på .schedule-pass-body nedan, så "Talare meddelas
	   inom kort." och notiserna får exakt samma svärta. */
	color: #2A3A4C;
}
/* TILLAGD 2026-09-29: tid inne i en notisrad (t.ex. "17:30–18:00
   Underhållning" under Nätverkande & mingel) - samma stil som programmets
   övriga klockslag. */
.ff-fastighetsforum__schedule-note-time {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: var(--ffo-ink, #061B33);
	margin-right: 6px;
}
.ff-fastighetsforum__schedule-split {
	display: grid;
	/* ÄNDRAD 2026-09-22: tredje spalten "Sal Z" tillagd (kundens
	   instruktion) - var 1fr 1fr (Sal X/Sal Y), nu tre lika breda
	   spalter genomgående i alla .schedule-split-block, tomma där inget
	   är inlagt i Sal Z. */
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2px;
}
.ff-fastighetsforum__schedule-track {
	/* RÄTTNING 2026-09-15 (fjärde omgången samma dag): samma blåtoning som
	   .program-room ovan, se den kommentaren. */
	background: rgba(27, 117, 187, 0.06);
	border: 2px solid var(--ffo-line);
	padding: 20px 24px;
}
/* RÄTTNING 2026-09-15 (nionde omgången samma dag, kunden: "Ta bort rutorna
   'SAL 1 — 1 000 PERS' samt 'SAL 2 — 500 PERS'") - .schedule-track-label
   togs bort helt. ÅTERINFÖRD 2026-09-18 (kunden: "I de fall vi har höger
   och vänsterruta i agendan, skriv Sal X resp Sal Y överst") - nu utan
   besöksantal, bara rumsnamnet. */
.ff-fastighetsforum__schedule-track-label {
	margin: 0 0 10px;
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	/* ÄNDRAD 2026-09-23 (punkt 3): var blå - nu grå som en tabellrubrik.
	   Lokalen i rubriken ("Spår A · Sal X", punkt 6) är en .schedule-room
	   och behåller lokalernas blå. */
	color: rgba(6, 27, 51, 0.55);
}
/* TA BORT 2026-09-22: .schedule-list/.schedule-list li (ul/li-listan
   för passen inom ett spår) ersatt av .schedule-pass--track nedan -
   varje pass i ett spår är nu ett eget <details>-element direkt i
   .schedule-track, utan <ul>-omslag. .schedule-time/-title/-note
   (odöpta varianterna precis nedan) återanvänds oförändrade inuti
   passens <summary>. */
.ff-fastighetsforum__schedule-time {
	/* ÄNDRAD 2026-09-18: samma typsnittsbyte som schedule-shared-varianten
	   ovan (var IBM Plex Mono). */
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	/* ÄNDRAD 2026-09-22: kundens instruktion "Borde inte alla tider vara i
	   den blå färgen" - var rgba(6, 27, 51, 0.55) (grå).
	   ÄNDRAD 2026-09-23 (punkt 3, "mindre blått"): tid, lokal, pill, spår-
	   rubrik och pil var alla blå, så inget stack ut. Nu: tider mörka och
	   halvfeta (gäller alla klockslag, även pausraderna), blått reserverat
	   för lokal, pill och pil. Frångår alltså 2026-09-22-önskemålet, i
	   samråd med Johan. */
	font-weight: 600;
	color: var(--ffo-ink, #061B33);
}
.ff-fastighetsforum__schedule-title {
	/* ÄNDRAD 2026-09-23 (kunden: "&-tecken i programmet ser konstiga ut"):
	   Archivos &-tecken är en stiliserad variant (liknar ett spegelvänt
	   3/Ɛ). Programrubrikerna nu i Source Serif 4 - sidans rubriktypsnitt,
	   med ett klassiskt &. Gäller både pass och de gemensamma raderna
	   (Samling, Fika, Lunch ...). */
	font-family: 'Source Serif 4', Georgia, serif;
	/* ÄNDRAD 2026-09-23 (andra omgången, kunden: "Kan vi göra dessa mindre
	   feta. t.ex. 300"): 600 -> 400. Source Serif 4 finns bara självhostat
	   i 400/600/700 (se fonts.css) - 400 är det tunnaste som finns utan
	   att ladda en ny fil (300 skulle webbläsaren ändå visa som 400). */
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
}
.ff-fastighetsforum__schedule-note {
	font-size: 13px;
	/* ÄNDRAD 2026-09-17: samma kontrasthöjning som schedule-shared-varianten
	   ovan ("Denna ljusgråa text är svårläst"). */
	color: rgba(6, 27, 51, 0.85);
}

/* TILLAGD 2026-09-22: utfällbara PASS i den nya tvåspårs-agendan (se
   docblocket vid .ff-fastighetsforum__schedule i template-fastighetsforum.php).
   Rena <details>/<summary>-element - ingen JS. --solo används för PASS 1/6
   som körs ensamma (samma blåtonade ruta som .schedule-shared), --track
   används för passen inuti ett .schedule-track (bara en tunn linje mellan
   passen, ingen egen bakgrund/ram). Klockslag/rubrik återanvänder de
   odöpta .schedule-time/.schedule-title-reglerna ovan oförändrade. */
.ff-fastighetsforum__schedule-pass {
	background: #fff;
}
.ff-fastighetsforum__schedule-pass + .ff-fastighetsforum__schedule-pass {
	margin-top: 2px;
}
.ff-fastighetsforum__schedule-pass--solo {
	background: rgba(27, 117, 187, 0.1);
	border: 2px solid rgba(27, 117, 187, 0.35);
}
.ff-fastighetsforum__schedule-pass--track {
	background: transparent;
	border-bottom: 1px solid var(--ffo-line);
}
.ff-fastighetsforum__schedule-pass--track:last-child {
	border-bottom: none;
}
.ff-fastighetsforum__schedule-pass-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	cursor: pointer;
	list-style: none;
}
.ff-fastighetsforum__schedule-pass-summary::-webkit-details-marker {
	display: none;
}
.ff-fastighetsforum__schedule-pass-summary::marker {
	content: "";
}
/* ÄNDRAD 2026-09-22 (sjunde omgången samma dag): kundens rättning - vissa
   pass (t.ex. Pass 12) radbröts till tid+chevron på en rad och rubriken
   på nästa ENDAST för att rubriktexten var för lång för att få plats,
   medan kortare rubriker (Pass 2/3/11) låg kvar på samma rad som tiden -
   inkonsekvent. "Kanske bättre att göra som pass 12" - nu tvingas ALLA
   pass till samma tvåradsformat: tid (+ ev. salangivelse för PASS 1/6) och
   chevron på första raden, rubriken på en egen rad därunder, oavsett om
   den skulle få plats bredvid tiden. flex-basis: 100% på rubriken tvingar
   fram radbrytningen (den får inte plats på tidens rad och hoppar ner),
   margin-left: auto på chevronen håller den kvar längst till höger på
   tidens rad. */
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-time {
	order: 1;
}
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-room {
	order: 2;
	/* ÄNDRAD 2026-09-23: högerställd precis före utfällningspilen (var
	   direkt efter tiden) - se .schedule-shared .schedule-room. */
	margin-left: auto;
}
/* TILLAGD 2026-09-23 (kunden: "Kan vi flytta pass och ha de i en pill
   eller liknande? Tar nu fokus från titlarna"): passnumret som en liten
   pill först på tidsraden, i samma Archivo/blå som tid och sal. */
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-pass-pill {
	order: 0;
}
.ff-fastighetsforum__schedule-pass-pill {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	/* ÄNDRAD 2026-09-23 (kunden: "Ska vi prova att göra pillrena med vit
	   bakgrund?"): var rgba(27,117,187,0.14) (ljusblå). Vit + tunn blå kant
	   så pillen syns mot de ljusblå passrutorna. */
	background: #fff;
	border: 1px solid rgba(27, 117, 187, 0.35);
	color: var(--ffo-blue);
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-chevron {
	order: 3;
	margin-left: auto;
}
/* ÄNDRAD 2026-09-23: när passet har en lokal är det lokalen som trycker
   ut till höger och pilen ligger direkt efter den (14px gap). Pass i
   Spår A/B saknar numera egen lokal (den står i spårrubriken) - då är
   det pilen själv som trycks ut. */
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-room ~ .ff-fastighetsforum__schedule-chevron {
	margin-left: 0;
}
.ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-title {
	order: 4;
	flex-basis: 100%;
}
.ff-fastighetsforum__schedule-pass--solo > .ff-fastighetsforum__schedule-pass-summary {
	padding: 12px 20px;
}
.ff-fastighetsforum__schedule-pass--track > .ff-fastighetsforum__schedule-pass-summary {
	padding: 10px 0;
}
.ff-fastighetsforum__schedule-room {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ffo-blue);
}
.ff-fastighetsforum__schedule-chevron {
	margin-left: auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--ffo-blue);
	border-bottom: 2px solid var(--ffo-blue);
	transform: rotate(45deg);
	transition: transform 180ms ease;
	flex-shrink: 0;
}
details.ff-fastighetsforum__schedule-pass[open] > .ff-fastighetsforum__schedule-pass-summary .ff-fastighetsforum__schedule-chevron {
	transform: rotate(-135deg);
}
.ff-fastighetsforum__schedule-pass-body {
	font-size: 14px;
	color: #2A3A4C; /* ÄNDRAD 2026-09-29: var rgba(6, 27, 51, 0.85) - samma heltäckande färg som pausradernas notiser. */
}
.ff-fastighetsforum__schedule-pass-body p {
	margin: 0;
}
.ff-fastighetsforum__schedule-pass--solo > .ff-fastighetsforum__schedule-pass-body {
	padding: 0 20px 16px;
}
.ff-fastighetsforum__schedule-pass--track > .ff-fastighetsforum__schedule-pass-body {
	padding: 0 0 12px;
}

/* TILLAGD 2026-09-22 (tredje omgången samma dag): underprogrammet som
   visas när PASS 1 fälls ut (kundens instruktion "Lägg in 'Välkommen och
   presentation av dagen!' och de andra 2"). Klockslaget använder samma
   --ffo-blue som resten av körordningen, se rättningen ovanför
   .ff-fastighetsforum__schedule-time om att alla tider ska vara blå. */
.ff-fastighetsforum__schedule-subitems {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ff-fastighetsforum__schedule-subitems li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 10px;
	border-top: 1px solid var(--ffo-line);
}
.ff-fastighetsforum__schedule-subitems li:first-child {
	padding-top: 0;
	border-top: none;
}
.ff-fastighetsforum__schedule-subitem-time {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 12px;
	/* ÄNDRAD 2026-09-23 (punkt 3): samma mörka tider som .schedule-time. */
	font-weight: 600;
	color: var(--ffo-ink, #061B33);
}
.ff-fastighetsforum__schedule-subitem-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--ffo-ink);
}
.ff-fastighetsforum__schedule-subitem-speaker {
	font-size: 13px;
	color: rgba(6, 27, 51, 0.75);
}

.ff-fastighetsforum__price {
	/* ÄNDRAD 2026-09-21 (kundens instruktion: "UTSTÄLLARE: Blå ram
	   istället för gul på rutan till höger") - var var(--ffo-gold). */
	border: 3px solid var(--ffo-blue);
	padding: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 32px. */
}
.ff-fastighetsforum__price-amount {
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 800;
	/* ÄNDRAD 2026-09-18: allmän nedjustering (var 40px). */
	font-size: 32px;
	/* ÄNDRAD 2026-09-25: 8px -> 16px - .price-note under beloppet är
	   borttagen, knappen följer nu direkt och behöver lite luft. */
	margin: 0 0 16px;
}
.ff-fastighetsforum__price-note {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.75);
	margin: 0 0 16px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 0 0 24px. */
}

/* Utställarplanens golvplan (kundens bifogade bild 2026-09-04: "I blocket
   BLI UTSTÄLLARE kan vi använda denna på något sätt?") - numrerade
   montrar/ytor/barer, samma bild som (sannolikt) visas i den länkade
   utställarplaneraren. Hela bilden är en länk dit, med en overlay-badge i
   samma stil som .compare-label (se ovan) som CTA-hint. */
.ff-fastighetsforum__floorplan {
	margin-top: 28px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 48px. */
}
.ff-fastighetsforum__floorplan-link {
	position: relative;
	display: block;
	border: 2px solid var(--ffo-line);
	overflow: hidden;
	transition: transform 140ms ease, border-color 140ms ease;
}
.ff-fastighetsforum__floorplan-link:hover,
.ff-fastighetsforum__floorplan-link:focus-visible {
	transform: translateY(-2px);
	border-color: var(--ffo-gold);
}
.ff-fastighetsforum__floorplan-img {
	display: block;
	width: 100%;
	height: auto;
	/* RÄTTNING 2026-09-15: sidans egen botten är numera lika vit som
	   --ffo-paper (se filens docblock), så den gamla "ljus platta mot
	   mörkblå botten"-kontrasten (var --ffo-paper) skulle nu bara smälta
	   ihop med sidan - en lätt grå ton ger planritningen en egen, synlig
	   platta/ram istället (.floorplan-link:s --ffo-line-ram runt hela
	   ger också definition mot den vita sidan). */
	background: #EAF0F7;
}
.ff-fastighetsforum__floorplan-cta {
	position: absolute;
	right: 16px;
	bottom: 16px;
	padding: 8px 14px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ffo-paper);
	background: rgba(6, 27, 51, 0.82);
	pointer-events: none;
}
.ff-fastighetsforum__floorplan-caption {
	margin: 10px 0 0;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.55);
}

.ff-fastighetsforum__history {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2px;
	background: rgba(6, 27, 51, 0.14);
	border: 2px solid rgba(6, 27, 51, 0.14);
}
.ff-fastighetsforum__history a {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: baseline;
	padding: 22px 26px;
	background: var(--ffo-paper);
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
}
.ff-fastighetsforum__history a:hover { background: #E4EEF8; }
.ff-fastighetsforum__history time {
	font-family: 'IBM Plex Mono', monospace;
	font-weight: 400;
	font-size: 13px;
	color: var(--ffo-blue);
	white-space: nowrap;
}

.ff-fastighetsforum__more {
	margin-top: 16px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 28px. */
	display: inline-block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.ff-fastighetsforum__note {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	line-height: 1.6;
	/* RÄTTNING 2026-09-15: se filens docblock. */
	color: rgba(6, 27, 51, 0.55);
	max-width: 62ch;
	margin-top: 24px;
	/* ÄNDRAD 2026-09-25 (Johan: "mycket tom yta i höjdled ... minska drastiskt"): var 40px. */
}

/* TILLAGD 2026-09-17 (andra omgången): tre kantfasta ("edge to edge")
   fotorader utspridda på sidan i stället för den första versionens enda
   uppnålade-kollage-avdelare (kundens uppföljning: "kanske något mer likt
   detta och på olika ställen på sidan", med en skärmdump av en enkel rad
   fem bilder som går ut till skärmkanten, utan ram/rotation/skugga). Tre
   likadana rader lades in vid tre naturliga brytpunkter: mellan
   Mötesplatsen och Program, mellan Program och Utmärkelser, samt mellan
   "Tidigare år" och Deltagare (samma plats som förra kollaget hade). Ingen
   .ff-fastighetsforum__inner-wrapper runt raden - den ska medvetet gå ut
   till sidans hela bredd, till skillnad från alla andra sektioner. Bilderna
   är fortfarande hårt nedskalade (max 640-900px källbredd, komprimerade)
   av samma skäl som tidigare (kundens varning om låg upplösning i flera
   källbilder) - vid radens visningshöjd syns det inte. */
.ff-fastighetsforum__band--strip {
	padding: 0;
	background: none;
	border-bottom: none;
}
.ff-fastighetsforum__strip {
	display: flex;
	width: 100%;
}
.ff-fastighetsforum__strip-item {
	margin: 0;
	flex: 1 1 0;
	min-width: 0;
	height: 300px;
	overflow: hidden;
}
.ff-fastighetsforum__strip-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ff-fastighetsforum__strip-item img.ff-fastighetsforum__strip-item-img--top {
	object-position: 50% 12%;
}

@media (max-width: 900px) {
	.ff-fastighetsforum__band { padding: 32px 20px; /* 2026-09-25: var 56px 20px */ }
	.ff-fastighetsforum__band--hero { padding: 40px 20px 32px; /* 2026-09-25: var 88px 20px 64px */ }
	.ff-fastighetsforum__exhibit { grid-template-columns: 1fr; }
	.ff-fastighetsforum__history { grid-template-columns: 1fr; }
	.ff-fastighetsforum__program-rooms { grid-template-columns: 1fr; gap: 16px; }
	.ff-fastighetsforum__schedule-split { grid-template-columns: 1fr; gap: 16px; }
	/* RÄTTNING 2026-09-15 (fjärde omgången samma dag): Mötesplatsens nya
	   bild+puff-grid staplas under varandra på mobil, samma mönster som
	   .exhibit/.schedule-split ovan. */
	.ff-fastighetsforum__next { flex-direction: column; align-items: flex-start; }
	/* 56px -> 68px (kundens instruktion 2026-09-15, tredje omgången samma
	   dag: "Gör logotypen något större") - se .logo-kommentaren för
	   desktop-måttet. Ärvs inte in i .hero-top (som nollställer
	   marginalen), så margin-bottom här är oskadlig dubbeldeklaration. */
	.ff-fastighetsforum__logo { height: 68px; margin-bottom: 16px; /* 2026-09-25: var 24px */ }
	.ff-fastighetsforum__hero-top { gap: 16px 28px; margin-bottom: 16px; /* 2026-09-25: var 24px */ }
	.ff-fastighetsforum__cohosts-logos img { height: 32px; }
	.ff-fastighetsforum__overview { margin-top: 24px; /* 2026-09-25: var 44px */ padding-top: 20px; /* 2026-09-25: var 32px */ }
	/* RÄTTNING 2026-09-15 (tredje omgången samma dag): var 0.28 - sänkt i
	   samma test som .band--hero::after:s huvudregel (se den kommentaren) -
	   siluetten syns numera bakom alla sektioner, inte bara hero:n, så
	   mobilens redan lägre opacitet sänktes ytterligare i samma proportion. */
	.ff-fastighetsforum__band--hero::after { background-size: 560px auto; opacity: 0.28; }
	/* RÄTTNING 2026-09-15 (sjätte omgången samma dag): döljningsregeln för
	   .sticky-cta-label behövs inte längre - texten togs bort helt (se
	   .sticky-cta-buttons-kommentaren ovan) i stället för att bara döljas
	   på mobil. Knapparna får ändå hela bredden på smal skärm.
	   RÄTTNING 2026-09-15 (sjunde omgången samma dag): .sticky-cta-inner
	   är en rad på desktop nu (meny+knappar i höjd med varandra, se den
	   regeln) - för smalt för att rymmas på en rad på mobil, så här
	   staplas de tillbaka i en kolumn (menyn överst, knapparna i full
	   bredd därunder), samma layout som innan sjunde omgången. */
	.ff-fastighetsforum__sticky-cta-inner { flex-direction: column; align-items: stretch; }
	.ff-fastighetsforum__sticky-cta-row { flex: 1 1 auto; width: 100%; }
	.ff-fastighetsforum__sticky-cta-buttons { justify-content: stretch; width: 100%; }
	.ff-fastighetsforum__sticky-cta-buttons .ff-fastighetsforum__cta { flex: 1 1 0; justify-content: center; }
	/* Menyraden (2026-09-15) - lite tightare gap på smal skärm, den
	   vågräta skrollningen (se .sticky-nav ovan) tar hand om resten. */
	.ff-fastighetsforum__sticky-nav { gap: 4px 14px; }
	/* Fotoraderna (2026-09-17, andra omgången): fem bilder i en enda rad
	   blir för smala för att uppskattas på mobil - radbryts i stället till
	   tre + två (flex-wrap, sista raden sträcker ut de två återstående
	   till full bredd tack vare flex-grow) och lägre höjd. */
	.ff-fastighetsforum__strip { flex-wrap: wrap; }
	.ff-fastighetsforum__strip-item { flex-basis: 33.333%; height: 130px; }
	/* Herovideon (2026-09-17, tredje omgången): avstängd på mobil för
	   batteri/data - se den egna kommentaren vid .hero-video ovan.
	   prefers-reduced-motion har sin egen regel på samma plats i filen. */
	.ff-fastighetsforum__hero-video { display: none; }
	.ff-fastighetsforum__hero-video-fallback { display: block; }
}

/* TILLAGD 2026-09-25 (kunden: "Slå ihop mötesplatsen och utställare"):
   Utställare-delen ligger nu inuti Mötesplatsen-sektionen (se
   template-fastighetsforum.php). En tunn linje + luft skiljer delarna åt i
   stället för sektionsgränsen, och scroll-margin-top så länkar till
   #utstallare hamnar under den sticky menyn precis som sektionerna gör. */
.ff-fastighetsforum__subsection {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--ffo-line);
	scroll-margin-top: 140px;
}
/* TILLAGD 2026-09-25: "Klara utställare" ligger nu under kartan (var
   under prisrutan, se .exhibit + .panel). */
.ff-utst + .ff-fastighetsforum__panel {
	margin-top: 24px;
}

/* TILLAGD 2026-09-25: högerkolumnen i utställardelen - "Varför bli
   utställare?" + lista, sedan prisrutan under. */
.ff-fastighetsforum__exhibit-side .ff-fastighetsforum__list + .ff-fastighetsforum__price {
	margin-top: 24px;
}

/* TILLAGD 2026-09-25 (kunden: "Kan de 3 olika spåren ha olika färger/
   nyanser av blåa färgen?"): varje spår får en egen blå nyans via
   --ff-track-color (text/kant) och --ff-track-bg (bakgrund):
   Spår A = mörkblå (--ffo-navy), Spår B = sidans blå (--ffo-blue),
   Övrigt = ljusare himmelsblå. Färgen syns som en tjock kant överst,
   en svag bakgrundston och i spårets lokal, pillar och pilar. */
/* ÄNDRAD 2026-09-25 (andra omgången, kunden: "Gör streket tjockare. Kanske
   mer spridning mellan färgerna också"): kanten 4px -> 8px och större
   avstånd mellan nyanserna - A mycket mörk marinblå, B sidans blå, C ljus
   himmelsblå. --ff-track-line är kant/bakgrundsfärgen, --ff-track-color
   texten (pillar/lokal/pil); för C är texten mörkare än den ljusa kanten
   så den fortfarande går att läsa. (Var: A #114874, B #1B75BB, C #3D8FCC,
   kant 4px.) */
.ff-fastighetsforum__schedule-track--a {
	--ff-track-line: #0B2F4F;
	--ff-track-color: #0B2F4F;
	--ff-track-bg: rgba(11, 47, 79, 0.11);
}
.ff-fastighetsforum__schedule-track--b {
	--ff-track-line: #1B75BB;
	--ff-track-color: #1B75BB;
	--ff-track-bg: rgba(27, 117, 187, 0.09);
}
.ff-fastighetsforum__schedule-track--c {
	--ff-track-line: #7EC3F2;
	--ff-track-color: #2F86C6;
	--ff-track-bg: rgba(126, 195, 242, 0.20);
}
.ff-fastighetsforum__schedule-track--a,
.ff-fastighetsforum__schedule-track--b,
.ff-fastighetsforum__schedule-track--c {
	background: var(--ff-track-bg);
	border-top: 8px solid var(--ff-track-line);
}
[class*="schedule-track--"] .ff-fastighetsforum__schedule-room,
[class*="schedule-track--"] .ff-fastighetsforum__schedule-pass-pill {
	color: var(--ff-track-color);
}
[class*="schedule-track--"] .ff-fastighetsforum__schedule-pass-pill {
	border-color: var(--ff-track-color);
}
[class*="schedule-track--"] .ff-fastighetsforum__schedule-chevron {
	border-color: var(--ff-track-color);
}

/* TILLAGD 2026-09-25: Partners-rubriken är FörvaltarForum-logotypen med
   "Partners" radbrutet under (se template-fastighetsforum.php). Loggan
   och ordet centreras var för sig på egna rader. */
.ff-fastighetsforum__partners-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px; /* ÄNDRAD 2026-09-29 (kunden: "Lite mer avstånd mellan loggan och Våra partners"): var 6px. */
}
.ff-fastighetsforum__partners-logo {
	display: block;
	width: 170px;
	height: auto;
}
/* ÄNDRAD 2026-09-25 (kunden: "Partners i svart text"): samma svarta ton
   som "Förvaltar" i logotypen, i stället för rubrikblått. */
.ff-fastighetsforum__partners-title span {
	/* ÄNDRAD 2026-09-29 (kunden: "Våra partners <- Använd samma stil som
	   MEDARRANGÖRER"): samma som .cohosts-label - IBM Plex Mono 12px, fet,
	   versaler, spärrad, svart (var Source Serif 4 18px/600). */
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #000;
}

/* TILLAGD 2026-09-25 (lägre menyrad): knapparna i sektionsmenyn ("Bli
   utställare"/"Anmäl dig") var det som styrde radens höjd - lägre
   padding här (var 10px 20px via .cta--sm). */
.ff-fastighetsforum__sticky-cta .ff-fastighetsforum__cta--sm {
	padding: 6px 16px;
	font-size: 13px;
}
/* Menylänken "Utställare" pekar på kartan (#ff-utst-boka) - samma
   luft ovanför som sektionerna, så den inte hamnar under sticky-menyn. */
#ff-utst-boka {
	scroll-margin-top: 140px;
}

/* TILLAGD 2026-09-29 (kunden: "Sal 1 bör ha samma färg igenom hela
   programmet (#0B2F4F)"): Pass 1 och Pass 6 går i Sal 1 - lokal, pill och
   pil i samma mörkblå som Sal 1-spåret (.schedule-track--a). */
.ff-fastighetsforum__schedule-pass--sal1 .ff-fastighetsforum__schedule-room,
.ff-fastighetsforum__schedule-pass--sal1 .ff-fastighetsforum__schedule-pass-pill {
	color: #0B2F4F;
}
.ff-fastighetsforum__schedule-pass--sal1 .ff-fastighetsforum__schedule-pass-pill {
	border-color: #0B2F4F;
}
.ff-fastighetsforum__schedule-pass--sal1 .ff-fastighetsforum__schedule-chevron {
	border-color: #0B2F4F;
}

/* TILLAGD 2026-09-29 (kunden: "Kanske bör 'Nätverkande & mingel' ha samma
   stil/grad som 'Strategier & framtida fokus'", och sedan "De borde få
   samma upplägg" om ALLA pausrader): samma upplägg som passen - tid (och
   lokal, högerställd) på första raden, rubriken på egen rad under i
   passrubrikernas grad (16px, Source Serif 4 400), notiserna därunder.
   Lokalen och den osynliga pil-platshållaren (::after) flyttas upp på
   tidens rad (order 0) - rubriken (order 1, 100 % bredd) bryter raden. */
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-title {
	order: 1;
	flex-basis: 100%;
	font-size: 16px;
}
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-room,
.ff-fastighetsforum__schedule-shared::after {
	order: 0;
}
.ff-fastighetsforum__schedule-shared {
	padding-top: 12px;
	padding-bottom: 12px;
	row-gap: 6px;
	align-items: center;
}

/* TILLAGD 2026-09-29 (kunden, om sektionsmenyn "Start, Mötesplatsen,
   Utställare, Program ..."): "Ej versaler" och "Prova med blå text eller
   annat". Var IBM Plex Mono 12px fet VERSALER med spärrning, grå text
   (0.65) och mörk text + blå understrykning för aktiv länk. Nu sidans
   sans (Archivo) 15px i vanlig skrift, blå länkar; aktiv länk mörkblå
   (#0B2F4F) med blå understrykning. */
.ff-fastighetsforum__sticky-nav a {
	font-family: Archivo, system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ffo-blue);
}
.ff-fastighetsforum__sticky-nav a:hover {
	color: #0B2F4F;
}
.ff-fastighetsforum__sticky-nav a.is-active {
	color: #0B2F4F;
	/* Samma vikt som övriga länkar - fetare text för den aktiva skulle
	   få menyn att "hoppa" i sidled när aktiv sektion byts vid skrollning. */
	border-bottom-color: var(--ffo-blue);
}
/* ÄNDRAD 2026-09-29 (kunden: sektionsmenyns "Start" linjerar inte med
   huvudmenyns "Nyheter" ovanför - "svårt att aligna dem, enklare att få
   dem att kännas separata. Kanske ha vänsterställt men blå bakgrund + vit
   text?"). Menyn blir en egen blå list (sajtens blå, --ffo-blue) med vit
   text, så den läses som en separat undermeny för eventet i stället för en
   fortsättning på huvudmenyn. (Samma dag först vit bakgrund, innan dess
   --ffo-paper.) Den grå linjen under tas bort - den blå listen avgränsar
   sig själv. */
.ff-fastighetsforum__sticky-cta {
	background: var(--ffo-blue);
	border-bottom: 0;
}
.ff-fastighetsforum__sticky-nav a {
	color: rgba(255, 255, 255, 0.82);
}
.ff-fastighetsforum__sticky-nav a:hover {
	color: #fff;
}
.ff-fastighetsforum__sticky-nav a.is-active {
	color: #fff;
	border-bottom-color: #fff;
}
/* Knapparna i listen, inverterade för blå botten: "Anmäl dig" vit med blå
   text, "Bli utställare" vit kontur och vit text. */
.ff-fastighetsforum__sticky-cta .ff-fastighetsforum__cta.ff-fastighetsforum__cta--solid {
	background: #fff;
	border-color: #fff;
	color: var(--ffo-blue);
}
.ff-fastighetsforum__sticky-cta .ff-fastighetsforum__cta.ff-fastighetsforum__cta--solid:hover {
	background: rgba(255, 255, 255, 0.9);
}
.ff-fastighetsforum__sticky-cta .ff-fastighetsforum__cta.ff-fastighetsforum__cta--outline {
	border-color: #fff;
	color: #fff;
}
.ff-fastighetsforum__sticky-cta .ff-fastighetsforum__cta.ff-fastighetsforum__cta--outline:hover {
	background: rgba(255, 255, 255, 0.14);
}

/* TILLAGD 2026-10-07 (kunden: "Göm övrigt-rutorna"): när Övrigt-spalten är
   dold ($ff_forum_show_ovrigt = false i template-fastighetsforum.php) får
   Sal 1/Sal 2 dela på hela bredden i stället för två av tre spalter. */
.ff-fastighetsforum__schedule-split.ff-fastighetsforum__schedule-split--two {
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
	.ff-fastighetsforum__schedule-split.ff-fastighetsforum__schedule-split--two {
		grid-template-columns: 1fr;
	}
}
/* TILLAGD 2026-10-07 (kunden: "Flytta Sal 1 så det ligger till vänster.
   Även i tex Pass 1 och Pass 6" + "Låt alla block med Sal 1 ha samma
   färg"): Pass 1/Pass 6 ligger i en egen Sal 1-ruta (.schedule-track--a
   --solo) - samma mörkblå kant, bakgrund och "SAL 1" överst till vänster
   som Sal 1-spalten i passen med två salar. (.schedule-pass--solo/--sal1
   används inte längre men reglerna ligger kvar.) */
.ff-fastighetsforum__schedule-track--solo {
	padding-top: 16px;
	padding-bottom: 16px;
}

/* ÄNDRAD 2026-10-07 (kunden: "MÖTESPLATSEN är också en sal. Den bör också
   stå till vänster"): lokalen på pausraderna (Samling/Fika/Lunch) ligger nu
   överst till vänster på egen rad, samma placering som "SAL 1"/"SAL 2" i
   passrutorna - i stället för högerställd på tidens rad (2026-09-23).
   Den osynliga pil-platshållaren (::after) behövs inte längre. */
.ff-fastighetsforum__schedule-shared .ff-fastighetsforum__schedule-room {
	order: -1;
	flex-basis: 100%;
	margin-left: 0;
	margin-bottom: 4px;
}
.ff-fastighetsforum__schedule-shared::after {
	content: none;
}