.resource-intro { padding-bottom: 54px; }
.resource-intro > p:not(.eyebrow) { max-width: 56ch; }
.resource-content { padding-bottom: 90px; }
.resource-section { margin-top: 70px; padding-top: 58px; border-top: 1px solid var(--line); }
.resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.resource-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.resource-card { position: relative; display: flex; flex-direction: column; padding: 30px 28px 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); transition: border-color .2s, background .2s; }
.resource-card:hover { border-color: var(--hover-border); background: var(--hover-panel); }
.resource-card h2 { font-size: clamp(24px,2.4vw,32px); margin-top: 25px; }
.resource-card p:not(.eyebrow) { color: var(--text); line-height: 1.8; font-size: 15px; margin: 18px 0 26px; }
.resource-arrow { color: var(--gold); margin-top: auto; }
.resource-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(35px,6vw,90px); align-items: start; }
.resource-split h2, .resource-prose h2, .resource-note h2 { font-size: clamp(30px,3.3vw,46px); line-height: 1.15; }
.resource-split .eyebrow + h2 { margin-top: 18px; }
.resource-prose p:not(.eyebrow), .resource-note > p:not(.eyebrow) { font-size: 16px; line-height: 1.85; color: var(--text); margin-top: 22px; max-width: 64ch; }
.resource-prose .actions, .resource-note .button { margin-top: 28px; }
.resource-note { padding: 32px; background: var(--section-bg); border: 1px solid var(--line); border-radius: 10px; }
.resource-note .eyebrow + h2 { margin-top: 18px; }
.resource-note h3 { font-size: 22px; line-height: 1.3; }
.resource-prose .resource-note { margin-top: 38px; }
.resource-prose .resource-footnote { font-size: 13px; color: var(--muted); }
.resource-inline-links { display: grid; margin-top: 22px; }
.resource-inline-links a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; border-bottom: 1px solid var(--line); color: var(--gold); font-size: 15px; padding-block: 10px; }
.resource-inline-links a:hover { color: var(--link-hover); }
.resource-emblem { display: grid; place-items: center; min-height: 350px; border: 1px solid var(--line); border-radius: 12px; background: var(--section-bg); }
.resource-emblem img { max-width: 70%; height: auto; }
.resource-contact-card { padding: 30px; border: 1px solid var(--line); border-radius: 10px; }
.resource-contact-card > .eyebrow { margin-bottom: 22px; }
.brand-downloads { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.brand-download { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.brand-art { min-height: 280px; display: flex; align-items: center; justify-content: center; padding: 38px; background: #241413; }
.brand-art img { max-width: 100%; height: auto; }
.brand-download > div:last-child { padding: 30px; }
.brand-download h2 { font-size: 30px; margin-top: 17px; }
.brand-download p:not(.eyebrow) { font-size: 15px; color: var(--text); line-height: 1.8; margin-block: 20px 12px; }
.download-type { font: 10px var(--mono); color: var(--muted); }
.brand-swatches { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.swatch { min-height: 155px; display: flex; flex-direction: column; justify-content: flex-end; gap: 7px; padding: 23px; border: 1px solid #c9b9b32b; border-radius: 8px; font-size: 16px; }
.swatch code { font: 11px var(--mono); }
.swatch-red { background: #e8433a; color: #170d0c; }
.swatch-gold { background: #f2b33d; color: #170d0c; }
.swatch-dark { background: #170d0c; color: #f8f2e8; }
.swatch-cream { background: #f8f2e8; color: #170d0c; }
.community-feature { display: grid; grid-template-columns: 1fr .65fr; align-items: center; gap: 70px; padding: 50px; background: var(--section-bg); border: 1px solid var(--line); border-radius: 12px; }
.community-feature h2 { font-size: clamp(36px,4vw,54px); margin-top: 20px; }
.community-feature p:not(.eyebrow) { font-size: 17px; line-height: 1.8; color: var(--text); margin-block: 24px; max-width: 52ch; }
.community-feature > img { max-width: 100%; height: auto; justify-self: center; }
.news-content { row-gap: 32px; }
.news-categories { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 8px; padding-block: 20px; border-block: 1px solid var(--line); }
.news-categories a { display: flex; align-items: center; min-height: 42px; padding: 9px 15px; font-size: 13px; border: 1px solid transparent; border-radius: 6px; color: var(--muted); }
.news-categories a:hover, .news-categories a[aria-current] { color: var(--gold); border-color: var(--control-border); background: var(--hover-panel); }
.support-faq { padding-top: 60px; margin-top: 60px; border-top: 1px solid var(--line); }
.support-faq > h2 { font-size: clamp(30px,3vw,42px); margin-bottom: 28px; }
.support-faq details { border-bottom: 1px solid var(--line); }
.support-faq summary { cursor: pointer; font-size: 17px; padding: 23px 30px 23px 0; line-height: 1.5; color: var(--white); }
.support-faq details p { max-width: 76ch; font-size: 15px; line-height: 1.8; color: var(--text); margin: 0 0 24px; }
.support-faq details a { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.related-resources { padding-top: 46px; margin-top: 46px; border-top: 1px solid var(--line); }
.related-resources > .eyebrow { margin-bottom: 18px; }
.related-resources > div { display: flex; flex-wrap: wrap; gap: 8px 30px; }
@media (max-width:900px) {
  .resource-grid { grid-template-columns: 1fr 1fr; }
  .resource-card:last-child:nth-child(odd) { grid-column: 1/-1; }
  .community-feature { padding: 35px; gap: 30px; }
  .brand-art { min-height: 230px; padding: 28px; }
  .brand-download h2 { font-size: 27px; }
}
@media (max-width:640px) {
  .resource-intro { padding-block: 45px 36px; }
  .resource-intro h1 { font-size: clamp(40px,10.5vw,58px); }
  .resource-intro > p:not(.eyebrow) { font-size: 16px; }
  .resource-intro > p br { display: none; }
  .resource-content { padding-bottom: 58px; }
  .resource-grid, .resource-split, .brand-downloads { grid-template-columns: 1fr; gap: 24px; }
  .resource-section { margin-top: 42px; padding-top: 36px; }
  .resource-card, .resource-note, .resource-contact-card { padding: 25px 23px; }
  .resource-card h2 { font-size: 28px; margin-top: 18px; }
  .brand-download > div:last-child { padding: 25px 23px; }
  .brand-swatches { grid-template-columns: 1fr 1fr; gap: 12px; }
  .swatch { padding: 18px; min-height: 130px; font-size: 14px; }
  .resource-emblem { min-height: 250px; }
  .resource-emblem img { width: 170px; }
  .community-feature { grid-template-columns: 1fr; padding: 28px 23px; }
  .community-feature > img { width: 150px; grid-row: 1; }
  .community-feature p:not(.eyebrow) { font-size: 16px; }
  .news-categories { gap: 5px; }
  .news-categories a { padding-inline: 11px; min-height: 44px; }
  .support-faq { padding-top: 38px; margin-top: 40px; }
}