.resource-hero { padding: 134px 0 58px; background: linear-gradient(120deg,#12283e,#0c1b2d); color: #edf3fa; }
.resource-hero .site-container { max-width: 1080px; }
.resource-hero h1 { max-width: 920px; margin: 20px 0; font-size: clamp(30px,4vw,52px); line-height: 1.13; letter-spacing: -.035em; }
.resource-hero p { max-width: 760px; font-size: 17px; line-height: 1.7; color: #bdcbdc; }
.resource-hero .hero-actions { margin-top: 26px; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.resource-back { color: #83b6ff; text-decoration: underline; text-underline-offset: 5px; }
.resource-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 56px; align-items: start; padding-top: 48px; padding-bottom: 64px; max-width: 1160px; }
.resource-index { position: sticky; top: 110px; padding: 20px; border: 1px solid #e1e7ee; border-radius: 16px; background: #fff; }
.resource-index strong { display: block; margin-bottom: 16px; color: #172b42; }
.resource-index a { display: block; margin: 12px 0; color: #52677e; font-size: 13px; line-height: 1.5; }
.resource-index a:hover { color: #1769e8; }
.resource-index .resource-download { padding-top: 14px; border-top: 1px solid #e1e7ee; color: #125acb; font-weight: 600; }
.resource-content { min-width: 0; color: #384b61; font-size: 16px; line-height: 1.8; }
.resource-content section { margin-bottom: 46px; scroll-margin-top: 120px; }
.resource-content h2 { margin: 0 0 18px; color: #172b42; font-size: 27px; line-height: 1.3; letter-spacing: -.025em; }
.resource-content p { margin: 0 0 18px; }
.resource-content a:not(.site-button) { color: #125acb; text-decoration: underline; text-underline-offset: 3px; }
.resource-content ul,.resource-content ol { padding-left: 24px; margin-bottom: 20px; }
.resource-content li { margin-bottom: 12px; }
.resource-content figure { margin: 24px 0; }
.resource-content img { width: 100%; height: auto; display: block; border: 1px solid #d6e0ec; border-radius: 16px; }
.resource-content figcaption { margin-top: 12px; font-size: 12px; line-height: 1.6; color: #64758a; }
.resource-device-layout { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 28px; align-items: start; }
.resource-device-layout .resource-phone { margin: 0; }
.resource-table-wrap { overflow-x: auto; margin-bottom: 24px; border: 1px solid #e1e7ee; border-radius: 12px; }
.resource-table-wrap table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14px; line-height: 1.6; }
.resource-table-wrap th,.resource-table-wrap td { padding: 14px; border-bottom: 1px solid #e1e7ee; text-align: left; vertical-align: top; }
.resource-table-wrap th { background: #edf4ff; color: #172b42; }
.resource-cta { padding: 28px; border: 1px solid #d6e0ec; border-radius: 20px; background: #edf4ff; }
.resource-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.resource-cards article { display: flex; flex-direction: column; gap: 20px; padding: 28px; border: 1px solid #e1e7ee; border-radius: 20px; background: #fff; }
.resource-cards h2 { font-size: 23px; line-height: 1.35; margin: 0; }
.resource-cards p { color: #64758a; line-height: 1.7; }
.resource-cards .site-button { margin-top: auto; align-self: flex-start; }
@media(max-width:900px) { .resource-layout { grid-template-columns: 1fr; gap: 28px; } .resource-index { position: static; } .resource-cards { grid-template-columns: 1fr; } }
@media(max-width:600px) { .resource-hero { padding: 112px 0 44px; } .resource-hero p { font-size: 15px; } .resource-content { font-size: 15px; } .resource-content h2 { font-size: 24px; } .resource-device-layout { grid-template-columns: 1fr; } .resource-device-layout .resource-phone { max-width: 260px; margin: 0 auto; } .resource-cta { padding: 20px; } }