*{box-sizing:border-box}body{margin:0;background:#eff7fc;color:#16364d;font:16px/1.65 'BMW Type Next KR',sans-serif}header{max-width:760px;margin:auto;display:flex;justify-content:space-between;padding:22px}a{color:#245a83;text-underline-offset:4px}main{max-width:760px;margin:auto;padding:12px 22px 50px}.welcome{display:flex;align-items:center;gap:18px;margin:6px 0 32px}.welcome img{object-fit:contain;flex-shrink:0}.eyebrow{font-size:13px;letter-spacing:1.5px;color:#668399;margin:0}h1{font-size:clamp(25px,5vw,36px);line-height:1.3;margin:8px 0}h2{font-size:23px;margin:0 0 12px}h3{font-size:18px;margin:0 0 8px}.card{background:white;border:1px solid #d4e7f2;border-radius:22px;padding:24px;margin-bottom:18px}.muted,.privacy,.help{color:#60798b;font-size:14px}.badge{display:inline-block;padding:3px 10px;background:#e4f1fa;border-radius:16px;font-size:14px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.steps li{border-top:4px solid #e1edf5;padding-top:8px;font-size:14px}.steps .done{border-color:#438dba;color:#235a7b}.receipt{overflow-wrap:anywhere;font-size:15px;letter-spacing:1px;background:#eef6fb;padding:14px;border-radius:12px}label{display:block;margin:12px 0}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #c2d7e6;border-radius:10px;background:#fff;color:#16364d}textarea{min-height:110px;resize:vertical}button,.button{display:inline-block;background:#327ba9;color:white;border:0;border-radius:12px;padding:12px 20px;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.outline{background:#edf6fc;color:#245a83}details>summary{cursor:pointer;font-weight:600}.privacy{margin-top:32px}.privacy p{margin:12px 0}.message{min-height:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-item{border-top:1px solid #e2edf5;margin-top:18px;padding-top:18px}.help{text-align:center}input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin-right:8px}#demo-notice{background:#fff2cf;padding:12px;border-radius:12px;margin:10px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #deab47;outline-offset:4px}@media(max-width:480px){.card{padding:19px}header,main{padding-left:16px;padding-right:16px}.form-row{grid-template-columns:1fr}.steps{gap:5px}.welcome{gap:10px}.welcome img{width:66px;height:82px}}
.handover-guide{border-top:1px solid #d4e7f2;margin-top:24px;padding-top:22px}.guide-facts{margin:0}.guide-facts div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;margin:12px 0}.guide-facts dt{color:#60798b}.guide-facts dd{margin:0;overflow-wrap:anywhere}.guide-tasks{list-style:none;padding:0;margin:16px 0 22px}.guide-tasks li{border-left:3px solid #b8dbee;padding:0 0 0 16px;margin:24px 0}.guide-tasks h4{font-size:17px;margin:0 0 6px}.guide-tasks p{margin:6px 0;overflow-wrap:anywhere}@media(max-width:480px){.guide-facts div{grid-template-columns:90px minmax(0,1fr);gap:8px}}
.care-intro{margin:40px 0 30px}.care-intro>.eyebrow{letter-spacing:0;font-size:14px}.care-intro>h2{margin-top:8px;line-height:1.4}.care-intro>p{margin:10px 0 20px}.care-sample{background:#fff;border:1px solid #c2ddec;border-radius:22px;overflow:hidden}.care-sample>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;list-style:none}.care-sample>summary::-webkit-details-marker{display:none}.care-sample>summary strong,.sample-summary-note{display:block}.care-sample>summary strong{font-size:21px;margin:6px 0 2px}.sample-tag{color:#376c8e;font-size:14px}.sample-summary-note{font-size:14px;font-weight:400;color:#60798b}.sample-open{font-size:14px;white-space:nowrap;color:#245a83}.care-sample[open]>summary{border-bottom:1px solid #d4e7f2}.sample-body{padding:0 24px 22px}.sample-disclaimer{color:#60798b;font-size:14px;line-height:1.6;margin:20px 0}.sample-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#edf5fa;border-radius:14px}.sample-switch button{background:transparent;color:#40667f;border-radius:10px;padding:11px 8px;font-size:16px}.sample-switch button[aria-pressed=true]{background:#245a83;color:#fff}.sample-vehicle{margin:24px 0 20px}.sample-vehicle h3{font-size:25px;margin:6px 0 0}.sample-vehicle p{font-size:14px;color:#60798b;margin:2px 0}.sample-date{background:#eaf4fc;border-radius:16px;padding:20px;display:grid;gap:3px}.sample-date>span{font-size:14px;color:#3c6681}.sample-date strong{font-size:27px;line-height:1.5}.sample-date small{font-size:18px;font-weight:400;white-space:nowrap}.sample-facts{border-bottom:1px solid #d4e7f2;padding:6px 0 16px;margin-bottom:22px}.sample-prep{list-style:none;padding:0;margin:0}.sample-prep li{display:grid;gap:4px;margin:18px 0;padding-left:14px;border-left:3px solid #b8dbee}.sample-prep span{color:#48667b}.sample-service-heading h3{font-size:22px;line-height:1.5;margin-top:10px}.sample-service-result:empty{display:none}.sample-service-result{background:#eaf4fc;border-radius:14px;padding:16px}.sample-safe-note{color:#60798b;font-size:14px;padding-top:18px;margin:22px 0 0;border-top:1px solid #d4e7f2}.care-intro>.care-continuity{font-size:14px;color:#48667b;margin:18px 4px}.care-continuity strong{font-weight:500}#sample-handover[hidden],#sample-service[hidden]{display:none}@media(max-width:480px){.care-sample>summary{padding:18px;gap:8px}.sample-body{padding:0 18px 18px}.sample-open{font-size:13px}.care-sample>summary strong{font-size:20px}.sample-date{padding:17px}.sample-date strong{font-size:25px}}@media(max-width:360px){.sample-open{white-space:normal;max-width:45px}.sample-switch{grid-template-columns:1fr}}
.care-sample .when-open{display:none}.care-sample[open] .when-open{display:inline}.care-sample[open] .when-closed{display:none}.care-notebook{margin:0 0 28px;padding:22px;background:#edf6fc;border-radius:18px;scroll-margin-top:20px}.notebook-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.notebook-title h3{font-size:22px;margin:0}.notebook-title .badge{background:#d9ecf8;white-space:nowrap}.notebook-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.notebook-dates dt{font-size:14px;color:#48667b}.notebook-dates dd{margin:3px 0 0;font-size:20px;font-weight:600}.notebook-plan{padding:19px 0;border-top:1px solid #c5dfed}.notebook-plan-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px}.notebook-plan-title h4{font-size:19px;margin:0}.notebook-plan-title>span{font-size:14px;color:#48667b}.notebook-limit{font-size:24px;font-weight:600;line-height:1.4;margin:13px 0 8px;overflow-wrap:anywhere}.notebook-limit>span{font-size:16px;font-weight:400}.notebook-expiry{font-size:14px;color:#48667b;margin:0}.notebook-expiry strong{font-size:18px;color:#16364d;margin-left:7px;display:inline-block}.notebook-enrolled{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;margin:14px 0 0;border-radius:10px;background:#d9ecf8;color:#245a83;font-size:15px;font-weight:600}.notebook-enrolled>span{font-size:18px}.notebook-footnote{font-size:14px;margin:0;padding-top:16px;border-top:1px solid #c5dfed;color:#48667b}.care-notebook>.muted{margin-bottom:0}.notebook-plan>.muted{margin-bottom:0}@media(max-width:480px){.care-notebook{padding:18px 14px;margin-left:-4px;margin-right:-4px}.notebook-dates{gap:10px}.notebook-dates dd{font-size:18px}.notebook-limit{font-size:21px}.notebook-title h3{font-size:21px}}@media(max-width:360px){.notebook-dates{grid-template-columns:1fr}.notebook-plan-title{display:block}}
.care-kakao{display:block;width:min(300px,100%);margin:20px 0 10px}.care-kakao img{display:block;width:100%;height:auto}.receipt-details{margin:14px 0;color:#60798b;font-size:14px}.receipt-details summary{font-weight:400}
/* Real vehicle notebook: visible above A/S, compact on phones. */
.care-coverage{margin-top:24px;padding-top:20px;border-top:1px solid #d4e6f0}
.care-coverage h3{margin:0 0 16px;font-size:19px}
.coverage-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 18px}
.coverage-dates dt{font-size:13px;color:#59788a;margin-bottom:5px}
.coverage-dates dd{margin:0;font-weight:700;font-size:17px}
.coverage-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.coverage-plan{padding:16px;background:#f0f7fb;border-radius:14px;min-width:0}
.coverage-plan h4{margin:0 0 10px;font-size:14px;color:#376782}
.coverage-plan strong{display:block;font-size:17px;line-height:1.5;word-break:keep-all}
.coverage-plan p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#59788a;word-break:keep-all}
.care-coverage .coverage-note{font-size:12px;line-height:1.65;color:#6c8190;margin:14px 0 0;word-break:keep-all}
@media(max-width:440px){.coverage-plans{grid-template-columns:1fr}.coverage-plan{padding:14px}.coverage-dates{gap:10px}}
.coverage-vehicle{margin:16px 0;padding:12px 0;border-top:1px solid #d9e7ef;border-bottom:1px solid #d9e7ef}
.coverage-vehicle summary{cursor:pointer;font-weight:700}
.coverage-vehicle dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

/* Customer reading rhythm: clear headings, dates and one topic per section. */
body{font-family:'BMW Type Next KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.75;background:#f2f7fb;color:#193b52;font-synthesis:none}
main{max-width:820px;padding-top:6px}header{max-width:820px;font-size:1rem;padding-block:20px}
.welcome{margin:4px 0 25px;gap:14px}.welcome img{width:62px;height:76px}.welcome h1{font-size:1.75rem;line-height:1.35;letter-spacing:-.03em;margin:0 0 4px}.welcome-note{font-size:1rem;color:#49677e;margin:0}
.card{padding:30px;border-radius:20px}.card h2{font-size:1.5rem;line-height:1.45;letter-spacing:-.02em}.card>p{font-size:1rem;line-height:1.8}
.vehicle-heading{padding-bottom:4px}.vehicle-heading h2{font-size:1.625rem;margin:10px 0 6px;line-height:1.4}.vehicle-colours{font-size:1rem;color:#49677e;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.vehicle-heading .badge{font-size:.875rem;font-weight:500;padding:4px 11px;color:#205777}
.dealer-note{padding:18px 20px;background:#f5f9fc;border-left:3px solid #90bad5;border-radius:0 10px 10px 0;white-space:pre-line;overflow-wrap:anywhere}
.vehicle-updated{font-size:.875rem!important;color:#536e81;margin:20px 0 8px}.vehicle-card>details{border-top:1px solid #d5e3ec;margin-top:22px;padding-top:22px}.vehicle-card>details>summary{min-height:46px;font-size:1.125rem;color:#245c7f}
.care-coverage .coverage-note{font-size:.875rem;line-height:1.75;color:#526b7e}.coverage-dates dt,.coverage-plan h4,.coverage-plan p{font-size:.9375rem}.coverage-dates dd,.coverage-plan strong{font-size:1.125rem}.care-coverage h3{font-size:1.25rem}.coverage-plan{padding:20px}
.steps li{font-size:.9375rem;word-break:keep-all}button,.button{min-height:48px;font-weight:500;line-height:1.5}details>summary{min-height:44px;padding-block:8px}
.steps[hidden]{display:none}
body:has(.vehicle-card) .care-intro{display:none}
.preview-only-notice{margin:0;padding:12px 18px;text-align:center;background:#fff2d7;color:#694e1c;font:14px/1.6 'Malgun Gothic',sans-serif}
@media(max-width:480px){header,main{padding-left:18px;padding-right:18px}.card{padding:22px 18px}.welcome{gap:12px;margin-bottom:22px}.welcome img{width:52px;height:64px}.welcome h1{font-size:1.5rem}.welcome-note{font-size:.9375rem}.vehicle-heading h2{font-size:1.375rem}.coverage-plan{padding:18px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}