*{box-sizing:border-box}body.ak{margin:0;background:#f1edeb;color:#191919}.ak-page{max-width:1487px;padding:30px 34px 20px;margin:auto}.ak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.brand{width:196px;height:35px;object-fit:contain}.intro{padding:0 18px;margin-bottom:30px}.eyebrow{font-size:24px;margin:0 0 8px}.ak h1{font-size:clamp(36px,4.5vw,66px);letter-spacing:-2.2px;line-height:1.12;margin:0 0 12px;font-weight:750}.subtitle{font-size:clamp(18px,1.8vw,25px);color:#575454;margin:8px 0 0;line-height:1.45}.ak h2{font-size:30px;line-height:1.25;margin:0;font-weight:730;letter-spacing:-.6px}.ak h3{font-size:27px;line-height:1.2;margin:0 0 4px}.ak-card{border:0;border-radius:24px;background:white;padding:32px;box-shadow:0 8px 26px #4c353506}.schedule{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:36px;margin-bottom:26px;min-height:450px}.schedule-main{min-width:0}.countdown{border-left:1px solid #ddd7d5;padding-left:36px}.count{font-size:60px;font-weight:740;letter-spacing:-2px;line-height:1.15;white-space:nowrap;margin:16px 0 0}.count strong{font-weight:inherit}.countdown>p{font-size:27px;color:#575454;margin:0}.planned-date{margin:34px 0 24px;font-size:21px;color:#575454}.planned-date strong{display:block;margin-top:5px;font-size:25px;color:#181818}.countdown .continue{font-size:22px;line-height:1.4}.countdown .date-notice{font-size:15px;margin-top:20px;line-height:1.45}.timeline{--label:240px;--end:76%;margin-top:24px}.dates{height:74px;position:relative;margin-left:var(--label)}.date-marker{position:absolute;top:0;border-radius:15px;background:#fae9e9;color:#921d27;padding:9px 12px;text-align:center;font-size:17px;white-space:nowrap;z-index:1}.date-marker strong{display:block;color:#171717;font-size:18px;margin-top:2px}.today{left:0;transform:translateX(-30%)}.end{left:var(--end);transform:translateX(-50%)}.medicine-row{display:grid;grid-template-columns:var(--label) 1fr;align-items:center;min-height:92px}.medicine{display:flex;align-items:center;gap:14px}.medicine span:not(.asset){font-size:20px;color:#575454}.asset{display:block;flex-shrink:0;background-image:url('assets/design-details.png');background-repeat:no-repeat}.aspirin{width:74px;height:74px;background-position:-64px -492px}.clopidogrel{width:74px;height:74px;background-position:-64px -585px}.lane{position:relative;background:#f0cdd0;height:30px;display:flex;align-items:center;justify-content:center;font-size:19px;border-radius:20px;color:#24191a;white-space:nowrap}.lane:before{content:"";position:absolute;left:-8px;top:5px;width:20px;height:20px;border:3px solid white;background:#b81e32;border-radius:50%}.aspirin-lane{margin-right:3%;border-radius:20px 5px 5px 20px}.clopidogrel-lane{width:var(--end)}.clopidogrel-lane:after{content:"";position:absolute;right:-9px;top:5px;width:20px;height:20px;border:3px solid white;background:#b81e32;border-radius:50%}.axis{border-top:1px solid #b7b0ad;margin:10px 0 0 var(--label);width:calc((100% - var(--label)) * .76);display:flex;justify-content:space-between;padding-top:10px;color:#666;font-size:16px}.education{display:flex;gap:26px;align-items:center}.shield{width:116px;height:122px;background-position:-67px -811px}.education-text{flex:1;border-left:1px solid #ddd7d5;padding-left:26px}.education h2{font-size:26px;line-height:1.3;letter-spacing:-.5px}.education p{font-size:21px;color:#575454;margin:12px 0 6px}.source{font-size:13px;color:#676363;text-underline-offset:3px}.education button{flex-shrink:0}.ak-btn.lg{font-size:21px;padding:16px 25px;white-space:nowrap}.ak-footer{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:23px;border:0;padding:0 18px;color:#6a6664}#editor{margin-top:25px}#editor[hidden]{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.ak-input{display:block;width:100%;margin-top:8px;min-height:48px}.actions{display:flex;flex-wrap:wrap;gap:12px}#form-error{color:#a7192d}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9d2336;outline-offset:4px}
@media(min-width:1250px){.ak-page{padding-top:35px}.ak-header{margin-bottom:43px}.intro{margin-bottom:30px}.schedule{padding:34px;min-height:445px}.education{min-height:200px}}
@media(max-width:1100px){.schedule{grid-template-columns:1fr 245px;gap:24px;padding:25px}.countdown{padding-left:24px}.count{font-size:46px}.timeline{--label:185px}.asset.aspirin,.asset.clopidogrel{display:none}.ak h3{font-size:24px}.lane{font-size:15px}.date-marker{font-size:14px}.date-marker strong{font-size:15px}.education{flex-wrap:wrap}.education button{margin-left:auto}.shield{display:none}.education-text{border:0;padding:0}.education h2{font-size:24px}}
@media(max-width:760px){.ak-page{padding:24px 18px}.ak-header{margin-bottom:32px;gap:12px}.brand{width:132px;height:25px}.ak-header .ak-tag{font-size:10px}.intro{padding:0;margin-bottom:24px}.eyebrow{font-size:18px}.ak h1{font-size:42px;letter-spacing:-1.5px}.subtitle{font-size:18px}.ak-card{padding:22px;border-radius:20px}.schedule{display:block}.schedule h2{font-size:25px}.timeline{--label:0px;margin-top:26px}.dates{margin-left:38px;margin-right:20px;height:72px}.date-marker{font-size:12px;padding:8px}.date-marker strong{font-size:13px}.today{transform:translateX(-25%)}.end{left:82%;transform:translateX(-50%)}.medicine-row{display:block;min-height:106px}.medicine{margin-bottom:14px}.medicine h3{font-size:22px;margin:0}.medicine>div{display:flex;gap:12px;align-items:baseline}.medicine span:not(.asset){font-size:16px}.lane{font-size:14px;height:27px;margin-left:8px}.lane:before,.clopidogrel-lane:after{top:4px;width:19px;height:19px}.axis{margin-left:8px;width:76%;font-size:12px;margin-top:0;padding-top:8px}.countdown{border-left:0;border-top:1px solid #ddd7d5;margin-top:25px;padding:22px 0 0}.count{margin:0;font-size:48px}.countdown>p{font-size:22px}.planned-date{margin:20px 0 12px;font-size:17px}.planned-date strong{font-size:22px}.countdown .continue{font-size:17px}.countdown .date-notice{margin-top:12px}.education{gap:20px}.education h2{font-size:22px}.education p{font-size:18px}.education button{width:100%;margin:0}.ak-footer{flex-direction:column;padding:0;gap:8px;font-size:12px}.fields{grid-template-columns:1fr}.source{display:inline-block;line-height:1.5}.actions .ak-btn{font-size:14px}}

.ak-header{padding:0}.schedule>*,.education>*{margin-top:0}.ak .eyebrow{margin:0 0 8px}.ak .intro .subtitle{margin-top:12px}.ak .ak-btn.lg{height:auto;min-height:58px;font-size:21px}.ak h2,.ak h3{font-weight:730}.ak .medicine h3{font-size:27px}.ak .education h2{font-size:26px;line-height:1.3}
@media(max-width:760px){.ak .medicine h3{font-size:22px}.ak .education h2{font-size:22px}.ak h1{font-size:42px}}
@media(min-width:1250px){.ak-header{margin-bottom:24px}.countdown .continue{font-size:20px}.planned-date{margin:28px 0 20px}.countdown .date-notice{margin-top:16px}}
/* Native range controls keep pointer, touch, and keyboard behavior accessible. */
.ak .slider-help{font-size:14px;line-height:1.5;color:#625c5a;margin-top:16px}.timeline{margin-top:18px}.dates{display:flex;justify-content:space-between;gap:8px;height:auto;min-height:76px}.date-marker{position:static;transform:none;font-size:14px;padding:8px 10px}.date-marker strong{font-size:16px}.slider-group{min-width:0}.slider-track{position:relative;height:44px;isolation:isolate}.slider-track:before{content:"";position:absolute;inset:12px 14px;border-radius:20px;background:linear-gradient(to right,#eee9e7 0 var(--today-position),#f0cdd0 var(--today-position) 100%)}.clopidogrel-track:before{background:linear-gradient(to right,#eee9e7 0 var(--today-position),#f0cdd0 var(--today-position) var(--end-position),#eee9e7 var(--end-position) 100%)}.review-needed .clopidogrel-track:before{background:#eee9e7}.slider-track input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:44px;margin:0;background:transparent;border:0;padding:0;pointer-events:none;cursor:grab;touch-action:pan-y}.slider-track input[type=range]:active{cursor:grabbing}.slider-track input[type=range]::-webkit-slider-runnable-track{height:20px;background:transparent}.slider-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:28px;height:28px;border-radius:50%;background:#b81e32;border:3px solid white;margin-top:-4px;box-shadow:0 1px 4px #0002}.slider-track input[type=range]::-moz-range-track{height:20px;background:transparent}.slider-track input[type=range]::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#b81e32;border:3px solid white;box-shadow:0 1px 4px #0002}.slider-track input[type=range]:focus-visible{outline:2px solid #982137;outline-offset:1px;border-radius:8px;z-index:3}.track-caption{display:block;text-align:center;font-size:16px;color:#595150;line-height:1.3}.axis{width:calc(100% - var(--label));padding-left:14px;padding-right:14px}.medicine-row{min-height:91px}.schedule{min-height:465px}
@media(max-width:760px){.ak .slider-help{font-size:13px}.dates{margin:0 0 16px;min-height:0}.date-marker{font-size:12px}.date-marker strong{font-size:13px}.medicine-row{min-height:119px}.medicine{margin-bottom:4px}.axis{width:100%;margin-left:0}.track-caption{font-size:14px}.slider-track input[type=range]::-webkit-slider-thumb{width:32px;height:32px;margin-top:-6px}.slider-track:before{left:16px;right:16px}.schedule{min-height:0}}
