main{color:#333}

blockquote,h1,h2,h3,h4,p,a{font-family: 'roboto flex',roboto,system-ui;}

header.no-img{padding-block: 2.618em!important}

blockquote>*{
    text-align: center;
    display: block
}

blockquote{
    margin-block:0;
    border: none;
    padding: 0;
    line-height: .6
}

blockquote p{
    font-weight: 610!important;
    font-stretch: 55%;
    text-transform: uppercase;
    color: #333;
    font-variation-settings:"GRAD" -144;
}

main>header blockquote b{
    font-weight: 610!important;
    font-variation-settings:"GRAD" 144;
}

blockquote footer{
    font-stretch: 144%;
    text-align: center
}

main :is(ul,ol){margin-top: 0}

.primary{
    font-weight: 377;
    font-stretch: 144%;
}
   
h1,h2,h3,h4{
    line-height: 1!important;
    font-stretch: 144%;
    font-weight: 610!important;
}

p.h3{
    width: 100%;
    font-stretch: 144%;
    font-weight: 377!important;
    text-wrap:balance!important;
    
    @media(min-width:62ch){
        text-align: center
    }
}

h2{
    text-align: center;
    font-variation-settings:"GRAD" 144;
}

main :is(strong,h1,h2,h3,h4,summary){color:#000}      
:where(main>:last-child) {padding-bottom: 4.236em}
section:not(:first-of-type) .card h3{font-size: var(--h4)}
.card p{
    margin-top: .5lh;
    text-wrap:pretty;
    font-size: var(--small)}


section:target~footer{display: block!important}
section,footer{display: block!important}

main>footer{
    background: #222!important;
    color:#ddd;
    font-weight: 350
}

main>footer h3{color: #ddd}
section:last-of-type{padding-bottom: 2.618em}
section:last-of-type figure{width: 100%}
section:last-of-type figure p{
    text-align: center;
    text-wrap:balance;
    font-stretch: 144%;
}

section:last-of-type figcaption{
    margin: 0;
    padding: 0;
    text-align: center;
    font-stretch: 144%
}

hgroup .card{
    width: min(100% - 2em,62ch);
}

hgroup .card h3{
    line-height: 1.236;
    /*text-wrap:balance*/
}


:is(.fall-app,.spring-app,.summer-app) .no-app.alert,
.summer-app .no-app.alert,
:is(.fall.alert,.spring.alert,.summer.alert){
    display: none
}

body:not(.fall-app,.spring-app,.summer-app) .no-app.alert,
body.fall-app .fall.alert,
body.spring-app .spring.alert,
body.summer-app .summer.alert{display: block}

.card footer{
    display: none!important;
    font-size: var(--small)
}

.alert{
    font-size: var(--small);
    font-weight: 610;
    line-height: 2.618!important;
    text-wrap:balance;
    font-stretch: 144%;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .618em;
    padding-inline:2ch;
    box-shadow:0 0 1ch var(--shadow-light),0 .146ch .236ch var(--shadow-light),.146ch .236ch .382ch var(--shadow-light),.236ch .382ch .618ch var(--shadow-light)
}

body:is(.spring-app,.summer-app,.fall-app) .card:is(#int,#usdrr) footer,
body:is(.summer-app) .card:is(#domestic) footer{display: block!important}