@import url("/faq-article-template-v1.css?v=2");
/* Shared visual refinements for the production site. */
/* The export contains old HTML that preview scripts replace after load. Keep it
   out of view until the replacement is complete, including on a hard refresh. */
/* Keep pages visible while enhancements attach. */
:root {
  --refine-navy: #0b245e;
  --refine-blue: #087bfb;
  --refine-pale: #f5f9ff;
  --refine-border: #dbe8f9;
}

/* Use one compact brand line in the shared header. The footer keeps its own identity details. */
.ryan-site-header,
.home-module__oe3DtG__header {
  box-shadow: 0 2px 16px rgba(13, 53, 114, .055);
}
.preview-simple-header .preview-header-brand-copy {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  white-space: nowrap;
}
.preview-simple-header .home-module__oe3DtG__brand strong {
  display: inline;
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1.2;
}
.preview-simple-header .preview-header-description {
  color: #48658d;
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .preview-simple-header .home-module__oe3DtG__brand strong { font-size: 20px; }
  .preview-simple-header .preview-header-description { font-size: 13px; }
}
@media (max-width: 380px) {
  .preview-simple-header .home-module__oe3DtG__brand strong { font-size: 18px; }
  .preview-simple-header .preview-header-description { font-size: 11px; }
}
/* The exported home HTML includes both the layout and page headers. */
body:has(.ryan-home header.home-module__oe3DtG__header) header.ryan-site-header,
header.ryan-site-header[data-preview-redundant="true"] { display: none !important; }

/* Home: retain the Ryan hero photo and blue theme while reducing repeated decoration. */
.home-module__oe3DtG__heroCopy { padding-block: 42px 46px !important; }
.home-module__oe3DtG__heroCopy h1 { line-height: 1.08 !important; letter-spacing: -.045em; }
.home-module__oe3DtG__heroDescription { max-width: 580px; line-height: 1.65 !important; }
.home-module__oe3DtG__heroActions { margin-top: 22px !important; }
.home-module__oe3DtG__trust { display: none !important; }
.home-module__oe3DtG__entries { padding-block: 46px 54px !important; }
.home-module__oe3DtG__entryGrid { gap: 16px !important; }
.home-module__oe3DtG__entryCard {
  background: var(--refine-pale) !important;
  border: 1px solid var(--refine-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, transform .18s ease;
}
.home-module__oe3DtG__entryCard:hover { border-color: #8ec1ff !important; transform: translateY(-2px); }
.home-module__oe3DtG__journey { background: #f8fbff !important; }
.home-module__oe3DtG__journey h2,
.home-module__oe3DtG__journeyIntro,
.home-module__oe3DtG__journeyNote { text-align: left !important; }
.home-module__oe3DtG__journey h2 { font-size: 28px !important; }
.home-module__oe3DtG__journeyIntro { max-width: 720px; margin-top: 7px !important; }
.home-module__oe3DtG__steps {
  gap: 12px !important;
  margin-top: 22px !important;
}
.home-module__oe3DtG__steps > li { min-width: 0; }
.home-module__oe3DtG__steps a {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  min-height: 172px !important;
  padding: 19px 17px !important;
  border: 1px solid var(--refine-border);
  border-radius: 11px !important;
  background: #fff;
}
.home-module__oe3DtG__steps a:hover,
.home-module__oe3DtG__steps a:focus-visible {
  border-color: #8ebfff;
  background: #fff !important;
}
.home-module__oe3DtG__stepVisual > svg,
.home-module__oe3DtG__stepArrow { display: none !important; }
.home-module__oe3DtG__stepNumber {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
  color: #0876e9 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: .04em;
}
.home-module__oe3DtG__stepCopy { text-align: left !important; }
.home-module__oe3DtG__steps h3 {
  font-size: 17px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
.home-module__oe3DtG__stepCopy p {
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
.home-module__oe3DtG__journeyNote {
  max-width: 900px;
  margin-top: 16px !important;
  padding-top: 13px !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}
.home-module__oe3DtG__support {
  grid-template-columns: 1fr !important;
  padding: 31px 38px !important;
  margin-block: 47px 52px !important;
  background: #f5f9ff;
  border: 1px solid var(--refine-border);
  border-radius: 14px;
}
.home-module__oe3DtG__supportPhoto { display: none !important; }
.home-module__oe3DtG__supportCopy { width: 100%; max-width: none !important; }
.home-module__oe3DtG__supportCopy h2 { margin-bottom: 18px !important; }
.home-module__oe3DtG__services {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  margin-bottom: 20px !important;
}
.home-module__oe3DtG__services li { min-width: 0; }
.home-module__oe3DtG__faq { background: #f8fbff !important; }
.home-module__oe3DtG__questionGrid a { border-radius: 10px !important; box-shadow: none !important; }

/* Shared inner-page hero: same layout and art, shorter introduction. */
.register-module__IOtuIG__heroInner { min-height: 285px !important; }
.register-module__IOtuIG__heroCopy { padding-block: 28px !important; }
.register-module__IOtuIG__heroCopy h1 { letter-spacing: -.035em; line-height: 1.1; }
.register-module__IOtuIG__trust,
.platform-module__SnEvxa__features { display: none !important; }

/* Funding: preserve the channel cards, simplify their borders and spacing. */
.deposit-module__DSAb0G__choices { gap: 15px !important; }
.deposit-module__DSAb0G__choice {
  min-height: 104px !important;
  padding: 18px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
.deposit-module__DSAb0G__methodCard {
  border-radius: 9px !important;
  box-shadow: none !important;
}
.deposit-module__DSAb0G__safety { border-radius: 10px !important; }

/* Platform, account table and FAQ: one consistent component rhythm. */
.platform-module__SnEvxa__downloadCard,
.platform-module__SnEvxa__loginBox,
.accounts-module__QyYxiq__comparison {
  border-radius: 12px !important;
  box-shadow: none !important;
}
.faq-browser-module___WlC2W__hero { background: linear-gradient(110deg, #f5faff, #edf6ff) !important; }
.faq-browser-module___WlC2W__accordion details summary { padding-block: 18px !important; }
.faq-browser-module___WlC2W__answer { line-height: 1.75 !important; }
.faq-browser-module___WlC2W__categories button { border-radius: 9px !important; }

/* Funding and registration FAQ: the extra numbered discs compete with the questions. */
.register-module__IOtuIG__questions .register-module__IOtuIG__number { display: none !important; }
.register-module__IOtuIG__questions .register-module__IOtuIG__question button {
  min-height: 58px !important;
  padding-inline: 17px !important;
}

/* Guide text is still the original copy; make extended reading easier. */
main article p, main article li { line-height: 1.72; }
main figure img { max-width: 100%; }

/* Video archive: let visitors browse a manageable group before expanding. */
.video-library-grid > .video-card[hidden] { display: none !important; }
.preview-video-more {
  display: block;
  min-height: 46px;
  margin: 26px auto 0;
  padding: 10px 26px;
  border: 1px solid #a9cfff;
  border-radius: 8px;
  background: #fff;
  color: #076be0;
  font: 700 14px/1.4 Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  cursor: pointer;
}
.preview-video-more:hover { background: #edf6ff; }
.preview-video-more:focus-visible { outline: 3px solid #1685ff; outline-offset: 3px; }
.preview-video-more[hidden] { display: none !important; }

@media (max-width: 900px) {
  .home-module__oe3DtG__steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .home-module__oe3DtG__steps a { min-height: 150px !important; }
  .home-module__oe3DtG__services { grid-template-columns: 1fr !important; }
  .home-module__oe3DtG__support { padding: 24px !important; }
  .register-module__IOtuIG__heroInner { min-height: 0 !important; }
}

@media (max-width: 767px) {
  /* Keep the mobile hero and the next section visually connected. */
  .home-module__oe3DtG__heroCopy { padding-block: 24px 18px !important; }
  .home-module__oe3DtG__entries { padding-block: 22px 30px !important; }
  .home-module__oe3DtG__heroActions { margin-top: 14px !important; }
  .home-module__oe3DtG__support { margin-block: 30px 34px !important; }
}

@media (max-width: 600px) {
  .home-module__oe3DtG__journey { padding-block: 34px !important; }
  .home-module__oe3DtG__journey h2 { font-size: 23px !important; }
  .home-module__oe3DtG__steps { grid-template-columns: 1fr !important; gap: 8px !important; }
  .home-module__oe3DtG__steps a {
    flex-direction: row !important;
    gap: 15px !important;
    min-height: 0 !important;
    padding: 14px !important;
  }
  .home-module__oe3DtG__stepNumber { min-width: 21px; margin-top: 1px; }
  .home-module__oe3DtG__steps h3 { font-size: 16px !important; }
  .home-module__oe3DtG__stepCopy p { margin-top: 3px !important; }
}

/* One content rhythm across the landing, topic, FAQ, article and guide templates. */
@media (min-width: 768px) {
  .hub-main { padding-block: 46px 62px !important; }
  .faq-page .faq-browser-section { padding-block: 46px 66px !important; }
  .video-library { padding-block: 46px 66px !important; }
  .detail-flow > .hub-shell { padding-block: 42px 48px !important; }
  .detail-issues { padding-block: 42px 54px !important; }
  .official-facts, .hub-related-videos, .hub-answers { margin-top: 38px !important; padding-top: 32px !important; }
  .home-module__oe3DtG__entries { padding-block: 38px 42px !important; }
}

@media (max-width: 767px) {
  .hub-main, .video-library, .faq-page .faq-browser-section, .faq-browser-section { padding-block: 22px 34px !important; }
  .official-facts, .hub-related-videos, .hub-answers { margin-top: 26px !important; padding-top: 24px !important; }
  .detail-prep { padding-block: 20px !important; }
  .detail-flow > .hub-shell { padding-block: 24px 28px !important; }
  .detail-issues { padding-block: 26px 32px !important; }
  .seo-answer-layout { padding-block: 16px 30px !important; }
  .faq-results { gap: 22px !important; }
  .home-guide-section > div { padding-block: 30px 36px !important; }
  .home-video-shell { padding-block: 30px 36px !important; }
  .home-faq-section > div { padding-block: 30px 36px !important; }
  .home-contact-section > div { padding-block: 28px 32px !important; }
  .dbg-section { padding-block: 28px !important; }
}