/* Styles captured from the current public page; inline event and analytics scripts are excluded. */
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }

.simpletoc.has-simpletoc-box-style,.simpletoc.is-style-boxed{padding:1em 1em .5em}.simpletoc.has-simpletoc-box-style .simpletoc-title,.simpletoc.is-style-boxed .simpletoc-title{font-size:1.6rem;margin:0}:where(.simpletoc.is-style-boxed:not(.has-background)){background-color:#ebebeb}.simpletoc.has-simpletoc-typography .simpletoc-accordion-heading,.simpletoc.has-simpletoc-typography .simpletoc-collapsible,.simpletoc.has-simpletoc-typography .simpletoc-title{font-size:inherit;line-height:inherit}.simpletoc>summary{cursor:pointer}



/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--color--accent-2: var(--accent2);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}


.gb-button-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;clear:both;}.gb-button-wrapper-28c95231{justify-content:flex-end;margin-bottom:2px;margin-left:20px;}.gb-button-wrapper-7f3aae17{margin-bottom:6px;}.gb-button-wrapper-d82799ce{margin-bottom:15px;}.gb-button-wrapper-2c36b775{justify-content:flex-end;}.gb-button-wrapper-a18c1c1d{justify-content:flex-end;}.gb-button-wrapper a.gb-button-aa4fe8ae{display:inline-flex;align-items:center;justify-content:center;text-align:center;margin-right:15px;color:var(--accent);text-decoration:none;}.gb-button-wrapper a.gb-button-aa4fe8ae:hover, .gb-button-wrapper a.gb-button-aa4fe8ae:active, .gb-button-wrapper a.gb-button-aa4fe8ae:focus{color:var(--accent);}.gb-button-wrapper a.gb-button-aa4fe8ae .gb-icon{font-size:1.2em;line-height:0;}.gb-button-wrapper a.gb-button-aa4fe8ae .gb-icon svg{height:1em;width:1em;fill:currentColor;}.gb-button-wrapper a.gb-button-ddfa8ca7{display:inline-flex;align-items:center;justify-content:center;text-align:center;color:var(--accent);text-decoration:none;}.gb-button-wrapper a.gb-button-ddfa8ca7:hover, .gb-button-wrapper a.gb-button-ddfa8ca7:active, .gb-button-wrapper a.gb-button-ddfa8ca7:focus{color:var(--accent);}.gb-button-wrapper a.gb-button-ddfa8ca7 .gb-icon{font-size:1.2em;line-height:0;}.gb-button-wrapper a.gb-button-ddfa8ca7 .gb-icon svg{height:1em;width:1em;fill:currentColor;}.gb-button-wrapper a.gb-button-dc32ec2f, .gb-button-wrapper a.gb-button-dc32ec2f:visited{font-family:Inter, sans-serif;font-size:12px;letter-spacing:0.1em;font-weight:700;text-transform:uppercase;padding:4px 10px;margin-right:6px;background-color:var(--accent);color:#ffffff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.gb-button-wrapper a.gb-button-dc32ec2f:hover, .gb-button-wrapper a.gb-button-dc32ec2f:active, .gb-button-wrapper a.gb-button-dc32ec2f:focus{background-color:rgba(116, 90, 204, 0.9);color:#ffffff;}.gb-button-wrapper a.gb-button-84c9a956{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;}.gb-button-wrapper a.gb-button-18e01320{display:inline-flex;align-items:center;justify-content:center;text-align:center;margin-right:20px;color:var(--base-3);text-decoration:none;}.gb-button-wrapper a.gb-button-18e01320:hover, .gb-button-wrapper a.gb-button-18e01320:active, .gb-button-wrapper a.gb-button-18e01320:focus{color:var(--base-2);}.gb-button-wrapper a.gb-button-18e01320 .gb-icon{font-size:1em;line-height:0;}.gb-button-wrapper a.gb-button-18e01320 .gb-icon svg{height:1em;width:1em;fill:currentColor;}.gb-button-wrapper a.gb-button-b3eff93c{display:inline-flex;align-items:center;justify-content:center;text-align:center;color:var(--base-3);text-decoration:none;}.gb-button-wrapper a.gb-button-b3eff93c:hover, .gb-button-wrapper a.gb-button-b3eff93c:active, .gb-button-wrapper a.gb-button-b3eff93c:focus{color:var(--base-2);}.gb-button-wrapper a.gb-button-b3eff93c .gb-icon{font-size:1em;line-height:0;}.gb-button-wrapper a.gb-button-b3eff93c .gb-icon svg{height:1em;width:1em;fill:currentColor;}.gb-button-wrapper a.gb-button-67824a07{display:inline-flex;align-items:center;justify-content:center;font-size:17px;text-align:center;padding:0;margin-right:20px;color:var(--base-3);text-decoration:none;}.gb-button-wrapper a.gb-button-67824a07:hover, .gb-button-wrapper a.gb-button-67824a07:active, .gb-button-wrapper a.gb-button-67824a07:focus{color:var(--base-2);}.gb-button-wrapper a.gb-button-3a21bace{display:inline-flex;align-items:center;justify-content:center;font-size:17px;text-align:center;padding:0;color:var(--base-3);text-decoration:none;}.gb-button-wrapper a.gb-button-3a21bace:hover, .gb-button-wrapper a.gb-button-3a21bace:active, .gb-button-wrapper a.gb-button-3a21bace:focus{color:var(--base-2);}.gb-container-125694d9{margin-right:32px;margin-left:32px;background-image:url(/wp-content/uploads/2026/09/types-of-backpacks-pexels-9629915.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;}.gb-container-125694d9 > .gb-inside-container{padding-top:140px;padding-bottom:140px;}.gb-grid-wrapper > .gb-grid-column-125694d9{width:100%;}.gb-grid-wrapper > .gb-grid-column-125694d9 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-125694d9.gb-has-dynamic-bg{background-image:var(--background-url);}.gb-container-125694d9.gb-no-dynamic-bg{background-image:none;}.gb-container-adc36e4b{text-align:left;background-color:var(--base-3);}.gb-container-adc36e4b > .gb-inside-container{padding:40px 20px 30px 30px;}.gb-grid-wrapper > .gb-grid-column-adc36e4b{width:50%;}.gb-grid-wrapper > .gb-grid-column-adc36e4b > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-6281de8b > .gb-inside-container{padding:16px 32px 24px;max-width:1200px;margin-left:auto;margin-right:auto;}.gb-grid-wrapper > .gb-grid-column-6281de8b > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-a623c943 > .gb-inside-container{padding:80px 30px 76px;max-width:1200px;margin-left:auto;margin-right:auto;}.gb-grid-wrapper > .gb-grid-column-a623c943 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-grid-wrapper > .gb-grid-column-c9323717{width:30%;}.gb-grid-wrapper > .gb-grid-column-c9323717 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-grid-wrapper > .gb-grid-column-57d93f5e{width:70%;}.gb-grid-wrapper > .gb-grid-column-57d93f5e > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-215ca2b7{margin-top:30px;margin-right:30px;margin-bottom:0px;position:relative;z-index:10;}.gb-grid-wrapper > .gb-grid-column-215ca2b7 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-85529cf0{margin-top:-60px;background-color:var(--contrast);color:var(--base-3);}.gb-container-85529cf0 > .gb-inside-container{padding:120px 30px 100px;max-width:1200px;margin-left:auto;margin-right:auto;}.gb-grid-wrapper > .gb-grid-column-85529cf0 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-4effdea4 > .gb-inside-container{padding:0;}.gb-grid-wrapper > .gb-grid-column-4effdea4{width:40%;}.gb-grid-wrapper > .gb-grid-column-4effdea4 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-5b6e61a7 > .gb-inside-container{padding:0;}.gb-grid-wrapper > .gb-grid-column-5b6e61a7{width:60%;}.gb-grid-wrapper > .gb-grid-column-5b6e61a7 > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-c6dbdadd{margin-top:60px;border-top:1px solid rgba(255, 255, 255, 0.3);}.gb-container-c6dbdadd > .gb-inside-container{padding:60px 0 0;max-width:1200px;margin-left:auto;margin-right:auto;}.gb-grid-wrapper > .gb-grid-column-c6dbdadd > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-7a90a28f > .gb-inside-container{padding:0;}.gb-grid-wrapper > .gb-grid-column-7a90a28f{width:50%;}.gb-grid-wrapper > .gb-grid-column-7a90a28f > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-container-1cc69e8f > .gb-inside-container{padding:0;}.gb-grid-wrapper > .gb-grid-column-1cc69e8f{width:50%;}.gb-grid-wrapper > .gb-grid-column-1cc69e8f > .gb-container{display:flex;flex-direction:column;height:100%;}.gb-grid-wrapper-a74e5c66{display:flex;flex-wrap:wrap;}.gb-grid-wrapper-a74e5c66 > .gb-grid-column{box-sizing:border-box;}.gb-grid-wrapper-8e32581e{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-left:-60px;}.gb-grid-wrapper-8e32581e > .gb-grid-column{box-sizing:border-box;padding-left:60px;}.gb-grid-wrapper-214e14b1{display:flex;flex-wrap:wrap;align-items:center;}.gb-grid-wrapper-214e14b1 > .gb-grid-column{box-sizing:border-box;}.gb-grid-wrapper-49f321fa{display:flex;flex-wrap:wrap;margin-left:-30px;}.gb-grid-wrapper-49f321fa > .gb-grid-column{box-sizing:border-box;padding-left:30px;}div.gb-headline-7eabb7d1{font-size:18px;margin-bottom:10px;margin-left:3px;color:var(--accent);}h2.gb-headline-e5c67e11{font-size:48px;line-height:1.1em;margin-bottom:4px;}div.gb-headline-f429a5b4{font-size:18px;margin-top:25px;margin-bottom:4px;margin-left:32px;}h2.gb-headline-defec528{margin-top:16px;margin-bottom:12px;}div.gb-headline-72c30961{margin-bottom:16px;}h1.gb-headline-8f078c64{font-size:54px;line-height:1em;margin-bottom:0px;}h2.gb-headline-6eab0dca{display:flex;align-items:center;margin-bottom:0px;}h2.gb-headline-6eab0dca .gb-icon{line-height:0;color:var(--accent);padding-right:0.4em;}h2.gb-headline-6eab0dca .gb-icon svg{width:3.2em;height:3.2em;fill:currentColor;}h2.gb-headline-63d5de93{display:flex;align-items:center;justify-content:flex-end;text-align:right;margin-bottom:0px;}h2.gb-headline-63d5de93 .gb-icon{line-height:0;color:var(--accent);}h2.gb-headline-63d5de93 .gb-icon svg{width:120px;height:120px;fill:currentColor;}p.gb-headline-29bd7637{font-size:17px;color:var(--base-3);}@media (max-width: 1024px) {.gb-button-wrapper-2c36b775{justify-content:flex-start;}.gb-grid-wrapper > .gb-grid-column-adc36e4b{width:66.66%;}.gb-grid-wrapper > .gb-grid-column-c9323717{width:100%;}.gb-grid-wrapper > .gb-grid-column-57d93f5e{width:100%;}.gb-container-85529cf0 > .gb-inside-container{padding:120px 60px;}.gb-grid-wrapper > .gb-grid-column-4effdea4{width:100%;}.gb-grid-wrapper > .gb-grid-column-5b6e61a7{width:50%;}.gb-grid-wrapper-8e32581e > .gb-grid-column{padding-bottom:30px;}.gb-grid-wrapper-214e14b1 > .gb-grid-column{padding-bottom:60px;}}@media (max-width: 1024px) and (min-width: 768px) {.gb-button-wrapper-d82799ce{flex-direction:column;}.gb-grid-wrapper > div.gb-grid-column-57d93f5e{padding-bottom:0;}.gb-grid-wrapper > div.gb-grid-column-5b6e61a7{padding-bottom:0;}}@media (max-width: 767px) {.gb-button-wrapper-d82799ce{flex-direction:column;}.gb-button-wrapper-2c36b775{justify-content:flex-start;}.gb-button-wrapper-a18c1c1d{justify-content:flex-start;}.gb-container-125694d9 > .gb-inside-container{padding-top:100px;padding-bottom:100px;}.gb-grid-wrapper > .gb-grid-column-125694d9{width:100%;}.gb-grid-wrapper > .gb-grid-column-adc36e4b{width:75%;}.gb-grid-wrapper > .gb-grid-column-c9323717{width:100%;}.gb-grid-wrapper > .gb-grid-column-57d93f5e{width:100%;}.gb-grid-wrapper > div.gb-grid-column-57d93f5e{padding-bottom:0;}.gb-container-85529cf0 > .gb-inside-container{padding:100px 40px;}.gb-grid-wrapper > .gb-grid-column-4effdea4{width:100%;}.gb-grid-wrapper > .gb-grid-column-5b6e61a7{width:100%;}.gb-grid-wrapper > div.gb-grid-column-5b6e61a7{padding-bottom:0;}.gb-container-7a90a28f{text-align:left;}.gb-grid-wrapper > .gb-grid-column-7a90a28f{width:100%;}.gb-grid-wrapper > .gb-grid-column-1cc69e8f{width:100%;}.gb-grid-wrapper > div.gb-grid-column-1cc69e8f{padding-bottom:0;}h2.gb-headline-e5c67e11{font-size:36px;}h1.gb-headline-8f078c64{font-size:48px;}}:root{--gb-container-width:1200px;}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.gb-shape{line-height:0;}

.entry-content .tbe-article h2,
.entry-content .tbe-article h3 { font-family: Fraunces, Georgia, serif !important; }

/* Added 2026-08-16. The article template repeats its Inter heading rule in a
   style block that loads after the site header, at the same specificity as the
   earlier override, so source order decided it. H1 already flipped; H2 and H3
   needed the extra weight. H4 stays on Inter on purpose. */
/* TBE article headings in Fraunces, 2026-08-16.
   The article template sets its own heading font, .tbe-article h1 to h4 on
   Inter, which is more specific than the Customizer H1 to H3 setting, so
   in-article headings stayed on Inter after the typography change. This
   overrides it for H1 to H3 only and leaves .tbe-article h4 on Inter. */
.tbe-article h1,
.tbe-article h2,
.tbe-article h3 { font-family: Fraunces, Georgia, serif; }
/* TBE specificity corrections, 2026-08-16.
   Three rules from the engagement pass snippet lost to existing site CSS that
   is either more specific or declared later. Each selector below is the
   minimum weight that wins, measured against the rendered page. */

/* Fraunces on H1 to H3. GeneratePress prints its All Headings rule after the
   per-heading rules, so h2 alone lost to h1,h2,h3,h4,h5,h6. H4 stays on Inter
   deliberately, which is why this is not a blanket heading selector. */
body h1, body h2, body h3 { font-family: Fraunces, Georgia, serif; }

/* Strengths and weaknesses panels. The green and red per-column tints are
   declared later at equal specificity, so the parent selector is needed. */
.tbe-evaluation .tbe-eval-col.pros,
.tbe-evaluation .tbe-eval-col.cons { background: #fffaf3; }
.tbe-evaluation .tbe-eval-col.cons { border-left: 1px solid rgba(26,26,26,.10); }
@media (max-width: 700px) {
  .tbe-evaluation .tbe-eval-col.cons { border-left: 0; border-top: 1px solid rgba(26,26,26,.10); }
}

/* The Updated line. The site styles it only as a direct child of
   .entry-content, and the line sits inside .tbe-article, so that rule never
   matched and the paragraph styling of .tbe-article was winning. */
.entry-content .tbe-updated-note {
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px !important;
  line-height: 1.5;
  color: #666;
  margin: 0 0 1em;
}
.entry-content .tbe-updated-note em { font-style: normal; }
/* TBE engagement pass 2026-08-16. Added as a new WPCode CSS snippet rather
   than appended to snippet 3824, which had a pending edit at the time. */

/* Neutralize the green/red tints on the strengths and weaknesses panels.
   Palette: cream #faf6f0 / #fffaf3, ink #1a1a1a. The pros/cons glyphs keep
   carrying the meaning; the panels stop being the one off-palette module. */
.tbe-eval-col.pros, .tbe-eval-col.cons { background: #fffaf3; }
.tbe-evaluation { border: 1px solid rgba(26,26,26,.10); box-shadow: none; }
.tbe-eval-col.cons { border-left: 1px solid rgba(26,26,26,.10); }
.tbe-eval-label { color: #1a1a1a !important; }
@media (max-width: 700px) {
  .tbe-eval-col.cons { border-left: 0; border-top: 1px solid rgba(26,26,26,.10); }
}

/* The methodology link gets the underline body links already carry. */
.gb-headline-text a { text-decoration: underline; text-underline-offset: 2px; }

/* Frame in-body photos the way the hero already is framed. */
.entry-content .wp-block-image img {
  border-radius: 12px;
  border: 1px solid rgba(26,26,26,.08);
  box-shadow: 0 18px 38px rgba(26,26,26,.055);
}

/* Cap the rendered hero height (677px today, first sentence at 1,457px). */
.single-post .featured-image.page-header-image-single img {
  max-height: 420px;
  width: 100%;
  object-fit: cover;
}

/* Nav in Fraunces once the font loads (H1-H3 come from the GP typography
   setting; every tbe- card class already declares Fraunces and lights up
   by itself). */
.main-navigation a { font-family: Fraunces, Georgia, serif; }
body.page-id-2242 .inside-article{max-width:1120px;margin-left:auto;margin-right:auto}body.page-id-2242 .tbe-about{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:20px;line-height:30px;color:#222}body.page-id-2242 .tbe-about__display{font-family:Fraunces,Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.02em;color:#1a1a1a;margin:8px 0 28px;max-width:16ch}body.page-id-2242 .tbe-about__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr);gap:clamp(24px,4vw,56px);align-items:end;margin:0 0 48px}body.page-id-2242 .tbe-about__lede p{margin:0 0 18px;max-width:38em}body.page-id-2242 .tbe-about__lede p:last-child{margin-bottom:0}body.page-id-2242 .tbe-about__trail,body.page-id-2242 .tbe-about__face{margin:0}body.page-id-2242 .tbe-about__trail img,body.page-id-2242 .tbe-about__face img{display:block;width:100%;height:auto}body.page-id-2242 .tbe-about__band{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:36px 0 8px;border-top:1px solid #e8e2d8}body.page-id-2242 .tbe-about__band h2{font-family:Fraunces,Georgia,serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#b89a6f;margin:0}body.page-id-2242 .tbe-about__prose p{margin:0 0 18px;max-width:40em}body.page-id-2242 .tbe-about__prose p:last-child{margin-bottom:0}body.page-id-2242 .tbe-about__list{list-style:none;padding:0;margin:10px 0 18px}body.page-id-2242 .tbe-about__list li{padding:14px 0;border-top:1px solid #e8e2d8;max-width:42em}body.page-id-2242 .tbe-about__list strong{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:600}body.page-id-2242 .tbe-about__close{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:center;padding:48px 0 24px;border-top:1px solid #e8e2d8;margin-top:28px}body.page-id-2242 .tbe-about__mail{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(24px,3vw,36px);color:#1a1a1a;text-decoration:none}body.page-id-2242 .tbe-about__mail:hover{color:#e27844}@media (max-width:780px){body.page-id-2242 .tbe-about__hero,body.page-id-2242 .tbe-about__band,body.page-id-2242 .tbe-about__close{grid-template-columns:1fr;gap:20px}body.page-id-2242 .tbe-about__trail{max-width:320px}body.page-id-2242 .tbe-about__face{max-width:280px}body.page-id-2242 .tbe-about__display{max-width:none}}
/* ============================================================
   TBE compare block: make the three spec columns visible
   at the real article width. 2026-08-05.

   Problem: .tbe-table__spec is display:none by default and only
   unhides inside @container (min-width:860px). The measured
   article column is 740px on desktop and 342px on mobile, so the
   specs never render for any reader.

   Fix: restack rather than shrink. Spec values are prose
   ("German Makrolon", "360 dual spinner"), not short numerals,
   so three extra columns cannot fit in 740px. Below 860px the
   specs move to their own aligned band under the product name.

   Every selector is prefixed with .tbe-table-wrap so this file
   outranks the snippet CSS regardless of load order (WPCode CSS
   snippets print before the product-card snippet's <style>).
   ============================================================ */

/* ---------- Tier B: 520px to 859px container (the live 740px case) ---------- */
@container (min-width:520px) and (max-width:859.98px){

  .tbe-table-wrap .tbe-table-row,
  .tbe-table-wrap .tbe-table-row--header{
    grid-template-columns:30px 58px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 78px;
    grid-template-areas:
      "medal img name  name  name  price"
      "medal img spec1 spec2 spec3 price";
    column-gap:14px;
    row-gap:8px;
  }

  /* header cells: place every span explicitly, no auto-placement luck */
  .tbe-table-wrap .tbe-table-row--header span:nth-child(1){grid-area:medal;display:block}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(2){display:none}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(3){grid-area:name}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(4){grid-area:spec1;display:block}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(5){grid-area:spec2;display:block}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(6){grid-area:spec3;display:block}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(7){grid-area:price}

  /* spec labels sit above their values, so left align and let them wrap */
  .tbe-table-wrap .tbe-table-row--header span:nth-child(4),
  .tbe-table-wrap .tbe-table-row--header span:nth-child(5),
  .tbe-table-wrap .tbe-table-row--header span:nth-child(6){
    text-align:left;
    white-space:normal;
    font-size:9px;
    letter-spacing:.9px;
    line-height:1.25;
  }

  .tbe-table-wrap .tbe-table__spec{
    display:block;
    text-align:left;
    font-size:11px;
    line-height:1.35;
  }
  .tbe-table-wrap .tbe-table__spec strong{
    display:inline;
    font-size:13px;
    line-height:1.35;
    margin:0 .32em 0 0;
  }
  .tbe-table-wrap .tbe-table__spec:nth-child(4){grid-area:spec1}
  .tbe-table-wrap .tbe-table__spec:nth-child(5){grid-area:spec2}
  .tbe-table-wrap .tbe-table__spec:nth-child(6){grid-area:spec3}

  /* name sits on the top row, spec band underneath, so top align the text
     and keep the fixed-size cells optically centred against the pair */
  .tbe-table-wrap .tbe-table-row,
  .tbe-table-wrap .tbe-table-row--header{align-items:start}
  .tbe-table-wrap .tbe-table__medal,
  .tbe-table-wrap .tbe-table__img-cell,
  .tbe-table-wrap .tbe-table__cta-cell{align-self:center}
}

/* ---------- Tier A: below 520px container (phones) ---------- */
@container (max-width:519.98px){

  /* Grid areas cannot give three siblings one shared band at this width,
     so switch to flex and let the spec strip wrap onto its own line.
     This also neutralises the old @media(max-width:520px) !important
     grid declarations, which are inert once display is flex. */
  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header){
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    column-gap:12px;
    row-gap:9px;
    padding:15px 14px;
  }
  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__medal{flex:0 0 30px}
  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__img-cell{flex:0 0 62px}
  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__name{flex:1 1 140px;min-width:0}

  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__spec{
    display:block;
    flex:1 1 0;
    min-width:74px;
    text-align:left;
    font-size:10px;
    line-height:1.3;
    color:#7d7168;
  }
  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__spec strong{
    display:inline;
    font-size:12px;
    line-height:1.3;
    margin:0 .3em 0 0;
  }

  .tbe-table-wrap .tbe-table-row:not(.tbe-table-row--header) .tbe-table__cta-cell{
    flex:1 1 100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    padding-top:2px;
    border-top:1px solid rgba(26,26,26,.06);
  }
}

/* ---------- Tier C: 860px and up, unchanged behaviour, restated
     at this file's specificity so the wide layout still wins ---------- */
@container (min-width:860px){
  .tbe-table-wrap .tbe-table-row,
  .tbe-table-wrap .tbe-table-row--header{
    grid-template-columns:40px 76px 1fr 78px 78px 96px auto;
    grid-template-areas:"medal img name spec1 spec2 spec3 price";
    column-gap:18px;
    row-gap:4px;
    align-items:center;
    padding:18px 24px;
  }
  .tbe-table-wrap .tbe-table__spec{display:block;text-align:center;font-size:11px}
  .tbe-table-wrap .tbe-table__spec strong{font-size:16px;margin-bottom:2px}
  .tbe-table-wrap .tbe-table__spec:nth-child(4){grid-area:spec1}
  .tbe-table-wrap .tbe-table__spec:nth-child(5){grid-area:spec2}
  .tbe-table-wrap .tbe-table__spec:nth-child(6){grid-area:spec3}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(1){grid-area:medal;display:block}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(2){display:none}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(3){grid-area:name}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(4){grid-area:spec1;display:block;text-align:center}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(5){grid-area:spec2;display:block;text-align:center}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(6){grid-area:spec3;display:block;text-align:center}
  .tbe-table-wrap .tbe-table-row--header span:nth-child(7){grid-area:price;text-align:right}
}

/* TBE mobile homepage hero optimization - 2026-04-26 */
@media (max-width: 768px) {
  .home .gb-container-125694d9.gb-has-dynamic-bg {
    background-image: url("/wp-content/uploads/2026/04/mens-sling-bag-style-hero-mobile-768.webp") !important;
  }
}

.tbe-pick p:empty, .tbe-pick-info p:empty, .tbe-take p:empty,
.tbe-card p:empty, .tbe-card-body p:empty, .tbe-card-footer p:empty,
.tbe-evaluation p:empty, .tbe-article > p:empty,
.tbe-pick p:blank, .tbe-pick-info p:blank, .tbe-take p:blank { display: none !important; margin: 0 !important; padding: 0 !important; }
.tbe-article { font-family: "Frank Ruhl Libre", serif; font-size: 20px; line-height: 30px; color: #222; max-width: 820px; }
.tbe-article h1, .tbe-article h2, .tbe-article h3, .tbe-article h4 { font-family: "Inter", sans-serif; font-weight: 800; }
.tbe-article h1 { font-size: 36px; line-height: 1.2; margin-bottom: 16px; }
.tbe-article h2 { font-size: 28px; margin: 48px 0 20px; }
.tbe-article h3 { font-size: 22px; margin: 32px 0 12px; }
.tbe-article p { margin-bottom: 20px; }
.tbe-article a { color: #e27844; text-decoration: none; }
.tbe-article a:hover { text-decoration: underline; }
.tbe-article hr { margin: 48px 0; border: none; border-top: 1px solid #eee; }
.tbe-article strong { font-weight: 700; }
.tbe-disclosure { font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.6; color: #888; font-style: italic; margin-bottom: 28px; }
.tbe-picks { margin: 24px 0 48px; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.tbe-pick { display: flex; align-items: center; gap: 16px; padding: 18px 24px; border-bottom: 1px solid #f2f2f2; transition: background 0.15s ease; }
.tbe-pick:last-child { border-bottom: none; }
.tbe-pick:hover { background: #fdf9f7; }
.tbe-pick-top { background: #fef7f2; padding: 22px 24px; position: relative; }
.tbe-pick-top:hover { background: #fdf0e8; }
.tbe-pick-top .tbe-pick-info::before { content: "OUR TOP PICK"; display: block; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 1.5px; color: #e27844; margin-bottom: 2px; }
.tbe-pick-rank { flex-shrink: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; font-family: "Inter", sans-serif; font-weight: 800; font-size: 15px; color: #bbb; background: #f5f5f5; border-radius: 50%; }
.tbe-pick-top .tbe-pick-rank { background: #e27844; color: #fff; box-shadow: 0 2px 8px rgba(226,120,68,0.3); }
.tbe-pick-thumb { flex-shrink: 0; width: 100px;
  height: 100px;
  border-radius: 10px;
  object-fit: contain;
  background: #fff;
  padding: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.tbe-pick-info { flex: 1; min-width: 0; }
.tbe-pick-name { font-family: "Inter", sans-serif; font-weight: 700; font-size: 15px; color: #222; display: inline; margin-right: 8px; }
.tbe-pick-meta { font-family: "Inter", sans-serif; font-size: 13px; color: #999; margin-top: 3px; line-height: 1.4; }
.prod-tag, .tbe-card-tag { display: inline-block; font-family: "Inter", sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; padding: 2px 8px; border-radius: 3px; vertical-align: middle; }
.tag-pick { background: #e27844; color: #fff; }
.tag-value { background: #fef0e7; color: #c45a20; }
.tag-budget { background: #e8f5e9; color: #2e7d32; }
.tag-viral { background: #e8eaf6; color: #3949ab; }
.entry-content .btn-pick,.entry-content .btn-pick:link,.entry-content .btn-pick:visited,.entry-content a.btn-pick { flex-shrink: 0; display: inline-block; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; color: #fff !important; background: #e27844 !important; padding: 10px 24px !important; border-radius: 6px !important; border: none !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(226,120,68,0.25); transition: all 0.2s; white-space: nowrap; line-height: 1.4; }
.entry-content .btn-pick:hover { background: #c45a20 !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(226,120,68,0.35); transform: translateY(-1px); }
.entry-content .btn-pick::after { content: " \2192"; }
.entry-content .btn-amazon-lg,.entry-content .btn-amazon-lg:link,.entry-content .btn-amazon-lg:visited,.entry-content a.btn-amazon-lg { display: inline-block !important; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; color: #fff !important; background: #e27844 !important; padding: 10px 22px !important; border-radius: 6px !important; border: none !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(226,120,68,0.25); transition: all 0.2s; line-height: 1.3; white-space: nowrap; }
.entry-content .btn-amazon-lg:hover { background: #c45a20 !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(226,120,68,0.4); transform: translateY(-1px); }
.entry-content .btn-amazon-lg::after { content: " \2192"; }
.btn-pick svg, .btn-amazon-lg svg, .btn-price svg { display: none; }
.tbe-card { display: grid; grid-template-columns: 170px 1fr; gap: 0; margin: 28px 0; background: #faf8f6; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.06); transition: box-shadow 0.2s; }
.tbe-card:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.1); }
.tbe-card-img { background: #fff; display: flex; align-items: center; justify-content: center; padding: 20px; position: relative; }
.tbe-card-img img { max-width: 130px; max-height: 160px; object-fit: contain; }
.tbe-card-img .img-placeholder { width: 130px; height: 160px; background: linear-gradient(135deg, #f5f0ed 0%, #ede6e0 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-family: "Inter", sans-serif; font-size: 11px; color: #bbb; text-align: center; }
.tbe-card-rank { position: absolute; top: 12px; left: 12px; width: 28px; height: 28px; background: #222; color: #fff; font-family: "Inter", sans-serif; font-weight: 800; font-size: 13px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.tbe-card-body { padding: 22px 24px 20px; display: flex; flex-direction: column; }
.tbe-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.tbe-card-title { font-family: "Inter", sans-serif; font-weight: 800; font-size: 18px; line-height: 1.25; color: #222; }
.tbe-card-tag { flex-shrink: 0; padding: 3px 9px; border-radius: 3px; }
.tbe-card-specs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.spec-pill { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; color: #555; background: #fff; padding: 4px 10px; border-radius: 20px; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.spec-pill strong { color: #222; margin-right: 3px; }
.tbe-card-excerpt { font-family: "Frank Ruhl Libre", serif; font-size: 16px; line-height: 25px; color: #444; flex-grow: 1; margin-bottom: 16px; }
.tbe-card-footer { display: flex; align-items: center; gap: 16px; }
.review-count { font-family: "Inter", sans-serif; font-size: 13px; color: #888; }
.review-count .stars { color: #e27844; font-size: 14px; letter-spacing: 1px; }
.tbe-evaluation { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 0 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
.tbe-eval-col { padding: 20px 24px; }
.tbe-eval-col.pros { background: #f4faf4; }
.tbe-eval-col.cons { background: #fdf5f3; }
.tbe-eval-label { font-family: "Inter", sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
.pros .tbe-eval-label { color: #2e7d32; }
.cons .tbe-eval-label { color: #c62828; }
.tbe-eval-col ul { list-style: none; padding: 0; margin: 0; }
.tbe-eval-col li { font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.5; padding: 5px 0 5px 22px; position: relative; color: #444; }
.pros li::before { content: ""; position: absolute; left: 0; top: 11px; width: 12px; height: 12px; background: #4caf50; border-radius: 50%; opacity: 0.7; }
.cons li::before { content: ""; position: absolute; left: 0; top: 11px; width: 12px; height: 12px; background: #ef5350; border-radius: 3px; opacity: 0.7; }
.tbe-take { padding: 24px 28px; margin: 0 0 48px; background: #fdf9f7; border-radius: 8px; position: relative; }
.tbe-take::before { content: "\201C"; position: absolute; top: -8px; left: 18px; font-family: "Inter", sans-serif; font-size: 64px; font-weight: 800; color: #e27844; opacity: 0.15; line-height: 1; }
.tbe-take-label { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #e27844; margin-bottom: 10px; }
.tbe-take p { font-size: 17px; line-height: 27px; color: #444; margin-bottom: 0; position: relative; z-index: 1; }
.tbe-faq { margin: 48px 0; }
.tbe-faq h3 { font-size: 20px; margin: 28px 0 10px; color: #222; }
.tbe-faq p { font-size: 18px; line-height: 28px; }
@media (max-width: 680px) { .tbe-card { grid-template-columns: 1fr; } .tbe-card-img { padding: 16px; } .tbe-card-img .img-placeholder { width: 100px; height: 120px; } .tbe-evaluation { grid-template-columns: 1fr; } .tbe-card-header { flex-direction: column; } .tbe-article { font-size: 18px; line-height: 28px; } .tbe-pick { flex-wrap: wrap; padding: 14px 16px; gap: 10px; } .tbe-pick-top::before { left: 16px; } .entry-content .btn-pick { width: 100%; text-align: center; } .tbe-picks { border-radius: 8px; } }

/* TBE airline baggage allowance comparison — 2026-09-09 */
#tbe-fare-allowances {
  --tbe-fare-bg: #0c0b09;
  --tbe-fare-ink: #f4eee4;
  --tbe-fare-muted: #c5bcaf;
  --tbe-fare-paper: #171410;
  --tbe-fare-cream: #13110e;
  --tbe-fare-line: #443a2d;
  --tbe-fare-gold: #d6b574;
  --tbe-fare-gold-hover: #efd08f;
  width: 100%;
  max-width: 680px;
  color: var(--tbe-fare-ink);
  background: var(--tbe-fare-bg);
  color-scheme: dark;
  font-family: Inter, system-ui, sans-serif;
  line-height: 1.55;
}

#tbe-fare-allowances,
#tbe-fare-allowances * {
  box-sizing: border-box;
}

#tbe-fare-allowances [hidden] {
  display: none !important;
}

#tbe-fare-allowances p,
#tbe-fare-allowances dd,
#tbe-fare-allowances li,
#tbe-fare-allowances h2,
#tbe-fare-allowances h3,
#tbe-fare-allowances summary,
#tbe-fare-allowances a {
  overflow-wrap: anywhere;
}

#tbe-fare-allowances p,
#tbe-fare-allowances dd,
#tbe-fare-allowances li {
  color: inherit;
}

#tbe-fare-allowances a {
  color: var(--tbe-fare-gold);
  text-decoration-thickness: .08em;
  text-underline-offset: .16em;
}

#tbe-fare-allowances a:hover {
  color: var(--tbe-fare-gold-hover);
}

#tbe-fare-allowances a:focus-visible,
#tbe-fare-allowances button:focus-visible,
#tbe-fare-allowances input:focus-visible,
#tbe-fare-allowances select:focus-visible,
#tbe-fare-allowances summary:focus-visible {
  outline: 3px solid var(--tbe-fare-gold-hover);
  outline-offset: 3px;
}

#tbe-fare-allowances .tbe-fare-intro {
  margin: 0 0 28px;
  padding: 24px;
  background: var(--tbe-fare-cream);
  border: 1px solid var(--tbe-fare-line);
  border-radius: 10px;
}

#tbe-fare-allowances .tbe-fare-intro p {
  margin: 0 0 14px;
}

#tbe-fare-allowances .tbe-fare-intro p:last-child {
  margin-bottom: 0;
}

#tbe-fare-allowances .tbe-fare-downloads {
  padding-top: 14px;
  border-top: 1px solid var(--tbe-fare-line);
}

#tbe-fare-allowances .tbe-fare-filters {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: end;
  margin: 0 0 14px;
  padding: 18px;
  background: var(--tbe-fare-paper);
  border: 1px solid var(--tbe-fare-line);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
}

#tbe-fare-allowances .tbe-fare-filters label {
  display: block;
  margin: 0 0 6px;
  color: var(--tbe-fare-muted);
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .045em;
  text-transform: uppercase;
}

#tbe-fare-allowances .tbe-fare-filters input,
#tbe-fare-allowances .tbe-fare-filters select,
#tbe-fare-allowances .tbe-fare-filters button {
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 10px 12px;
  color: var(--tbe-fare-ink);
  background: #0f0d0b;
  border: 1px solid #655641;
  border-radius: 7px;
  font: inherit;
}

#tbe-fare-allowances .tbe-fare-filters button {
  grid-column: 1 / -1;
  width: max-content;
  min-width: 138px;
  color: var(--tbe-fare-bg);
  background: var(--tbe-fare-gold);
  border-color: var(--tbe-fare-gold);
  cursor: pointer;
  font-weight: 700;
}

#tbe-fare-allowances .tbe-fare-filters button:hover {
  background: var(--tbe-fare-gold-hover);
  border-color: var(--tbe-fare-gold-hover);
}

#tbe-fare-allowances .tbe-fare-status {
  margin: 0 0 12px;
  color: var(--tbe-fare-muted);
  font-size: .92rem;
}

#tbe-fare-allowances .tbe-fare-list {
  border-top: 1px solid var(--tbe-fare-line);
}

#tbe-fare-allowances .tbe-fare-comparison-intro {
  margin: 32px 0 18px;
}

#tbe-fare-allowances .tbe-fare-comparison-intro h2 {
  margin: 0 0 8px;
  color: var(--tbe-fare-ink);
  font-family: Fraunces, Georgia, serif;
  font-size: clamp(1.6rem, 5vw, 2rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
}

#tbe-fare-allowances .tbe-fare-comparison-intro p {
  max-width: 66ch;
  margin: 0;
  color: var(--tbe-fare-muted);
}

#tbe-fare-allowances .tbe-fare-row {
  margin: 0;
  padding: 24px 0;
  border-bottom: 1px solid var(--tbe-fare-line);
}

#tbe-fare-allowances .tbe-fare-row__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  align-items: baseline;
  margin: 0 0 16px;
}

#tbe-fare-allowances .tbe-fare-row__header h2 {
  margin: 0;
  color: var(--tbe-fare-ink);
  font-family: Fraunces, Georgia, serif;
  font-size: clamp(1.35rem, 4vw, 1.65rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
}

#tbe-fare-allowances .tbe-fare-row__header > p {
  margin: 0;
  color: var(--tbe-fare-muted);
  font-size: .9rem;
  text-align: right;
}

#tbe-fare-allowances .tbe-fare-row__header .tbe-fare-row__scope {
  grid-column: 1 / -1;
  max-width: 66ch;
  margin-top: 7px;
  text-align: left;
}

#tbe-fare-allowances .tbe-fare-row__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  margin: 0;
  background: var(--tbe-fare-paper);
  border: 1px solid var(--tbe-fare-line);
  border-radius: 10px;
  overflow: hidden;
}

#tbe-fare-allowances .tbe-fare-row__facts > div {
  min-width: 0;
  padding: 16px;
}

#tbe-fare-allowances .tbe-fare-row__facts > div + div {
  border-left: 1px solid var(--tbe-fare-line);
}

#tbe-fare-allowances .tbe-fare-row__facts dt {
  margin: 0 0 9px;
  color: var(--tbe-fare-gold);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

#tbe-fare-allowances .tbe-fare-row__facts dd,
#tbe-fare-allowances .tbe-fare-row__facts p {
  margin: 0;
}

#tbe-fare-allowances .tbe-fare-row__facts p + p {
  margin-top: 10px;
}

#tbe-fare-allowances .tbe-fare-row__details {
  margin-top: 10px;
  color: var(--tbe-fare-muted);
  font-size: .9rem;
}

#tbe-fare-allowances .tbe-fare-row__details summary {
  min-height: 44px;
  padding: 10px 2px;
  color: var(--tbe-fare-ink);
  cursor: pointer;
  font-weight: 700;
}

#tbe-fare-allowances .tbe-fare-row__details p {
  margin: 5px 0 10px;
}

#tbe-fare-allowances .tbe-fare-row__details ol {
  margin: 8px 0 0;
  padding-left: 24px;
}

#tbe-fare-allowances .tbe-fare-row__details li + li {
  margin-top: 5px;
}

#tbe-fare-allowances .tbe-fare-empty {
  margin: 18px 0;
  padding: 18px;
  background: var(--tbe-fare-cream);
  border: 1px solid var(--tbe-fare-line);
  border-radius: 10px;
}

#tbe-fare-allowances .tbe-fare-faq {
  margin-top: 38px;
  padding-top: 28px;
  border-top: 1px solid var(--tbe-fare-line);
}

#tbe-fare-allowances .tbe-fare-faq h2 {
  margin: 0 0 24px;
  color: var(--tbe-fare-ink);
  font-family: Fraunces, Georgia, serif;
  font-size: clamp(1.65rem, 5vw, 2.2rem);
  line-height: 1.15;
  letter-spacing: -.025em;
}

#tbe-fare-allowances .tbe-fare-faq h3 {
  margin: 22px 0 7px;
  color: var(--tbe-fare-ink);
  font-size: 1.05rem;
  line-height: 1.3;
}

#tbe-fare-allowances .tbe-fare-faq p {
  margin: 0;
}

@media (max-width: 620px) {
  #tbe-fare-allowances .tbe-fare-intro {
    padding: 18px;
  }

  #tbe-fare-allowances .tbe-fare-filters {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  #tbe-fare-allowances .tbe-fare-filters button {
    grid-column: auto;
    width: 100%;
  }

  #tbe-fare-allowances .tbe-fare-row__header {
    grid-template-columns: 1fr;
  }

  #tbe-fare-allowances .tbe-fare-row__header > p {
    margin-top: 6px;
    text-align: left;
  }

  #tbe-fare-allowances .tbe-fare-row__header .tbe-fare-row__scope {
    grid-column: auto;
  }

  #tbe-fare-allowances .tbe-fare-row__facts {
    grid-template-columns: 1fr;
  }

  #tbe-fare-allowances .tbe-fare-row__facts > div + div {
    border-top: 1px solid var(--tbe-fare-line);
    border-left: 0;
  }
}

@media print {
  #tbe-fare-allowances {
    --tbe-fare-bg: #fff;
    --tbe-fare-ink: #1a1a1a;
    --tbe-fare-muted: #514c45;
    --tbe-fare-paper: #fff;
    --tbe-fare-cream: #fff;
    --tbe-fare-line: #b9b1a5;
    --tbe-fare-gold: #6f5425;
    --tbe-fare-gold-hover: #6f5425;
    color-scheme: light;
  }

  #tbe-fare-allowances .tbe-fare-filters,
  #tbe-fare-allowances .tbe-fare-status,
  #tbe-fare-allowances .tbe-fare-empty {
    display: none !important;
  }

  #tbe-fare-allowances .tbe-fare-row {
    break-inside: avoid;
  }

  #tbe-fare-allowances .tbe-fare-row__details > :not(summary) {
    display: block !important;
  }

  #tbe-fare-allowances .tbe-fare-row__details summary {
    display: none;
  }
}
