/* GLF Event Guides — Lovable redesign adapted for the live Enfold site.
 * Event-specific styling only. Existing WordPress header/footer are retained.
 * Lucide SVG geometry is embedded in the guide markup; no icon webfont needed.
 */
#top #wrap_all .glfe-guide,
#top #wrap_all .glfe-crosslinks {
  --glfe-green:#004925; --glfe-ink:#171719; --glfe-muted:#515b54;
  --glfe-paper:#f6f4ee; --glfe-line:#dcdacf; --glfe-red:#bd2833;
  font-family:Barlow,Arial,sans-serif; font-size:18px; line-height:1.65;
  color:var(--glfe-ink); background:#fff; width:100%; margin:0;
  -webkit-font-smoothing:antialiased;
}
#top #wrap_all .glfe-guide *,
#top #wrap_all .glfe-crosslinks * {box-sizing:border-box;min-width:0}
#top #wrap_all .glfe-guide h1,
#top #wrap_all .glfe-guide h2,
#top #wrap_all .glfe-guide h3,
#top #wrap_all .glfe-crosslinks h2 {
  font-family:inherit;font-style:normal;letter-spacing:0;text-transform:none;
  line-height:1.15;color:var(--glfe-green);font-weight:700;overflow-wrap:break-word;
  hyphens:manual;text-wrap:balance;
}
#top #wrap_all .glfe-guide p,
#top #wrap_all .glfe-guide li {hyphens:manual;text-wrap:pretty}
#top #wrap_all .glfe-guide a {overflow-wrap:break-word}
#top #wrap_all .glfe-guide svg.lucide {
  flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;overflow:visible;
}
#top #wrap_all .glfe-guide svg[hidden] {display:none!important}
#top #wrap_all .glfe-article p a[href^="https://glf.se/"]:not(.glf-primary-cta):not(.glfe-secondary-cta)::after {content:" \2192";text-decoration:none;font-weight:600}
/* Lovable event layout, with a 70% minimum forest shade for white text. */
#top #wrap_all .glfe-guide {
  --glfe-green: #004925;
  --glfe-ink: #171719;
  --glfe-muted: #515b54;
  --glfe-paper: #f6f4ee;
  --glfe-line: #dcdacf;
  --glfe-red: #bd2833;
  font-size: 18px;
  line-height: 1.65;
  color: var(--glfe-ink);
  background: #fff;
  width: 100%;
}
#top #wrap_all .glfe-guide * { box-sizing: border-box; min-width: 0; }
#top #wrap_all .glfe-wrap { width: min(1200px, 100%); margin: 0 auto; padding: 0 40px; }
#top #wrap_all .glfe-guide h1, #top #wrap_all .glfe-guide h2, #top #wrap_all .glfe-guide h3 {
  line-height: 1.15; color: var(--glfe-green); font-weight: 700; overflow-wrap: break-word;
}
#top #wrap_all .glfe-guide h1 { font-size: clamp(38px, 5.4vw, 72px)!important; line-height: 1.02; letter-spacing: -0.025em; margin: 20px 0 24px; color: #fff; }
#top #wrap_all .glfe-guide h2 { font-size: clamp(27px, 3vw, 38px)!important; margin: 0 0 24px; }
#top #wrap_all .glfe-guide h3 { font-size: 23px!important; margin: 30px 0 12px; }
#top #wrap_all .glfe-guide p { margin: 0 0 20px; }
#top #wrap_all .glfe-guide a { color: var(--glfe-green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
#top #wrap_all .glfe-guide a:hover { color: var(--glfe-red); }
#top #wrap_all .glfe-guide a:focus-visible { outline: 3px solid var(--glfe-red); outline-offset: 5px; }

#top #wrap_all .glfe-hero { background: linear-gradient(90deg, rgba(0, 73, 37, 0.92) 0%, rgba(0, 73, 37, 0.72) 55%, rgba(0, 73, 37, 0.70) 100%), url("https://glf.se/wp-content/uploads/2026/09/forest-glf.webp") center / cover no-repeat; color: #fff; padding: 48px 0 60px; }
#top #wrap_all .glfe-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 70px; align-items: end; }
#top #wrap_all .glfe-breadcrumb { font-size: 15px; margin-bottom: 32px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#top #wrap_all .glfe-breadcrumb a { color: #fff; }
#top #wrap_all .glfe-eyebrow { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: #d0e1d2; }
#top #wrap_all .glfe-hero p { font-size: var(--glf-component-reading-size, 21px); max-width: 650px; margin: 0; color: #f3f6f0; }
#top #wrap_all .glfe-date-card { border-top: 3px solid #d4c497; padding-top: 24px; align-self: stretch; display: flex; flex-direction: column; justify-content: end; gap: 10px; }
#top #wrap_all .glfe-date-number { font-size: 60px; font-weight: 700; line-height: 1.05; letter-spacing: -0.025em; }
#top #wrap_all .glfe-date-month { font-size: 24px; font-weight: 600; line-height: 1.3; }
#top #wrap_all .glfe-date-place { padding-top: 15px; font-size: 17px; border-top: 1px solid #ffffff50; line-height: 1.5; }
#top #wrap_all .glfe-date-card a { color: #fff; font-size: 15px; line-height: 1.5; margin-top: 8px; }

#top #wrap_all .glfe-status { background: var(--glfe-paper); border-bottom: 1px solid var(--glfe-line); padding: 24px 0; }
#top #wrap_all .glfe-status .glfe-wrap { display: grid; grid-template-columns: 190px 1fr; gap: 25px; font-size: 16px; line-height: 1.55; }
#top #wrap_all .glfe-status p { margin: 0; }
#top #wrap_all .glfe-status strong { display: block; color: var(--glfe-green); }
#top #wrap_all .glfe-status time { font-size: 14px; color: var(--glfe-muted); }

#top #wrap_all .glfe-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 76px; padding-top: 55px; padding-bottom: 60px; align-items: start; }
#top #wrap_all .glfe-toc { position: sticky; top: 101px; border-top: 3px solid var(--glfe-green); padding-top: 18px; font-size: 16px; }
#top #wrap_all .glfe-toc-title { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; color: var(--glfe-muted); margin: 0 0 12px; }
#top #wrap_all .glfe-toc ol { list-style: none; margin: 0; padding: 0; }
#top #wrap_all .glfe-toc li { margin: 0; padding: 0; border-bottom: 1px solid var(--glfe-line); }
#top #wrap_all .glfe-toc a { display: flex; align-items: center; gap: 14px; padding: 13px 0; text-decoration: none; line-height: 1.4; min-height: 48px; border-left: 3px solid transparent; padding-left: 0; transition: color 0.15s ease, border-color 0.15s ease, padding-left 0.15s ease; }
#top #wrap_all .glfe-toc a[aria-current="true"] { color: var(--glfe-red); font-weight: 600; border-left-color: var(--glfe-red); padding-left: 12px; }
#top #wrap_all .glfe-toc a[aria-current="true"] span { color: var(--glfe-red); }
#top #wrap_all .glfe-toc a span { color: var(--glfe-muted); font-size: 12px; font-weight: 600; flex: none; white-space: nowrap; }

#top #wrap_all .glfe-article { max-width: 780px; }
#top #wrap_all .glfe-article .glf-editorial-note { font-size: var(--glf-component-reading-size, 20px); line-height: var(--glf-component-reading-line, 1.6); border-left: 3px solid var(--glfe-line); padding: 0 0 0 22px; margin-bottom: 38px; color: var(--glf-component-reading-ink, var(--glfe-muted)); }
#top #wrap_all .glfe-article section { scroll-margin-top: 118px; border-top: 1px solid var(--glfe-line); padding: 38px 0 20px; }
#top #wrap_all .glfe-article ol, #top #wrap_all .glfe-article ul { margin: 22px 0 28px; padding-left: 25px; list-style: decimal; }
#top #wrap_all .glfe-article ul { list-style: disc; }
#top #wrap_all .glfe-article li { margin: 0 0 14px; padding-left: 6px; line-height: var(--glf-component-reading-line, 1.6); }
#top #wrap_all .glfe-article li::marker { color: var(--glfe-green); font-weight: 700; }
#top #wrap_all .glfe-article #planera-besoket ol { background: var(--glfe-paper); border: 1px solid var(--glfe-line); padding: 26px 28px 14px 52px; }
#top #wrap_all .glfe-article #prata-med-glf { background: var(--glfe-paper); border: 0; padding: 32px; margin-top: 20px; }
#top #wrap_all .glfe-guide .glf-primary-cta { display: inline-flex; align-items: center; justify-content: center; background: var(--glfe-green); color: #fff; border: 2px solid var(--glfe-green); padding: 14px 22px; text-decoration: none; font-size: 17px; font-weight: 600; min-height: 48px; line-height: 1.4; }
#top #wrap_all .glfe-guide .glf-primary-cta:hover { background: #00371c; color: #fff; }
#top #wrap_all .glfe-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 4px 0 18px; }
#top #wrap_all .glfe-guide .glfe-secondary-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #fff; color: var(--glfe-green); border: 2px solid var(--glfe-green); padding: 14px 20px; text-decoration: none; font-size: 17px; font-weight: 600; min-height: 48px; line-height: 1.4; }
#top #wrap_all .glfe-guide .glfe-secondary-cta:hover { background: var(--glfe-green); color: #fff; }
#top #wrap_all .glfe-action-note { font-size: var(--glf-component-reading-size, 16px); color: var(--glf-component-reading-ink, var(--glfe-muted)); margin: 0 0 4px; }
#top #wrap_all .glfe-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
#top #wrap_all .glfe-guide .glfe-hero-cta { display: inline-flex; align-items: center; justify-content: center; background: var(--glfe-red); color: #fff; border: 2px solid var(--glfe-red); padding: 13px 22px; text-decoration: none; font-size: 17px; font-weight: 600; min-height: 48px; line-height: 1.4; }
#top #wrap_all .glfe-guide .glfe-hero-cta:hover { background: #a51f28; border-color: #a51f28; color: #fff; }
#top #wrap_all .glfe-guide .glfe-hero-ghost { display: inline-flex; align-items: center; justify-content: center; background: transparent; color: #fff; border: 2px solid #ffffff80; padding: 13px 22px; text-decoration: none; font-size: 17px; font-weight: 600; min-height: 48px; line-height: 1.4; }
#top #wrap_all .glfe-guide .glfe-hero-ghost:hover { background: #ffffff1f; border-color: #fff; color: #fff; }
#top #wrap_all .glfe-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#top #wrap_all .glfe-guide .glfe-icon { width: 18px; height: 18px; flex: none; }
#top #wrap_all .glfe-guide .glf-primary-cta, #top #wrap_all .glfe-guide .glfe-hero-cta { gap: 10px; }
#top #wrap_all .glfe-guide .glfe-hero-cta .glfe-icon { transition: transform 0.15s ease; }
#top #wrap_all .glfe-guide .glfe-hero-cta:hover .glfe-icon, #top #wrap_all .glfe-guide .glf-primary-cta:hover .glfe-icon { transform: translateX(3px); }
#top #wrap_all .glfe-date-place { display: flex; align-items: center; gap: 9px; }
#top #wrap_all .glfe-status strong { display: flex; align-items: center; gap: 8px; }
#top #wrap_all .glfe-guide .glfe-ext-icon { width: 14px; height: 14px; display: inline-block; vertical-align: -1px; margin-left: 3px; }
#top #wrap_all .glfe-pagenav { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; border-top: 1px solid var(--glfe-line); margin-top: 42px; padding: 22px 0 4px; font-size: 17px; }
#top #wrap_all .glfe-guide .glfe-pagenav a { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; font-weight: 600; }
#top #wrap_all .glfe-guide .glfe-pagenav a:hover { text-decoration: underline; text-underline-offset: 4px; }
#top #wrap_all .glfe-guide .glfe-pagenav-top { margin-left: auto; color: var(--glfe-muted); font-weight: 500; }
@media (max-width: 640px) {
  #top #wrap_all .glfe-pagenav { flex-direction: column; align-items: flex-start; gap: 14px; }
  #top #wrap_all .glfe-guide .glfe-pagenav-top { margin-left: 0; }
}

#top #wrap_all .glfe-planner { margin: 32px 0 20px; padding: 28px; border: 1px solid var(--glfe-line); background: #fff; }
#top #wrap_all .glfe-chart-label { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; color: var(--glf-component-reading-ink, var(--glfe-muted)); }
#top #wrap_all .glfe-planner h3 { margin: 10px 0 16px; font-size: 28px!important; }
#top #wrap_all .glfe-planner p { font-size: 16px; line-height: 1.6; }
#top #wrap_all .glfe-allocation, #top #wrap_all .glfe-budget { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
#top #wrap_all .glfe-budget { padding: 16px 0; border-top: 1px solid var(--glfe-line); border-bottom: 1px solid var(--glfe-line); margin: 24px 0; }
#top #wrap_all .glfe-planner label { font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--glfe-ink); margin: 0; display: flex; align-items: center; gap: 10px; }
#top #wrap_all .glfe-allocation > div, #top #wrap_all .glfe-budget > div { display: flex; align-items: center; gap: 7px; flex-shrink: 0; font-size: 14px; }
#top #wrap_all .glfe-planner input[type="number"] { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--glfe-green); width: 86px; height: 46px; padding: 8px 9px; margin: 0; background: #fff; border: 1px solid #7c877f; border-radius: 0; }
#top #wrap_all .glfe-planner input:focus-visible, #top #wrap_all .glfe-reset:focus-visible, #top #wrap_all .glfe-table-wrap:focus-visible { outline: 3px solid var(--glfe-red); outline-offset: 3px; }
#top #wrap_all .glfe-guide .glfe-planned { font-size: 17px; margin: 0 0 12px; }
#top #wrap_all .glfe-planned strong { font-size: 34px; line-height: 1.2; color: var(--glfe-green); margin-right: 6px; }
#top #wrap_all .glfe-stacked-bar { display: flex; height: 42px; gap: 3px; overflow: hidden; background: var(--glfe-paper); margin-bottom: 10px; }
#top #wrap_all .glfe-segment { display: block; flex-shrink: 1; }
#top #wrap_all .glfe-color-0 { background: #004925; }
#top #wrap_all .glfe-color-1 { background: #55886c; }
#top #wrap_all .glfe-color-2 { background: #b29a5d; }
#top #wrap_all .glfe-color-3 { background: #c8cfb9; }
#top #wrap_all .glfe-dot { width: 12px; height: 12px; display: inline-block; flex-shrink: 0; }
#top #wrap_all .glfe-guide .glfe-unit-hint { font-size: 13px; color: var(--glfe-muted); margin: 0 0 10px; }
#top #wrap_all .glfe-allocation { padding: 10px 0; border-bottom: 1px solid var(--glfe-line); }
#top #wrap_all .glfe-guide .glfe-budget-status { background: var(--glfe-paper); color: var(--glfe-green); padding: 16px; margin: 20px 0 14px; font-weight: 600; }
#top #wrap_all .glfe-planner[data-budget-state="over"] .glfe-budget-status { background: #f9eeee; color: #8b1723; }
#top #wrap_all .glfe-reset { font-size: 15px; font-weight: 600; line-height: 1.4; padding: 11px 17px; min-height: 44px; border: 1px solid var(--glfe-green); background: #fff; color: var(--glfe-green); cursor: pointer; border-radius: 0; }
#top #wrap_all .glfe-reset:hover { background: var(--glfe-paper); }
#top #wrap_all .glfe-guide .glfe-chart-note { margin: 18px 0 0; font-size: var(--glf-component-reading-size, 13px); color: var(--glf-component-reading-ink, var(--glfe-muted)); }

#top #wrap_all .glfe-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; margin: 26px 0; border: 1px solid var(--glfe-line); }
#top #wrap_all .glfe-table-wrap table { width: 100%; min-width: 520px; margin: 0; border: 0; border-collapse: collapse; font-size: 16px; line-height: 1.5; color: var(--glfe-ink); text-align: left; background: #fff; }
#top #wrap_all .glfe-table-wrap caption { text-align: left; font-weight: 600; padding: 18px; color: var(--glfe-green); background: var(--glfe-paper); font-size: 17px; }
#top #wrap_all .glfe-table-wrap td, #top #wrap_all .glfe-table-wrap th { padding: 15px 16px; border: 0; border-bottom: 1px solid var(--glfe-line); vertical-align: top; line-height: 1.5; background: #fff; color: var(--glfe-ink); }
#top #wrap_all .glfe-table-wrap thead th { background: var(--glfe-green); color: #fff; font-size: 14px; font-weight: 600; }
#top #wrap_all .glfe-table-wrap tbody th { font-weight: 600; color: var(--glfe-green); width: 25%; }
#top #wrap_all .glfe-table-wrap tbody tr:nth-child(2n) td, #top #wrap_all .glfe-table-wrap tbody tr:nth-child(2n) th { background: #faf9f5; }
#top #wrap_all .glfe-table-wrap tr:last-child td, #top #wrap_all .glfe-table-wrap tr:last-child th { border-bottom: 0; }

@media (max-width: 1100px) {
  #top #wrap_all .glfe-hero-grid { grid-template-columns: minmax(0, 1fr) 210px; gap: 35px; }
  #top #wrap_all .glfe-layout { grid-template-columns: 1fr; gap: 32px; }
  #top #wrap_all .glfe-toc { position: static; max-width: none; }
  #top #wrap_all .glfe-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  #top #wrap_all .glfe-article { max-width: none; }
}

@media (max-width: 767px) {
  #top #wrap_all .glfe-wrap { padding-left: 22px; padding-right: 22px; }
  #top #wrap_all .glfe-hero { padding: 28px 0 36px; }
  #top #wrap_all .glfe-hero-grid { grid-template-columns: 1fr; gap: 30px; }
  #top #wrap_all .glfe-guide h1 { font-size: 40px!important; overflow-wrap: anywhere; }
  #top #wrap_all .glfe-hero p { font-size: var(--glf-component-reading-size, 19px); }
  #top #wrap_all .glfe-breadcrumb { margin-bottom: 24px; font-size: 14px; }
  #top #wrap_all .glfe-date-card { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; padding-top: 18px; }
  #top #wrap_all .glfe-date-number { font-size: 45px; grid-row: span 2; white-space: nowrap; }
  #top #wrap_all .glfe-date-month { font-size: 21px; }
  #top #wrap_all .glfe-date-place { border: 0; padding-top: 0; font-size: 16px; }
  #top #wrap_all .glfe-date-card a { grid-column: 1 / -1; margin-top: 6px; }
  #top #wrap_all .glfe-status .glfe-wrap { grid-template-columns: 1fr; gap: 10px; }
  #top #wrap_all .glfe-status strong { display: inline-flex; margin-right: 8px; }
  #top #wrap_all .glfe-layout { padding-top: 32px; padding-bottom: 32px; }
  #top #wrap_all .glfe-guide h2 { font-size: 29px!important; }
  #top #wrap_all .glfe-guide h3 { font-size: 22px!important; }
  #top #wrap_all .glfe-article section { padding: 28px 0 16px; scroll-margin-top: 112px; }
  #top #wrap_all .glfe-toc { font-size: 15px; }
  #top #wrap_all .glfe-toc a { gap: 7px; }
  #top #wrap_all .glfe-article #prata-med-glf { padding: 24px 20px; }
  #top #wrap_all .glfe-guide .glf-primary-cta { width: 100%; font-size: 16px; padding: 13px 14px; }
  #top #wrap_all .glfe-actions { flex-direction: column; gap: 10px; }
  #top #wrap_all .glfe-guide .glfe-secondary-cta { width: 100%; font-size: 16px; padding: 13px 14px; }
  #top #wrap_all .glfe-hero-actions { flex-direction: column; gap: 10px; }
  #top #wrap_all .glfe-guide .glfe-hero-cta, #top #wrap_all .glfe-guide .glfe-hero-ghost { width: 100%; font-size: 16px; padding: 13px 14px; }
  #top #wrap_all .glfe-planner { padding: 20px 16px; }
  #top #wrap_all .glfe-planner label { font-size: 15px; }
  #top #wrap_all .glfe-planner input[type="number"] { width: 74px; font-size: 17px; }
  #top #wrap_all .glfe-allocation { gap: 10px; }
  #top #wrap_all .glfe-planner h3 { font-size: 25px!important; }
  #top #wrap_all .glfe-article ol, #top #wrap_all .glfe-article ul { padding-left: 20px; }
  #top #wrap_all .glfe-article #planera-besoket ol { padding: 20px 16px 8px 34px; }
}

/* Elmia guide — stacked tables on small screens */
@media (max-width: 640px) {
  #top #wrap_all .glfe-table-wrap { overflow-x: visible; }
  #top #wrap_all .glfe-table-wrap table { min-width: 0; }
  #top #wrap_all .glfe-table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  #top #wrap_all .glfe-table-wrap tbody tr { display: block; border-bottom: 1px solid var(--glfe-line); }
  #top #wrap_all .glfe-table-wrap tbody tr:last-child { border-bottom: 0; }
  #top #wrap_all .glfe-table-wrap tbody th, #top #wrap_all .glfe-table-wrap tbody td { display: block; width: auto; border: 0; }
  #top #wrap_all .glfe-table-wrap tbody th { padding: 16px 16px 6px; font-size: 18px; }
  #top #wrap_all .glfe-table-wrap tbody td { padding: 0 16px 14px; }
  #top #wrap_all .glfe-table-wrap tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--glfe-muted);
    margin-bottom: 3px;
  }
}

/* Elmia/Scanpack guide — icon system */
#top #wrap_all .glfe-guide .glfe-toc-icon { width: 17px; height: 17px; flex: none; color: var(--glfe-green); }
#top #wrap_all .glfe-toc a[aria-current="true"] .glfe-toc-icon { color: var(--glfe-red); }
#top #wrap_all .glfe-toc a { gap: 10px; }
#top #wrap_all .glfe-guide .glfe-h2-icon { width: 26px; height: 26px; flex: none; color: var(--glfe-red); vertical-align: -4px; margin-right: 12px; display: inline-block; }
#top #wrap_all .glfe-guide .glfe-h3-icon { width: 20px; height: 20px; flex: none; color: var(--glfe-green); vertical-align: -3px; margin-right: 9px; display: inline-block; }
#top #wrap_all .glfe-article ol.glfe-checklist { list-style: none; padding-left: 0; }
#top #wrap_all .glfe-article #planera-besoket ol.glfe-checklist { padding: 26px 28px 16px; }
#top #wrap_all .glfe-article ol.glfe-checklist li { display: flex; align-items: flex-start; gap: 14px; padding-left: 0; margin-bottom: 18px; }
#top #wrap_all .glfe-step-icon { width: 34px; height: 34px; flex: none; border-radius: 50%; background: var(--glfe-red); color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
#top #wrap_all .glfe-step-icon svg { width: 18px; height: 18px; }
#top #wrap_all .glfe-cell-icon { color: var(--glfe-green); display: inline-flex; margin-right: 9px; vertical-align: -3px; }
#top #wrap_all .glfe-cell-icon svg { width: 17px; height: 17px; }
#top #wrap_all .glfe-guide th[scope="row"] { vertical-align: top; }
#top #wrap_all .glfe-guide .glfe-plan-icon { width: 17px; height: 17px; color: var(--glfe-green); }
#top #wrap_all .glfe-guide .glfe-budget-status { display: flex; align-items: center; gap: 10px; }
#top #wrap_all .glfe-planner[data-budget-state="over"] .glfe-budget-status { color: var(--glfe-red); }
#top #wrap_all .glfe-article p a[href^="/"]:not(.glf-primary-cta):not(.glfe-secondary-cta)::after { content: " \2192"; text-decoration: none; font-weight: 600; }
@media (max-width: 640px) {
  #top #wrap_all .glfe-guide .glfe-h2-icon { width: 22px; height: 22px; margin-right: 9px; vertical-align: -3px; }
  #top #wrap_all .glfe-article #planera-besoket ol.glfe-checklist { padding: 20px 16px 8px; }
  #top #wrap_all .glfe-step-icon { width: 30px; height: 30px; }
  #top #wrap_all .glfe-step-icon svg { width: 16px; height: 16px; }
}

/* Elmia/Scanpack guide — reading rhythm, sidebar card and photography */
#top #wrap_all .glfe-article > section > p, #top #wrap_all .glfe-article > section > h3, #top #wrap_all .glfe-article .glf-editorial-note, #top #wrap_all .glfe-article > section > ol.glfe-checklist, #top #wrap_all .glfe-article .glfe-action-note { max-width: 66ch; }
#top #wrap_all .glfe-article section { padding-top: 54px; }
#top #wrap_all .glfe-section-eyebrow {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--glf-component-reading-ink, var(--glfe-red)); margin: 0 0 12px;
}
#top #wrap_all .glfe-section-eyebrow::after { content: ""; height: 1px; flex: 1; background: var(--glfe-line); }

#top #wrap_all .glfe-side { position: sticky; top: 101px; align-self: start; }
#top #wrap_all .glfe-side-card {
  margin-top: 28px; border: 1px solid var(--glfe-line); background: var(--glfe-paper);
  padding: 18px; font-size: 15px; line-height: 1.5; color: var(--glfe-muted);
}
#top #wrap_all .glfe-side-card dl { margin: 0; }
#top #wrap_all .glfe-side-card dt {
  font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--glf-component-reading-ink, var(--glfe-green)); margin: 0 0 2px;
}
#top #wrap_all .glfe-side-card dd { margin: 0 0 14px; color: var(--glf-component-reading-ink, var(--glfe-ink)); }
#top #wrap_all .glfe-side-card dd:last-of-type { margin-bottom: 16px; }
#top #wrap_all .glfe-guide .glfe-side-link {
  display: inline-flex; align-items: center; gap: 8px; font-weight: 600;
  text-decoration: none; color: var(--glfe-green); font-size: 15px;
}
#top #wrap_all .glfe-guide .glfe-side-link:hover { color: var(--glfe-red); text-decoration: underline; text-underline-offset: 4px; }

#top #wrap_all .glfe-figure { margin: 30px 0 28px; }
#top #wrap_all .glfe-figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
#top #wrap_all .glfe-figure figcaption { margin-top: 10px; font-size: var(--glf-component-reading-size, 14px); line-height: var(--glf-component-reading-line, 1.5); color: var(--glf-component-reading-ink, var(--glfe-muted)); }
#top #wrap_all .glfe-article #prata-med-glf { padding: 36px; }
#top #wrap_all .glfe-article #prata-med-glf h2 { font-size: clamp(30px, 3.4vw, 42px)!important; }
#top #wrap_all .glfe-article #prata-med-glf .glfe-figure { margin: 26px 0 24px; }

@media (max-width: 1100px) {
  #top #wrap_all .glfe-side { position: static; }
  #top #wrap_all .glfe-side-card { display: none; }
  #top #wrap_all .glfe-article section { padding-top: 40px; }
}
@media (max-width: 767px) {
  #top #wrap_all .glfe-toc ol { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
  #top #wrap_all .glfe-article section { padding-top: 32px; }
  #top #wrap_all .glfe-article #prata-med-glf { padding: 24px 20px; }
  #top #wrap_all .glfe-section-eyebrow { font-size: 12px; }
}
#top #wrap_all .glfe-side .glfe-toc { position: static; top: auto; }

/* Lovable scroll reveal. JavaScript adds the gate only after observer setup. */
#top #wrap_all .glfe-reveal {opacity:1;transform:none}
#top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-reveal {
  opacity:0;transform:translateY(18px);
  transition:opacity .5s ease-out,transform .5s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
#top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-article ol.glfe-checklist > li.glfe-reveal {
  transform:translateY(12px);
}
#top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-reveal.is-in,
#top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-article ol.glfe-checklist > li.glfe-reveal.is-in {
  opacity:1;transform:none;will-change:auto;
}
@media(prefers-reduced-motion:reduce) {
  html:has(> body#top.glfe-event-design) {scroll-behavior:auto}
  #top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-reveal,
  #top #wrap_all .glfe-guide.glfe-reveal-ready .glfe-article ol.glfe-checklist > li.glfe-reveal {
    opacity:1;transform:none;transition:none;will-change:auto;
  }
}
@media(prefers-reduced-motion:no-preference) {
  html:has(> body#top.glfe-event-design) {scroll-behavior:smooth}
}
/* Enfold clips with overflow:hidden, which otherwise traps sticky positioning.
 * clip retains horizontal clipping without making a scrolling ancestor.
 * These overrides apply only where this guide's desktop sidebar is displayed. */
@media(min-width:1101px) {
  @supports(overflow:clip) {
    html:has(> body#top.glfe-event-design),
    body#top.glfe-event-design,
    #top.glfe-event-design #wrap_all {
      overflow-x:clip;overflow-y:visible;
    }
  }
  #top.glfe-event-design #wrap_all .glfe-side {
    max-height:calc(100vh - 166px);
    max-height:calc(100dvh - 166px);
    overflow-x:hidden;overflow-y:auto;
    scrollbar-width:thin;scroll-padding-block:8px;
  }
  #top.glfe-event-design #wrap_all .glfe-side a:focus-visible {
    outline-offset:-2px;
  }
}

/* Live WordPress adaptations: focus, theme resets and native fixed-header clearance. */
#top #wrap_all .glfe-guide {scroll-margin-top:150px}
#top #wrap_all .glfe-side {top:150px}
#top #wrap_all .glfe-article section {scroll-margin-top:150px}
#top #wrap_all .glfe-guide .glfe-hero {background-color:var(--glfe-green)}
#top #wrap_all .glfe-hero a:hover {color:#fff;text-decoration-thickness:2px}
#top #wrap_all .glfe-hero a:focus-visible {outline-color:#f6e8b8}
#top #wrap_all .glfe-guide strong {font-weight:700;color:inherit}
#top #wrap_all .glfe-guide .glfe-status strong,
#top #wrap_all .glfe-guide .glfe-planned strong {color:var(--glfe-green)}
#top #wrap_all .glfe-planner input[type=number] {
  font-family:Barlow,Arial,sans-serif;box-shadow:none;max-width:100%;
}
#top #wrap_all .glfe-guide .glfe-reset {
  font-family:Barlow,Arial,sans-serif;text-transform:none;letter-spacing:0;
  box-shadow:none;background-image:none;
}
#top #wrap_all .glfe-planner[data-budget-state=invalid] .glfe-budget-status {
  background:#f9eeee;color:#8b1723;
}
#top #wrap_all .glfe-table-wrap table {
  font-family:Barlow,Arial,sans-serif;font-weight:400;table-layout:auto;
  border-spacing:0;
}
#top #wrap_all .glfe-table-wrap th,
#top #wrap_all .glfe-table-wrap td {
  text-align:left;font-size:16px;letter-spacing:0;text-transform:none;
}
#top #wrap_all .glfe-table-wrap thead th {font-size:14px}
#top #wrap_all .glfe-guide .glfe-figure {padding:0;border:0}
#top #wrap_all .glfe-guide .glfe-figure img {margin:0;border:0;max-width:100%}
#top #wrap_all .glfe-guide .glfe-side-card dt,
#top #wrap_all .glfe-guide .glfe-side-card dd {padding:0}
#top #wrap_all .glfe-date-number {white-space:nowrap}
#top #wrap_all .glfe-guide .glfe-budget-status .glfe-plan-icon {flex-shrink:0}
#top #wrap_all .glfe-guide .glfe-article .glfe-section-eyebrow {margin:0 0 12px;max-width:none}
/* These modules are used on other Swedish GLF pages and remain unchanged. */
#top #wrap_all .glfe-crosslinks {background:var(--glfe-paper);padding:40px 0;border-top:1px solid var(--glfe-line)}
#top #wrap_all .glfe-crosslinks h2 {font-size:29px!important;margin:0 0 12px}
#top #wrap_all .glfe-crosslinks p {margin:0 0 20px;font-size:17px}
#top #wrap_all .glfe-crosslinks a:focus-visible {outline:3px solid #bd2833;outline-offset:5px}
#top #wrap_all .glfe-crosslink-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#top #wrap_all .glfe-crosslink-card {display:block;background:#fff;border:1px solid var(--glfe-line);padding:24px;color:var(--glfe-green);text-decoration:none!important;line-height:1.5}
#top #wrap_all .glfe-crosslink-card:hover {border-color:var(--glfe-green)}
#top #wrap_all .glfe-crosslink-card strong {display:block;font-size:21px;line-height:1.3;margin-bottom:8px}
#top #wrap_all .glfe-crosslink-card span {display:block;font-size:16px}
#top #wrap_all .glfe-source-note {font-family:Barlow,Arial,sans-serif;background:#f6f4ee;border-left:3px solid #004925;padding:16px 20px;margin:20px 0;font-size:16px;line-height:1.6;color:#171719}
@media(max-width:767px) {
  #top #wrap_all .glfe-guide {scroll-margin-top:112px}
  #top #wrap_all .glfe-article section {scroll-margin-top:112px}
}
@media(max-width:640px) {
  #top #wrap_all .glfe-table-wrap tbody th {font-size:18px}
}
@media(max-width:600px) {
  #top #wrap_all .glfe-crosslink-grid {grid-template-columns:1fr}
  #top #wrap_all .glfe-crosslinks .glfe-wrap {padding-left:22px;padding-right:22px}
}
@media(prefers-reduced-motion:reduce) {
  #top #wrap_all .glfe-guide *,
  #top #wrap_all .glfe-guide *::before,
  #top #wrap_all .glfe-guide *::after {transition:none!important;animation:none!important}
  #top #wrap_all .glfe-guide .glfe-hero-cta:hover .glfe-icon,
  #top #wrap_all .glfe-guide .glf-primary-cta:hover .glfe-icon {transform:none}
}
/* Compact visitor navigation uses the same translated links on phones and tablets. */
#top #wrap_all .glfe-mobile-toc-toggle {display:none}
@media(max-width:1100px) {
  @supports(overflow:clip) {
    html:has(> body#top.glfe-event-design),
    body#top.glfe-event-design,
    #top.glfe-event-design #wrap_all {overflow-x:clip;overflow-y:visible}
  }
  #top #wrap_all .glfe-mobile-nav-ready .glfe-side {
    position:sticky;top:var(--glfe-mobile-top,80px);z-index:4;
    background:#fff;max-height:none;overflow:visible;
    border-bottom:1px solid var(--glfe-line);box-shadow:0 5px 12px #00281712;
  }
  #top #wrap_all .glfe-mobile-nav-ready .glfe-side .glfe-toc {position:relative;padding-top:0}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-toc-title {display:none}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-mobile-toc-toggle {
    display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:3px 14px;
    width:100%;min-height:70px;padding:10px 12px;border:0;border-radius:0;
    color:var(--glfe-green);background:#fff;background-image:none;box-shadow:none;
    text-align:left;font:inherit;line-height:1.3;letter-spacing:0;text-transform:none;cursor:pointer;
  }
  #top #wrap_all .glfe-mobile-toc-title {font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--glfe-muted)}
  #top #wrap_all .glfe-mobile-toc-current {grid-column:1;font-size:15px;font-weight:600;overflow-wrap:break-word}
  #top #wrap_all .glfe-mobile-toc-chevron {grid-column:2;grid-row:1 / 3;align-self:center;width:22px;height:22px}
  #top #wrap_all .glfe-mobile-toc-toggle[aria-expanded=true] .glfe-mobile-toc-chevron {transform:rotate(180deg)}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-toc ol.glfe-toc-list {
    position:absolute;top:100%;left:0;right:0;display:block;
    margin:0;padding:0 12px;background:#fff;border:1px solid var(--glfe-line);
    max-height:calc(100vh - var(--glfe-mobile-top,80px) - var(--glfe-mobile-height,74px) - 16px);
    max-height:calc(100dvh - var(--glfe-mobile-top,80px) - var(--glfe-mobile-height,74px) - 16px);
    overflow-y:auto;overscroll-behavior:contain;scroll-padding:4px;box-shadow:0 6px 12px #00281718;
  }
  #top #wrap_all .glfe-mobile-nav-ready .glfe-mobile-toc-toggle[aria-expanded=false] + ol {display:none}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-toc a {padding:11px 8px;min-height:48px}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-toc a:focus-visible,
  #top #wrap_all .glfe-mobile-nav-ready .glfe-mobile-toc-toggle:focus-visible {outline:3px solid var(--glfe-red);outline-offset:-3px}
  #top #wrap_all .glfe-mobile-nav-ready .glfe-article section {
    scroll-margin-top:calc(var(--glfe-mobile-top,80px) + var(--glfe-mobile-height,74px) + 16px);
  }
}
@media print {
  body:has(.glfe-guide) #header,
  body:has(.glfe-guide) #footer,
  body:has(.glfe-guide) #socket,
  body:has(.glfe-guide) .glf-swedish-footer-section,
  body:has(.glfe-guide) #wpadminbar,
  #top #wrap_all .glfe-guide .glfe-side,
  #top #wrap_all .glfe-guide .glfe-hero-actions,
  #top #wrap_all .glfe-guide .glfe-pagenav,
  #top #wrap_all .glfe-crosslinks {display:none!important}
  #top #wrap_all .glfe-guide .glfe-hero {background:#fff;color:#111;padding:10px 0}
  #top #wrap_all .glfe-guide .glfe-hero h1,
  #top #wrap_all .glfe-guide .glfe-hero p,
  #top #wrap_all .glfe-guide .glfe-hero a,
  #top #wrap_all .glfe-guide .glfe-eyebrow {color:#111}
  #top #wrap_all .glfe-guide .glfe-layout {display:block;padding-top:20px}
  #top #wrap_all .glfe-guide .glfe-article {max-width:none}
  #top #wrap_all .glfe-guide {font-size:12pt}
  #top #wrap_all .glfe-guide h2,
  #top #wrap_all .glfe-guide h3 {break-after:avoid}
  #top #wrap_all .glfe-guide .glfe-reveal {opacity:1!important;transform:none!important}
}


/* Approved Medium 500 reading roles. Source component integration. */
/* body reading */
#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-article > section > ol > li {
  --glf-component-reading-size: var(--glf-reading-body);
  --glf-component-reading-line: 1.6;
  --glf-component-reading-weight: 500;
  --glf-component-reading-wrap: anywhere;
  font-size: var(--glf-reading-body);
  line-height: 1.6;
  font-weight: 500;
  overflow-wrap: anywhere;
}

#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p {
  max-width: 36rem;
}

/* compact reading */
#top #wrap_all #main #glf-event-guide .glfe-status .glfe-wrap > p,
#top #wrap_all #main #glf-event-guide .glfe-planner > p:first-of-type,
#top #wrap_all #main #glf-event-guide .glfe-action-note {
  --glf-component-reading-size: var(--glf-reading-compact);
  --glf-component-reading-line: 1.6;
  --glf-component-reading-weight: 500;
  --glf-component-reading-wrap: anywhere;
  font-size: var(--glf-reading-compact);
  line-height: 1.6;
  font-weight: 500;
  overflow-wrap: anywhere;
}

#top #wrap_all #main #glf-event-guide .glfe-action-note {
  max-width: min(37.29rem, 100%);
}

/* meta reading */
#top #wrap_all #main #glf-event-guide .glfe-figure > figcaption,
#top #wrap_all #main #glf-event-guide .glfe-chart-note,
#top #wrap_all #main #glf-event-guide .glfe-side-card dd {
  --glf-component-reading-size: var(--glf-reading-meta);
  --glf-component-reading-line: 1.5;
  --glf-component-reading-weight: 400;
  --glf-component-reading-wrap: anywhere;
  font-size: var(--glf-reading-meta);
  line-height: 1.5;
  font-weight: 400;
  overflow-wrap: anywhere;
}

/* intro reading */
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p {
  --glf-component-reading-size: var(--glf-reading-intro);
  --glf-component-reading-line: 1.6;
  --glf-component-reading-weight: 500;
  --glf-component-reading-wrap: anywhere;
  font-size: var(--glf-reading-intro);
  line-height: 1.6;
  font-weight: 500;
  overflow-wrap: anywhere;
}

/* Consecutive prose paragraphs */
:is(#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p) + p:is(#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p) {
  margin-top: 1rem;
}

p:is(#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p):has(+ p:is(#top #wrap_all #main #glf-event-guide .glfe-article > .glf-editorial-note,
#top #wrap_all #main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#top #wrap_all #main #glf-event-guide .glfe-hero-grid > div > p)) {
  margin-bottom: 0;
}

/* Refined contextual colour integration: event-guides.
 * Colour only. Append/update within the owning component source.
 * Rules with new semantic classes require required-source-classes.json.
 * Preserve authored hover/focus/active declarations during cascade integration. */

/* reading */
#main #glf-event-guide .glfe-article > section > ol > li > span:not([aria-hidden="true"]),
#main #glf-event-guide .glfe-article > section > ol > li strong,
#main #glf-event-guide .glfe-article > section > p:not(.glfe-section-eyebrow,.glfe-action-note),
#main #glf-event-guide .glfe-chart-note,
#main #glf-event-guide .glfe-planner > .glfe-planner-intro,
#main .glf-editorial-note,
#main .glfe-article > section > p > strong,
#main .glfe-article li,
#main .glfe-side dd,
#main .glfe-side-card dt,
#main .glfe-status p {
  --glf-component-reading-ink: var(--glf-ink-primary);
  color: var(--glf-ink-primary);
}

/* label */
#main .glfe-chart-label,
#main .glfe-section-eyebrow,
#main .glfe-section-eyebrow span {
  --glf-component-reading-ink: var(--glf-ink-label);
  color: var(--glf-ink-label);
}

/* metadata */
#main .glfe-wrap figcaption {
  --glf-component-reading-ink: var(--glf-ink-metadata);
  color: var(--glf-ink-metadata);
}

/* supporting */
#main #glf-event-guide .glfe-action-note {
  --glf-component-reading-ink: var(--glf-ink-supporting);
  color: var(--glf-ink-supporting);
}