.dingue-mobile { display: none; }

@media (max-width: 900px) {
  *, *::before, *::after { box-sizing: border-box; }
  html { overflow-x: hidden; }
  body.dingue-mobile-ready {
    margin: 0 !important;
    min-width: 0 !important;
    background: #edf4f3 !important;
    color: #17353b;
  }
  body.dingue-mobile-ready > :not(.dingue-mobile) { display: none !important; }
  body.dingue-mobile-ready > .dingue-mobile {
    display: block !important;
    width: 100%;
    min-height: 100vh;
    font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  }
  .dingue-mobile a { color: #006b71; }
  .dingue-mobile a:focus-visible,
  .dingue-mobile summary:focus-visible { outline: 3px solid #e5a533; outline-offset: 2px; }
  .dingue-skip {
    position: absolute;
    left: 12px;
    top: -80px;
    z-index: 10;
    background: #fff;
    padding: 10px 14px;
  }
  .dingue-skip:focus { top: 8px; }
  .dingue-header {
    background: #fff;
    box-shadow: 0 2px 12px rgba(10, 53, 53, .09);
  }
  .dingue-brand { display: block; padding: 13px 18px 8px; }
  .dingue-logo { display: block; width: min(300px, 100%); height: auto; }
  .dingue-menu { border-top: 1px solid #dce9e5; }
  .dingue-menu-toggle {
    display: block;
    min-height: 46px;
    padding: 10px 18px;
    color: #075b57;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
  }
  .dingue-menu-toggle::-webkit-details-marker { display: none; }
  .dingue-menu-toggle::after { content: "+"; float: right; font-size: 22px; line-height: 1; }
  .dingue-menu[open] .dingue-menu-toggle::after { content: "\2212"; }
  .dingue-nav { padding: 0 12px 12px; }
  .dingue-nav a {
    display: block;
    min-height: 44px;
    padding: 10px 12px;
    border-top: 1px solid #e7efec;
    color: #164c4d;
    text-decoration: none;
  }
  .dingue-nav a[aria-current="page"] { color: #00654e; font-weight: 700; }
  .dingue-main { width: min(100%, 640px); margin: 0 auto; padding: 18px 16px 30px; }
  .dingue-hero,
  .dingue-link-group,
  .dingue-article {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 3px 18px rgba(10, 53, 53, .07);
  }
  .dingue-hero { overflow: hidden; padding: 20px 20px 0; }
  .dingue-eyebrow {
    margin: 0 0 5px !important;
    color: #007363;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .dingue-hero h1 { margin: 0 0 8px; color: #093f40; font-size: clamp(27px, 8vw, 38px); line-height: 1.1; }
  .dingue-hero p { margin: 0 0 18px; }
  .dingue-hero-image {
    display: block;
    width: calc(100% + 40px);
    max-width: none;
    height: auto;
    margin: 0 -20px;
  }
  .dingue-home-groups { display: grid; gap: 16px; margin-top: 16px; }
  .dingue-link-group { padding: 14px 18px 4px; }
  .dingue-link-group h2 { margin: 4px 0 6px; color: #075758; font-size: 20px; }
  .dingue-link-group a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 9px 2px;
    border-bottom: 1px solid #e5eeec;
    color: #164d54;
    text-decoration: none;
  }
  .dingue-link-group a:last-child { border-bottom: 0; }
  .dingue-link-group a::after { content: "\203a"; margin-left: auto; padding-left: 10px; color: #13816c; font-size: 23px; }
  .dingue-article { padding: 20px 18px 26px; }
  .dingue-back { display: inline-block; margin-bottom: 12px; font-size: 14px; text-decoration: none; }
  .dingue-page-title { margin: 0 0 16px; color: #0a5051; font-size: clamp(24px, 7vw, 31px); line-height: 1.2; overflow-wrap: anywhere; }
  .dingue-content { min-width: 0; color: #203a40; overflow-wrap: anywhere; }
  .dingue-content p { margin: 0 0 1em !important; line-height: 1.6; text-align: left !important; }
  .dingue-content font,
  .dingue-content span { font-family: inherit !important; font-size: inherit !important; }
  .dingue-content a,
  .dingue-content a font,
  .dingue-content a span { color: #006b71 !important; }
  .dingue-content a { display: inline-block; min-height: 28px; }
  .dingue-content img,
  .dingue-content video,
  .dingue-content iframe,
  .dingue-content object,
  .dingue-content embed {
    max-width: 100% !important;
    height: auto !important;
  }
  .dingue-content img { display: inline-block; object-fit: contain; }
  .dingue-content table:not(.dingue-data),
  .dingue-content table:not(.dingue-data) tbody,
  .dingue-content table:not(.dingue-data) tr,
  .dingue-content table:not(.dingue-data) td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
  }
  .dingue-content table:not(.dingue-data) { margin: 12px 0 18px; border-collapse: collapse; }
  .dingue-content table:not(.dingue-data) td { padding: 4px 0 !important; text-align: left !important; }
  .dingue-content table:not(.dingue-data) td:empty { display: none; }
  .dingue-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 12px 0 18px; }
  .dingue-data { width: max-content; max-width: none; border-collapse: collapse; }
  .dingue-data td, .dingue-data th { padding: 6px 8px; }
  .dingue-content pre { max-width: 100%; overflow-x: auto; }
  .dingue-content a.dingue-video {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: min(100%, 480px);
    min-height: 140px;
    margin: 18px 0;
    border: 1px solid #d5e5e0;
    border-radius: 8px;
    background: #e9f5f1;
    color: #075a4a;
    text-decoration: none;
  }
  .dingue-content a.dingue-video::before {
    content: "\25B6";
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #087762;
    color: #fff;
    font-size: 24px;
  }
  .dingue-content a.dingue-video .dingue-video-label {
    display: block;
    padding: 0 12px;
    font-weight: bold;
    text-decoration: underline;
  }
  .dingue-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    max-width: 640px;
    margin: 0 auto;
    padding: 0 16px 28px;
    font-size: 14px;
  }
  .dingue-footer a { padding: 6px 0; }
}

/* Authored editorial guide headings, present without JavaScript as well. */
.dingue-editorial-guide h1 { font-family: Verdana, Arial, sans-serif; font-size: 20px; color: #006666; line-height: 1.3; }
.dingue-editorial-guide h2 { font-family: Verdana, Arial, sans-serif; font-size: 17px; color: #006666; line-height: 1.35; margin-top: 1.2em; }
@media (max-width: 900px) {
  .dingue-mobile .dingue-content h2.dingue-section-title { font-family: inherit !important; font-size: 20px !important; }
  .dingue-mobile .dingue-editorial-guide { font-family: inherit !important; font-size: inherit !important; }
}