/* Shared site typography, navigation and footer. */
:root{--body-font-family:"Segoe UI","Noto Sans",Arial,"Malgun Gothic",sans-serif;--p-color:#526070;--menu-font-size:15px;--jcan-ink:#232747;--jcan-accent:#344680}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{font-family:var(--body-font-family);color:var(--jcan-ink);line-height:1.65}
h1,h2,h3,h4,h5,h6{font-family:var(--body-font-family);letter-spacing:-.025em;line-height:1.2}
h1{font-size:clamp(36px,4.5vw,58px)}h2{font-size:clamp(28px,3.4vw,42px)}p{line-height:1.75}
a:focus-visible,button:focus-visible{outline:3px solid #a66c08;outline-offset:4px}
.navbar{position:relative!important;top:auto!important;background:#fff!important;border-bottom:1px solid #e2e5ed;box-shadow:none;padding:8px 0;z-index:10;width:100%}
.navbar>.container{gap:20px}.navbar-brand,.navbar-brand:hover{display:flex;align-items:center;gap:12px;color:var(--jcan-ink);margin:0;white-space:normal;flex-shrink:0}
.navbar-brand img{width:60px;height:60px!important;object-fit:contain}.navbar-brand strong{display:block;font-size:23px;letter-spacing:.045em;line-height:1.1}.navbar-brand small{display:block;font-size:13px;font-weight:500;line-height:1.4;margin-top:4px;letter-spacing:0}
.navbar-expand-lg .navbar-nav{gap:4px;margin-right:0!important}.navbar-expand-lg .navbar-nav .nav-link{color:#394055;font-size:15px;padding:10px 12px;margin:0;letter-spacing:0;border-radius:4px}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active,.navbar-nav .nav-link[aria-current=page]{color:#253d80;background:#f0f3f9}
.navbar-toggler{min-height:44px;min-width:44px;padding:7px}.navbar-toggler .navbar-toggler-icon,.navbar-toggler .navbar-toggler-icon::before,.navbar-toggler .navbar-toggler-icon::after{background:#26345a}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{background:transparent}
.hero-section{padding-top:90px;padding-bottom:100px;min-height:560px}.hero-section h1{max-width:14ch}.hero-section h6{font-size:18px;font-weight:500}
.featured-section{padding:22px 0}.reviews-group{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.reviews-group strong{font-size:20px}.reviews-group small{font-size:15px}
.contact-section{background:#f3f4f8;padding:64px 0;border-top:1px solid #e1e4ed}.contact-section::before{display:none}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.contact-section h6{color:#566185;font-size:17px}.contact-section h2{color:var(--jcan-ink);max-width:16ch;margin:16px 0}.contact-section p{color:#526070;font-size:17px}.contact-section address{font-style:normal;margin:0;align-self:center}.contact-section address a{display:block;width:fit-content;color:#283e79;margin:10px 0;font-size:18px;overflow-wrap:anywhere}
.jcan-footer{background:#fff;border-top:1px solid #e1e4ed;padding:32px 24px;color:#536075}.footer-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{font-size:21px;color:var(--jcan-ink);font-weight:700;text-decoration:none}.footer-brand span{display:block;font-size:13px;font-weight:400}.jcan-footer nav{display:flex;gap:24px;flex-wrap:wrap}.jcan-footer nav a{color:#344264;font-size:15px}.jcan-footer p{flex-basis:100%;border-top:1px solid #edf0f5;padding-top:20px;margin:0;font-size:13px;color:#606a7b}
.exam-home{padding-top:64px;padding-bottom:64px}.exam-intro{max-width:780px;margin-bottom:40px}.exam-kicker{color:#465989;font-weight:600;margin-bottom:14px}.exam-intro h1{max-width:17ch;margin-bottom:20px}.exam-intro>p:last-child{font-size:19px;max-width:65ch;color:#526070}.exam-modes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.exam-modes section{padding:32px;border:1px solid #dce1eb;border-radius:8px;background:#f8f9fc}.exam-modes h2{font-size:30px;margin:12px 0}.mode-label{color:#566185;font-size:15px}.exam-modes p{color:#526070;font-size:17px}.exam-modes ul{padding-left:22px;line-height:2;color:#526070;margin:24px 0}.exam-start{display:flex;align-items:center;justify-content:space-between;background:#344680;color:white;padding:14px 20px;border-radius:5px;font-size:17px;font-weight:600}.exam-start:hover{color:white;background:#26345f}.exam-help{color:#626d7c;font-size:15px;margin:28px 0 0}
.site-header{position:static;background:white!important;border-top:0;border-bottom:1px solid #e0e5ed;color:#232747}.site-header .brand,.site-header a,.site-header nav span{color:#293960}.site-header .brand img{width:48px;height:48px}.site-header .brand small{display:block}.site-footer{background:#fff;color:#526070;border-top:1px solid #e0e5ed;margin-top:32px;padding:24px;font-family:var(--body-font-family)}
@media(max-width:991px){.navbar>.container{gap:8px}.navbar-collapse{padding:12px 0}.navbar-brand strong{font-size:21px}.navbar-brand small{font-size:12px}.navbar-brand img{width:50px;height:50px!important}.hero-section{padding:56px 0;min-height:0}.contact-grid{gap:28px}.exam-home{padding-top:40px}}
@media(max-width:600px){.contact-grid,.exam-modes{grid-template-columns:1fr}.contact-section{padding:40px 0}.exam-modes section{padding:24px}.footer-inner{align-items:flex-start}.jcan-footer nav{gap:18px}.navbar-brand small{font-size:11px}.site-header{flex-wrap:wrap;gap:12px}.site-header nav{gap:16px}.reviews-group{gap:8px;flex-direction:column;align-items:flex-start}.hero-section h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Home page information and mobile text wrapping. */
.jcan-detail-list{padding-left:1.3rem;margin:18px 0 28px;color:var(--p-color)}
.jcan-detail-list li{font-size:18px;line-height:1.65;margin-bottom:12px;padding-left:4px}
.scrollspy-example-item h6{color:#344680;font-size:20px;margin:30px 0 12px}
.jcan-benefit-lead{padding:20px;border-left:4px solid #344680;background:#f2f5fa;font-weight:600}
.jcan-source-note{font-size:15px;line-height:1.6}.jcan-source-note a{text-decoration:underline}
.hero-section h1{max-width:17ch;overflow-wrap:normal}.featured-section strong{overflow-wrap:anywhere}
@media(max-width:600px){.hero-section h1{font-size:36px}.jcan-detail-list li{font-size:17px}.scrollspy-example-item h5{font-size:25px}.scrollspy-example-item{padding-bottom:32px;margin-bottom:32px}}