.elementor .guide .dg {--dg-flow: clamp(1rem, 0.9rem + 0.5vw, 1.35rem);--dg-block: clamp(2.75rem, 2.2rem + 2.2vw, 4rem);--dg-tint: #F3F5F1;--dg-sand: #FCF4E6;color: var(--slate);}.elementor .guide .dg :where(h2, h3, p, ul, ol, dl, dd, figure, blockquote, table) { margin: 0; }.elementor .guide .dg :where(ul, ol) { padding: 0; list-style: none; }.elementor .guide .dg > * + * { margin-top: var(--dg-block); }.elementor .guide .dg section > * + * { margin-top: var(--dg-flow); }.elementor .guide .dg section > h2 + * { margin-top: 0.9rem; }.elementor .guide .dg section > h3 { margin-top: calc(var(--dg-flow) * 1.6); }.elementor .guide .dg h2 { font-size: clamp(1.55rem, 1.3rem + 1.1vw, 2.1rem); line-height: 1.1; letter-spacing: 0.01em; text-wrap: balance; scroll-margin-top: 7.5rem; }.elementor .guide .dg h3 { font-size: clamp(1.1rem, 1.02rem + 0.35vw, 1.3rem); font-weight: 600; line-height: 1.2; letter-spacing: 0.02em; }.elementor .guide .dg p { max-width: 66ch; text-wrap: pretty; }.elementor .guide .dg strong { color: var(--black); font-weight: 600; }.elementor .guide .dg a { color: var(--brown); font-weight: 600; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }.elementor .guide .dg a:hover { color: var(--black); text-decoration-color: var(--brown); }.elementor .guide .dg a:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }.elementor .guide .dg .dg__label { font-size: 0.75rem; font-weight: 700; line-height: 1.3; letter-spacing: 0.18em; text-transform: uppercase; color: var(--brown); }.elementor .guide .dg .dg__small { font-size: 0.875rem; line-height: 1.6; }.elementor .guide .dg .dg__list { display: flex; flex-direction: column; gap: 0.55rem; }.elementor .guide .dg .dg__list li { position: relative; padding-left: 1.35rem; max-width: 64ch; }.elementor .guide .dg .dg__list li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.5rem; height: 0.5rem; background: var(--orange); }.elementor .guide .dg .dg__lede { padding: clamp(1.25rem, 1rem + 1vw, 1.9rem); background: var(--dg-sand); border-left: 4px solid var(--orange); }.elementor .guide .dg .dg__lede > * + * { margin-top: 0.6rem; }.elementor .guide .dg .dg__lede p:not(.dg__label) { font-size: 1.0625rem; line-height: 1.7; color: var(--black); }.elementor .guide .dg .dg__toc { margin-top: 1.25rem; }.elementor .guide .dg .dg__toc ul { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.6rem; }.elementor .guide .dg .dg__toc li { font-size: 0.8125rem; line-height: 1.2; }.elementor .guide .dg .dg__toc a { display: block; padding: 0.55rem 0.8rem; font-weight: 600; letter-spacing: 0.04em; color: var(--slate); text-decoration: none; background: var(--white); border: 1px solid var(--line); transition: border-color 0.2s, background-color 0.2s; }.elementor .guide .dg .dg__toc a:hover { border-color: var(--orange); background: var(--dg-sand); color: var(--black); }.elementor .guide .dg .dg__facts { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--gap-l); border-top: 2px solid var(--slate); }.elementor .guide .dg .dg__facts > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 0.75rem; padding: 0.8rem 0; border-bottom: 1px solid var(--line); }.elementor .guide .dg .dg__facts dt { font-size: 0.6875rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.16em; text-transform: uppercase; color: var(--brown); padding-top: 0.2rem; }.elementor .guide .dg .dg__facts dd { font-size: 0.9375rem; line-height: 1.5; color: var(--black); }.elementor .guide .dg .dg__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }.elementor .guide .dg .dg__tiles > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 0.3rem; padding: 1.1rem 1rem 1.2rem; background: var(--white); }.elementor .guide .dg .dg__tiles dt { font-size: 0.75rem; line-height: 1.4; color: var(--slate); }.elementor .guide .dg .dg__tiles dd { font-family: var(--font-heading); font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); font-weight: 700; line-height: 1; color: var(--black); }.elementor .guide .dg .dg__tiles dd small { font-size: 0.55em; font-weight: 600; letter-spacing: 0.04em; }.elementor .guide .dg .dg__stats { padding: clamp(1.25rem, 1rem + 1.2vw, 2rem); background: var(--slate); color: var(--white); }.elementor .guide .dg .dg__stats ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: 1.25rem 1rem; }.elementor .guide .dg .dg__stats li { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.8125rem; line-height: 1.35; color: #E4E8E2; }.elementor .guide .dg .dg__stats b { font-family: var(--font-heading); font-size: clamp(1.9rem, 1.5rem + 1.6vw, 2.6rem); font-weight: 700; line-height: 1; color: var(--orange); }.elementor .guide .dg .dg__stats p { margin-top: 1.1rem; padding-top: 0.9rem; border-top: 1px solid rgba(255, 255, 255, 0.18); font-size: 0.8125rem; line-height: 1.5; color: #E4E8E2; max-width: none; }.elementor .guide .dg .dg__stats a { color: var(--orange); text-decoration-color: currentColor; }.elementor .guide .dg .dg__stats a:hover { color: var(--white); }.elementor .guide .dg .dg__quote { position: relative; padding: 0.25rem 0 0.25rem clamp(1.25rem, 1rem + 1vw, 2rem); border-left: 4px solid var(--orange); }.elementor .guide .dg .dg__quote p { font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem); font-weight: 500; line-height: 1.55; color: var(--black); max-width: 58ch; }.elementor .guide .dg .dg__quote footer { margin-top: 0.75rem; font-size: 0.8125rem; line-height: 1.5; color: var(--slate); }.elementor .guide .dg .dg__quote cite { font-style: normal; font-weight: 600; }.elementor .guide .dg .dg__table-wrap { overflow-x: auto; border: 1px solid var(--line); -webkit-overflow-scrolling: touch; }.elementor .guide .dg .dg__table-wrap:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }.elementor .guide .dg .dg__table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 0.9rem; line-height: 1.5; }.elementor .guide .dg .dg__table caption { caption-side: top; text-align: left; padding: 0.85rem 1rem; font-weight: 600; color: var(--black); background: var(--mist); border-bottom: 1px solid var(--line); }.elementor .guide .dg .dg__table :is(th, td) { padding: 0.75rem 1rem; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--line); }.elementor .guide .dg .dg__table thead th { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; color: var(--white); background: var(--slate); border-bottom: 0; }.elementor .guide .dg .dg__table tbody th { font-weight: 600; color: var(--black); }.elementor .guide .dg .dg__table tbody tr:last-child :is(th, td) { border-bottom: 0; }.elementor .guide .dg .dg__table tbody tr.is-pick { background: var(--dg-sand); }.elementor .guide .dg .dg__table tbody tr.is-pick th { box-shadow: inset 4px 0 0 var(--orange); }.elementor .guide .dg .dg__ph { display: contents; }.elementor .guide .dg .dg__img { display: block; width: 100%; height: 100%; object-fit: cover; }.elementor .guide .dg .dg__figure .dg__img { height: auto; aspect-ratio: 16 / 10; }.elementor .guide .dg .dg__figure--wide .dg__img { aspect-ratio: 21 / 9; }.elementor .guide .dg figcaption { margin-top: 0.6rem; padding-left: 0.75rem; border-left: 2px solid var(--orange); font-size: 0.8125rem; line-height: 1.5; color: var(--slate); }.elementor .guide .dg .dg__duo > div { display: grid; grid-template-columns: 3fr 2fr; gap: var(--gap-xs); height: clamp(13rem, 9rem + 16vw, 22rem); }.elementor .guide .dg .dg__duo--flip > div { grid-template-columns: 2fr 3fr; }.elementor .guide .dg .dg__trio > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xs); }.elementor .guide .dg .dg__trio .dg__img { aspect-ratio: 3 / 4; }.elementor .guide .dg .dg__trio > div > :nth-child(2) { margin-top: 1.5rem; }.elementor .guide .dg .dg__split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--gap-l); align-items: center; }.elementor .guide .dg .dg__split--flip .dg__ph > .dg__img { order: 2; }.elementor .guide .dg .dg__split--flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }.elementor .guide .dg .dg__split .dg__img { height: auto; aspect-ratio: 4 / 5; }.elementor .guide .dg .dg__split > div > * + * { margin-top: 0.7rem; }.elementor .guide .dg section > .dg__split + .dg__split { margin-top: var(--gap-l); }.elementor .guide .dg .dg__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-s); }.elementor .guide .dg .dg__cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }.elementor .guide .dg .dg__card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); }.elementor .guide .dg .dg__card .dg__img { height: auto; aspect-ratio: 3 / 2; }.elementor .guide .dg .dg__card-body { display: flex; flex-direction: column; gap: 0.5rem; padding: 1.15rem 1.15rem 1.3rem; border-top: 3px solid var(--slate); flex: 1; }.elementor .guide .dg .dg__card--pick .dg__card-body { border-top-color: var(--orange); background: var(--dg-sand); }.elementor .guide .dg .dg__card p, .elementor .guide .dg .dg__card li { font-size: 0.9375rem; line-height: 1.6; }.elementor .guide .dg .dg__badge { align-self: flex-start; padding: 0.25rem 0.55rem; font-size: 0.6875rem; font-weight: 700; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; color: var(--black); background: var(--orange); }.elementor .guide .dg .dg__badge--quiet { color: var(--white); background: var(--slate); }.elementor .guide .dg .dg__timeline { margin-left: 0.5rem; padding-left: 1.75rem; border-left: 2px solid var(--sand); display: flex; flex-direction: column; gap: 1.5rem; }.elementor .guide .dg .dg__timeline li { position: relative; }.elementor .guide .dg .dg__timeline li::before { content: ""; position: absolute; left: calc(-1.75rem - 0.4375rem - 1px); top: 0.3rem; width: 0.875rem; height: 0.875rem; background: var(--orange); border: 3px solid var(--white); box-sizing: content-box; margin: -3px; }.elementor .guide .dg .dg__timeline time, .elementor .guide .dg .dg__timeline .dg__when { display: block; font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brown); }.elementor .guide .dg .dg__timeline h3 { margin-top: 0.15rem; }.elementor .guide .dg .dg__timeline p { margin-top: 0.35rem; font-size: 0.9375rem; line-height: 1.65; }.elementor .guide .dg .dg__months { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3px; }.elementor .guide .dg .dg__months li { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; padding: 0.7rem 0.1rem 0.6rem; font-size: 0.625rem; font-weight: 600; line-height: 1.2; letter-spacing: 0.02em; text-align: center; text-transform: uppercase; overflow: hidden; background: var(--dg-tint); color: var(--slate); }.elementor .guide .dg .dg__months abbr { font-family: var(--font-heading); font-size: 1.05rem; font-weight: 700; letter-spacing: 0.04em; text-decoration: none; color: var(--black); }.elementor .guide .dg .dg__months .is-best { background: var(--orange); color: var(--black); }.elementor .guide .dg .dg__months .is-good { background: var(--sand); color: var(--brown); }.elementor .guide .dg .dg__months .is-low { background: var(--white); box-shadow: inset 0 0 0 1px var(--line); }.elementor .guide .dg .dg__meter { border-top: 1px solid var(--line); }.elementor .guide .dg .dg__meter li { display: grid; grid-template-columns: minmax(7rem, 1.1fr) 6.5rem minmax(0, 2fr); align-items: center; gap: 0.5rem 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--line); font-size: 0.9375rem; line-height: 1.45; }.elementor .guide .dg .dg__meter b { font-weight: 600; color: var(--black); }.elementor .guide .dg .dg__meter i { display: block; height: 0.6rem; background: linear-gradient(90deg, var(--orange) var(--dg-v, 0%), var(--line) var(--dg-v, 0%)); -webkit-mask: repeating-linear-gradient(90deg, #000 0 calc(20% - 3px), transparent calc(20% - 3px) 20%); mask: repeating-linear-gradient(90deg, #000 0 calc(20% - 3px), transparent calc(20% - 3px) 20%); }.elementor .guide .dg .dg__meter .is-5 { --dg-v: 100%; }.elementor .guide .dg .dg__meter .is-4 { --dg-v: 80%; }.elementor .guide .dg .dg__meter .is-3 { --dg-v: 60%; }.elementor .guide .dg .dg__meter .is-2 { --dg-v: 40%; }.elementor .guide .dg .dg__meter .is-1 { --dg-v: 20%; }.elementor .guide .dg .dg__meter .is-0 { --dg-v: 0%; }.elementor .guide .dg .dg__meter span { font-size: 0.875rem; color: var(--slate); }.elementor .guide .dg .dg__meter span em { font-style: normal; font-weight: 600; color: var(--black); }.elementor .guide .dg .dg__note { padding: 1.1rem 1.35rem; background: var(--mist); border: 1px solid var(--line); border-left: 4px solid var(--brown); }.elementor .guide .dg .dg__note > * + * { margin-top: 0.45rem; }.elementor .guide .dg .dg__note p { font-size: 0.9375rem; line-height: 1.65; }.elementor .guide .dg .dg__note--key { background: var(--dg-sand); border-color: var(--sand); border-left-color: var(--orange); }.elementor .guide .dg .dg__ticks { display: grid; grid-template-columns: 1fr 1fr; gap: 0.65rem var(--gap-l); }.elementor .guide .dg .dg__ticks li { position: relative; padding-left: 1.9rem; font-size: 0.9375rem; line-height: 1.55; }.elementor .guide .dg .dg__ticks li::before { content: ""; position: absolute; left: 0; top: 0.25rem; width: 1.1rem; height: 1.1rem; background: var(--orange); clip-path: polygon(14% 52%, 0 66%, 38% 100%, 100% 22%, 86% 8%, 38% 72%); }.elementor .guide .dg .dg__ticks--one { grid-template-columns: 1fr; }.elementor .guide .dg .dg__diagram { padding: clamp(1rem, 0.8rem + 1vw, 1.75rem); background: var(--mist); border: 1px solid var(--line); }.elementor .guide .dg .dg__svg { min-width: 0; }.elementor .guide .dg .dg__diagram svg { display: block; width: 100%; height: auto; }.elementor .guide .dg .dg__diagram svg text { font-family: var(--font-body), system-ui, sans-serif; }.elementor .guide .dg .dg__diagram svg .t-head { font-family: var(--font-heading), sans-serif; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }.elementor .guide .dg .dg__diagram figcaption { margin-top: 1rem; }.elementor .guide .dg .dg__diagram--side { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); gap: var(--gap-l); align-items: center; }.elementor .guide .dg .dg__diagram--side figcaption { grid-column: 1 / -1; margin-top: 0; }.elementor .guide .dg .dg__legend { counter-reset: dg-legend; display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem var(--gap-m); margin-top: 1.1rem; }.elementor .guide .dg .dg__legend--one { grid-template-columns: 1fr; margin-top: 0; }.elementor .guide .dg .dg__legend li { counter-increment: dg-legend; position: relative; padding-left: 2.1rem; font-size: 0.875rem; line-height: 1.5; }.elementor .guide .dg .dg__legend li::before { content: counter(dg-legend); position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; display: grid; place-items: center; font-family: var(--font-heading); font-size: 0.875rem; font-weight: 700; color: var(--black); background: var(--orange); border-radius: 50%; }.elementor .guide .dg .dg__legend b { display: block; color: var(--black); font-weight: 600; }.elementor .guide .dg .dg__key { display: flex; flex-direction: column; gap: 0.85rem; }.elementor .guide .dg .dg__key li { position: relative; padding-left: 1.75rem; font-size: 0.875rem; line-height: 1.5; }.elementor .guide .dg .dg__key li::before { content: ""; position: absolute; left: 0; top: 0.2rem; width: 1rem; height: 1rem; background: var(--dg-k, var(--line)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }.elementor .guide .dg .dg__key b { display: block; color: var(--black); font-weight: 600; }.elementor .guide .dg .dg__key .k-sand { --dg-k: var(--sand); }.elementor .guide .dg .dg__key .k-orange { --dg-k: var(--orange); }.elementor .guide .dg .dg__key .k-brown { --dg-k: var(--brown); }.elementor .guide .dg .dg__key .k-slate { --dg-k: var(--slate); }.elementor .guide .dg .dg__tours { display: flex; flex-direction: column; border-top: 2px solid var(--slate); }.elementor .guide .dg .dg__tours a { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 0.9rem 0.25rem; font-weight: 600; line-height: 1.35; color: var(--black); text-decoration: none; border-bottom: 1px solid var(--line); transition: background-color 0.2s, padding 0.2s; }.elementor .guide .dg .dg__tours a:hover { background: var(--dg-sand); padding-inline: 0.75rem; }.elementor .guide .dg .dg__tours b { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; font-family: var(--font-heading); font-size: 1.4rem; font-weight: 700; line-height: 0.9; color: var(--black); background: var(--orange); border-radius: 50%; }.elementor .guide .dg .dg__tours b small { display: block; font-family: var(--font-body); font-size: 0.5rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }.elementor .guide .dg .dg__tours span { font-size: 0.8125rem; font-weight: 600; color: var(--brown); white-space: nowrap; }.elementor .guide .dg .dg__tours span::after { content: " \2192"; color: var(--black); }.elementor .guide .dg .dg__sources { padding-top: 1.5rem; border-top: 1px solid var(--line); }.elementor .guide .dg .dg__sources h2 { font-size: 1.15rem; }.elementor .guide .dg .dg__sources ol { counter-reset: dg-src; display: flex; flex-direction: column; gap: 0.45rem; }.elementor .guide .dg .dg__sources li { counter-increment: dg-src; position: relative; padding-left: 1.75rem; font-size: 0.8125rem; line-height: 1.55; }.elementor .guide .dg .dg__sources li::before { content: counter(dg-src) "."; position: absolute; left: 0; font-weight: 700; color: var(--brown); }.elementor .guide .dg .dg__sources a { font-weight: 500; }.elementor .guide .dg .dg__sources p { font-size: 0.8125rem; line-height: 1.55; font-style: italic; }@media (max-width: 767px) {.elementor .guide .dg .dg__facts { grid-template-columns: 1fr; }.elementor .guide .dg .dg__tiles { grid-template-columns: 1fr 1fr; }.elementor .guide .dg .dg__cards, .elementor .guide .dg .dg__cards--3 { grid-template-columns: 1fr; }.elementor .guide .dg .dg__split, .elementor .guide .dg .dg__split--flip { grid-template-columns: 1fr; gap: var(--gap-m); }.elementor .guide .dg .dg__split--flip .dg__ph > .dg__img { order: 0; }.elementor .guide .dg .dg__split .dg__img { aspect-ratio: 3 / 2; }.elementor .guide .dg .dg__months { grid-template-columns: repeat(6, minmax(0, 1fr)); }.elementor .guide .dg .dg__meter li { grid-template-columns: minmax(0, 1fr) 6rem; }.elementor .guide .dg .dg__meter span { grid-column: 1 / -1; }.elementor .guide .dg .dg__ticks, .elementor .guide .dg .dg__legend { grid-template-columns: 1fr; }.elementor .guide .dg .dg__diagram--side { grid-template-columns: 1fr; }.elementor .guide .dg .dg__table { min-width: 0; }.elementor .guide .dg .dg__table :is(tbody, tr, th, td) { display: block; }.elementor .guide .dg .dg__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }.elementor .guide .dg .dg__table tbody tr { padding: 0.9rem 1rem; border-bottom: 1px solid var(--line); }.elementor .guide .dg .dg__table tbody tr:last-child { border-bottom: 0; }.elementor .guide .dg .dg__table tbody :is(th, td) { padding: 0; border: 0; }.elementor .guide .dg .dg__table tbody th { font-size: 1rem; margin-bottom: 0.4rem; }.elementor .guide .dg .dg__table tbody td + td { margin-top: 0.45rem; }.elementor .guide .dg .dg__table td::before { content: attr(data-label); display: block; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brown); }.elementor .guide .dg .dg__table tbody tr.is-pick th { box-shadow: none; }.elementor .guide .dg .dg__table tbody tr.is-pick { box-shadow: inset 4px 0 0 var(--orange); }.elementor .guide .dg .dg__toc ul { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter, 1.25rem) * -1); padding-inline: var(--gutter, 1.25rem); scrollbar-width: none; }.elementor .guide .dg .dg__toc ul::-webkit-scrollbar { display: none; }.elementor .guide .dg .dg__toc a { white-space: nowrap; }.elementor .guide .dg .dg__tours a { grid-template-columns: 3.25rem minmax(0, 1fr); }.elementor .guide .dg .dg__tours span { grid-column: 2; margin-top: -0.6rem; }}@media (prefers-reduced-motion: reduce) {.elementor .guide .dg * { transition: none !important; }}