.amro-resource { width: 100%; overflow: clip; }
.amro-resource *, .amro-resource *::before, .amro-resource *::after { box-sizing: border-box; }
.amro-resource a { color: inherit; text-decoration: none; }
.amro-resource a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.amro-resource .amro-container { width: min(100%, 960px); margin-inline: auto; padding-inline: 32px; }
.amro-resource__breadcrumb, .amro-resource__hero small, .amro-resource__stats span, .amro-resource__badge, .amro-resources-index__featured > span, .amro-resources-index__list > a > span, .amro-resource .amro-eyebrow { font-family: var(--font-mono); letter-spacing: .12em; }
.amro-resource__breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 18px; color: var(--muted); font-size: 10.5px; line-height: 1.5; text-transform: uppercase; }.amro-resource__breadcrumb a:hover { color: var(--accent); }.amro-resource__breadcrumb span:last-child { color: var(--ink); }
.amro-resource__hero { padding: 28px 0 40px; border-bottom: 1px solid var(--hairline); }.amro-resource__hero .amro-container { display: grid; gap: 16px; }.amro-resource__badge { justify-self: start; padding: 5px 11px; color: #FFF; background: var(--accent); font-size: 10px; line-height: 1.4; text-transform: uppercase; }.amro-resource h1, .amro-resource h2, .amro-resource h3 { margin: 0; font-family: var(--font-display); font-weight: 400; }.amro-resource__hero h1, .amro-resources-index__hero h1 { max-width: 24ch; font-size: clamp(34px, 4.6vw, 52px); line-height: 1.06; letter-spacing: -.02em; text-wrap: balance; }.amro-resource__hero p, .amro-resources-index__hero p { max-width: 68ch; margin: 0; color: var(--body); font-size: 16.5px; line-height: 1.6; text-wrap: pretty; }.amro-resource__hero small { color: var(--muted); font-size: 10.5px; line-height: 1.6; }
.amro-resource__stats { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--hairline); }.amro-resource__stats > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 16px; }.amro-resource__stats article { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 20px; border: 1px solid var(--hairline); background: var(--panel); }.amro-resource__stats span { color: var(--muted); font-size: 10.5px; line-height: 1.5; text-transform: uppercase; }.amro-resource__stats strong { font-family: var(--font-display); font-size: 25px; font-weight: 400; line-height: 1.18; letter-spacing: -.01em; text-wrap: balance; }
.amro-resource__faq { display: grid; gap: 20px; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--hairline); }.amro-resource__faq h2 { font-size: 28px; letter-spacing: -.01em; }.amro-resource__faq article { display: grid; gap: 6px; padding: 0 0 16px; border-bottom: 1px solid #F0EBE6; }.amro-resource__faq article + article { padding-top: 16px; }.amro-resource__faq h3 { font-family: var(--font-ui); font-size: 15.5px; font-weight: 600; line-height: 1.4; }.amro-resource__faq p { margin: 0; color: var(--body); font-size: 14.5px; line-height: 1.6; }
.amro-resource__cta { color: var(--page); background: var(--ink); }.amro-resource__cta .amro-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 44px; padding-bottom: 44px; }.amro-resource__cta h2 { max-width: 40ch; font-size: 25px; line-height: 1.2; letter-spacing: -.01em; }.amro-resource__disclaimer { display: flex; justify-content: space-between; gap: 14px; padding-top: 18px; padding-bottom: 18px; color: #6F665F; font-size: 12px; border-top: 1px solid #2A231E; }
.amro-resources-index__hero { padding: 28px 0 48px; border-bottom: 1px solid var(--hairline); }.amro-resources-index__hero .amro-container { display: grid; gap: 16px; }.amro-resource .amro-eyebrow { color: var(--accent); font-size: 11px; font-weight: 500; line-height: 1.4; text-transform: uppercase; }.amro-resources-index__cards { padding-top: 48px; padding-bottom: 48px; }.amro-resources-index__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; }.amro-resources-index__featured, .amro-resources-index__list > a { display: grid; align-content: start; color: var(--page); background: #1F1813; border: 1px solid #3A322D; transition: border-color 180ms ease, transform 180ms ease; }.amro-resources-index__featured { gap: 14px; min-height: 320px; padding: 34px; }.amro-resources-index__featured:hover, .amro-resources-index__list > a:hover { border-color: var(--accent); transform: translateY(-2px); }.amro-resources-index__featured > span { justify-self: start; padding: 5px 11px; color: #FFF; background: var(--accent); font-size: 10px; line-height: 1.4; text-transform: uppercase; }.amro-resources-index__featured h2 { font-size: 30px; line-height: 1.12; letter-spacing: -.01em; }.amro-resources-index__featured p { margin: 0; color: #CFC6BD; font-size: 15px; line-height: 1.6; }.amro-resources-index__featured strong { align-self: end; margin-top: auto; color: #E8A2AC; font-size: 14px; }.amro-resources-index__list { display: grid; gap: 12px; }.amro-resources-index__list > a { gap: 6px; min-height: 44px; padding: 20px 22px; }.amro-resources-index__list > a > span { color: #A79E96; font-size: 10px; line-height: 1.4; text-transform: uppercase; }.amro-resources-index__list h2 { font-family: var(--font-ui); font-size: 16px; font-weight: 600; line-height: 1.3; }.amro-resources-index__list p { margin: 0; color: #CFC6BD; font-size: 13.5px; line-height: 1.5; }
html[dir="rtl"] .amro-resource__breadcrumb, html[dir="rtl"] .amro-resource__hero small, html[dir="rtl"] .amro-resource__stats span, html[dir="rtl"] .amro-resource__badge, html[dir="rtl"] .amro-resources-index__featured > span, html[dir="rtl"] .amro-resources-index__list > a > span, html[dir="rtl"] .amro-resource .amro-eyebrow { letter-spacing: 0; text-transform: none; }
@media (max-width: 1024px) { .amro-resources-index__grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .amro-resource .amro-container { padding-inline: 20px; }.amro-resource__breadcrumb { padding-top: 14px; }.amro-resource__hero, .amro-resources-index__hero { padding-top: 24px; padding-bottom: 36px; }.amro-resource__hero h1, .amro-resources-index__hero h1 { font-size: clamp(34px, 10vw, 44px); }.amro-resource__hero p, .amro-resources-index__hero p { font-size: 16px; }.amro-resource__stats, .amro-resource__faq, .amro-resources-index__cards { padding-top: 40px; padding-bottom: 40px; }.amro-resource__cta .amro-container { align-items: flex-start; flex-direction: column; gap: 24px; }.amro-resource__cta .amro-button { width: 100%; }.amro-resource__disclaimer { align-items: flex-start; flex-direction: column; }.amro-resources-index__featured { min-height: 0; padding: 26px; } }
@media (prefers-reduced-motion: reduce) { .amro-resource *, .amro-resource *::before, .amro-resource *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }