:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#071b41;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.brand{font-size:19px;font-weight:800;letter-spacing:-1px}.brand span{margin-left:14px;color:#6c7788;font-size:12px;font-weight:400;letter-spacing:0}.share{border:1px solid #ced8e7;background:#fff;border-radius:24px;padding:11px 18px;color:#164581;font-size:13px}main{max-width:1040px;padding:0 28px;margin:auto}.intro{padding:32px 0 38px}.eyebrow{font-size:10px;letter-spacing:3px;color:#3879b2;font-weight:700}h1{margin:12px 0;font-size:34px;letter-spacing:-1.8px}.intro p{font-size:14px;color:#62718a;line-height:1.6;margin:0}section{margin-bottom:40px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;gap:10px}h2{font-size:15px;margin:0;letter-spacing:-.5px}.section-head>span{font-size:11px;color:#738097}.card{position:relative;overflow:hidden;background:white;box-shadow:0 12px 40px #1234680c}.card.front{border-radius:18px}.card img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:0;background:transparent;border-radius:7px;display:block}.hotspot:hover{background:#0068ff12;box-shadow:inset 0 0 0 2px #1672d2aa}.hotspot:focus-visible{outline:3px solid #ff9200;outline-offset:-3px;background:#ff920022}.phone{left:4%;top:78%;width:34%;height:10%}.email{left:42%;top:78%;width:35%;height:10%}.address{left:42%;top:88%;width:43%;height:10%}.insurance{left:49%;top:6%;width:49%;height:18%}.account-left{left:2.5%;top:74%;width:47.4%;height:20.5%}.account-right{left:50.6%;top:74%;width:47%;height:20.5%}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick a{display:flex;justify-content:center;align-items:center;gap:9px;min-height:49px;background:#fff;border:1px solid #e0e7f1;border-radius:11px;font-size:13px;font-weight:600}.quick a:first-child{background:#064d9f;color:white;border-color:#064d9f}.quick a:hover{filter:brightness(.95)}.quick span{font-size:18px}.back-wrap{background:white;border:1px solid #e0e7f1;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #1234680c}.back{box-shadow:none}.websites{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(110deg,#f4f8ff,#f3faf5);border-top:1px solid #e2eaf4}.web-label{font-size:12px;font-weight:700;color:#60718b;white-space:nowrap;margin-right:8px}.websites a{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border:1px solid #d4e2f4;padding:14px 17px;border-radius:10px;color:#064e9c;font-weight:700;font-size:16px}.websites a:last-child{color:#16753b;border-color:#cde6d6}.websites a:hover{transform:translateY(-1px)}.websites b{font-size:20px;font-weight:400}.accounts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.accounts button{text-align:left;position:relative;border:1px solid #dce6ef;border-radius:12px;background:#fff;padding:17px 18px;color:#142d51;min-width:0}.accounts span{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.accounts strong{display:block;font-size:17px;margin:6px 0 9px;letter-spacing:-.5px}.accounts small{font-size:11px;color:#147448}.accounts button:hover{border-color:#148e58}.note{font-size:11px;color:#7b8797;line-height:1.7;margin:12px 0}footer{border-top:1px solid #dfe6ef;padding:24px 0 36px;color:#7b8797;font-size:11px}footer p{font-weight:700;color:#526581;margin:0 0 7px}footer>div{display:flex;gap:20px;margin-top:18px}footer a{text-decoration:underline;text-underline-offset:3px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#0c2442;color:#fff;padding:14px 22px;border-radius:12px;max-width:90vw;width:max-content;font-size:13px;opacity:0;transition:.2s;pointer-events:none;box-shadow:0 5px 25px #0003;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:16px;padding:26px;max-width:90vw;width:410px;color:#142d51;box-shadow:0 12px 60px #0003}dialog::backdrop{background:#05193888}dialog p{font-size:12px;line-height:1.6}dialog label{font-size:12px;color:#64748b}dialog input{display:block;font:inherit;font-size:20px;width:100%;padding:14px 10px;margin:10px 0 18px;border:1px solid #a7c4e4;border-radius:7px}dialog form{text-align:right}dialog button{border:0;background:#064d9f;color:white;border-radius:8px;padding:10px 22px}a:focus-visible,button:focus-visible{outline:3px solid #ff9200;outline-offset:3px}@media(max-width:600px){header{padding:20px 18px}.brand{font-size:16px}.brand span{font-size:10px;margin-left:9px}.share{padding:9px 12px;font-size:11px}main{padding:0 14px}.intro{padding:24px 4px 30px}h1{font-size:28px}.intro p{font-size:12px}.section-head{align-items:flex-start;padding:0 3px}.section-head>span{font-size:9px;max-width:135px;text-align:right;line-height:1.6}h2{font-size:13px}.card.front,.back-wrap{border-radius:12px}.quick{gap:7px;margin-top:10px}.quick a{font-size:12px;gap:6px;min-height:47px}.websites{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.web-label{grid-column:1/-1;font-size:10px;margin-bottom:3px}.websites a{padding:12px 9px;font-size:12px;gap:4px}.websites b{font-size:16px}.accounts{grid-template-columns:1fr;gap:8px;margin-top:10px}.accounts button{padding:13px 15px}.accounts strong{font-size:18px;margin-bottom:0}.accounts small{position:absolute;right:15px;bottom:16px}.accounts span{padding-right:2px;font-size:10px}.note{font-size:10px;padding:0 2px}section{margin-bottom:30px}footer{padding-left:4px}}
@media print{header,.intro,.quick,.accounts,.note,footer,.section-head,#toast{display:none}body{background:white}main{max-width:none;padding:0}section{margin:0 0 15px;break-inside:avoid}.card,.back-wrap{box-shadow:none}.websites{print-color-adjust:exact}}

/* Readable, consistent type in mobile browsers and messaging webviews. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic',sans-serif;font-size:18px;line-height:1.6}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:1rem;word-break:keep-all;overflow-wrap:anywhere}
button,input{font:inherit}
header{gap:16px;flex-wrap:wrap}
.brand{font-size:20px;line-height:1.5;letter-spacing:-.5px}
.brand span{display:block;margin:0;font-size:18px;color:#52627a}
.share{font-size:18px;line-height:1.5;padding:10px 16px;white-space:nowrap;min-height:48px}
h1{font-size:32px;line-height:1.4;letter-spacing:-1px}
h2{font-size:20px;line-height:1.5;letter-spacing:-.4px}
.eyebrow,.intro p,.section-head>span,.quick a,.quick span,.web-label,.websites a,.websites b,.accounts span,.accounts strong,.accounts small,.note,footer,#toast,dialog p,dialog label,dialog input{font-size:18px;line-height:1.6}
.eyebrow{letter-spacing:1.5px}
.intro p,.section-head>span,.web-label,.note,footer{color:#52627a}
.section-head{align-items:flex-start;flex-wrap:wrap;gap:5px 16px}
.section-head>span{max-width:none;text-align:left}
.quick a{min-width:0;min-height:56px;gap:6px;white-space:nowrap;padding:10px 6px}
.websites{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px}
.web-label{grid-column:1/-1;margin:0;white-space:normal}
.websites a{min-width:0;padding:14px 12px;gap:8px}
.websites a span{white-space:nowrap}
.websites b{flex-shrink:0}
.accounts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.accounts button{padding:18px;text-align:left}
.accounts span{padding:0;overflow-wrap:anywhere}
.accounts strong{letter-spacing:0;white-space:nowrap;margin:10px 0;font-variant-numeric:tabular-nums}
.accounts small{display:block;position:static;color:#12673e}
.note{margin-top:16px}
footer>div{flex-wrap:wrap;gap:12px 24px}
#toast{white-space:normal;width:max-content;overflow-wrap:anywhere}
dialog{padding:22px}dialog input{padding:12px 8px}
@media(max-width:700px){
 header{padding:18px 16px;gap:12px}main{padding:0 14px}
 .intro{padding:26px 2px 30px}h1{font-size:28px}
 .section-head{display:block;padding:0 2px}
 .section-head>span{display:block;margin-top:5px}
 .websites{padding:16px;gap:10px}
 .websites a{padding:13px 10px;gap:4px}
 .accounts{grid-template-columns:minmax(0,1fr);gap:12px}
 .accounts button{padding:16px}
}
@media(max-width:359px){
 .quick{grid-template-columns:minmax(0,1fr)}
 .websites{grid-template-columns:minmax(0,1fr)}
 .web-label{grid-column:1}
}

/* Match the section heading for both usage instructions. */
.section-head>span{font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.4px;color:#071b41}

/* Compact spacing; readable email stays within the card's contact row. */
header{justify-content:flex-end;padding-top:9px;padding-bottom:9px;gap:9px}
.intro{padding:9px 2px 10px}
h1{margin:10px 0;line-height:1.5}
.eyebrow,.intro p,footer{line-height:1.5}
section{margin-bottom:10px}
.section-head{margin:0 0 10px;gap:10px}
.section-head>span{margin-top:0}
.websites{padding:10px;gap:9px}
.websites a{padding-top:9px;padding-bottom:9px}
footer{padding-top:9px;padding-bottom:9px}
footer p{margin-bottom:9px}
footer>div{margin-top:9px;row-gap:9px}
.card.front{container-type:inline-size}
.card.front .email{left:50.9%;top:80.4%;width:34.5%;height:6.5%;border-radius:0;background:#fff;color:#050e35;font-family:Arial,sans-serif;font-size:3.11cqw;font-weight:700;line-height:1;letter-spacing:-.015em;white-space:nowrap;display:flex;align-items:center;overflow:hidden}
.card.front .email:hover{background:#fff;box-shadow:inset 0 0 0 2px #1672d2aa}
@media(max-width:700px){header{padding-top:9px;padding-bottom:9px}.intro{padding:9px 2px 10px}.websites{padding:10px;gap:9px}}

/* Captions sit directly beneath each card; link labels are truly centered. */
.card-caption{margin:2px 0 0;padding:0 2px;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.4px;color:#071b41}
.back-wrap>.card-caption{padding:0 2px}
.websites{margin-top:9px}
.websites a{position:relative;justify-content:center;text-align:center;padding-left:24px;padding-right:24px}
.websites a b{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:18px}
@media(max-width:700px){.websites a{padding-left:18px;padding-right:18px}}

.websites a{padding-left:10px;padding-right:10px}

/* Remove the marked frame and separators; keep the two link buttons. */
.back-wrap{border:0;box-shadow:none;background:transparent;overflow:visible}
.back-wrap .card{border-radius:12px}
.websites{border:0;background:none}
footer{border-top:0}
/* Rebuild the contact area as clean scalable text without M/F/E/address labels. */
.contact-strip{position:absolute;left:2%;right:2%;top:78%;height:19.5%;display:grid;grid-template-columns:43% 57%;grid-template-rows:1fr 1fr;background:#fff;color:#071b41;padding:0 1%;font-family:Arial,'Malgun Gothic',sans-serif}
.contact-item{display:flex;align-items:center;min-width:0;gap:1cqw;font-size:3.6cqw;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:-.03em}
.contact-item>span:last-child{min-width:0}
.contact-icon{display:flex;align-items:center;justify-content:center;width:4.5cqw;height:4.5cqw;flex-shrink:0;border-radius:50%;background:#0962b8;color:#fff}
.contact-icon svg{display:block;width:2.8cqw;height:2.8cqw}
.email-icon{background:#ed1745}.address-icon{background:#008b42}
.contact-address{font-size:2.8cqw;letter-spacing:-.055em}
.contact-item:focus-visible{outline-offset:0}

/* Larger contact lettering fills each half without leaving the card. */
.contact-strip{left:1.5%;right:1.5%;padding:0 .5%;grid-template-columns:43% 57%;top:77.8%;height:20%}
.contact-item{font-size:4.4cqw;line-height:1.1;gap:.7cqw;letter-spacing:-.045em}
.contact-item>span:last-child{transform:scaleX(1.025);transform-origin:left center;display:inline-block}
.contact-address{font-size:3.45cqw;letter-spacing:-.06em}
.contact-icon{width:4.8cqw;height:4.8cqw}
.contact-icon svg{width:3.1cqw;height:3.1cqw}
.websites{overflow:visible;padding-top:18px}
.websites a{min-height:58px;padding-top:12px;padding-bottom:12px;overflow:visible}
.tap-hand{position:absolute;right:10px;top:-13px;width:27px;height:31px;transform:rotate(45deg);pointer-events:none;filter:drop-shadow(0 1px 1px #071b4126)}

/* Scale the captions with the card's school-history lettering. */
#front,#back{container-type:inline-size}
.card-caption{font-size:3.3cqw;line-height:1.5}
.tap-hand{transform:rotate(225deg)}
.card-caption{font-size:min(18px,3.3cqw)}

/* Compact document shortcuts; full guides open only when selected. */
.websites{row-gap:22px}
.websites a:nth-child(even){color:#16753b;border-color:#cde6d6}
.websites .document-link{color:#064e9c;border-color:#d4e2f4;min-height:80px}
.websites .document-link:nth-child(even){color:#16753b;border-color:#cde6d6}
.websites .document-link>span{white-space:normal;line-height:1.45}

/* Single-line document shortcuts sized to their own button width. */
.websites .document-link{container-type:inline-size;min-height:58px}
.websites .document-link>span{white-space:nowrap;font-size:min(18px,11.4cqw);line-height:1.6}

/* Insurance guide follows the sale guide in the left column. */
.websites .insurance-documents{grid-column:1}
.websites a.insurance-documents{color:#064e9c;border-color:#d4e2f4}