/* Resources: a restrained directory within the established ClaraStream system. */
.resources-page .hw-hero{padding-block:60px 66px;background:#151a1f}
.resources-page .hw-hero-copy{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(36px,6vw,90px)}
.resources-page .hw-hero h1{font-size:clamp(2.35rem,3.35vw,3.25rem)}

.resources-page [aria-labelledby="documentation-title"]{background:#f4f7f8}
.resources-page .resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(36px,5vw,76px);margin-top:48px;border-top:1px solid rgba(21,26,31,.22)}
.resources-page .resource-card{min-width:0;padding:25px 0 26px;border-bottom:1px solid rgba(21,26,31,.2)}
.resources-page .resource-card h3{margin:0 0 9px;font-size:1.2rem;line-height:1.35;font-weight:500}
.resources-page .resource-card p{margin:0 0 17px;color:#50585e;font-size:1rem;line-height:1.6}
.resources-page .resource-status{font:500 .73rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.075em;color:#7a5a3a}

.resources-page [aria-labelledby="support-title"]{background:#151a1f;color:#f4f7f8}
.resources-page [aria-labelledby="support-title"] .hw-eyebrow{color:#9fb8d8}
.resources-page [aria-labelledby="support-title"] .hw-body p{color:rgba(244,247,248,.78)}
.resources-page .support-placeholder{display:flex;min-height:390px;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:45px;padding:clamp(28px,5vw,64px);background:#f4f7f8;border:1px solid rgba(244,247,248,.2);color:#151a1f}
.resources-page .support-placeholder strong{display:block;font:500 .78rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#7a5a3a}
.resources-page .support-placeholder p{margin:15px 0 0;font-size:1rem;line-height:1.6;color:#50585e}

.resources-page [aria-labelledby="before-submit-title"]{background:#151a1f;color:#f4f7f8;border-top:0;padding-top:0}
.resources-page [aria-labelledby="before-submit-title"] .resource-note{max-width:1284px;padding-top:32px;border-top:1px solid rgba(244,247,248,.23)}
.resources-page .resource-note h2{margin:0 0 17px;font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.18;letter-spacing:-.025em;font-weight:400}
.resources-page .resource-note p{max-width:850px;margin:0 0 13px;font-size:1rem;line-height:1.65;color:#50585e}
.resources-page [aria-labelledby="before-submit-title"] .resource-note p{color:rgba(244,247,248,.76)}
.resources-page .resource-note p:last-child{margin-bottom:0}

.resources-page [aria-labelledby="requests-title"]{background:#f4f7f8;padding-block:48px}
.resources-page [aria-labelledby="requests-title"] .resource-note{max-width:1284px}
.resources-page [aria-labelledby="requests-title"] .resource-note h2{max-width:850px}

.resources-page .final-section{background:#f4f7f8;color:#151a1f;padding-block:60px}
.resources-page .final-section h2{margin:0;font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.16;letter-spacing:-.03em;font-weight:300}
.resources-page .final-section .button-secondary{color:#151a1f;border-color:#7a5a3a}
.resources-page .final-section .button-secondary:hover{background:rgba(122,90,58,.06)}

@media(max-width:1100px){
  .resources-page .hw-hero-copy{grid-template-columns:1fr;gap:24px}
}
@media(max-width:700px){
  .resources-page .hw-hero{padding-block:46px 50px}
  .resources-page .hw-hero h1{font-size:clamp(2.1rem,8vw,2.75rem)}
  .resources-page .resources-grid{grid-template-columns:1fr;margin-top:34px}
  .resources-page .resource-card{padding:23px 0}
  .resources-page .support-placeholder{min-height:300px;margin-top:34px;padding:30px 24px}
  .resources-page [aria-labelledby="before-submit-title"] .resource-note{padding-top:27px}
  .resources-page [aria-labelledby="requests-title"]{padding-block:36px}
  .resources-page .final-section{padding-block:44px}
}