/* Homepage information cards share one layout in both themes. */
.royal-home-intro { --intro-bg:#fff; --intro-border:#dfe6ef; --intro-title:#26364d; --intro-text:#526174; margin:32px 0 24px; padding:0; }
html[data-theme="dark"] .royal-home-intro { --intro-bg:#1e293b; --intro-border:#344155; --intro-title:#e5edf8; --intro-text:#bdc9d9; }
.royal-home-intro .royal-intro-heading { margin-bottom:20px; text-align:left; }
.royal-home-intro .royal-intro-heading h1 { margin:0 0 12px; font-size:22px; font-weight:700; line-height:1.55; color:var(--intro-title); word-break:keep-all; overflow-wrap:anywhere; }
.royal-home-intro .royal-intro-heading p, .royal-home-intro .royal-intro-heading h6 { margin:0; font-size:14px; line-height:1.85; color:var(--intro-text); }
.royal-home-intro .royal-intro-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.royal-home-intro .royal-intro-card { min-width:0; padding:22px; border:1px solid var(--intro-border); border-radius:12px; background:var(--intro-bg); text-align:left; }
.royal-home-intro .royal-intro-wide { grid-column:1/-1; }
.royal-home-intro .royal-intro-card h2 { margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--intro-border); font-size:18px; font-weight:700; line-height:1.5; color:var(--intro-title); }
.royal-home-intro .royal-intro-copy { color:var(--intro-text); font-size:14px; line-height:1.85; overflow-wrap:anywhere; }
.royal-home-intro .royal-intro-copy p { margin:0 0 14px; }
.royal-home-intro .royal-intro-copy p:last-child { margin-bottom:0; }
.royal-home-intro .royal-intro-list { margin:0; padding-left:22px; list-style:decimal; }
.royal-home-intro .royal-intro-list li { list-style:decimal; padding-left:4px; margin:0 0 12px; }
.royal-home-intro .royal-intro-list li:last-child { margin-bottom:0; }
html[data-theme="dark"] .royal-home-intro a.b1 { color:#93c5fd; }
@media(min-width:768px) and (max-width:1199.98px) {
 .royal-home-intro .royal-intro-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
 .royal-home-intro { margin:24px 0; padding:0 12px; }
 .royal-home-intro .royal-intro-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
 .royal-home-intro .royal-intro-card { padding:18px; }
 .royal-home-intro .royal-intro-heading h1 { font-size:19px; }
 .royal-home-intro .royal-intro-card h2 { font-size:17px; }
}

/* Soft topic colors for the homepage information cards. */
.royal-home-intro .royal-intro-community { --intro-bg:#eff6ff; --intro-border:#bed7f5; --intro-title:#285a91; }
html[data-theme="dark"] .royal-home-intro .royal-intro-community { --intro-bg:#1b2b40; --intro-border:#355779; --intro-title:#a4cfff; }
.royal-home-intro .royal-intro-sports { --intro-bg:#eef9f8; --intro-border:#b8ded8; --intro-title:#23655f; }
html[data-theme="dark"] .royal-home-intro .royal-intro-sports { --intro-bg:#192f31; --intro-border:#345f60; --intro-title:#95d9d0; }
.royal-home-intro .royal-intro-features { --intro-bg:#f1f3ff; --intro-border:#cbd1f0; --intro-title:#4b5697; }
html[data-theme="dark"] .royal-home-intro .royal-intro-features { --intro-bg:#252b43; --intro-border:#49547c; --intro-title:#bfc8ff; }
.royal-home-intro .royal-intro-major { --intro-bg:#f7f1fc; --intro-border:#dbc9eb; --intro-title:#754b93; }
html[data-theme="dark"] .royal-home-intro .royal-intro-major { --intro-bg:#30253d; --intro-border:#634978; --intro-title:#dbb9f5; }
.royal-home-intro .royal-intro-benefits { --intro-bg:#fcf2f5; --intro-border:#edcbd8; --intro-title:#934a67; }
html[data-theme="dark"] .royal-home-intro .royal-intro-benefits { --intro-bg:#382831; --intro-border:#744659; --intro-title:#f0b5cc; }
.royal-home-intro .royal-intro-safe { --intro-bg:#f1f8ee; --intro-border:#c9dfbf; --intro-title:#486d36; }
html[data-theme="dark"] .royal-home-intro .royal-intro-safe { --intro-bg:#243126; --intro-border:#4b6544; --intro-title:#bcdda7; }
.royal-home-intro .royal-intro-verification { --intro-bg:#fcf6ed; --intro-border:#e8d5b6; --intro-title:#84602f; }
html[data-theme="dark"] .royal-home-intro .royal-intro-verification { --intro-bg:#342d22; --intro-border:#715c3b; --intro-title:#e6ca96; }

/* Board guides use the homepage cards with comfortable reading columns. */
.royal-board-intro .royal-intro-heading h2{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.55;color:var(--intro-title);word-break:keep-all;overflow-wrap:anywhere}
.royal-board-intro .royal-intro-section{margin-top:24px}
.royal-board-intro .royal-intro-section-title{margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.6;color:var(--intro-title);word-break:keep-all;overflow-wrap:anywhere}
.royal-board-intro .royal-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.royal-board-intro .royal-intro-card h4{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--intro-border);font-size:18px;font-weight:700;line-height:1.5;color:var(--intro-title);word-break:keep-all;overflow-wrap:anywhere}
.royal-board-intro .royal-intro-copy h5{margin:16px 0 8px;font-size:14px;line-height:1.6;font-weight:700;color:var(--intro-title)}
.royal-board-intro .royal-intro-copy h5:first-child{margin-top:0}
.royal-board-intro .royal-intro-section-lead{margin:0 0 16px;color:var(--intro-text);font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.royal-board-intro a.b1{color:#2d50e2;text-decoration:underline}
@media(max-width:767.98px){.royal-board-intro .royal-intro-grid{grid-template-columns:minmax(0,1fr)}.royal-board-intro .royal-intro-heading h2{font-size:19px}.royal-board-intro .royal-intro-card h4{font-size:17px}}