/* Reference-first layouts, loaded after the established component theme. */
.c-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-block:1.5rem}
.c-resource-grid article{min-width:0;border:1px solid var(--line,#d7dde5);border-radius:12px;padding:1.5rem;background:var(--surface,#fff);color:var(--ink,#001235)}
.c-resource-grid h2{font-size:1.35rem;margin-block:0 .75rem}.c-resource-grid p{margin-block:0 1rem;max-width:55ch}
.c-resource-grid a,.c-resource-results a{font-weight:700}.c-resource-lede{font-size:1.25rem;max-width:65ch}
.c-resource-results{padding-left:1.25rem}.c-resource-results li{margin-block:1rem}.c-resource-results p{margin-top:.3rem;max-width:70ch}
.c-resource-search{margin-block:1.5rem}.c-resource-search label{display:block;font-weight:700;margin-bottom:.5rem}.c-resource-search input{width:min(100%,38rem);min-width:0;min-height:48px;padding:.65rem;border:1px solid #718096;border-radius:6px}
.c-spec-source{display:block;font-weight:400;margin-top:.5rem;font-size:.78rem;overflow-wrap:anywhere}
.c-hero--section{min-height:0;padding-block:clamp(2rem,5vw,4rem)}
.c-hero--section .c-hero__head{padding-block:0;min-height:0}
.c-hero--section h1{font-size:clamp(1.65rem,3.2vw,3rem)!important;line-height:1.15;max-width:30ch}
.c-hero--section .c-hero__lede{font-size:1.1rem;max-width:65ch}
.c-dock[data-hidden="true"]{transform:none!important;opacity:1!important;visibility:visible!important}
.c-compare-wrap{overflow:visible}.c-compare{width:100%;table-layout:fixed}.c-compare td,.c-compare th{overflow-wrap:anywhere;min-width:0}
.c-lesson__steps:not([hidden]){display:block}
@media(max-width:47.99em){
 .c-resource-grid{grid-template-columns:1fr}.c-resource-grid article{padding:1.25rem}
 .c-hero--section{padding-block:2rem!important;min-height:0!important}.c-hero--section .c-hero__head{padding-block:0!important}
 .c-compare{min-width:0!important;display:block}.c-compare caption{display:block}.c-compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .c-compare tbody,.c-compare tr{display:block;width:100%}.c-compare tr{border:1px solid #d7dde5;border-radius:8px;margin-bottom:1rem;overflow:hidden}
 .c-compare th[scope="row"]{display:block;width:100%;padding:1rem;background:#edf1f6}
 .c-compare td{display:block;width:100%;padding:1rem!important;text-align:left!important;min-width:0!important}
 .c-compare td::before{content:attr(data-model);display:block;font-weight:600;font-size:.8rem;margin-bottom:.4rem;color:#43536a}
 .c-spec-source{font-size:.8rem}.c-hero__inner h1{font-size:clamp(2rem,8vw,2.8rem)!important}
 .c-resource-search .u-cluster{align-items:stretch}.c-resource-search input{flex:1 1 100%}
}

.c-hero .c-stat__n,.c-hero .c-stat__label{color:#fff}.c-hero .c-stat__label{opacity:.9}

@media(max-width:47.99em){.c-compare th[scope="row"]{width:100%!important;max-width:none!important}}

.c-cost-results dt{font-weight:600;margin-top:1rem}.c-cost-results dd{margin:.4rem 0 1.2rem;font-size:1.8rem;font-weight:700}.c-tool__results{min-width:0;padding:1.5rem;background:#f3f6fa;border-radius:8px;color:#001235}

/* Fill the desktop first screen, accounting for both navigation bars. */
@media (min-width:64em) {
 .c-hero--home {
  min-height:calc(100vh - var(--page-chrome-h,136px));
  min-height:calc(100dvh - var(--page-chrome-h,136px));
  padding-block:clamp(2rem,5vh,5rem);
  align-content:center;
 }
 .c-hero--home > .l-span-lead {align-self:center}
 .c-hero--home > .l-span-counter {margin-top:0!important}
}
.c-hero--section h1 {white-space:normal;overflow:visible;text-wrap:balance}
@media (min-width:64em) {
 .c-nav__trigger {white-space:nowrap;padding-inline:clamp(.3rem,.7vw,.85rem);font-size:clamp(.875rem,.95vw,1rem)}
 .c-header__actions {flex-wrap:nowrap}
 .c-header__bar {column-gap:clamp(.5rem,1vw,1.25rem)}
}

/* Account forms: error copy must not stretch the neighboring input. */
.c-authcol .c-grid2 {align-items:start}
.c-authcol .c-field {align-content:start}
.c-authcol .c-field :is(input:not([type=checkbox]):not([type=radio]),select) {box-sizing:border-box;height:calc(1.5em + 1.2rem + 4px)}
.c-authcol .c-fieldset + .c-fieldset {margin-top:var(--space-s)}
.c-authcol .c-form__actions {margin-top:0;gap:1rem}
.c-authcol .c-fieldset > .c-check {margin-top:1rem}
.c-authcol .c-check > .c-field__error {grid-column:2}
.c-authcol .c-field__error::before {content:none}