.coastal-resources{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:38px;align-items:start}.coastal-resources .coastal-card{margin:0;padding:0;border:0;border-radius:25px;background:#fcf7eb;overflow:hidden;box-shadow:0 1px 0 #1b354a0d}.coastal-resources .coastal-card>summary{display:block;position:relative;padding:32px;min-height:340px;list-style:none;border:0;font-weight:400}.coastal-card>summary::-webkit-details-marker{display:none}.coastal-resources .coastal-card>summary:after{display:none}.resource-eyebrow{display:block;font:700 12px/1.5 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#b4432c;max-width:65%;margin-bottom:27px}.resource-eyebrow:after{content:"";display:block;width:65px;height:4px;border-radius:4px;background:#dfb047;margin-top:12px}.resource-title{display:block;font:400 clamp(26px,2.6vw,39px)/1.1 Georgia,serif;letter-spacing:-.8px;color:#1b354a;position:relative;max-width:78%;margin-bottom:22px}.resource-description{display:block;font:16px/1.6 Arial,sans-serif;max-width:450px;color:#1b354a;margin-bottom:25px;position:relative}.resource-action{display:inline-block;font:700 16px/1.5 Arial,sans-serif;color:#b4432c;text-decoration:underline;text-decoration-color:#dfb047;text-underline-offset:8px;text-decoration-thickness:3px}.resource-action>span{display:inline-block;margin-left:10px;text-decoration:none}.resource-art{position:absolute;right:18px;top:20px;width:155px;height:112px;background-image:url('assets/coastal-resource-art.png');background-size:640% auto;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}.health-art{background-position:38% 22%}.air-art{background-position:96% 22%}.coastal-card>summary:hover{background:#fffaf0}.coastal-card[open] .resource-action>span{transform:rotate(90deg)}.coastal-card>.detail-body{padding:0 30px 30px;border-top:1px solid #1b354a22;margin:0 25px}.coastal-card .parent-question-heading{margin-top:24px}.coastal-card .parent-questions{grid-template-columns:1fr}.coastal-card .parent-question-heading h3{font-size:26px}.coastal-card .pollutant-glossary{display:block;padding-top:24px}.coastal-card .pollutant-glossary p{margin-bottom:22px}.coastal-card .pollutant-glossary strong{display:block;margin-bottom:5px}@media(max-width:1050px){.resource-art{width:120px;height:87px;right:15px}.resource-title{max-width:90%;margin-top:50px}.coastal-resources .coastal-card>summary{padding:27px;min-height:370px}.resource-description{font-size:15px}}@media(max-width:650px){.coastal-resources{grid-template-columns:1fr;gap:18px}.coastal-resources .coastal-card>summary{min-height:320px;padding:25px}.resource-eyebrow{font-size:10px}.resource-art{width:125px;height:91px}.resource-title{font-size:31px;max-width:90%;margin-top:35px}.resource-description{font-size:15px}.resource-action{font-size:15px}.coastal-card>.detail-body{padding:0 0 20px;margin:0 22px}}
/* Complete standalone illustrations; no cropped mock-up backgrounds. */
.coastal-resources .coastal-card>summary{display:grid;grid-template-columns:minmax(0,1fr) 135px;grid-template-rows:100px auto auto auto;column-gap:12px;align-items:start}
.coastal-card .resource-art{position:static;grid-column:2;grid-row:1;width:135px;height:100px;background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.coastal-card .health-art{background-image:url('assets/botanical-heart.png')}
.coastal-card .air-art{background-image:url('assets/cedar-wind.png')}
.coastal-card .resource-eyebrow{grid-column:1;grid-row:1;max-width:100%;align-self:center;margin-bottom:0}
.coastal-card .resource-title{grid-column:1 / -1;grid-row:2;max-width:100%;margin-top:14px}
.coastal-card .resource-description{grid-column:1 / -1;grid-row:3}
.coastal-card .resource-action{grid-column:1 / -1;grid-row:4}
@media(max-width:650px){.coastal-resources .coastal-card>summary{grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:88px auto auto auto}.coastal-card .resource-art{width:110px;height:88px}.coastal-card .resource-title{margin-top:14px}}