/* ========================================================================
BUFFALO BRANCH HISTORY — PAGE-SPECIFIC BODY LAYOUT
File: /assets/css/buffalo-branch-history.css
Shared X1/G1 continues to control the hero and outer page foundation.
======================================================================== */

.aauw-history-page{
    --history-blue:#052a4f;
    --history-green:#67873a;
    --history-green-dark:#55752f;
    --history-text:#23313e;
    --history-muted:#66717d;
    --history-border:#d8e0e4;
    --history-soft:#f6f8f1;
    --history-shadow:0 7px 20px rgba(8,34,59,.08);
    width:100%;
    max-width:1120px;
    margin:0 auto;
    color:var(--history-text);
}
.aauw-history-page *{box-sizing:border-box}
.aauw-history__kicker{
    margin:0 0 7px!important;
    color:var(--history-green)!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.aauw-history-page h2,
.aauw-history-page h3{
    color:var(--history-blue)!important;
    font-family:Georgia,"Times New Roman",serif!important;
}
.aauw-history__soft{
    background:linear-gradient(110deg,#f7f8f2 0%,#fff 57%,#f2f6e9 100%);
    border:1px solid var(--history-border);
    border-radius:7px;
    box-shadow:var(--history-shadow);
}
.aauw-history__story{
    display:grid;
    grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);
    gap:38px;
    align-items:center;
    margin:0 0 22px;
    padding:28px 30px;
    overflow:hidden;
}
.aauw-history__photo-frame{
    position:relative;
    min-height:245px;
    background:
        linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04)),
        url("../images/backgrounds/history-photo.jpg") center/cover no-repeat,
        #edf0e8;
    border:8px solid #fff;
    box-shadow:0 7px 18px rgba(8,34,59,.12);
    transform:rotate(-1.5deg);
}
.aauw-history__photo-frame::after{
content:"";
    position:absolute;
    inset:auto -62px -42px auto;
    width:150px;
    height:135px;
    background:url("../images/backgrounds/policies-greenery-right.png") right bottom/contain no-repeat;
    opacity:.28;
    transform:rotate(7deg);
}
.aauw-history__story-copy{padding:8px 8px 8px 0}
.aauw-history__story-copy h2{
    margin:0 0 16px!important;
    font-size:31px!important;
    line-height:1.16!important;
}
.aauw-history__story-copy p:last-child{
    margin:0;
    font-size:16px;
    line-height:1.65;
}

.aauw-history__resources{
    margin:0 0 24px;
    padding:28px 30px;
}
.aauw-history__heading{
    max-width:780px;
    margin:0 auto 20px;
    text-align:center;
}
.aauw-history__heading h2{
    margin:0 0 8px!important;
    font-size:31px!important;
}
.aauw-history__heading p:last-child{
    margin:0;
    color:var(--history-muted);
    font-size:15px;
    line-height:1.55;
}
.aauw-history__resource-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.aauw-history__resource-card{
    position:relative;
    min-height:160px;
    padding:22px 18px 18px 78px;
    display:grid;
    grid-template-rows:auto 1fr auto;
    align-items:stretch;
    background:#fff;
    border:1px solid #d5dde2;
    border-radius:6px;
    box-shadow:0 4px 12px rgba(8,34,59,.06);
}
.aauw-history__resource-card::before{
    content:"";
    position:absolute;
    left:20px;
    top:50%;
    width:40px;
    height:40px;
    transform:translateY(-50%);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}
.aauw-history__resource-card--document::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M17 7h21l10 10v40H17z'/%3E%3Cpath d='M38 7v12h12M24 31h18M24 39h18M24 47h13'/%3E%3C/svg%3E");
}
.aauw-history__resource-card--national::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M8 24h48L32 8 8 24zM13 25v27M23 25v27M33 25v27M43 25v27M53 25v27M7 53h50'/%3E%3C/svg%3E");
}
.aauw-history__resource-card--state::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M32 57s17-16 17-31A17 17 0 1 0 15 26c0 15 17 31 17 31z'/%3E%3Ccircle cx='32' cy='26' r='6'/%3E%3C/svg%3E");
}
.aauw-history__resource-card h3{
    grid-row:1;
    align-self:start;
    margin:0!important;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    font-size:18px!important;
    line-height:1.2!important;
}
.aauw-history__resource-card > p{
    grid-row:3;
    align-self:end;
    margin:14px 0 0!important;
    padding:0!important;
    text-align:center;
}
.aauw-history__resource-card > a,
.aauw-history__resource-card > p > a{
    grid-row:3;
    align-self:end;
    justify-self:center;
    display:inline-block;
    margin:14px 0 0!important;
    padding:7px 13px;
    border-radius:999px;
    background:var(--history-green);
    color:#fff!important;
    font-family:Montserrat,Arial,sans-serif;
    font-size:12px;
    font-weight:700;
    text-decoration:none!important;
    transform:none!important;
}
.aauw-history__resource-card > a::after,
.aauw-history__resource-card > p > a::after{content:"  ›"}
.aauw-history__resource-card > a:hover,
.aauw-history__resource-card > a:focus,
.aauw-history__resource-card > p > a:hover,
.aauw-history__resource-card > p > a:focus{background:var(--history-green-dark)}
.aauw-history__resource-note{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #d8e1d0;
}
.aauw-history__resource-note p{
    margin:0 0 10px;
    font-size:14px;
    line-height:1.6;
}
.aauw-history__resource-note p:last-child{margin-bottom:0}
.aauw-history__resource-note a{
    color:#0b68a8!important;
    font-weight:700;
    text-decoration:underline!important;
}

.aauw-history__archive{
    width:calc(100% + 80px);
    max-width:none;
    margin-left:-40px;
    margin-right:-40px;
    padding:42px 0 38px;
}
.aauw-history__archive-heading{
    margin:0 0 46px;
    text-align:center;
}
.aauw-history__archive-heading h2{
    margin:0!important;
    font-size:32px!important;
    line-height:1.16!important;
}
.aauw-history__timeline{
    position:relative;
    margin-left:11px;
    padding-left:30px;
    border-left:2px solid #9db574;
}
.aauw-history__era{
    position:relative;
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:22px;
    padding:0 0 22px;
}
.aauw-history__era:last-child{padding-bottom:10px}
.aauw-history__era::before{
    content:"";
    position:absolute;
    left:-39px;
    top:9px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--history-green);
    box-shadow:0 0 0 4px #fff;
}
.aauw-history__era-label{
    align-self:start;
    padding:9px 12px;
    background:#f1f5e9;
    border-radius:7px;
    color:var(--history-green-dark);
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
}
.aauw-history__era-content{
    padding:2px 0 18px;
    border-bottom:1px solid #e1e6e8;
    text-align:left;
}
.aauw-history__era:last-child .aauw-history__era-content{border-bottom:0}
.aauw-history__era-content ul{
    margin:0!important;
    padding-left:22px!important;
    text-align:left!important;
}
.aauw-history__era-content li{
    margin:0 0 7px!important;
    color:var(--history-text);
    font-size:14px;
    line-height:1.55;
    text-align:left!important;
}
.aauw-history__era-content li:last-child{margin-bottom:0!important}
.aauw-history__era-content a{
    color:#0b68a8!important;
    font-weight:700;
    text-decoration:underline!important;
    text-underline-offset:2px;
}
.aauw-history__archive-footer{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:26px 0 0;
    padding:24px 26px 26px;
    background:linear-gradient(110deg,#f7f8f2,#fff 56%,#f3f6ea);
    border:1px solid var(--history-border);
    border-radius:7px;
    box-shadow:var(--history-shadow);
}

/* Decorative greenery — upper-right corner of Buffalo Branch Archives */
.aauw-history__archive-footer::after{
    content:"";
    position:absolute;
    top:-18px;
    right:-12px;
    width:175px;
    height:155px;
    background:url("../images/backgrounds/policies-greenery-right.png") right top/contain no-repeat;
    opacity:.27;
    pointer-events:none;
    z-index:-1;
}
.aauw-history__archive-footer-head{
    max-width:760px;
    margin:0 auto 18px;
    text-align:center;
}
.aauw-history__archive-footer-head .aauw-history__kicker{margin-bottom:5px!important}
.aauw-history__archive-footer-head h3{
    margin:0!important;
    font-size:26px!important;
    line-height:1.15!important;
}
.aauw-history__archive-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.aauw-history__archive-link{
    position:relative;
    min-height:118px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px 18px;
    text-align:center;
    background:#fff;
    border:1px solid #d5dde2;
    border-radius:6px;
    box-shadow:0 4px 12px rgba(8,34,59,.06);
}
.aauw-history__archive-link::before{
    content:"";
    width:38px;
    height:38px;
    margin:0 0 9px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}
.aauw-history__archive-link--presidents::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Ccircle cx='24' cy='22' r='9'/%3E%3Ccircle cx='43' cy='25' r='7'/%3E%3Cpath d='M8 53c2-11 8-17 16-17s14 6 16 17M36 53c1-8 5-13 11-13 5 0 9 4 10 13'/%3E%3C/svg%3E");
}
.aauw-history__archive-link--awards::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M18 8h28v14c0 10-6 17-14 20-8-3-14-10-14-20V8z'/%3E%3Cpath d='M18 14H9v5c0 8 5 13 12 14M46 14h9v5c0 8-5 13-12 14M32 42v9M22 56h20'/%3E%3C/svg%3E");
}
.aauw-history__archive-link--newsletters::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2367873a' stroke-width='4'%3E%3Cpath d='M10 15h44v34H10z'/%3E%3Cpath d='M12 18l20 16 20-16M12 47l15-14M52 47L37 33'/%3E%3C/svg%3E");
}
.aauw-history__archive-link a{
    color:var(--history-blue)!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    text-decoration:none!important;
}
.aauw-history__archive-link a::after{
    content:"  ›";
    color:var(--history-green-dark);
}
.aauw-history__archive-link a:hover,
.aauw-history__archive-link a:focus{color:var(--history-green-dark)!important}
.aauw-history__archive-link p{
    margin:7px 0 0;
    color:var(--history-muted);
    font-size:12px;
    line-height:1.4;
}
.aauw-history__closing{
    margin:26px auto 0;
    text-align:center;
}
.aauw-history__closing span{
    position:relative;
    display:inline-block;
    padding:0 28px;
    color:var(--history-blue);
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-style:italic;
    font-weight:700;
}
.aauw-history__closing span::before,
.aauw-history__closing span::after{
    content:"";
    position:absolute;
    top:50%;
    width:110px;
    height:1px;
    background:#91a86d;
}
.aauw-history__closing span::before{right:100%}
.aauw-history__closing span::after{left:100%}

@media(max-width:900px){
    .aauw-history__story{grid-template-columns:1fr;gap:22px}
    .aauw-history__photo-frame{min-height:310px}
    .aauw-history__resource-grid{grid-template-columns:1fr}
    .aauw-history__archive{width:100%;margin-left:0;margin-right:0}
    .aauw-history__era{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:650px){
    .aauw-history__story,
    .aauw-history__resources{padding:22px 18px}
    .aauw-history__photo-frame{min-height:220px}
    .aauw-history__story-copy h2,
    .aauw-history__heading h2,
    .aauw-history__archive-heading h2{font-size:27px!important}
    .aauw-history__timeline{margin-left:8px;padding-left:24px}
    .aauw-history__era{grid-template-columns:1fr;gap:10px}
    .aauw-history__era::before{left:-33px}
    .aauw-history__era-label{display:inline-block;width:max-content;max-width:100%;font-size:17px}
    .aauw-history__resource-card{min-height:145px;padding:18px 16px 18px 70px}
    .aauw-history__resource-card::before{left:17px;width:36px;height:36px}
    .aauw-history__archive-links{grid-template-columns:1fr}
    .aauw-history__archive-footer{padding:22px 18px}
    .aauw-history__closing span::before,
    .aauw-history__closing span::after{width:50px}
}