:root{--content-width:960px;--theme-accent:#73A0CF}#s5_responsive_mobile_sidebar,#s5_responsive_mobile_top_bar_spacer,#s5_responsive_mobile_top_bar_wrap,#s5_responsive_mobile_bottom_bar_outer{display:none!important}.content-discovery{box-sizing:border-box;width:min(var(--content-width),calc(100% - 24px));margin:18px auto;padding:16px 18px;background:#fff;border:1px solid #c5c5c5;border-radius:6px;box-shadow:0 0 8px #bdbdbd;color:#333;font-family:Arial,sans-serif}.content-discovery *{box-sizing:border-box}.discovery-title{margin:0 0 12px;color:var(--theme-accent);font-family:Oswald,Arial,sans-serif;font-size:18px;text-transform:uppercase}.entry-date{display:block;margin:0 0 12px;color:#666;font-size:12px}.topic-links,.featured-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none}.topic-links a,.featured-item{display:block;height:100%;padding:10px;border:1px solid #ddd;border-radius:4px;text-decoration:none;background:#fafafa}.featured-item strong,.featured-item time,.featured-item span{display:block}.featured-item time{margin:5px 0;color:#777;font-size:11px}.featured-item span{color:#555;font-size:12px;line-height:1.4}.archived-form [disabled]{opacity:1;cursor:not-allowed}.topic-index{columns:3;column-gap:24px}.topic-index li{break-inside:avoid;margin:0 0 7px}.page .logo img,.page .footer-logo img{display:block;width:auto!important;max-width:min(100%,300px)!important;height:auto!important;max-height:90px!important;object-fit:contain}.page .brands-carousel .logotype img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain}.page .catalog .img-wrapper>img,.page .product-gallery #msGallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.page .gallery .img-wrapper>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.page .header-social img,.page .messenger img,.page .social-links img{width:28px!important;height:28px!important;object-fit:contain}@media(max-width:700px){.topic-index{columns:1}}.related-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}a:not([href]){cursor:default!important;pointer-events:none!important}@media(max-width:700px){html,body{width:100%!important;max-width:100%!important;min-width:0!important;margin-right:0!important;margin-left:0!important}img,picture,video{max-width:100%!important;height:auto!important}h1,h2,h3,p,li,a{overflow-wrap:anywhere}input,select,textarea,button{box-sizing:border-box;max-width:100%!important}.archived-form [disabled]{opacity:.68!important;filter:grayscale(.35);cursor:not-allowed!important;pointer-events:none!important}#header .container,#content .container,#footer .container,footer .container{box-sizing:border-box;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}#header .row,#content .row,#footer .row,footer .row{margin-right:0!important;margin-left:0!important}#header [class*="grid_"],#content [class*="grid_"],#footer [class*="grid_"],footer [class*="grid_"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}#header .logo,#header nav,#content .wrap1,#content .btn_1-wrap{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#header h1{max-width:100%;white-space:normal!important}#header nav{clear:both!important;padding-top:8px!important}#header nav .sf-menu{display:flex!important;float:none!important;flex-wrap:wrap!important;justify-content:center;width:100%!important;margin:0!important;padding:0!important}#header nav .sf-menu>li{box-sizing:border-box;float:none!important;max-width:100%}#header nav .sf-menu>li>a{display:block;padding:8px 10px!important;white-space:normal!important}#header nav .sf-menu ul{display:none!important}#content .top-image,#content .top-image img{display:block;width:100%!important;max-width:100%!important;height:auto!important}#content .wrapper1{margin-top:36px!important;margin-bottom:38px!important}#content .btn{box-sizing:border-box;display:inline-block;max-width:100%;white-space:normal!important}#s5_body_padding,#s5_responsive_mobile_sidebar_body_wrap,#s5_responsive_mobile_sidebar_body_wrap_inner,#s5_width_wrap,#s5_header_area_inner,#s5_center_area_inner,#s5_above_columns_inner,#s5_columns_wrap,#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}#s5_header_area_inner,#s5_center_area_inner{margin-right:auto!important;margin-left:auto!important}#s5_header_area_inner2,#s5_component_wrap,.module_round_box_outer{box-sizing:border-box;max-width:calc(100% - 14px)!important}#s5_logo{box-sizing:border-box;float:none!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin-right:auto!important;margin-left:auto!important}#s5_menu_wrap{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important}#s5_nav{display:flex!important;float:none!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;padding:0!important}#s5_nav>li{box-sizing:border-box;float:none!important;flex:1 1 50%;height:auto!important;min-width:0!important;padding:0!important}#s5_nav>li a{box-sizing:border-box;display:block!important;padding:12px 9px!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}#s5_nav>li .s5_level1_span1,#s5_nav>li .s5_level1_span2{height:auto!important;padding:0!important}#s5_columns_wrap{overflow:visible!important}#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{position:static!important;left:auto!important;float:none!important}#s5_above_columns_inner>.s5_float_left{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#s5_component_wrap{margin-right:7px!important;margin-left:7px!important;padding:16px!important}#s5_component_wrap [class*="col-"],#s5_above_columns_inner [class*="col-"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important}#s5_component_wrap table,#s5_above_columns_inner table{max-width:100%!important}}.page .product-gallery #msGallery .fotorama{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page .product-gallery #msGallery .fotorama>a{display:block;min-width:0}.page .product-gallery #msGallery .fotorama>a:first-child{grid-column:1/-1}.page .brands-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));height:auto!important;overflow:visible!important}.page .brands-carousel>.item{min-width:0}.redacted-contact{font-size:12px;line-height:1.35}.page .header:has(.header-tel-1 .redacted-contact) .header-tel-2:has(.redacted-contact),.page .header:has(.header-tel-1 .redacted-contact) .header-address:has(.redacted-contact),.page .header:has(.header-tel-1 .redacted-contact) .email-header:has(.redacted-contact),.page .footer-contacts:has(.footer-phone .redacted-contact) .footer-email:has(.redacted-contact),.page .footer-contacts:has(.footer-phone .redacted-contact) .footer-address:has(.redacted-contact){display:none!important}.archive-video-preview{display:block;width:min(100%,720px);margin:18px auto}.archive-video-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.page a:not([href]),.page a[aria-disabled="true"]{color:inherit!important;cursor:not-allowed!important;pointer-events:none;text-decoration:none!important}.page :is(input,select,textarea,button)[disabled]{opacity:.55!important;cursor:not-allowed!important;pointer-events:none}.page a:not([href]),.page a[aria-disabled="true"],.page .archived-form{display:none!important}.page #s5_nav>li a span{color:#fff!important}.page #s5_nav>li.active a span{color:#9fc5ec!important}.page #s5_nav>li a{display:flex!important;align-items:center;min-height:44px}.editorial-note{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--theme-accent);background:#f5f5f2;color:#444;font-size:12px;line-height:1.45}.page .preloader,.page .circle-menu,.page .btnSlideNav,.page .overlay-slideNav,.page .slideNav{display:none!important}.page .nav-wrap{position:static!important;inset:auto!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;transform:none!important}.page .nav-wrap .nav{display:flex!important;flex-wrap:wrap!important;position:static!important;transform:none!important}.page .slice-slider,.page .slice-layer,.page .slice-viewport,.page .slice-stage,.page .slice-slide{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}.page .slice-viewport{overflow:visible!important}.page .slice-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.page .slice-slide{display:block!important}.page .slice-slide img{display:block!important;width:100%!important;height:auto!important}@media(max-width:700px){.page .slice-stage{grid-template-columns:1fr!important}}.page .map-iframe:empty{display:none!important}.page{min-height:100vh;margin:0;color:#333;font:14px/1.55 Arial,sans-serif}.page *{box-sizing:border-box}.page a{color:#2671a8}.page img{max-width:100%;height:auto}.page .news img{float:left;width:50px!important;height:auto!important;margin:2px}.page .container{width:min(1170px,calc(100% - 32px));margin-right:auto;margin-left:auto}.page header{border-bottom:1px solid #ddd;background:#f7f7f5}.page .brand{display:inline-block;padding:24px 0}.page .brand_name{margin:0;font-size:38px;line-height:1}.page .brand_name a{text-decoration:none}.page .brand_slogan{margin:12px 0 0}.page .info-meta{display:none}.page .stuck_container{clear:both;background:#26343d}.page .sf-menu{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.page .sf-menu li{position:relative;margin:0;list-style:none}.page .sf-menu>li>a{display:block;padding:16px 18px;color:#fff;text-decoration:none}.page .sf-menu ul{position:absolute;z-index:2;display:none;min-width:180px;margin:0;padding:8px 18px;background:#fff}.page .sf-menu li:hover>ul,.page .sf-menu li:focus-within>ul{display:block}.page .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.page [class*=grid_]{padding-right:12px;padding-left:12px}.page .grid_12{width:100%}.page .grid_8{width:66.6667%}.page .grid_6{width:50%}.page .grid_4{width:33.3333%}.page .grid_3{width:25%}.page main,.page #content{display:block}.page .well{padding:48px 0}.page .center{text-align:center}.page .decorated-heading{margin:0 0 28px;font-size:32px}.page .gal_menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px;padding:0;list-style:none}.page .gal_menu a{display:block;padding:8px 12px;border:1px solid #ddd;border-radius:3px;text-decoration:none}.page #container>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 18px}.page #container>.row>.grid_12{display:contents}.page #container>.row>.grid_3{width:auto;padding:0}.page .thumb1{overflow:hidden;border:1px solid #ddd;background:#fff}.page .thumb1 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.page .capture{min-height:76px;padding:10px}.page footer{padding:28px 0;color:#ddd;background:#26343d}.page footer a{color:#fff}@media(max-width:700px){.page .container{width:calc(100% - 20px)}.page .sf-menu{display:block}.page .sf-menu ul{position:static;display:block}.page [class*=grid_]{width:100%}.page #container>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.page ul.nav,.page ul.list-unstyled{margin:0;padding:0;list-style:none}.page .dropdown-menu{position:absolute;z-index:5;display:none;max-width:min(900px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:14px;background:#fff;border:1px solid #ddd}.page .dropdown:hover>.dropdown-menu,.page .dropdown:focus-within>.dropdown-menu{display:block}.page .homepage-container{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px}.page .homepage-container>.sidebar{min-width:0}.page .homepage-container>.homebanner-holder{min-width:0}.page .homepage-container>:last-child{grid-column:1/-1}@media(max-width:700px){.page .homepage-container{display:block}.page .dropdown-menu{position:static;max-height:none}}.page [class*="col-"]{min-width:0;padding-right:12px;padding-left:12px}.page .col-xs-5{width:41.6667%}.page .col-xs-7{width:58.3333%}.page .col-xs-12{width:100%}@media(min-width:701px){.page .col-sm-2{width:16.6667%}.page .col-sm-3{width:25%}.page .col-sm-6{width:50%}.page .col-sm-7{width:58.3333%}.page .col-sm-9{width:75%}.page .col-sm-12{width:100%}.page .col-md-3{width:25%}.page .col-md-4{width:33.3333%}.page .col-md-5{width:41.6667%}.page .col-md-6{width:50%}.page .col-md-7{width:58.3333%}.page .col-md-9{width:75%}.page .col-md-12{width:100%}}.page .navbar-toggle{display:none!important}.page .header-nav{background:#26343d;color:#fff}.page .navbar-nav,.page .breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center}.page .navbar-nav{color:#fff}.page .navbar-nav>li>a{display:block;padding:14px 16px;color:inherit;text-decoration:none}.page .breadcrumb ul{gap:8px;padding:10px 0}.page .breadcrumb li+li:before{content:"/";margin-right:8px;color:#999}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:auto}.page>table[width="900"][height="100%"]{margin-right:auto;margin-left:auto}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{vertical-align:top}@media(max-width:700px){.page .row{margin-right:0;margin-left:0}.page p,.page td,.page [style*="text-align: justify"],.page [style*="text-align:justify"]{text-align:left!important}.page [class*="col-sm-"],.page [class*="col-md-"]{width:100%}.page .homepage-container{display:flex;flex-direction:column}.page .homepage-container>.homebanner-holder{order:-1}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:100%}.page .single-product>.row>.product-info-block{order:-1}.page .product-info .name{width:100%!important;max-width:100%!important}.page>table[width="900"][height="100%"],.page>table[width="900"][height="100%"]>tbody,.page>table[width="900"][height="100%"]>tbody>tr,.page>table[width="900"][height="100%"]>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:first-child img{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td{padding:12px!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table,.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody{display:block;width:100%!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr{display:flex;flex-direction:column}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(3){order:1}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(1){order:2}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(5){order:3}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(2),.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(4){display:none!important}}body{font-family:Arial,sans-serif}.source-content h1,.source-content h2,.source-content h3,.source-logo,.source-nav a{font-family:'Arial Narrow',Arial,sans-serif}.source-header{padding:18px 22px;border-radius:16px 16px 0 0;background:#fff;color:#222}.source-logo{color:#222}.source-content,.source-footer,.content-discovery{border:1px solid #dedbd2;box-shadow:0 8px 24px rgba(0,0,0,.08);background:#faf9f5;border-radius:16px;padding:22px}.entry-image{border-radius:16px}.source-header{display:flex;align-items:center;min-height:68px;height:auto}.source-logo,.source-logo img{height:auto;max-height:56px}.source-nav{display:flex;background:#242424}.source-nav a{color:#fff}.source-entry-hero .entry-image{max-height:360px;object-fit:contain;background:#f4f4f1}.featured-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.source-wrap{max-width:1180px}.source-entry-hero{grid-template-columns:1fr}.topic-index{columns:2}


:root {
  --tt-ink: #14231e;
  --tt-ink-soft: #344a42;
  --tt-paper: #f3f7f4;
  --tt-surface: #fbfdfb;
  --tt-surface-soft: #e6efe9;
  --tt-line: #b9cbc1;
  --tt-accent: #166a50;
  --tt-accent-deep: #0f4d3b;
  --tt-masthead: #101a17;
  --tt-on-dark: #f1f7f3;
  --tt-muted: #65776f;
  --tt-width: 1180px;
  --tt-reading: 68ch;
  --tt-radius-control: 0.35rem;
  color-scheme: light dark;
}

html {
  scroll-behavior: smooth;
}

body,
body.page {
  margin: 0 !important;
  background: var(--tt-paper) !important;
  color: var(--tt-ink) !important;
  font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-rendering: optimizeLegibility;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image:
    radial-gradient(circle at 12% 18%, rgb(22 106 80 / 0.055), transparent 28rem),
    repeating-linear-gradient(90deg, transparent 0 47px, rgb(20 35 30 / 0.018) 48px);
  content: "";
  pointer-events: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: var(--tt-accent-deep) !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

a:hover {
  color: var(--tt-accent) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--tt-accent) !important;
  outline-offset: 3px !important;
}

p,
li {
  color: var(--tt-ink-soft);
}

p {
  text-wrap: pretty;
}

h1,
h2,
h3,
.source-content h1,
.source-content h2,
.source-content h3 {
  margin-top: 0;
  color: var(--tt-ink) !important;
  font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.035em;
  line-height: 1.04;
  text-transform: none !important;
  text-wrap: balance;
}

img {
  background: var(--tt-surface-soft);
}

.skip-link {
  position: fixed !important;
  top: 0.75rem;
  left: 0.75rem !important;
  z-index: 40;
  padding: 0.7rem 1rem !important;
  background: var(--tt-on-dark) !important;
  color: var(--tt-masthead) !important;
  transform: translateY(-180%);
}

.skip-link:focus {
  transform: translateY(0);
}



.source-wrap {
  display: grid !important;
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
  width: min(var(--tt-width), 100%) !important;
  margin: 0 auto !important;
}

.source-header,
.source-nav {
  min-height: 76px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--tt-masthead) !important;
  box-shadow: none !important;
}

.source-header {
  display: flex;
  align-items: center;
  height: 76px !important;
  padding: 0.65rem 1.4rem !important;
}

.source-logo {
  display: block !important;
  width: 100%;
  height: auto !important;
}

.source-logo img {
  display: block;
  width: min(100%, 195px) !important;
  height: auto !important;
  max-height: 58px !important;
  background: transparent;
}

.source-nav {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end;
  gap: 0 !important;
  overflow-x: auto;
  padding: 0 1rem;
}

.source-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 0.95rem !important;
  color: #dbe9e1 !important;
  font-family: inherit !important;
  font-size: 0.79rem !important;
  font-weight: 650;
  letter-spacing: 0.055em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 180ms ease, color 180ms ease;
}

.source-nav a:hover {
  background: var(--tt-accent-deep) !important;
  color: var(--tt-on-dark) !important;
}

#s5_nav > li:not(:has(a[href])) {
  display: none !important;
}

.source-content,
.source-footer {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--tt-surface) !important;
  box-shadow: none !important;
}

.source-content {
  min-height: 65vh;
  padding: clamp(2rem, 5vw, 5.5rem) clamp(1.25rem, 5.5vw, 5.75rem) !important;
}

.source-content > p,
.source-content > .article-byline,
.source-content > .article-sources {
  max-width: var(--tt-reading);
  margin-right: auto;
  margin-left: auto;
}

.source-content > p {
  margin-top: 0;
  margin-bottom: 1.15rem;
}

.source-entry-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(340px, 1.18fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 430px;
  margin: 0 0 clamp(2.3rem, 6vw, 5rem) !important;
  background: var(--tt-surface-soft);
}

.source-entry-heading {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.source-entry-heading h1,
.source-content > h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.75rem, 4.8vw, 3.9rem) !important;
  letter-spacing: -0.06em;
}

.source-entry-heading h2,
.source-entry-heading h3 {
  margin: 0.8rem 0 0;
  font-size: clamp(1.25rem, 2.4vw, 2rem) !important;
}

.source-entry-hero .fallback-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 430px;
  max-height: none !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover;
}

.entry-date {
  display: block;
  margin: 0 0 1.25rem !important;
  color: var(--tt-muted) !important;
  font-size: 0.78rem !important;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.editorial-note {
  max-width: var(--tt-reading);
  margin: 0 0 1.5rem !important;
  padding: 0 0 0 1rem !important;
  border: 0 !important;
  border-left: 3px solid var(--tt-accent) !important;
  background: transparent !important;
  color: var(--tt-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
}

.source-entry-heading .editorial-note {
  order: 3;
  margin-top: 1.5rem !important;
}

.source-entry-heading .entry-date {
  order: 1;
}

.source-entry-heading h1,
.source-entry-heading h2,
.source-entry-heading h3 {
  order: 2;
}

.article-byline {
  margin-bottom: 2rem !important;
  color: var(--tt-muted);
  font-size: 0.9rem;
  font-weight: 650;
}

.article-sources {
  margin-top: 3.5rem;
  padding: 1.5rem 0 0;
  border-top: 1px solid var(--tt-line);
}

.article-sources ul {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  padding-left: 1.2rem;
}

.source-footer {
  display: flex;
  min-height: 160px;
  align-items: flex-end;
  justify-content: space-between;
  padding: 2.5rem clamp(1.25rem, 5.5vw, 5.75rem) !important;
  background: var(--tt-masthead) !important;
}

.source-footer a {
  color: var(--tt-on-dark) !important;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
}



.content-discovery {
  width: 100% !important;
  max-width: var(--tt-width);
  margin: clamp(2rem, 5vw, 4.5rem) auto 0 !important;
  padding: clamp(1.5rem, 3.5vw, 3rem) !important;
  border: 0 !important;
  border-top: 1px solid var(--tt-line) !important;
  border-radius: 0 !important;
  background: var(--tt-surface-soft) !important;
  box-shadow: none !important;
  color: var(--tt-ink) !important;
  font-family: inherit !important;
}

.content-discovery > .editorial-note {
  margin-bottom: 1rem !important;
}

.content-discovery .discovery-title {
  margin: 0 0 1.4rem !important;
  color: var(--tt-ink) !important;
  font-family: inherit !important;
  font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
  font-weight: 650;
  letter-spacing: -0.035em;
  text-transform: none !important;
}

.topic-links,
.featured-list {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.78fr) minmax(0, 1.45fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.topic-links li,
.featured-list li {
  min-width: 0;
  border-left: 1px solid var(--tt-line);
}

.topic-links li:first-child,
.featured-list li:first-child {
  border-left: 0;
}

.topic-links a,
.featured-item {
  display: flex !important;
  min-height: 112px;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 1.3rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tt-ink) !important;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.topic-links a:hover,
.featured-item:hover {
  background: var(--tt-accent) !important;
  color: var(--tt-on-dark) !important;
  transform: translateY(-2px);
}

.topic-links a span {
  margin-top: 1rem;
  color: var(--tt-muted);
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
}

.topic-links a:hover span,
.featured-item:hover time,
.featured-item:hover span {
  color: var(--tt-on-dark) !important;
}

.featured-list {
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 1fr) !important;
}

.featured-item strong,
.featured-item time,
.featured-item span {
  display: block;
}

.featured-item time {
  order: -1;
  margin: 0 0 1rem !important;
  color: var(--tt-muted) !important;
  font-size: 0.72rem !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.featured-item span {
  margin-top: 1rem;
  color: var(--tt-ink-soft) !important;
  font-size: 0.84rem !important;
  font-weight: 450;
  line-height: 1.5 !important;
}

.related-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem !important;
}

.related-nav a,
.content-discovery > p:last-child a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 0.5rem 0.8rem;
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius-control);
  background: var(--tt-surface);
  font-size: 0.84rem;
  font-weight: 650;
  text-decoration: none;
}



.is-hub .source-entry-hero,
.is-redacted .source-entry-hero {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: auto;
  margin-bottom: 2.25rem !important;
}

.is-hub .source-entry-heading,
.is-redacted .source-entry-heading {
  min-height: 260px;
}

.topic-index {
  column-count: 3 !important;
  column-gap: clamp(1.4rem, 4vw, 3.5rem) !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.topic-index li {
  display: block;
  break-inside: avoid;
  margin: 0 0 1.05rem !important;
  padding: 0 !important;
  font-size: 0.86rem;
  line-height: 1.4;
}

.topic-index a {
  font-weight: 600;
  text-decoration-color: rgb(22 106 80 / 0.34);
}

.topic-index time {
  display: block;
  margin-top: 0.18rem;
  color: var(--tt-muted);
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
}



#s5_body_padding,
#s5_responsive_mobile_sidebar_body_wrap,
#s5_responsive_mobile_sidebar_body_wrap_inner,
#s5_width_wrap,
#s5_center_area1,
#s5_center_area2,
#s5_center_area_inner,
#s5_columns_wrap,
#s5_columns_wrap_inner,
#s5_center_column_wrap,
#s5_center_column_wrap_inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#s5_columns_wrap,
#s5_columns_wrap_inner,
#s5_center_column_wrap,
#s5_center_column_wrap_inner {
  position: static !important;
  right: auto !important;
  left: auto !important;
  float: none !important;
  height: auto !important;
}

#s5_header_area1 {
  position: sticky;
  top: 0;
  z-index: 20;
  width: 100%;
  min-height: 76px;
  border: 0 !important;
  background: var(--tt-masthead) !important;
  box-shadow: 0 1px rgb(255 255 255 / 0.08);
}

#s5_header_area2,
#s5_header_area_inner,
#s5_header_area_inner2 {
  width: 100% !important;
  max-width: var(--tt-width) !important;
  min-height: 76px;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#s5_header_area_inner2 {
  display: grid;
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
  align-items: stretch;
}

#s5_header_wrap {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 76px !important;
  padding: 0.6rem 1.25rem !important;
}

#s5_logo {
  display: block !important;
  float: none !important;
  width: min(100%, 195px) !important;
  height: auto !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
}

#s5_banner,
#s5_breadcrumb_fonts_wrap,
#s5_shape5_logo,
#s5_scroll_wrap,
#s5_responsive_mobile_bottom_bar_outer,
#s5_responsive_mobile_top_bar_spacer,
#s5_responsive_mobile_top_bar_wrap {
  display: none !important;
}

#s5_menu_wrap {
  display: flex !important;
  float: none !important;
  width: 100% !important;
  min-width: 0;
  min-height: 76px;
  align-items: stretch;
  justify-content: flex-end;
  margin: 0 !important;
  padding: 0 1rem !important;
  border: 0 !important;
  background: transparent !important;
}

#s5_nav {
  display: flex !important;
  float: none !important;
  width: auto !important;
  height: 76px !important;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#s5_nav > li,
#s5_nav > li > span,
#s5_nav > li > span > span {
  display: flex !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#s5_nav > li a {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  padding: 0 0.95rem !important;
  background: transparent !important;
  color: #dbe9e1 !important;
  font-family: inherit !important;
  font-size: 0.79rem !important;
  font-weight: 650;
  letter-spacing: 0.055em;
  line-height: 1 !important;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap !important;
  transition: background-color 180ms ease, color 180ms ease;
}

#s5_nav > li a:hover,
#s5_nav > li.active a {
  background: var(--tt-accent-deep) !important;
  color: var(--tt-on-dark) !important;
}

#s5_nav > li a span,
#s5_nav > li.active a span {
  color: inherit !important;
  font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif !important;
}


#s5_above_columns_wrap1 {
  display: none !important;
}

#s5_component_wrap,
#s5_component_wrap_inner {
  width: 100% !important;
  max-width: var(--tt-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#s5_component_wrap main {
  display: block;
  padding: clamp(1rem, 3vw, 2.5rem) 0 clamp(4rem, 8vw, 7rem);
}

.blog-featured .page-header {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(420px, 1.3fr);
  grid-template-rows: minmax(430px, auto) auto;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: var(--tt-accent-deep);
}

.blog-featured .page-header::before {
  grid-column: 2;
  grid-row: 1;
  min-height: 430px;
  background: var(--tt-surface-soft) url("/assets/hero.webp") 48% center / cover no-repeat;
  content: "";
}

.blog-featured .page-header > h1 {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  justify-content: flex-end;
  max-width: none;
  margin: 0 !important;
  padding: clamp(2rem, 3.5vw, 3rem) !important;
  background:
    radial-gradient(circle at 88% 12%, rgb(255 255 255 / 0.11), transparent 38%),
    repeating-linear-gradient(90deg, transparent 0 47px, rgb(255 255 255 / 0.025) 48px),
    var(--tt-accent-deep);
  color: var(--tt-on-dark) !important;
  font-family: inherit !important;
  font-size: clamp(3.1rem, 5.3vw, 4.4rem) !important;
  font-weight: 650 !important;
  letter-spacing: -0.065em;
  line-height: 0.93;
  text-transform: none !important;
}

.blog-featured .page-header > h1::after {
  display: block;
  max-width: 31ch;
  margin-top: 1.5rem;
  color: #cde0d5;
  content: "Independent tutoring guides and international subject directories.";
  font-size: clamp(0.92rem, 1.5vw, 1.08rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.55;
}

.blog-featured .page-header > .content-discovery {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0 !important;
  background: var(--tt-surface-soft) !important;
}

.items-leading {
  margin-top: clamp(3.5rem, 8vw, 7rem);
}

.items-leading .leading-0 {
  display: grid;
  grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr);
  column-gap: clamp(2rem, 6vw, 6rem);
  row-gap: 0;
  padding: 0 clamp(1.25rem, 3vw, 2.5rem);
}

.items-leading .leading-0 > h2 {
  grid-column: 1;
  grid-row: 1 / span 4;
  margin: 0 !important;
  font-size: clamp(2.25rem, 4vw, 4.3rem) !important;
  letter-spacing: -0.055em;
  line-height: 1;
}

.items-leading .leading-0 > p {
  grid-column: 2;
  max-width: var(--tt-reading);
  margin: 0 0 1rem !important;
  font-size: clamp(1rem, 1.35vw, 1.08rem);
  line-height: 1.75;
}

.items-leading .leading-0 > p:first-of-type {
  font-size: clamp(1.1rem, 1.7vw, 1.28rem);
  line-height: 1.65;
}

.items-leading .leading-0 > p:first-of-type img {
  display: block;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 2rem !important;
  padding: 0 !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  content: url("/assets/lesson.webp");
}

#s5_footer_area1,
#s5_footer_area2,
#s5_footer_area_inner,
#s5_footer_area_inner2 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--tt-masthead) !important;
}

#s5_footer_area_inner2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  max-width: var(--tt-width) !important;
  min-height: 180px;
  align-items: end;
  gap: 2rem;
  margin: 0 auto !important;
  padding: 2.75rem clamp(1.25rem, 3vw, 2.5rem) !important;
}

#s5_footer,
#s5_bottom_menu_wrap {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #dbe9e1 !important;
  font-family: inherit !important;
  font-size: 0.82rem;
}

#s5_footer .footerc {
  color: #dbe9e1 !important;
}

#s5_bottom_menu_wrap .redacted-contact {
  color: #a9bdb3 !important;
}

#s5_bottom_menu_wrap p {
  margin: 0;
  color: #a9bdb3;
}

.redacted-contact {
  color: inherit;
  font-size: inherit;
}



.archived-form select,
.archived-form input,
.archived-form button {
  min-height: 44px;
  border: 1px solid var(--tt-line) !important;
  border-radius: var(--tt-radius-control) !important;
  background: var(--tt-surface) !important;
  color: var(--tt-muted) !important;
  font: inherit !important;
}

.archived-form [disabled] {
  cursor: not-allowed !important;
  opacity: 0.72 !important;
}

@media (max-width: 900px) {
  .source-wrap,
  #s5_header_area_inner2 {
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
  }

  .source-nav a,
  #s5_nav > li a {
    padding-right: 0.65rem !important;
    padding-left: 0.65rem !important;
    font-size: 0.7rem !important;
  }

  .source-entry-hero,
  .blog-featured .page-header {
    grid-template-columns: minmax(0, 0.92fr) minmax(350px, 1.08fr) !important;
  }

  .topic-index {
    column-count: 2 !important;
  }
}

@media (max-width: 700px) {
  body,
  body.page {
    font-size: 15px !important;
  }

  .source-wrap,
  #s5_header_area_inner2 {
    display: block !important;
    width: 100% !important;
  }

  .source-header,
  #s5_header_wrap {
    justify-content: center;
    height: 66px !important;
    min-height: 66px !important;
  }

  .source-logo img,
  #s5_logo {
    width: 170px !important;
    max-height: 51px !important;
  }

  .source-nav,
  #s5_menu_wrap {
    min-height: 48px !important;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 0 !important;
    border-top: 1px solid rgb(255 255 255 / 0.1) !important;
  }

  #s5_nav {
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    height: 48px !important;
  }

  #s5_nav > li {
    flex: 0 0 auto !important;
  }

  .source-nav a,
  #s5_nav > li a {
    min-height: 48px !important;
    padding: 0 0.8rem !important;
    font-size: 0.69rem !important;
  }

  .source-content {
    padding: 1.25rem !important;
  }

  .source-entry-hero,
  .blog-featured .page-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    min-height: auto;
  }

  .source-entry-heading {
    min-height: 330px;
    padding: 1.5rem;
  }

  .source-entry-heading h1,
  .source-content > h1 {
    max-width: none;
    font-size: clamp(2.55rem, 13vw, 4.1rem) !important;
  }

  .source-entry-hero .fallback-image {
    min-height: 0;
    aspect-ratio: 16 / 10 !important;
  }

  .blog-featured .page-header::before {
    grid-column: 1;
    grid-row: 1;
    min-height: 300px;
  }

  .blog-featured .page-header > h1 {
    grid-column: 1;
    grid-row: 2;
    min-height: 340px;
    padding: 2rem 1.25rem !important;
    font-size: clamp(3.1rem, 15vw, 4.8rem) !important;
  }

  .blog-featured .page-header > .content-discovery {
    grid-column: 1;
    grid-row: 3;
  }

  .topic-links,
  .featured-list {
    grid-template-columns: 1fr !important;
  }

  .topic-links li,
  .featured-list li {
    border-top: 1px solid var(--tt-line);
    border-left: 0;
  }

  .topic-links li:first-child,
  .featured-list li:first-child {
    border-top: 0;
  }

  .topic-links a,
  .featured-item {
    min-height: 80px;
  }

  .items-leading .leading-0 {
    display: block;
    padding: 0 1.25rem;
  }

  .items-leading .leading-0 > h2 {
    margin-bottom: 2rem !important;
  }

  .items-leading .leading-0 > p {
    max-width: none;
  }

  .topic-index {
    column-count: 1 !important;
  }

  #s5_footer_area_inner2 {
    grid-template-columns: 1fr;
    min-height: 150px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --tt-ink: #e7f0eb;
    --tt-ink-soft: #c3d2ca;
    --tt-paper: #101814;
    --tt-surface: #17221d;
    --tt-surface-soft: #213029;
    --tt-line: #3b5146;
    --tt-accent: #59aa89;
    --tt-accent-deep: #26775b;
    --tt-masthead: #0c120f;
    --tt-on-dark: #eef7f1;
    --tt-muted: #a2b7ac;
  }

  body::before {
    background-image:
      radial-gradient(circle at 12% 18%, rgb(89 170 137 / 0.08), transparent 28rem),
      repeating-linear-gradient(90deg, transparent 0 47px, rgb(231 240 235 / 0.015) 48px);
  }

  .blog-featured .page-header > h1::after {
    color: #d7e8df;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 700px) {
  body.is-article .source-entry-heading h1 {
    font-size: clamp(2rem, 8vw, 2.4rem) !important;
    line-height: 1.08;
  }
}


.source-entry-heading,
.topic-links a,
.featured-item {
  min-width: 0;
}

.source-entry-heading :is(h1, h2, h3),
.topic-index a,
.topic-links a,
.featured-item {
  overflow-wrap: anywhere;
}

.featured-list > .featured-item:only-child {
  grid-column: 1 / -1;
}

.featured-list > .featured-item:only-child span:last-child {
  max-width: var(--tt-reading);
}

@media (min-width: 901px) {
  .topic-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .topic-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
