/* Compact editorial layout with focused, accessible navigation. */
[hidden]{display:none!important}
html{scroll-padding-top:104px}body{background:#f3f6f8}header{position:sticky;top:0;z-index:40;height:76px;padding:0 max(24px,calc((100vw - 1280px)/2));gap:24px;box-shadow:0 2px 12px #10283908}header .brand img{width:216px;height:auto;max-height:58px;object-fit:contain}header nav{gap:5px;flex:1;justify-content:center;min-width:0}.nav{height:38px;padding:0 12px;border-radius:6px;white-space:nowrap;font-size:13px;font-weight:500}.nav.active{background:#eaf3fb;color:#075eac}.nav.active:after{display:none}header>.outline{white-space:nowrap;padding:10px 14px}.utility-bar{padding:6px 5%;font-size:11px}.fv-sponsor-strip{min-height:58px!important;padding:7px 20px!important;gap:16px!important}.fv-sponsor-strip img{width:145px!important;max-height:51px;object-fit:contain}.fv-sponsor-strip span{font-size:9px!important}.utility-bar{min-height:30px}main{max-width:1360px;padding:0 40px}.hero{gap:38px;padding:34px 0 28px;align-items:start}.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(32px,3.5vw,47px);font-weight:600;letter-spacing:-1.7px;line-height:1.12;margin:12px 0 16px}.hero-copy>p{font-size:15px;line-height:1.65;max-width:480px;margin:0 0 18px}.hero .eyebrow{font-size:10px;letter-spacing:.16em}.hero-search{margin:18px 0 14px}.hero-buttons{gap:10px;flex-wrap:wrap}.hero-foot{padding-top:18px;margin-top:18px;gap:22px}.hero-coming-up{margin-top:22px;padding-top:17px}.hero-coming-up .coming-up-item:nth-child(n+3){display:none}.hero-coming-up .coming-up-item{padding:12px 0}.coming-up-copy h3{font-size:14px;font-weight:600}.coming-up-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-heading{font-size:10px}.show-carousel{margin-top:18px}.logo-slide img{height:84px!important;max-height:84px!important;object-fit:contain!important}.logo-slide{min-height:150px!important;padding:14px!important}.carousel-caption{font-size:11px}.browse-paths,.ticker{display:none!important}.freshness{font-size:11px;margin:12px 0;color:#6c7d89}.guide,.episode-library{scroll-margin-top:94px;margin:22px 0 34px;padding-top:12px}.section-head{margin-bottom:18px}.section-head h2,.episode-library h2{font-family:'DM Sans',Arial,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.7px;line-height:1.2;margin:8px 0 10px}.eyebrow{font-weight:600}.guide-mode{margin:12px 0 18px}.day-strip{gap:8px}.day-strip button{border-radius:9px}.searchbar{margin:16px 0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #dfe6eb;box-shadow:0 3px 12px #10283904;border-radius:10px;overflow:hidden}.card .cover{height:116px;min-height:116px;padding:12px;background:#edf2f6!important;border-bottom:1px solid #e1e8ed}.card .directory-art{position:static!important;width:100%!important;height:88px!important;max-height:88px!important;object-fit:contain!important;margin:0!important}.card .cover strong{font-family:'DM Sans',Arial,sans-serif;font-size:21px;color:#193446;line-height:1.2}.card .cover-label,.card .cover-sub{color:#526776;font-size:9px}.card-body{padding:18px}.card h3{font-family:'DM Sans',Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.2px}.card .description{font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .host{font-size:12px}.card-bottom{gap:8px;flex-wrap:wrap}.card-bottom button,.card-bottom a{font-size:11px}#directory-more{display:block;margin:24px auto 32px;min-width:210px}.schedule-row{border:1px solid #e1e8ed;border-radius:10px;margin:10px 0;padding:18px;box-shadow:0 2px 8px #10283903}.schedule-info h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:600}.schedule-info>p{font-size:12px}.schedule-heading p{font-size:12px;line-height:1.6}.schedule-help{padding:18px!important;margin-top:20px!important}.schedule-help p{font-size:12px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.episode-card{border:1px solid #dfe6eb;border-radius:10px;box-shadow:0 2px 10px #10283904;padding:20px}.episode-card h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4}.episode-card p{font-size:13px;line-height:1.65}.episode-card small{font-size:11px}.episode-match{font-size:12px}.episode-library .episode-intro{font-size:14px;line-height:1.65}.replay-quick-search{margin:16px 0}.contribute{margin:28px 0;padding:22px 26px;border-radius:10px;gap:20px}.contribute h2{font-family:'DM Sans',Arial,sans-serif;font-size:20px;font-weight:600}.contribute p{font-size:12px;max-width:650px}.contribute-icon{font-size:24px}.contribute .eyebrow{display:none}footer{padding:24px 5%;font-size:11px}body:not([data-workspace='home']) .hero{display:none}body[data-workspace='replays'] .freshness,body[data-workspace='upcoming'] .freshness{display:none}
@media(max-width:1050px){header{padding:0 22px;gap:14px}header .brand img{width:175px}.nav{padding:0 9px;font-size:12px}header>.outline{font-size:11px}.hero{gap:24px}main{padding:0 26px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){html{scroll-padding-top:122px}header{height:auto;min-height:100px;display:grid;grid-template-columns:1fr auto;padding:8px 16px;gap:6px 10px}header nav{grid-column:1/-1;grid-row:2;width:100%;height:42px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav{padding:0 13px;flex-shrink:0;height:34px}header .brand img{width:174px;max-height:38px}header>.outline{font-size:11px;padding:8px 11px}.utility-bar{padding:5px 16px}.utility-bar>span{display:none}.utility-actions{width:100%;justify-content:space-between}.fv-sponsor-strip{min-height:48px!important}.fv-sponsor-strip img{width:123px!important;max-height:38px}main{padding:0 16px}.hero{display:flex;flex-direction:column;padding:22px 0 18px;gap:22px}.hero-copy,.hero-features{width:100%}.hero h1{font-size:35px;letter-spacing:-1px}.hero-copy>p{font-size:14px}.hero-coming-up{display:none}.hero-foot{gap:18px;font-size:11px}.hero-buttons .primary,.hero-buttons .outline{font-size:12px}.section-head h2,.episode-library h2{font-size:25px}.guide,.episode-library{margin-top:16px;scroll-margin-top:120px}.cards,.episode-grid{grid-template-columns:1fr;gap:14px}.card .cover{height:99px;min-height:99px}.card .directory-art{height:74px!important}.card-body{padding:16px}.section-head{gap:10px;flex-wrap:wrap}.view-controls{gap:7px}.view-controls button{font-size:11px}.schedule-row{padding:14px}.contribute{padding:18px;display:block}.contribute-icon{display:none}.contribute .primary{display:inline-block;margin-top:10px}.contribute h2{font-size:18px}.replay-heading{display:block}.replay-live-link{display:inline-block;margin:8px 0 14px}footer{gap:12px;flex-wrap:wrap}}
.browse-heading{display:none!important}
@media(max-width:1050px){header nav{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.nav{flex-shrink:0}}

.directory-group-heading{grid-column:1/-1;font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:600;margin:14px 0 0;padding:12px 0;border-bottom:1px solid #dce5ec;color:#193446}.directory-schedule{margin:12px 0;padding:10px 12px;background:#f1f6fa;border-left:3px solid #4387bb;border-radius:0 5px 5px 0}.directory-schedule>span{font-size:10px;color:#5d7486}.directory-schedule p{font-size:12px;font-weight:500;line-height:1.5;margin:3px 0}.directory-schedule small{font-size:10px;line-height:1.5;color:#687f8f}

.archived-listing-note{padding:12px;background:#f1f4f7;border-radius:6px;color:#516572;font-size:13px}
/* Larger masthead: retain the official image and clip its transparent padding. */
header .brand{display:flex;align-items:center;justify-content:center;flex:0 0 432px;width:432px;height:72px;overflow:hidden}
header .brand img{display:block;width:432px;max-width:none;height:auto;max-height:none;flex:none}
@media(max-width:1179px){
 html{scroll-padding-top:156px}
 header{height:auto;min-height:126px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:4px 20px 8px;gap:0 12px}
 header .brand{grid-column:1/-1;grid-row:1;justify-self:center;width:min(432px,100%);height:72px}
 header nav{grid-column:1;grid-row:2;justify-content:flex-start;width:100%;height:42px;overflow-x:auto;scrollbar-width:none}
 header .nav{flex-shrink:0}
 header>.outline{grid-column:2;grid-row:2}
 .guide,.episode-library{scroll-margin-top:150px}
}
@media(max-width:740px){
 header{padding:2px 12px 7px;min-height:118px;gap:0 8px}
 header .brand{width:min(348px,100%);height:66px}
 header .brand img{width:348px;max-height:none}
 header nav{height:40px}.nav{padding:0 10px}
 header>.outline{padding:8px;font-size:11px}
}
/* Centered masthead with navigation on its own row. */
html{scroll-padding-top:156px}
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto;min-height:126px;padding:4px max(24px,calc((100vw - 1280px)/2)) 8px;gap:0 14px}
header .brand{grid-column:1/-1;grid-row:1;justify-self:center;width:min(432px,100%);height:72px}
header nav{grid-column:2;grid-row:2;justify-content:center;width:auto;max-width:100%;height:42px;min-width:0;overflow-x:auto;scrollbar-width:none}
header .nav{flex-shrink:0}
header>.outline{grid-column:3;grid-row:2;justify-self:end}
.guide,.episode-library{scroll-margin-top:150px}
@media(max-width:740px){
 header{grid-template-columns:minmax(0,1fr) auto;padding:2px 12px 7px;gap:0 8px;min-height:118px}
 header .brand{grid-column:1/-1;width:min(348px,100%);height:66px}
 header nav{grid-column:1;justify-content:flex-start;width:100%;height:40px}
 header>.outline{grid-column:2;grid-row:2}
}

/* Lead the page with the centered FreightShows brand. */
header{min-height:138px}
header .brand{width:min(500px,100%);height:84px}
header .brand img{width:500px;max-height:none}
html{scroll-padding-top:168px}.guide,.episode-library{scroll-margin-top:162px}
@media(max-width:740px){
 header{min-height:122px}
 header .brand{width:min(380px,100%);height:72px}
 header .brand img{width:min(380px,calc(100vw - 24px));max-height:none}
}
/* Owner preference: top-left brand with links directly underneath. */
header{grid-template-columns:minmax(0,1fr) auto}
header .brand{grid-column:1/-1;justify-self:start}
header nav{grid-column:1;justify-self:start;justify-content:flex-start;width:100%}
header>.outline{grid-column:2;justify-self:end}
/* Center the main navigation independently of the right-hand action. */
@media(min-width:741px){
 header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 header nav{grid-column:2;grid-row:2;justify-self:center;justify-content:center;width:auto}
 header>.outline{grid-column:3;grid-row:2}
}
@media(max-width:740px){header nav{justify-content:safe center}}

/* One focused home screen, with a single search across guests and programming. */
.home-quick-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.home-quick-nav button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:12px 14px;background:white;border:1px solid #d5e2eb;border-radius:8px;color:#183c56;min-height:65px;transition:background .15s,border-color .15s}.home-quick-nav button:hover{background:#edf5fb;border-color:#7ca7c8}.home-quick-nav strong{font-size:13px;font-weight:600}.home-quick-nav span{font-size:10px;color:#637a8c;line-height:1.4}body[data-workspace=home] .hero-buttons,body[data-workspace=home] .contribute,body[data-workspace=home] .freshness{display:none}.hero-coming-up .coming-up-item:nth-child(n+2){display:none}.hero h1{font-size:clamp(30px,3.1vw,43px)}.hero-copy>p{margin-bottom:12px}.hero-foot{margin-top:14px;padding-top:12px}.guest-search-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid #d8e5ee;border-radius:7px;background:#f1f7fc;font-size:12px;color:#526d81}.guest-search-nudge button{border:0;background:none;color:#1267a7;font-size:12px;font-weight:600;padding:4px;white-space:nowrap}.category-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}.category-row .chip{min-width:0;white-space:normal;line-height:1.4;text-align:center;font-size:12px;padding:12px 8px}.directory-search-preview{background:#edf4f9;border:1px solid #d6e3ec;border-radius:9px;padding:16px;margin:12px 0 20px}.directory-search-preview h3{font-size:15px;font-weight:600;margin:0 0 12px}.directory-search-preview>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.directory-search-preview>div>button{display:flex;flex-direction:column;gap:5px;text-align:left;background:white;border:1px solid #dce5ec;border-radius:6px;padding:12px;min-width:0}.directory-search-preview strong{font-size:13px;font-weight:600}.directory-search-preview span{font-size:11px;color:#60798b}.directory-search-preview>.inline-link{margin-top:12px}
@media(max-width:740px){.hero{padding-top:16px;gap:18px}.hero h1{font-size:30px;line-height:1.13;letter-spacing:-.8px;margin:9px 0 12px}.hero-copy>p{font-size:13px;line-height:1.55;margin-bottom:10px}.hero-search{margin:12px 0}.home-quick-nav{margin:12px 0;gap:7px}.home-quick-nav button{padding:10px;min-height:61px}.home-quick-nav strong{font-size:12px}.hero-foot{gap:12px}.hero-foot strong{font-size:18px}.category-row{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-search-nudge{align-items:flex-start;flex-direction:column;gap:4px}.directory-search-preview>div{grid-template-columns:1fr}}

.replay-search-panel .episode-filters{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.replay-search-panel .episode-filters{grid-template-columns:1fr}.utility-bar .utility-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;flex-wrap:nowrap}.utility-actions .dashboard-shortcut{font-size:9px;padding:5px 7px;min-height:28px;white-space:nowrap}.utility-actions>span,.utility-actions .media-shortcut{font-size:9px;white-space:nowrap}}

/* Keep carousel controls still when artwork, title or schedule lengths change. */
.hero-features #logo-slides{height:312px;overflow:hidden}
.hero-features #logo-slides .logo-slide{height:100%;min-height:0;grid-template-rows:144px 46px 36px 32px;gap:8px;padding:14px;align-items:center;box-sizing:border-box}
.hero-features #logo-slides .logo-slide[hidden]{display:none}
.hero-features #logo-slides .logo-slide>img{width:auto;height:auto;max-height:144px;max-width:100%;object-fit:contain}
.hero-features #logo-slides .logo-slide>span,.hero-features #logo-slides .logo-slide>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;margin:0;text-align:center}
.hero-features #logo-slides .logo-slide>span{font-size:17px;line-height:23px;max-height:46px}
.hero-features #logo-slides .logo-slide>.logo-host{font-size:12px;line-height:18px;max-height:36px}
.hero-features #logo-slides .logo-slide>small:last-child{font-size:10px;line-height:16px;max-height:32px}
.logo-name-art{width:100%;height:144px;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;border:1px solid #91b7d24d;border-radius:8px;background:linear-gradient(135deg,#193d57,#10283b)}
.hero-features #logo-slides .logo-name-art span{font-size:22px;font-weight:500;line-height:1.25;color:#f2f8fc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:700px){.hero-features #logo-slides{height:296px}.hero-features #logo-slides .logo-slide{grid-template-rows:132px 46px 36px 32px;padding:12px}.hero-features #logo-slides .logo-slide>img{max-height:132px}.logo-name-art{height:132px}}

/* Preserve contrast for the official white Carrier Assure wordmark. */
.directory-art[src$="carrier-assure-logo.svg"],.listing-promo-image[src$="carrier-assure-logo.svg"]{background:#143b54}

/* A single navigation menu and a clean wordmark in the original brand colors. */
header .brand{width:min(500px,100%);height:78px;overflow:visible;justify-content:flex-start}
header .brand img{width:100%;max-width:500px;height:auto;max-height:78px;object-fit:contain;object-position:left center}
body[data-workspace=home] .hero-buttons{display:flex;align-items:center;gap:12px;margin:16px 0 22px}
.hero-buttons #explore{font-size:13px;padding:13px 18px}
.hero-buttons #upcoming{font-size:12px;font-weight:500;padding:11px 0}
.hero-copy>p{max-width:440px}
.hero-search{margin:20px 0 0}
.hero-foot{margin-top:0;padding-top:18px;border-top:1px solid #dce5eb}
@media(max-width:740px){
 header .brand{width:min(380px,100%);height:65px}
 header .brand img{max-width:380px;max-height:65px}
 body[data-workspace=home] .hero-buttons{gap:8px 14px;margin:14px 0 19px;flex-wrap:wrap}
 .hero-buttons #explore{padding:11px 15px;font-size:12px}
 .hero-buttons #upcoming{font-size:11px;padding:9px 0}
 .hero-search{margin-top:16px}
}
/* Keep Spotlight supporting text readable against its navy panel. */
.hero-features .daily-spotlight .spotlight-role,
.hero-features .daily-spotlight .spotlight-topic{color:#c9d9e5}
.hero-features .daily-spotlight .spotlight-time{color:#d8e8f4}

/* Original lettering, with the tagline integrated into one logo asset. */
header .brand{height:100px;width:min(500px,100%)}
header .brand img{max-height:100px;width:100%;max-width:500px}
@media(max-width:740px){header .brand{height:78px;width:min(380px,100%)}header .brand img{max-height:78px;max-width:380px}}

/* Both days remain visible; expand a day to see its complete lineup. */
#hero-coming-up-items .coming-up-item{display:flex;padding:12px 0}
#hero-coming-up-items .coming-up-item[hidden]{display:none!important}
.coming-up-day{margin-top:16px}
.coming-up-day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 8px;border-bottom:1px solid #d8e3eb}
.coming-up-day-heading h3{font-size:14px;font-weight:600;margin:0;color:#193446}
.coming-up-day-heading h3 span{font-size:12px;font-weight:400;color:#657d8f;margin-left:8px}
.coming-up-day-heading>span{font-size:10px;color:#657d8f;white-space:nowrap}
.coming-up-copy h4{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
.coming-up-live-label{color:#087f67;font-weight:600}
.coming-up-more{border:0;background:transparent;color:#116cbd;font-size:12px;font-weight:500;padding:8px 0;cursor:pointer}
.coming-up-more:hover{text-decoration:underline}
@media(max-width:740px){.hero .hero-coming-up{display:block;margin-top:20px}.coming-up-day-heading{gap:8px}.coming-up-image{flex-basis:56px;width:56px;height:56px}}

.coming-up-type{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.035em;color:#285b7b;background:#e7f0f7;border-radius:3px;padding:3px 6px;margin:0 0 6px}

/* Keep current-broadcast actions clear and usable on narrow screens. */
.coming-up-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.broadcast-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;white-space:normal;text-align:center}
@media(max-width:740px){.schedule-actions .broadcast-action{width:100%}}

footer .owner-year-link{font-size:12px;font-weight:400;color:inherit;text-decoration:none;opacity:.75}
footer .owner-year-link:hover,footer .owner-year-link:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}

header nav .articles-nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}

/* Keep every destination visible instead of hiding links beyond a scroll strip. */
header nav{flex-wrap:wrap;overflow:visible;height:auto;min-height:42px;gap:4px 18px;padding:5px 0}
header nav .nav{flex:0 0 auto;min-height:38px;white-space:nowrap}
.articles-home-shortcut{display:inline-flex;align-items:center;gap:12px;color:#116cbd;font-size:13px;font-weight:500;text-decoration:none;padding:9px 0;margin:0 0 14px}
.articles-home-shortcut:hover,.articles-home-shortcut:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media(max-width:740px){header nav{height:auto;min-height:40px;gap:2px 12px}header nav .nav{font-size:12px;min-height:36px}.articles-home-shortcut{font-size:13px;min-height:42px;padding:6px 0;margin-bottom:10px}}

/* Articles are a separate resource, with a dedicated homepage button. */
.articles-home-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 18px;margin:0 0 20px;border:1px solid #116cbd;border-radius:7px;background:#fff;color:#116cbd;font-size:13px;font-weight:500;text-decoration:none;line-height:1.3}
.articles-home-shortcut:hover{background:#eaf3fb;border-color:#0c579a;color:#0c579a;text-decoration:none}
.articles-home-shortcut:focus-visible{outline:3px solid #a9cef0;outline-offset:3px;text-decoration:none}
@media(max-width:740px){.articles-home-shortcut{min-height:44px;padding:11px 16px;margin-bottom:18px}}

/* One grouped navigation bar, with Articles presented as its own resource button. */
header{grid-template-columns:minmax(0,1fr);gap:4px 0;padding-bottom:12px}
header .brand{grid-column:1;grid-row:1}
header nav{grid-column:1;grid-row:2;justify-self:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:fit-content;max-width:100%;height:auto;min-height:0;gap:4px;padding:5px;background:#f3f7fa;border:1px solid #dfe8ee;border-radius:11px;overflow:visible;box-sizing:border-box}
header nav .nav{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:auto;min-height:40px;padding:10px 15px;margin:0;border:1px solid transparent;border-radius:7px;color:#486174;background:transparent;font-family:inherit;font-size:12px;font-weight:500;line-height:1.25;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
header nav .nav:hover{background:#e6eff5;color:#0d548e}
header nav .nav.active{background:#fff;border-color:#dce6ee;color:#0b63ab;box-shadow:0 1px 3px #15394e0a}
header nav .nav:focus-visible{outline:3px solid #a9cef0;outline-offset:2px}
header nav .articles-nav-button{background:#116cbd;border-color:#116cbd;color:#fff;margin-left:5px}
header nav .articles-nav-button:hover{background:#0c579a;border-color:#0c579a;color:#fff}
header nav .nav-submit{border-color:#c9dbe8;background:#fff;color:#285b7b;margin-left:3px}
@media(max-width:740px){header{padding:2px 12px 9px}header nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px}header nav .nav{min-width:0;min-height:38px;padding:8px 5px;font-size:11px;white-space:normal;text-align:center;gap:5px}header nav .articles-nav-button,header nav .nav-submit{margin-left:0}header nav .articles-nav-button{grid-column:1/3}header nav .nav-submit{grid-column:3}}

/* A small handwritten introduction to the Articles resource. */
@font-face{font-family:"Dancing Script";src:url("/assets/dancing-script-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
header nav .articles-nav-feature{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;margin-left:5px}
header nav .bonus-feature-label{display:block;text-align:center;font-family:"Dancing Script","Brush Script MT",cursive;font-size:21px;font-weight:500;line-height:1.1;color:#116cbd}
header nav .articles-nav-feature .articles-nav-button{margin-left:0}
@media(max-width:740px){header nav .articles-nav-feature{grid-column:1/3;margin-left:0}header nav .bonus-feature-label{font-size:20px}header nav .nav-submit{align-self:end}}