/* Individual issue pages. */
.issue-page .content-width{max-width:1040px}
.issue-page-intro{max-width:760px;margin-bottom:34px}
.issue-page-intro .section-kicker{margin-bottom:8px}
.issue-page-intro h1{margin-bottom:18px}
.issue-page-intro .entry-content{font-size:21px;line-height:1.5}
.issue-page .entry-content h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:var(--navy);font-size:clamp(30px,3vw,42px);line-height:1.05;margin:36px 0 12px}
.issue-page .entry-content p{max-width:780px}
.issue-page .entry-content ul{max-width:780px;padding-left:24px}
.issue-page .entry-content li{margin:0 0 9px}
.issue-page-nav{margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}
.issue-page-nav a{display:inline-flex;align-items:center;color:var(--red);font-weight:700;text-decoration:none}
.issue-page-nav a:hover{text-decoration:underline}

/* Volunteer sign-up page. */
.volunteer-page{background:var(--cream)}
.volunteer-layout{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:calc(100vh - 160px)}
.volunteer-visual{position:relative;min-height:700px;background:url('../images/hero-john-eagleton-v2.png') 14% center/cover no-repeat}
.volunteer-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,25,45,.91),rgba(7,25,45,0) 60%)}
.volunteer-visual-copy{position:absolute;z-index:1;left:clamp(24px,5vw,80px);right:32px;bottom:48px;color:#fff}
.volunteer-visual-copy .section-kicker{color:#ffb0b7}
.volunteer-visual-copy p{max-width:480px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,4vw,62px);font-weight:700;line-height:.98;text-transform:uppercase;margin:8px 0 0}
.volunteer-content{width:min(100%,760px);padding:clamp(36px,5vw,78px) clamp(24px,5vw,82px)}
.volunteer-content h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,5vw,72px);line-height:.95;text-transform:uppercase;margin:7px 0 18px;color:var(--navy)}
.volunteer-content .entry-content>p{font-size:18px;line-height:1.55;max-width:600px;margin-bottom:25px}
.volunteer-form{max-width:600px}
.volunteer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.volunteer-fields p{margin:0}
.volunteer-form label,.volunteer-form legend{font-size:14px;font-weight:700;color:var(--navy)}
.volunteer-form label{display:block;margin-bottom:7px}
.volunteer-form .optional{font-size:12px;font-weight:400;color:var(--muted)}
.volunteer-form input:not([type=checkbox]){display:block;width:100%;height:47px;border:1px solid #aab6c1;border-radius:3px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit}
.volunteer-form input:focus-visible{outline:3px solid #a2bfd9;outline-offset:1px}
.volunteer-form fieldset{border:0;padding:0;margin:26px 0 18px}
.volunteer-form legend{margin-bottom:11px}
.volunteer-form fieldset label{font-weight:500;margin:0 0 9px}
.volunteer-form input[type=checkbox]{accent-color:var(--red);width:17px;height:17px;margin:0 8px 0 0;vertical-align:-3px}
.volunteer-form .volunteer-consent{display:flex;align-items:flex-start;gap:0;font-weight:500;line-height:1.4;margin-bottom:13px}
.volunteer-form .volunteer-consent input{flex:none;margin-top:3px}
.volunteer-note{font-size:12px;color:var(--muted);margin:0 0 20px}
.volunteer-form button{cursor:pointer}
.volunteer-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.volunteer-message{padding:20px 22px;border-left:4px solid var(--red);background:#fff;margin:18px 0}
.volunteer-success{border-color:#426747}
.volunteer-message h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:30px;margin:0 0 8px}
.volunteer-message p{margin:0}
@media(max-width:850px){.volunteer-layout{grid-template-columns:1fr}.volunteer-visual{min-height:320px;background-position:25% 24%}.volunteer-visual-copy{bottom:24px}.volunteer-visual-copy p{max-width:600px;font-size:42px}.volunteer-content{width:100%;max-width:720px;margin:auto;padding:42px 24px 60px}}
@media(max-width:560px){.volunteer-visual{min-height:230px}.volunteer-visual-copy p{font-size:31px}.volunteer-fields{grid-template-columns:1fr;gap:15px}.volunteer-content{padding:34px 20px 55px}.volunteer-content h1{font-size:48px}}

/* Share an idea page. */
.idea-visual{background-image:url('../images/downtown.png');background-position:center center}
.idea-form>p{margin:0 0 20px}
.idea-form select,.idea-form textarea{display:block;width:100%;border:1px solid #aab6c1;border-radius:3px;background:#fff;padding:11px 12px;color:var(--ink);font:inherit}
.idea-form select{height:47px}
.idea-form textarea{resize:vertical;min-height:150px;line-height:1.5}
.idea-form select:focus-visible,.idea-form textarea:focus-visible{outline:3px solid #a2bfd9;outline-offset:1px}
.idea-form .volunteer-fields{margin-bottom:19px}

/* Donation landing page. */
.donate-visual{background-position:0% center}
.donate-visual:after{background:linear-gradient(0deg,rgba(7,25,45,.94),rgba(7,25,45,.08) 67%)}
.donate-page .volunteer-content{display:flex;align-items:center}
.donate-page .volunteer-content article{width:100%}
.donate-page .entry-content>p{font-size:21px;line-height:1.5}
.donate-action,.donate-pending{max-width:620px;margin-top:32px}
.donate-action .button{font-size:20px;min-height:58px;padding:14px 22px;text-decoration:none;color:#fff}
.donate-action p{font-size:14px;color:var(--muted);margin:14px 0 0}
.donate-pending{background:#fff;border-left:5px solid var(--red);padding:25px 27px;box-shadow:0 8px 30px #0b25410f}
.donate-pending h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1;text-transform:uppercase;color:var(--navy);margin:0 0 12px}
.donate-pending p{font-size:16px;line-height:1.55;margin:0 0 20px}
.donate-alternatives{display:flex;flex-wrap:wrap;gap:10px}
.donate-alternatives .button{font-size:16px;text-decoration:none}
@media(max-width:850px){.donate-page .volunteer-content{display:block}.donate-visual{background-position:25% 20%}}
@media(max-width:560px){.donate-pending{padding:20px}.donate-pending h2{font-size:29px}.donate-page .entry-content>p{font-size:18px}}

.donate-alternatives .button-red{color:#fff}
.donate-alternatives .button-outline{color:var(--navy)}