*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-right-10{right:-2.5rem}.-right-16{right:-4rem}.-top-10{top:-2.5rem}.-top-16{top:-4rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/3{left:33.333333%}.top-0{top:0}.top-16{top:4rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mt-16{margin-top:4rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-3\/4{height:75%}.h-40{height:10rem}.h-48{height:12rem}.h-\[400px\]{height:400px}.h-\[72px\]{height:72px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[520px\]{max-height:520px}.min-h-\[420px\]{min-height:420px}.w-1{width:.25rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-3\/4{width:75%}.w-40{width:10rem}.w-48{width:12rem}.w-\[72px\]{width:72px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.break-words{overflow-wrap:break-word}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/75{--tw-gradient-from:rgba(0,0,0,.75) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/35{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.35) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-14{padding-bottom:3.5rem}.pt-28{padding-top:7rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/90{color:hsla(0,0%,100%,.9)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-90{opacity:.9}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white\/30{--tw-ring-color:hsla(0,0%,100%,.3)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:py-16{padding-top:4rem}.md\:pb-16,.md\:py-16{padding-bottom:4rem}.md\:pt-32{padding-top:8rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:h-\[600px\]{height:600px}.lg\:min-h-\[520px\]{min-height:520px}.lg\:w-3\/4{width:75%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}

    .page-body {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      max-width: none;
      overflow-wrap: anywhere;
    }
    .page-body > *:first-child { margin-top: 0; }
    .page-body > *:last-child { margin-bottom: 0; }
    .page-body p {
      margin: 0 0 16px;
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .page-body h2 {
      margin: 40px 0 16px;
      color: #006591;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .page-body h3 {
      margin: 32px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body h4 {
      margin: 24px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }
    .page-body a {
      color: #006591;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      transition: color 0.2s ease;
    }
    .page-body a:hover { color: #004c6e; }
    .page-body blockquote {
      margin: 24px 0;
      padding: 24px;
      border-left: 4px solid #006591;
      border-radius: 0 12px 12px 0;
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body ul,
    .page-body ol {
      margin: 0 0 24px;
      padding-left: 1.25rem;
      color: #3e4850;
    }
    .page-body li {
      margin: 0 0 8px;
      padding-left: 4px;
    }
    .page-body table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border: 1px solid #dee3e9;
      background: #ffffff;
    }
    .page-body th,
    .page-body td {
      padding: 12px 16px;
      border: 1px solid #dee3e9;
      text-align: left;
      vertical-align: top;
    }
    .page-body th {
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .page-body td {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    .page-body figure {
      margin: 32px 0;
      overflow: hidden;
      border-radius: 12px;
      background: #eaeef4;
    }
    .page-body figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .page-body figure figcaption {
      padding: 12px 16px;
      color: #6e7881;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 16px;
    }
    .page-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .page-body iframe {
      width: 100%;
      max-width: 100%;
      min-height: 360px;
      border: none;
      border-radius: 12px;
    }
    .page-body hr {
      margin: 32px 0;
      border: 0;
      border-top: 1px solid #dee3e9;
    }
    .page-body strong {
      color: #171c20;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      .page-body p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
      }
      .page-body h2 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 30px;
      }
      .page-body h3 {
        margin: 24px 0 12px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body h4 {
        font-size: 16px;
        line-height: 24px;
      }
      .page-body blockquote {
        margin: 20px 0;
        padding: 20px 16px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body ul,
      .page-body ol {
        padding-left: 1.125rem;
      }
      .page-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
      .page-body th,
      .page-body td {
        padding: 10px 12px;
      }
      .page-body iframe {
        min-height: 220px;
      }
    }
  
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}

    .page-body {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      max-width: none;
      overflow-wrap: anywhere;
    }
    .page-body > *:first-child { margin-top: 0; }
    .page-body > *:last-child { margin-bottom: 0; }
    .page-body p {
      margin: 0 0 16px;
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .page-body h2 {
      margin: 40px 0 16px;
      color: #006591;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .page-body h3 {
      margin: 32px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body h4 {
      margin: 24px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }
    .page-body a {
      color: #006591;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      transition: color 0.2s ease;
    }
    .page-body a:hover { color: #004c6e; }
    .page-body blockquote {
      margin: 24px 0;
      padding: 24px;
      border-left: 4px solid #006591;
      border-radius: 0 12px 12px 0;
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body ul,
    .page-body ol {
      margin: 0 0 24px;
      padding-left: 1.25rem;
      color: #3e4850;
    }
    .page-body li {
      margin: 0 0 8px;
      padding-left: 4px;
    }
    .page-body table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border: 1px solid #dee3e9;
      background: #ffffff;
    }
    .page-body th,
    .page-body td {
      padding: 12px 16px;
      border: 1px solid #dee3e9;
      text-align: left;
      vertical-align: top;
    }
    .page-body th {
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .page-body td {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    .page-body figure {
      margin: 32px 0;
      overflow: hidden;
      border-radius: 12px;
      background: #eaeef4;
    }
    .page-body figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .page-body figure figcaption {
      padding: 12px 16px;
      color: #6e7881;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 16px;
    }
    .page-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .page-body iframe {
      width: 100%;
      max-width: 100%;
      min-height: 360px;
      border: none;
      border-radius: 12px;
    }
    .page-body hr {
      margin: 32px 0;
      border: 0;
      border-top: 1px solid #dee3e9;
    }
    .page-body strong {
      color: #171c20;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      .page-body p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
      }
      .page-body h2 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 30px;
      }
      .page-body h3 {
        margin: 24px 0 12px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body h4 {
        font-size: 16px;
        line-height: 24px;
      }
      .page-body blockquote {
        margin: 20px 0;
        padding: 20px 16px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body ul,
      .page-body ol {
        padding-left: 1.125rem;
      }
      .page-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
      .page-body th,
      .page-body td {
        padding: 10px 12px;
      }
      .page-body iframe {
        min-height: 220px;
      }
    }
  
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
[data-slot="body"] ul,article ul,.article-body ul,.article-content ul,.post-content ul,.content-body ul,.entry-content ul{list-style-type:disc;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ol,article ol,.article-body ol,.article-content ol,.post-content ol,.content-body ol,.entry-content ol{list-style-type:decimal;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ul ul,article ul ul,.article-body ul ul{list-style-type:circle}
[data-slot="body"] ul ul ul,article ul ul ul,.article-body ul ul ul{list-style-type:square}
[data-slot="body"] li,article li,.article-body li,.article-content li,.post-content li,.content-body li,.entry-content li{margin-bottom:4px}
[data-slot="body"] h1,[data-slot="body"] h2,[data-slot="body"] h3,article h1,article h2,article h3,.article-body h1,.article-body h2,.article-body h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3,.content-body h1,.content-body h2,.content-body h3,.entry-content h1,.entry-content h2,.entry-content h3{margin-top:10px!important;margin-bottom:10px!important}
[data-slot="body"] p,article p,.article-body p,.article-content p,.post-content p,.content-body p,.entry-content p{margin-top:10px!important;margin-bottom:10px!important}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
[data-slot="body"] ul,article ul,.article-body ul,.article-content ul,.post-content ul,.content-body ul,.entry-content ul{list-style-type:disc;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ol,article ol,.article-body ol,.article-content ol,.post-content ol,.content-body ol,.entry-content ol{list-style-type:decimal;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ul ul,article ul ul,.article-body ul ul{list-style-type:circle}
[data-slot="body"] ul ul ul,article ul ul ul,.article-body ul ul ul{list-style-type:square}
[data-slot="body"] li,article li,.article-body li,.article-content li,.post-content li,.content-body li,.entry-content li{margin-bottom:4px}
[data-slot="body"] h1,[data-slot="body"] h2,[data-slot="body"] h3,article h1,article h2,article h3,.article-body h1,.article-body h2,.article-body h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3,.content-body h1,.content-body h2,.content-body h3,.entry-content h1,.entry-content h2,.entry-content h3{margin-top:10px!important;margin-bottom:10px!important}
[data-slot="body"] p,article p,.article-body p,.article-content p,.post-content p,.content-body p,.entry-content p{margin-top:10px!important;margin-bottom:10px!important}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
[data-slot="body"] ul,article ul,.article-body ul,.article-content ul,.post-content ul,.content-body ul,.entry-content ul{list-style-type:disc;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ol,article ol,.article-body ol,.article-content ol,.post-content ol,.content-body ol,.entry-content ol{list-style-type:decimal;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ul ul,article ul ul,.article-body ul ul{list-style-type:circle}
[data-slot="body"] ul ul ul,article ul ul ul,.article-body ul ul ul{list-style-type:square}
[data-slot="body"] li,article li,.article-body li,.article-content li,.post-content li,.content-body li,.entry-content li{margin-bottom:4px}
[data-slot="body"] h1,[data-slot="body"] h2,[data-slot="body"] h3,article h1,article h2,article h3,.article-body h1,.article-body h2,.article-body h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3,.content-body h1,.content-body h2,.content-body h3,.entry-content h1,.entry-content h2,.entry-content h3{margin-top:10px!important;margin-bottom:10px!important}
[data-slot="body"] p,article p,.article-body p,.article-content p,.post-content p,.content-body p,.entry-content p{margin-top:10px!important;margin-bottom:10px!important}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.article-body{color:#171c20}.article-body p{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;margin:0 0 24px;color:#3e4850}.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.01em;margin:48px 0 16px;color:#006591}.article-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:32px 0 12px;color:#171c20}.article-body a{color:#006591;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.article-body a:hover{color:#004c6e}.article-body blockquote{margin:32px 0;border-left:4px solid #006591;background:#f0f4fa;padding:24px;border-radius:0 12px 12px 0}.article-body blockquote p{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;line-height:32px;font-style:italic;font-weight:600;color:#171c20;margin:0 0 12px}.article-body blockquote cite{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#6e7881}.article-body figure{margin:32px 0;border-radius:12px;overflow:hidden;background:#ffffff;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.article-body figure img{display:block;width:100%;height:auto}.article-body figure figcaption{font-family:'Inter',sans-serif;font-size:12px;line-height:16px;color:#6e7881;padding:12px 16px 16px;background:#ffffff}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:20px;color:#3e4850}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin:0 0 10px;line-height:24px}.key-takeaways{background:#f0f4fa;border-left:4px solid #fd761a;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.key-takeaways h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9d4300;margin:0 0 16px}.key-takeaways ul{list-style:none;margin:0;padding:0}.key-takeaways ul li{display:flex;align-items:flex-start;gap:12px;margin:0}.key-takeaways ul li+li{margin-top:12px}.key-takeaways ul li .takeaway-bullet{width:24px;height:24px;min-width:24px;border-radius:9999px;background:#fd761a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;line-height:1}.key-takeaways ul li .takeaway-text{font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#171c20}.sidebar-widget{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.sidebar-widget-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#006591;padding-bottom:12px;margin:0 0 8px;border-bottom:1px solid #dee3e9}.popular-article-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-article-item+.popular-article-item{border-top:1px solid #dee3e9}.popular-article-item:hover{transform:translateY(-2px)}.popular-article-item:hover .popular-article-title{color:#006591}.author-bio-card{background:#ffffff;border:1px solid #dee3e9;border-radius:12px;padding:24px;box-shadow:0 20px 40px -15px rgba(0,0,0,.05)}.toc-link{display:block;font-family:'Inter',sans-serif;font-size:16px;line-height:24px;color:#3e4850;text-decoration:none;padding:10px 0;border-bottom:1px solid #dee3e9;transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-link:hover{color:#006591;transform:translateX(4px)}.toc-h3{padding-left:16px;font-size:14px;line-height:20px;color:#6e7881}.toc-h3:hover{color:#006591}.article-meta-dot{width:4px;height:4px;border-radius:9999px;background:rgba(255,255,255,.5)}@media (max-width:767px){.article-body h2{font-size:24px;line-height:32px;margin:32px 0 12px}.article-body h3{font-size:18px;line-height:26px;margin:24px 0 10px}.article-body p,.article-body li,.toc-link,.key-takeaways ul li .takeaway-text{font-size:16px;line-height:24px}.article-body blockquote{padding:20px;margin:24px 0}.article-body blockquote p{font-size:18px;line-height:28px}.sidebar-widget,.author-bio-card,.key-takeaways{padding:20px}.popular-article-item{gap:12px;padding:12px 0}}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
[data-slot="body"] ul,article ul,.article-body ul,.article-content ul,.post-content ul,.content-body ul,.entry-content ul{list-style-type:disc;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ol,article ol,.article-body ol,.article-content ol,.post-content ol,.content-body ol,.entry-content ol{list-style-type:decimal;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ul ul,article ul ul,.article-body ul ul{list-style-type:circle}
[data-slot="body"] ul ul ul,article ul ul ul,.article-body ul ul ul{list-style-type:square}
[data-slot="body"] li,article li,.article-body li,.article-content li,.post-content li,.content-body li,.entry-content li{margin-bottom:4px}
[data-slot="body"] h1,[data-slot="body"] h2,[data-slot="body"] h3,article h1,article h2,article h3,.article-body h1,.article-body h2,.article-body h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3,.content-body h1,.content-body h2,.content-body h3,.entry-content h1,.entry-content h2,.entry-content h3{margin-top:10px!important;margin-bottom:10px!important}
[data-slot="body"] p,article p,.article-body p,.article-content p,.post-content p,.content-body p,.entry-content p{margin-top:10px!important;margin-bottom:10px!important}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}

    .page-body {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      max-width: none;
      overflow-wrap: anywhere;
    }
    .page-body > *:first-child { margin-top: 0; }
    .page-body > *:last-child { margin-bottom: 0; }
    .page-body p {
      margin: 0 0 16px;
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .page-body h2 {
      margin: 40px 0 16px;
      color: #006591;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .page-body h3 {
      margin: 32px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body h4 {
      margin: 24px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }
    .page-body a {
      color: #006591;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      transition: color 0.2s ease;
    }
    .page-body a:hover { color: #004c6e; }
    .page-body blockquote {
      margin: 24px 0;
      padding: 24px;
      border-left: 4px solid #006591;
      border-radius: 0 12px 12px 0;
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body ul,
    .page-body ol {
      margin: 0 0 24px;
      padding-left: 1.25rem;
      color: #3e4850;
    }
    .page-body li {
      margin: 0 0 8px;
      padding-left: 4px;
    }
    .page-body table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border: 1px solid #dee3e9;
      background: #ffffff;
    }
    .page-body th,
    .page-body td {
      padding: 12px 16px;
      border: 1px solid #dee3e9;
      text-align: left;
      vertical-align: top;
    }
    .page-body th {
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .page-body td {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    .page-body figure {
      margin: 32px 0;
      overflow: hidden;
      border-radius: 12px;
      background: #eaeef4;
    }
    .page-body figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .page-body figure figcaption {
      padding: 12px 16px;
      color: #6e7881;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 16px;
    }
    .page-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .page-body iframe {
      width: 100%;
      max-width: 100%;
      min-height: 360px;
      border: none;
      border-radius: 12px;
    }
    .page-body hr {
      margin: 32px 0;
      border: 0;
      border-top: 1px solid #dee3e9;
    }
    .page-body strong {
      color: #171c20;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      .page-body p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
      }
      .page-body h2 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 30px;
      }
      .page-body h3 {
        margin: 24px 0 12px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body h4 {
        font-size: 16px;
        line-height: 24px;
      }
      .page-body blockquote {
        margin: 20px 0;
        padding: 20px 16px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body ul,
      .page-body ol {
        padding-left: 1.125rem;
      }
      .page-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
      .page-body th,
      .page-body td {
        padding: 10px 12px;
      }
      .page-body iframe {
        min-height: 220px;
      }
    }
  
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}

    .page-body {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      max-width: none;
      overflow-wrap: anywhere;
    }
    .page-body > *:first-child { margin-top: 0; }
    .page-body > *:last-child { margin-bottom: 0; }
    .page-body p {
      margin: 0 0 16px;
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .page-body h2 {
      margin: 40px 0 16px;
      color: #006591;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .page-body h3 {
      margin: 32px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body h4 {
      margin: 24px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }
    .page-body a {
      color: #006591;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      transition: color 0.2s ease;
    }
    .page-body a:hover { color: #004c6e; }
    .page-body blockquote {
      margin: 24px 0;
      padding: 24px;
      border-left: 4px solid #006591;
      border-radius: 0 12px 12px 0;
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body ul,
    .page-body ol {
      margin: 0 0 24px;
      padding-left: 1.25rem;
      color: #3e4850;
    }
    .page-body li {
      margin: 0 0 8px;
      padding-left: 4px;
    }
    .page-body table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border: 1px solid #dee3e9;
      background: #ffffff;
    }
    .page-body th,
    .page-body td {
      padding: 12px 16px;
      border: 1px solid #dee3e9;
      text-align: left;
      vertical-align: top;
    }
    .page-body th {
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .page-body td {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    .page-body figure {
      margin: 32px 0;
      overflow: hidden;
      border-radius: 12px;
      background: #eaeef4;
    }
    .page-body figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .page-body figure figcaption {
      padding: 12px 16px;
      color: #6e7881;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 16px;
    }
    .page-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .page-body iframe {
      width: 100%;
      max-width: 100%;
      min-height: 360px;
      border: none;
      border-radius: 12px;
    }
    .page-body hr {
      margin: 32px 0;
      border: 0;
      border-top: 1px solid #dee3e9;
    }
    .page-body strong {
      color: #171c20;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      .page-body p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
      }
      .page-body h2 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 30px;
      }
      .page-body h3 {
        margin: 24px 0 12px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body h4 {
        font-size: 16px;
        line-height: 24px;
      }
      .page-body blockquote {
        margin: 20px 0;
        padding: 20px 16px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body ul,
      .page-body ol {
        padding-left: 1.125rem;
      }
      .page-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
      .page-body th,
      .page-body td {
        padding: 10px 12px;
      }
      .page-body iframe {
        min-height: 220px;
      }
    }
  
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

/* ── Material Design 3 CSS Custom Properties ───────────────────────────── */
:root {
  /* Color roles */
  --color-primary: #006591;
  --color-on-primary: #ffffff;
  --color-primary-container: #c1e8ff;
  --color-on-primary-container: #001e2c;
  --color-secondary: #1d6a3a;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2d7d4e;
  --color-on-secondary-container: #002110;
  --color-tertiary: #7c5800;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #ffdea8;
  --color-surface: #f8fafb;
  --color-surface-dim: #d6e4ea;
  --color-surface-bright: #f8fcff;
  --color-surface-variant: #dde3ea;
  --color-on-surface: #171c20;
  --color-on-surface-variant: #3e4850;
  --color-outline: #6e7881;
  --color-outline-variant: #c1c7ce;
  --color-surface-container: #e0eef6;
  --color-surface-container-low: #ebf2f8;
  --color-inverse-primary: #77d0ff;
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 40px;
  --space-section: 64px;
  --space-margin-desktop: 24px;
  /* Typography scale */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
}
@media (min-width: 1280px) {
  :root { --space-margin-desktop: 48px; }
}

/* ── Color utilities ────────────────────────────────────────────────────── */
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.text-tertiary { color: var(--color-tertiary); }
.text-on-surface { color: var(--color-on-surface); }
.text-on-surface-variant { color: var(--color-on-surface-variant); }
.text-outline { color: var(--color-outline); }
.text-inverse-primary { color: var(--color-inverse-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-secondary-container { background-color: var(--color-secondary-container); }
.bg-surface-dim { background-color: var(--color-surface-dim); }
.bg-surface-variant { background-color: var(--color-surface-variant); }
.bg-surface-container { background-color: var(--color-surface-container); }
.bg-surface-container-low { background-color: var(--color-surface-container-low); }
.bg-primary-container/20 { background-color: rgba(193,232,255,0.2); }
.bg-primary/20 { background-color: rgba(0,101,145,0.2); }
.bg-secondary-fixed/60 { background-color: rgba(29,106,58,0.6); }
.border-surface-variant { border-color: var(--color-surface-variant); }
.border-outline-variant { border-color: var(--color-outline-variant); }
.hover:text-primary:hover { color: var(--color-primary); }

/* ── Typography — font-* (family + weight) ─────────────────────────────── */
.font-display-lg, .font-display-lg-mobile { font-family: var(--font-family-display); font-weight: 800; letter-spacing: -0.025em; }
.font-headline-xl { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.02em; }
.font-headline-md { font-family: var(--font-family-display); font-weight: 700; letter-spacing: -0.01em; }
.font-body-lg, .font-body-md { font-family: var(--font-family-body); font-weight: 400; }
.font-label-md { font-family: var(--font-family-body); font-weight: 600; font-size: 13px; letter-spacing: 0.01em; }
.font-caption { font-family: var(--font-family-body); font-weight: 400; }

/* ── Typography — text-* (size + line-height) ──────────────────────────── */
.text-display-lg { font-size: 3rem; line-height: 1.15; }
.text-display-lg-mobile { font-size: 2rem; line-height: 1.2; }
.text-headline-xl { font-size: 2rem; line-height: 1.2; }
.text-headline-xl-mobile { font-size: 1.5rem; line-height: 1.25; }
.text-headline-md { font-size: 1.25rem; line-height: 1.4; }
.text-body-lg { font-size: 1rem; line-height: 1.6; }
.text-body-md { font-size: 0.9375rem; line-height: 1.55; }
.text-caption { font-size: 0.75rem; line-height: 1.4; }

/* ── Spacing utilities ──────────────────────────────────────────────────── */
.px-margin-desktop { padding-left: var(--space-margin-desktop); padding-right: var(--space-margin-desktop); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.py-section { padding-top: var(--space-section); padding-bottom: var(--space-section); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.p-xl { padding: var(--space-xl); }
.p-lg { padding: var(--space-lg); }
.p-md { padding: var(--space-md); }
.p-sm { padding: var(--space-sm); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-md { padding-bottom: var(--space-md); }
.pb-sm { padding-bottom: var(--space-sm); }
.gap-xxl { gap: var(--space-xxl); }
.gap-xl { gap: var(--space-xl); }
.gap-lg { gap: var(--space-lg); }
.gap-md { gap: var(--space-md); }
.gap-sm { gap: var(--space-sm); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-md { margin-bottom: var(--space-md); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-xs { margin-bottom: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-xl { margin-top: var(--space-xl); }

/* ── Effects ────────────────────────────────────────────────────────────── */
.editorial-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.editorial-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(0,0,0,0.15); }
.diffuse-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.diffused-shadow { box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05); }
.rounded-xxl { border-radius: 28px; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }

/* ── Material Symbols ───────────────────────────────────────────────────── */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* Category badge colors */
.badge-travel, .badge-finance, .badge-lifestyle, .badge-nutrition {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}
.badge-travel    { background-color: #059669; color: #fff; }
.badge-finance   { background-color: #2563eb; color: #fff; }
.badge-lifestyle { background-color: #7c3aed; color: #fff; }
.badge-nutrition { background-color: #ea580c; color: #fff; }

.wb-stretched-link{position:absolute;inset:0;z-index:50;text-decoration:none;color:transparent;background:transparent;cursor:pointer;}.wb-stretched-link::after{content:"";}

    .page-body {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      max-width: none;
      overflow-wrap: anywhere;
    }
    .page-body > *:first-child { margin-top: 0; }
    .page-body > *:last-child { margin-bottom: 0; }
    .page-body p {
      margin: 0 0 16px;
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
    }
    .page-body h2 {
      margin: 40px 0 16px;
      color: #006591;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    .page-body h3 {
      margin: 32px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body h4 {
      margin: 24px 0 12px;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }
    .page-body a {
      color: #006591;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      transition: color 0.2s ease;
    }
    .page-body a:hover { color: #004c6e; }
    .page-body blockquote {
      margin: 24px 0;
      padding: 24px;
      border-left: 4px solid #006591;
      border-radius: 0 12px 12px 0;
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
    }
    .page-body ul,
    .page-body ol {
      margin: 0 0 24px;
      padding-left: 1.25rem;
      color: #3e4850;
    }
    .page-body li {
      margin: 0 0 8px;
      padding-left: 4px;
    }
    .page-body table {
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
      border: 1px solid #dee3e9;
      background: #ffffff;
    }
    .page-body th,
    .page-body td {
      padding: 12px 16px;
      border: 1px solid #dee3e9;
      text-align: left;
      vertical-align: top;
    }
    .page-body th {
      background: #f0f4fa;
      color: #171c20;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .page-body td {
      color: #3e4850;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
    .page-body figure {
      margin: 32px 0;
      overflow: hidden;
      border-radius: 12px;
      background: #eaeef4;
    }
    .page-body figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .page-body figure figcaption {
      padding: 12px 16px;
      color: #6e7881;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 16px;
    }
    .page-body img {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .page-body iframe {
      width: 100%;
      max-width: 100%;
      min-height: 360px;
      border: none;
      border-radius: 12px;
    }
    .page-body hr {
      margin: 32px 0;
      border: 0;
      border-top: 1px solid #dee3e9;
    }
    .page-body strong {
      color: #171c20;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      .page-body p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
      }
      .page-body h2 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 30px;
      }
      .page-body h3 {
        margin: 24px 0 12px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body h4 {
        font-size: 16px;
        line-height: 24px;
      }
      .page-body blockquote {
        margin: 20px 0;
        padding: 20px 16px;
        font-size: 18px;
        line-height: 26px;
      }
      .page-body ul,
      .page-body ol {
        padding-left: 1.125rem;
      }
      .page-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
      }
      .page-body th,
      .page-body td {
        padding: 10px 12px;
      }
      .page-body iframe {
        min-height: 220px;
      }
    }
  
/*ignore it*/
[data-wb-nav-active]{color: var(--color-primary); font-weight: 700;}

[data-slot="body"] ul,article ul,.article-body ul,.article-content ul,.post-content ul,.content-body ul,.entry-content ul{list-style-type:disc;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ol,article ol,.article-body ol,.article-content ol,.post-content ol,.content-body ol,.entry-content ol{list-style-type:decimal;padding-left:1.5em;margin:0 0 1em}
[data-slot="body"] ul ul,article ul ul,.article-body ul ul{list-style-type:circle}
[data-slot="body"] ul ul ul,article ul ul ul,.article-body ul ul ul{list-style-type:square}
[data-slot="body"] li,article li,.article-body li,.article-content li,.post-content li,.content-body li,.entry-content li{margin-bottom:4px}
[data-slot="body"] h1,[data-slot="body"] h2,[data-slot="body"] h3,article h1,article h2,article h3,.article-body h1,.article-body h2,.article-body h3,.article-content h1,.article-content h2,.article-content h3,.post-content h1,.post-content h2,.post-content h3,.content-body h1,.content-body h2,.content-body h3,.entry-content h1,.entry-content h2,.entry-content h3{margin-top:10px!important;margin-bottom:10px!important}
[data-slot="body"] p,article p,.article-body p,.article-content p,.post-content p,.content-body p,.entry-content p{margin-top:10px!important;margin-bottom:10px!important}