.suitability-page { --suit-pad:clamp(26px,2.7vw,42px); }
.suitability-page h1,.suitability-page h2,.suitability-page h3 { font-weight:500; letter-spacing:-.045em; }
.suitability-page p { line-height:1.46; }
.suit-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:5px; }
.suit-hero-image { min-height:690px; border-radius:24px; overflow:hidden; position:relative; isolation:isolate; background:#102f4d; color:white; }
.suit-hero-image>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:60% center; z-index:-2; }
.suit-hero-image:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#092f53c9,transparent 62%); }
.suit-image-top { position:absolute; top:30px; left:32px; right:32px; display:flex; justify-content:space-between; gap:20px; font-size:14px; }
.suit-image-top>span:first-child { font-size:21px; }
.suit-image-top>span:last-child { opacity:.7; }
.suit-image-bottom { position:absolute; left:32px; right:32px; bottom:32px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.suit-image-bottom>span { font-size:clamp(47px,5.1vw,80px); letter-spacing:-.065em; line-height:.98; }
.suit-image-bottom>small { font-size:12px; color:#c4d9e9; }
.suit-hero-side { display:grid; grid-template-rows:1fr auto; gap:5px; }
.suit-hero-copy { padding:var(--suit-pad); background:white; border-radius:24px; }
.suit-hero-copy h1 { font-size:clamp(37px,3.6vw,57px); line-height:1.22; margin:40px 0 28px; }
.suit-hero-copy h1>span { color:#7892a8; }
.suit-hero-copy>p { color:var(--slate); font-size:17px; max-width:460px; }
.suit-hero-copy>.pill { margin-top:30px; }
.suit-hero-notes { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.suit-hero-notes>a { background:#dfeaf3; border-radius:22px; padding:26px; position:relative; min-height:170px; }
.suit-hero-notes>a:last-child { background:white; }
.suit-hero-notes a>span { font-size:12px; color:var(--slate); }
.suit-hero-notes h2 { font-size:22px; line-height:1.28; margin-top:32px; padding-right:14px; }
.suit-hero-notes svg { position:absolute; bottom:27px; right:23px; }
.suit-local-nav { display:flex; flex-wrap:wrap; gap:5px; margin-top:20px; }
.suit-local-nav>a { border-radius:30px; padding:14px 20px; background:#e5edf4; font-size:14px; }
.suit-local-nav>a[aria-current=page],.suit-local-nav>a:hover { color:white; background:var(--primary); }
.suit-heading { display:grid; grid-template-columns:1fr 2fr 1fr; gap:30px; align-items:start; margin-bottom:52px; }
.suit-heading h2,.suit-checks-intro h2,.suit-possibility-heading h2,.suit-prepare h2 { font-size:clamp(29px,3vw,46px); line-height:1.26; }
.suit-heading h2>span,.suit-checks-intro h2>span,.suit-possibility-heading h2>span,.suit-prepare h2>span { color:#7892a8; }
.suit-heading>p:last-child { align-self:end; color:var(--slate); font-size:16px; }
.suit-concern-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.suit-concern-grid article { padding:28px; background:white; border-radius:24px; display:flex; flex-direction:column; min-height:290px; }
.suit-concern-grid h3 { font-size:23px; line-height:1.28; margin:38px 0 24px; }
.suit-concern-grid p { color:var(--slate); font-size:16px; margin-top:auto; }
.suitability-page .suit-checks,.suitability-page .suit-possibilities,.suitability-page .suit-prepare,.suitability-page .suit-faq { padding-top:0; }
.suit-checks-intro { display:grid; grid-template-columns:1fr 2fr 1fr; gap:30px; margin-bottom:52px; }
.suit-checks-intro>p:last-child { font-size:16px; color:var(--slate); align-self:end; }
.suit-checks-layout { display:grid; grid-template-columns:1fr 2fr; gap:5px; }
.suit-doctor { min-height:620px; position:relative; overflow:hidden; border-radius:24px; isolation:isolate; background:#dce8f2; color:white; }
.suit-doctor>img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:50% 0%; z-index:-2; }
.suit-doctor:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#102f4ff2,transparent 68%); z-index:-1; }
.suit-doctor>span { position:absolute; top:28px; left:28px; color:#30546e; font-size:14px; }
.suit-doctor>div { position:absolute; left:30px; bottom:30px; right:30px; }
.suit-doctor h3 { font-size:33px; }
.suit-doctor h3 small { font-size:14px; margin-left:5px; }
.suit-doctor p { font-size:17px; color:#d3e3ef; margin:25px 0 35px; }
.suit-doctor>div>span { display:flex; justify-content:space-between; align-items:center; font-size:14px; }
.suit-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.suit-check-grid article { padding:29px; background:white; border-radius:24px; min-height:205px; }
.suit-check-grid article:nth-child(3),.suit-check-grid article:nth-child(6) { background:#e0eaf3; }
.suit-check-grid article>div { display:flex; justify-content:space-between; align-items:center; }
.suit-number { font-size:12px; color:var(--slate); }
.suit-small-dot { height:5px; width:5px; background:#799ab6; border-radius:50%; }
.suit-check-grid h3 { font-size:24px; line-height:1.28; margin:25px 0 20px; }
.suit-check-grid p { font-size:16px; color:var(--slate); max-width:330px; }
.suit-possibility-heading { display:grid; align-items:start; grid-template-columns:1fr 3fr; gap:30px; margin-bottom:52px; }
.suit-possibility-heading h2 { font-size:clamp(32px,3.6vw,54px); }
.suit-possibility-grid { display:grid; grid-template-columns:1.1fr 1fr; grid-template-rows:1fr 1fr; gap:5px; }
.suit-possibility-grid article { padding:var(--suit-pad); border-radius:24px; }
.suit-possibility-grid article>span { font-size:14px; color:var(--slate); }
.suit-possibility-grid h3 { font-size:clamp(28px,2.7vw,41px); line-height:1.25; margin:35px 0 28px; }
.suit-possibility-grid article>p { font-size:17px; color:var(--slate); max-width:450px; }
.suit-whole-card { grid-row:1/3; background:#19496f; color:white; display:flex; flex-direction:column; }
.suit-possibility-grid .suit-whole-card>span,.suit-possibility-grid .suit-whole-card>p { color:#c9deed; }
.suit-whole-card h3 { font-size:clamp(34px,3.8vw,57px); margin-top:75px; }
.suit-mini-image { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-top:auto; padding-top:90px; }
.suit-mini-image>img { width:155px; height:110px; object-fit:cover; border-radius:15px; }
.suit-mini-image>span { font-size:16px; line-height:1.4; color:#c9deed; }
.suit-before-card { background:white; }
.suit-before-card>a { display:flex; align-items:center; gap:24px; font-size:14px; margin-top:35px; }
.suit-limit-card { background:#dfeaf3; }
.suit-limit-card>small { display:block; font-size:13px; color:var(--slate); margin-top:30px; line-height:1.45; }
.suit-prepare { display:grid; grid-template-columns:1fr 1.7fr; gap:65px; }
.suit-prepare h2 { margin:35px 0 28px; }
.suit-prepare-copy>p:not(.section-label) { font-size:17px; color:var(--slate); }
.suit-prepare-copy>.pill { margin-top:35px; }
.suit-prepare-grid { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.suit-prepare-grid article { background:white; border-radius:24px; padding:30px; }
.suit-prepare-grid h3 { font-size:25px; margin:35px 0 25px; }
.suit-prepare-grid p { font-size:16px; color:var(--slate); }
.suit-next { display:flex; align-items:center; justify-content:space-between; gap:30px; width:calc(100% - var(--gutter) - var(--gutter)); max-width:calc(1900px - var(--gutter) - var(--gutter)); padding:40px; margin:0 auto 90px; background:white; border-radius:24px; }
.suit-next h2 { font-size:clamp(28px,3vw,43px); line-height:1.25; margin-top:30px; }
.suit-next>span { display:flex; gap:25px; align-items:center; font-size:15px; }
.suit-hub-link { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:25px; padding:25px 30px; background:#dfeaf3; border-radius:20px; }
.suit-hub-link>span { font-size:18px; }
.suit-hub-link>span:last-child { display:flex; align-items:center; gap:20px; font-size:14px; }
@media(max-width:1100px) { .suit-hero-image { min-height:650px; } .suit-hero-notes>a { padding:22px; } .suit-hero-notes h2 { font-size:20px; } .suit-heading,.suit-checks-intro { grid-template-columns:1fr 2fr; } .suit-heading>p:last-child,.suit-checks-intro>p:last-child { grid-column:2; } .suit-concern-grid { grid-template-columns:1fr 1fr; } .suit-concern-grid article { min-height:250px; } .suit-checks-layout { grid-template-columns:1fr 1.6fr; } .suit-check-grid article { padding:24px; } .suit-doctor>div { left:24px; right:24px; } .suit-prepare { gap:35px; } }
@media(max-width:700px) {
  .suit-hero { grid-template-columns:1fr; }
  .suit-hero-image { min-height:340px; }
  .suit-image-top { top:25px; left:24px; right:24px; }
  .suit-image-top>span:last-child { font-size:12px; }
  .suit-image-bottom { left:24px; bottom:25px; right:24px; }
  .suit-image-bottom>span { font-size:49px; }
  .suit-image-bottom>small { max-width:100px; text-align:right; line-height:1.4; }
  .suit-hero-side { display:contents; }
  .suit-hero-copy { order:-1; padding:28px; }
  .suit-hero-copy h1 { font-size:36px; margin:35px 0 27px; }
  .suit-hero-copy>p { font-size:16px; }
  .suit-hero-notes>a { padding:22px 20px; min-height:184px; }
  .suit-hero-notes a>span { font-size:12px; }
  .suit-hero-notes h2 { font-size:19px; margin-top:28px; padding:0; }
  .suit-hero-notes svg { width:17px; right:19px; bottom:15px; }
  .suit-local-nav>a { font-size:13px; padding:13px 17px; }
  .suit-heading,.suit-checks-intro,.suit-possibility-heading { grid-template-columns:1fr; gap:28px; margin-bottom:35px; }
  .suit-heading>p:last-child,.suit-checks-intro>p:last-child { grid-column:auto; }
  .suit-heading h2,.suit-checks-intro h2,.suit-possibility-heading h2,.suit-prepare h2 { font-size:30px; }
  .suit-concern-grid { grid-template-columns:1fr; }
  .suit-concern-grid article { min-height:230px; padding:26px; }
  .suit-concern-grid h3 { margin-top:30px; font-size:25px; }
  .suit-checks-layout,.suit-check-grid { grid-template-columns:1fr; }
  .suit-doctor { min-height:480px; }
  .suit-check-grid article { min-height:190px; padding:26px; }
  .suit-check-grid h3 { margin-top:24px; }
  .suit-possibility-grid { grid-template-columns:1fr; grid-template-rows:auto; }
  .suit-whole-card { grid-row:auto; }
  .suit-possibility-grid article { padding:28px; }
  .suit-whole-card h3 { margin-top:55px; font-size:35px; }
  .suit-possibility-grid article>p { font-size:16px; }
  .suit-mini-image { padding-top:60px; gap:18px; }
  .suit-mini-image>img { width:95px; height:85px; }
  .suit-mini-image>span { font-size:14px; }
  .suit-prepare { grid-template-columns:1fr; gap:40px; }
  .suit-prepare-grid { grid-template-columns:1fr; }
  .suit-prepare-grid article { padding:26px; }
  .suit-prepare-grid h3 { margin-top:30px; }
  .suit-next { display:block; padding:28px; margin-bottom:75px; }
  .suit-next>span { justify-content:space-between; margin-top:40px; }
  .suit-hub-link { padding:25px; align-items:start; flex-direction:column; gap:25px; }
  .suit-hub-link>span:last-child { width:100%; justify-content:space-between; }
}
