.resource-main { max-width: 1040px; margin: auto; padding: 72px 24px 100px; }
.resource-hero { max-width: 820px; margin: 28px 0 52px; }
.resource-hero h1 { font-size: clamp(42px,7vw,72px); }
.resource-hero > p:not(.step) { color: var(--muted); font-size: 19px; line-height: 1.65; max-width: 720px; }
.resource-hero .button { display: inline-flex; margin-top: 14px; }
.resource-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.resource-card { border: 1px solid var(--line); border-radius: 15px; background: var(--card); padding: 28px; box-shadow: var(--shadow); }
.resource-card h2 { font: 30px/1.15 Georgia,serif; margin: 8px 0 14px; }
.resource-card h2 a { color: var(--ink); text-decoration: none; }
.resource-card h2 a:hover { color: var(--green); }
.resource-card > p:not(.step) { color: var(--muted); line-height: 1.65; }
.resource-link { color: var(--green); font-weight: 780; }
@media (max-width: 700px) { .resource-main { padding-top: 46px; } .resource-grid { grid-template-columns: 1fr; } }