:root {
      --cs-navy: #02263b;
      --cs-teal: #0ca5a6;
      --cs-gold: #f4b23a;
      --cs-ink: #121722;
      --cs-light: #f5f7fb;
    }
    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      color: #1b2430;
      scroll-behavior: smooth;
      background-color: #ffffff;
    }
    h1,
    h2,
    h3,
    h4 {
      font-family: 'Playfair Display', serif;
      color: var(--cs-ink);
    }
    /* NAVBAR */
    .navbar {
      background: rgba(2, 38, 59, 0.96);
      backdrop-filter: blur(8px);
    }
    .navbar-brand span {
      letter-spacing: 0.18em;
      font-size: 0.78rem;
    }
    .navbar-nav .nav-link {
      font-size: 0.9rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }
    .btn-donate {
      background: var(--cs-gold);
      border-color: var(--cs-gold);
      color: #201a10;
      font-weight: 600;
      letter-spacing: 0.05em;
    }
    .btn-donate:hover {
      background: #e29f20;
      border-color: #e29f20;
      color: #201a10;
    }
    /* HERO */
    #hero {
      min-height: 80vh;
      background-image: linear-gradient(180deg, rgba(2, 22, 40, 0.85), rgba(2, 22, 40, 0.6));
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #ffffff;
      display: flex;
      align-items: center;
      text-align: center;
      padding-top: 6rem; /* space below navbar */
      padding-bottom: 4rem;
    }
    /* the square hero image with logo */
    #hero .logo-mark {
      width: 420px; /* nice and big on desktop */
      max-width: 90vw;
      height: auto;
      border-radius: 16px;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
      margin-bottom: 1.5rem;
    }
    @media (max-width: 768px) {
      #hero {
        min-height: 70vh;
      }
      #hero .logo-mark {
        width: 300px;
      }
    }
    #hero .hero-inner {
      max-width: 850px; /* <<< THIS controls the text + image width */
      width: 90%;
      margin: 0 auto;
      text-align: center;
    }
    /* Make the image fill the same width as the text block */
    #hero .logo-mark {
      width: 100%; /* stretch to hero-inner width */
      max-width: 900px; /* prevents it from blowing up huge */
      height: auto;
      border-radius: 18px;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
      margin-bottom: 1.5rem;
    }
    /* SECTION WRAPPER */
    section {
      padding: 4rem 0;
    }
    .section-kicker {
      text-transform: uppercase;
      letter-spacing: 0.18em;
      font-size: 0.78rem;
      color: var(--cs-teal);
      font-weight: 600;
      margin-bottom: 0.3rem;
    }
    .section-heading {
      margin-bottom: 1rem;
    }
    /* ABOUT / TEAM */
    .bio-block {
      font-size: 0.93rem;
      line-height: 1.55;
    }
    .team-card {
      border: none;
      border-radius: 1rem;
      box-shadow: 0 12px 30px rgba(4, 18, 33, 0.06);
      overflow: hidden;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .team-card img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }
    @media (min-width: 992px) {
      .team-card img {
        height: 340px;
      }
    }
    .team-role {
      text-transform: uppercase;
      letter-spacing: 0.13em;
      font-size: 0.72rem;
      color: var(--cs-teal);
      font-weight: 600;
    }
    .team-card .card-body {
      font-size: 0.85rem;
      max-height: 260px; /* keeps tall bios under control */
      overflow-y: auto;
    }
    @media (max-width: 767.98px) {
      .team-card .card-body {
        max-height: none; /* let it flow naturally on phones */
      }
    }
    /* slimmer scrollbars in bios */
    .team-card .card-body::-webkit-scrollbar {
      width: 6px;
    }
    .team-card .card-body::-webkit-scrollbar-thumb {
      background: rgba(2, 38, 59, 0.4);
      border-radius: 4px;
    }
    /* BAND: FIELD TO WATER */
    .band {
      background: linear-gradient(135deg, #021523, #033a57);
      color: #f5f7fb;
      padding: 3rem 0;
    }
    .band h3 {
      color: #ffffff;
    }
    .band p {
      font-size: 0.94rem;
    }
    .band-img {
      border-radius: 0.9rem;
      width: 100%;
      height: 210px;
      object-fit: cover;
    }
    @media (min-width: 992px) {
      .band-img {
        height: 220px;
      }
    }
    /* EXCURSIONS – Florida charter gallery look */
    #excursions {
      background: linear-gradient(180deg, #f3fbff, #ffffff);
    }
    .gallery-panel {
      background: #ffffff;
      border-radius: 1.25rem;
      box-shadow: 0 18px 40px rgba(5, 40, 70, 0.16);
      padding: 1rem;
    }
    .gallery-main,
    .gallery-small {
      width: 100%;
      border-radius: 1rem;
      object-fit: cover;
      display: block;
    }
    .gallery-main {
      aspect-ratio: 16 / 9; /* wide boat shot */
    }
    .gallery-small {
      aspect-ratio: 4 / 3; /* smaller supporting pics */
    }
    /* FORM */
    .form-section-title {
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-size: 0.76rem;
      color: var(--cs-teal);
      font-weight: 600;
      margin-top: 1.5rem;
      margin-bottom: 0.4rem;
    }
    .required::after {
      content: " *";
      color: #c0392b;
    }
    /* EVENTS */
    #events-calendar,
    #map {
      min-height: 260px;
      border-radius: 1rem;
      border: 1px solid #dde2ea;
      background: #f7f9fc;
    }
    /* SHOP & DONATE */
    .shop-card {
      border-radius: 1rem;
      border: none;
      box-shadow: 0 10px 24px rgba(10, 40, 60, 0.06);
      height: 100%;
    }
    .shop-card img {
      border-radius: 1rem 1rem 0 0;
      width: 100%;
      height: 190px;
      object-fit: cover;
    }
    /* FOOTER */
    body > footer {
      background: #050b12;
      color: #d0d7e5;
      padding: 2.2rem 0 1.3rem;
      font-size: 0.88rem;
    }
    body > footer a {
      color: #edf3ff;
      text-decoration: none;
    }
    body > footer a:hover {
      text-decoration: underline;
    }
    .social-icons a {
      font-size: 1.2rem;
      margin-right: 0.7rem;
    }
    @media (max-width: 767.98px) {
      #hero {
        padding-top: 4.8rem;
      }
    }
    .calendar-responsive {
      position: relative;
      width: 100%;
      padding-bottom: 75%; /* controls aspect ratio */
      height: 0;
      overflow: hidden;
      border-radius: 1rem;
    }
    .calendar-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
:root {scroll-padding-top:90px;}
body > main.page-main {padding-top:72px;min-height:60vh;}
.breadcrumb-nav {padding:1rem 0 0;font-size:.85rem;}
.breadcrumb-nav a {color:#315e70;}
.page-main > section {padding-top:2.5rem;}
.navbar .nav-link.active {color:#f4b23a;}
.navbar-toggler:focus-visible,a:focus-visible,button:focus-visible {outline:3px solid #0ca5a6;outline-offset:3px;}
.home-overview {background:#f5f7fb;}
.destination-card {display:flex;flex-direction:column;gap:.75rem;height:100%;padding:1.8rem;background:white;border:1px solid #e0e6eb;border-radius:1rem;}
.destination-card h3 {font-size:1.35rem;margin:0;}
.destination-card p {color:#53616e;margin:0 0 .75rem;}
.destination-card a {margin-top:auto;align-self:flex-start;color:#02263b;font-weight:600;}
.home-intro {max-width:760px;}
#hero {min-height:0;padding-top:7rem;padding-bottom:4rem;}
#hero .logo-mark {width:230px;max-width:65vw;margin-bottom:1.5rem;}
#hero h1 {color:white;max-width:850px;margin:0 auto 1rem;}
#hero .lead {max-width:800px;margin:0 auto;}
.page-main .team-card .card-body {max-height:none;}
.page-main #about > .container > .row > .col-lg-5,.page-main #about > .container > .row > .col-lg-7 {width:100%;}
.page-main #about .bio-block {max-width:850px;}
.page-main #about .team-card .card-body {font-size:.95rem;}
.page-main #shop > .container > .row > .col-lg-7 {width:100%;}
.page-main #donate {max-width:850px;margin:auto;}
#about-the-founder .atf-section {padding-top:3rem;}
@media(max-width:767.98px){#hero{padding-top:6rem;}#hero h1{font-size:2rem;}.navbar-brand span{font-size:.65rem;letter-spacing:.1em;}.calendar-responsive{padding-bottom:130%;}.page-main > section{padding-top:2rem;}}

/* Calm Seas: story-led presentation, shared across all public pages. */
:root{--cs-sand:#f6f3ec;--cs-navy:#02263b;--cs-teal:#087e80;--cs-gold:#f4b23a;scroll-padding-top:110px}
body{color:#263c47;background:#fff;line-height:1.7}
h1,h2,h3{color:#02263b}a{transition:color .18s,background-color .18s}
.cs-navigation{background:#fff;backdrop-filter:none;border-bottom:1px solid #e9eeef;min-height:96px;padding:10px 0}
.cs-brand{display:flex;align-items:center;gap:12px;margin:0;color:#02263b!important}
.cs-brand img{width:62px!important;height:66px!important;object-fit:contain;margin:0!important}
.cs-brand span{font-size:.72rem!important;letter-spacing:.15em!important;line-height:1.65;font-weight:500}.cs-brand strong{font-size:.91rem;letter-spacing:.28em;font-weight:700}
.cs-navigation .navbar-nav .nav-link{font-size:.87rem;letter-spacing:0;text-transform:none;color:#163748;padding:12px 9px;background:transparent;border:0;font-weight:500}
.cs-navigation .navbar-nav .nav-link:hover,.cs-navigation .navbar-nav .nav-link.active{color:#087e80}
.cs-navigation .dropdown-menu{border:1px solid #e1e9e9;border-radius:4px;padding:10px;box-shadow:0 14px 30px #02263b12}
.cs-navigation .dropdown-item{font-size:.88rem;padding:9px 12px;border-radius:3px}.cs-navigation .dropdown-item.active{background:#edf5f4;color:#02263b}
.cs-nav-donate{padding:10px 22px;border-radius:4px;letter-spacing:0;display:flex;gap:20px;align-items:center}
.skip-link{position:fixed;top:-100px;left:16px;z-index:2000;background:#fff;padding:12px;color:#02263b}.skip-link:focus{top:10px}
#hero.cs-hero{position:relative;isolation:isolate;min-height:730px;padding:185px 0 105px;background:#02263b;text-align:left;display:flex;align-items:center;overflow:hidden}
.cs-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2}
.cs-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,40,.93) 0%,rgba(2,25,40,.79) 35%,rgba(2,25,40,.18) 75%);z-index:-1}
.cs-eyebrow{font-size:.73rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#087e80;margin-bottom:21px;line-height:1.6}
.cs-hero .cs-eyebrow{color:#f4ce86}#hero.cs-hero h1{font-size:clamp(3.3rem,5.8vw,5.4rem);line-height:1.05;font-weight:500;letter-spacing:-.035em;max-width:800px;margin:0 0 26px;color:white}
.cs-hero-lede{font-size:1.13rem;line-height:1.8;max-width:540px;color:#edf3f5;margin-bottom:32px}
.cs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.cs-button{padding:15px 24px;font-size:.93rem;font-weight:600;border-radius:4px;letter-spacing:0;display:inline-flex;align-items:center;gap:24px}
.cs-light-link{color:white;text-underline-offset:7px;font-size:.94rem;font-weight:500}.cs-light-link:hover{color:#f4ce86}
.cs-hero-caption{position:absolute;right:32px;bottom:24px;color:#e5eff2;font-size:.6rem;letter-spacing:.16em}
.cs-promise{background:#02263b;color:#e1edf0}.cs-promise .container{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px}.cs-promise span{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.cs-promise span:before{content:'—';color:#f4b23a;margin-right:15px}
.cs-story{padding:100px 0;background:var(--cs-sand)}.cs-story-visual{position:relative;padding-bottom:25px}.cs-story-visual>img{width:85%;height:530px;object-fit:cover;object-position:center 45%;border-radius:3px}
.cs-image-note{position:absolute;bottom:0;right:35px;background:#087e80;color:white;padding:27px 32px;font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;line-height:1.45}
.cs-story h2,.cs-water h2,.cs-invitation h2{font-size:clamp(2.15rem,3.5vw,3.35rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin-bottom:25px}
.cs-story-copy{padding-left:40px}.cs-story-copy p:not(.cs-eyebrow){max-width:510px}.cs-lede{font-size:1.18rem;color:#02263b;margin-bottom:20px}
.cs-text-link{display:inline-block;color:#02263b;font-size:.93rem;font-weight:600;text-decoration:none;border-bottom:1px solid #9eb9bd;padding-bottom:6px;margin-top:10px}.cs-text-link span{margin-left:14px}.cs-text-link:hover{color:#087e80}
.cs-water{padding:90px 0}.cs-section-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:36px}.cs-section-top h2{margin:0}.cs-section-top>a{margin-bottom:5px;flex-shrink:0}
.cs-photo-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.cs-photo-pair figure{margin:0}.cs-photo-pair img{width:100%;height:380px;object-fit:cover;border-radius:3px}.cs-photo-pair figure:nth-child(2) img{object-position:50% 57%}.cs-photo-pair figcaption{font-size:.8rem;color:#526c78;margin-top:12px}
.cs-events-line{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid #dbe5e7}.cs-events-line p{margin:0}.cs-events-line a{color:#087e80;font-size:.9rem;font-weight:600;text-underline-offset:5px}
.cs-founder{background:#02263b;color:#d8e7ec;padding:75px 0}.cs-founder .cs-eyebrow{color:#f4ce86}.cs-founder img{width:100%;max-width:310px;aspect-ratio:4/5;object-fit:cover;border-radius:3px}.cs-founder blockquote{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.35;color:white;margin:0 0 26px}.cs-founder-name{color:white;font-weight:600}.cs-founder-name span{display:block;color:#9ebbc6;font-weight:400;font-size:.8rem;margin-top:4px}.cs-founder .cs-light-link{display:inline-block;margin-top:8px}
.cs-invitation{padding:90px 0;text-align:center;background:var(--cs-sand)}.cs-invitation p:not(.cs-eyebrow){margin-bottom:30px}.cs-button-navy{background:#02263b;color:white;border:1px solid #02263b}.cs-button-navy:hover{background:#064563;color:white}.cs-button-outline{color:#02263b;border:1px solid #9aadb5}.cs-button-outline:hover{background:#e7e9e3;color:#02263b}
body>main.page-main{padding-top:96px}.cs-page-heading{background:var(--cs-sand);padding:28px 0 52px;border-bottom:1px solid #e7e8e0;color:#687c86;font-size:.8rem}.cs-back-home{color:#526d79;text-decoration:none}.cs-breadcrumb-separator{padding:0 10px}.cs-page-heading .cs-eyebrow{margin:35px 0 15px}.cs-page-heading h1{font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 22px;font-weight:500}.cs-page-lede{font-size:1.05rem;color:#526973;margin:0;max-width:640px}
.page-main>section{padding-top:65px;padding-bottom:65px}.page-main #apply{background:white!important}.page-main #apply .card{box-shadow:none!important;border:1px solid #e0e8ea!important}.page-main #apply .form-control{padding:11px;border-color:#bfcdd2}.page-main #apply .form-control:focus{border-color:#087e80;box-shadow:0 0 0 .2rem #087e8020}.form-section-title{color:#087e80}.page-main .section-kicker{color:#087e80}.page-main .btn-primary{background:#02263b;border-color:#02263b;padding:12px 24px}
.page-main .team-card{border:1px solid #e2e9eb;border-radius:4px;box-shadow:none}.page-main .team-card img{height:340px}.page-main .team-card .card-body{padding:24px}.page-main .team-role{color:#087e80}.page-main .gallery-panel{padding:0;box-shadow:none;background:transparent}.page-main .gallery-panel img{border-radius:3px}
#about-the-founder{padding:0}#about-the-founder h1{font-size:clamp(2.3rem,3.6vw,3.4rem);font-weight:500;color:#02263b}#about-the-founder .atf-kicker,#about-the-founder .atf-role{color:#087e80}#about-the-founder .atf-section{padding:70px 0}
body>footer{background:#011c2b;color:#bdcdd4;padding:50px 0 25px;line-height:1.75}body>footer h6{color:white}body>footer .container{max-width:1140px}
@media(min-width:992px) and (max-width:1199.98px){.cs-navigation .navbar-nav{gap:3px!important}.cs-navigation .navbar-nav .nav-link{font-size:.8rem}.cs-nav-donate{padding:10px 16px}}
@media(max-width:991.98px){.cs-navigation .navbar-collapse{padding:14px 0 20px}.cs-navigation .dropdown-menu{box-shadow:none;border:0;background:#f3f6f5}.cs-navigation .navbar-nav .nav-link{padding:12px 0}.cs-nav-donate{display:inline-flex;margin-top:12px}.cs-story-copy{padding-left:12px}.cs-story-visual>img{height:460px}.cs-section-top{display:block}.cs-section-top>a{margin-top:20px}.cs-hero:after{background:linear-gradient(90deg,#021928e8,#02192877)}.cs-hero-photo{object-position:60% center}.cs-founder img{max-width:260px}}
@media(max-width:767.98px){.cs-navigation{min-height:82px;padding:7px 0}.cs-brand img{height:58px!important;width:54px!important}.cs-brand span{font-size:.64rem!important}.cs-brand strong{font-size:.8rem}body>main.page-main{padding-top:82px}#hero.cs-hero{padding:140px 0 80px;min-height:670px}#hero.cs-hero h1{font-size:3.35rem}.cs-hero-lede{font-size:1rem;max-width:340px}.cs-hero .cs-eyebrow{font-size:.65rem}.cs-actions{gap:20px}.cs-hero-caption{font-size:.49rem;right:16px;left:16px;bottom:20px}.cs-promise .container{flex-direction:column;gap:9px;padding-top:20px;padding-bottom:20px}.cs-promise span{font-size:.67rem}.cs-story,.cs-water,.cs-invitation{padding:58px 0}.cs-story-visual>img{height:400px;width:90%}.cs-image-note{right:12px;font-size:1.15rem;padding:22px}.cs-photo-pair{grid-template-columns:1fr;gap:24px}.cs-photo-pair img{height:290px}.cs-photo-pair figure:nth-child(2) img{height:260px}.cs-events-line{align-items:flex-start;flex-direction:column;gap:10px}.cs-founder{padding:55px 0}.cs-founder img{max-width:240px}.cs-page-heading{padding-bottom:36px}.cs-page-heading h1{font-size:2.6rem}.page-main>section{padding-top:42px;padding-bottom:42px}#about-the-founder .atf-section{padding:40px 0}.cs-invitation .cs-actions{flex-direction:column;gap:12px}.cs-invitation .cs-button{min-width:250px;justify-content:space-between}.cs-button{font-size:.9rem}.cs-founder .cs-eyebrow{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cleaner presentation: fewer decorative elements and consistent controls. */
.cs-nav-donate,.cs-button{gap:0;justify-content:center;letter-spacing:0;box-shadow:none}
.cs-button{padding:13px 23px;border-radius:4px;font-size:.94rem}
.cs-actions{gap:20px}
.cs-light-link,.cs-text-link,.cs-events-line a{font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;border:0;padding-bottom:0}
.cs-story-visual{padding-bottom:0}.cs-story-visual>img{width:100%;border-radius:4px}
.cs-story,.cs-water,.cs-invitation{padding-top:72px;padding-bottom:72px}
.cs-navigation .dropdown-menu{box-shadow:0 6px 16px #02263b0a}
.cs-page-heading{padding-bottom:38px}.cs-page-heading h1{margin-top:25px;font-size:clamp(2.2rem,3.8vw,3.5rem)}
.cs-story h2,.cs-water h2,.cs-invitation h2{font-size:clamp(2rem,3vw,2.8rem)}
.cs-eyebrow{letter-spacing:.09em}
#about-the-founder figure img{box-shadow:none;border-radius:5px}
#about-the-founder .atf-band footer::before{display:none}
#about-the-founder .atf-kicker,#about-the-founder .atf-role,#about-the-founder .atf-linkgroup h3{letter-spacing:.06em}
#about-the-founder .atf-cta{letter-spacing:0}
@media(max-width:767.98px){.cs-story,.cs-water,.cs-invitation{padding-top:48px;padding-bottom:48px}.cs-invitation .cs-button{justify-content:center}.cs-page-heading h1{font-size:2.25rem}.cs-page-heading{padding-bottom:30px}.cs-actions{gap:18px}.cs-hero .cs-eyebrow{letter-spacing:.07em}}

/* YouTube: live channel feed with a featured privacy-enhanced player. */
.cs-youtube{padding:82px 0;background:linear-gradient(145deg,#011c2b 0%,#04374d 100%);color:#d7e7eb;overflow:hidden}
.cs-youtube .cs-eyebrow{color:#f4ce86;margin-bottom:14px}.cs-youtube h2{color:#fff;font-size:clamp(2.1rem,3.5vw,3.2rem);font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.cs-youtube-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}.cs-youtube-heading>div>p:last-child{max-width:620px;margin:0;color:#b9cdd4}
.cs-youtube-channel{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#fff;text-decoration:none;border:1px solid #6f929f;padding:12px 17px;border-radius:4px;font-size:.9rem;font-weight:600}
.cs-youtube-channel:hover{color:#02263b;background:#fff;border-color:#fff}.cs-youtube-channel .fa-youtube{color:#ff4e45;font-size:1.2rem}.cs-youtube-channel:hover .fa-youtube{color:#c8221a}
.cs-youtube-feed{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:24px;align-items:stretch}
.cs-video-feature,.cs-video-list{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.2)}
.cs-video-frame{position:relative;aspect-ratio:16/9;background:#00131e}.cs-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cs-video-feature-copy{padding:20px 23px 23px;color:#526973}.cs-video-feature-copy span{display:block;color:#087e80;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700;margin-bottom:6px}
.cs-video-feature-copy h3{font-family:Inter,Arial,sans-serif;color:#02263b;font-size:1.25rem;line-height:1.4;margin:0;font-weight:600}.cs-video-list{display:flex;flex-direction:column;padding:10px}
.cs-video-choice{appearance:none;width:100%;display:grid;grid-template-columns:116px 1fr;gap:13px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e1e9eb;background:#fff;padding:11px;color:#02263b;cursor:pointer;border-radius:3px}
.cs-video-choice:last-child{border-bottom:0}.cs-video-choice:hover,.cs-video-choice.is-active{background:#edf5f4}.cs-video-choice:focus-visible{outline:3px solid #0ca5a6;outline-offset:-3px}
.cs-video-choice img{width:116px;aspect-ratio:16/9;object-fit:cover;border-radius:3px;background:#dce5e8}.cs-video-choice-copy{min-width:0}
.cs-video-choice strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.82rem;line-height:1.35}.cs-video-choice time{display:block;color:#6d818a;font-size:.7rem;margin-top:5px}
.cs-video-loading .cs-video-frame{background:linear-gradient(110deg,#062d40 8%,#0d465d 18%,#062d40 33%);background-size:200% 100%;animation:cs-video-shimmer 1.6s linear infinite}
.cs-youtube-error{grid-column:1/-1;padding:28px;border:1px solid #567c8a;border-radius:5px;color:#d7e7eb}.cs-youtube-error a,.cs-youtube-fallback a{color:#f4ce86}
@keyframes cs-video-shimmer{to{background-position-x:-200%}}
@media(max-width:991.98px){.cs-youtube-feed{grid-template-columns:1fr}.cs-video-list{display:grid;grid-template-columns:repeat(2,1fr)}.cs-video-choice:nth-child(odd){border-right:1px solid #e1e9eb}}
@media(max-width:767.98px){.cs-youtube{padding:55px 0}.cs-youtube-heading{display:block}.cs-youtube-channel{margin-top:24px}.cs-video-list{display:block}.cs-video-choice{grid-template-columns:108px 1fr}.cs-video-choice:nth-child(odd){border-right:0}.cs-video-feature-copy{padding:17px 18px 20px}.cs-video-feature-copy h3{font-size:1.05rem}}