/* Approved mobile 02 and compact desktop 01, independent of study assets. */
body #course-dock-v101,body #course-dock-v101 *{box-sizing:border-box}
body #course-dock-v101{--ink:#173b2c;--cream:#fff0d3;--orange:#ff824f;--muted:#5b7057;position:fixed;inset:auto 10px calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:12px;width:calc(100% - 20px);max-width:none;margin:0;padding:12px 13px;background:var(--cream);color:var(--ink);border:1px solid #dac9a9;border-radius:20px;transform:none;opacity:1;box-shadow:0 6px 28px #041b1955;backdrop-filter:none;font:400 14px/1.25 var(--sans);letter-spacing:0;transition:none}
body #course-dock-v101[hidden]{display:none!important}
body #course-dock-v101 .dock-price{display:block;margin:0;white-space:nowrap;font:650 46px/.98 var(--sans);letter-spacing:-.065em;color:inherit}
body #course-dock-v101 .dock-price>span{display:inline-block;font-size:.5em;vertical-align:.52em;line-height:0;letter-spacing:0;margin-right:1px}
body #course-dock-v101 .dock-total{display:flex;align-items:center;gap:8px;flex:none;order:0}
body #course-dock-v101 .dock-total>small{display:none}
body #course-dock-v101 .dock-course{min-width:0;flex:1;text-align:left;order:1}
body #course-dock-v101 .dock-title{display:block;color:inherit;font:650 18px/1.12 var(--sans);letter-spacing:-.035em}
body #course-dock-v101 .dock-title em{display:block;color:inherit;font:inherit;letter-spacing:inherit}
body #course-dock-v101 .dock-meta{display:none}
body #course-dock-v101 .dock-action{display:flex;flex:none;order:2;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin:0;padding:13px 12px;border:1px solid transparent;border-radius:12px;background:var(--orange);color:var(--ink);font:750 14px/1.1 var(--sans);letter-spacing:-.03em;white-space:nowrap;box-shadow:none;cursor:pointer;text-decoration:none}
body #course-dock-v101 .dock-action>span{font:inherit;color:inherit}
body #course-dock-v101 .dock-action svg{width:18px;height:18px;flex:none;display:block}
body #course-dock-v101 .dock-action:hover{filter:brightness(1.055)}
body #course-dock-v101 .dock-action:focus-visible{outline:3px solid #aa622f;outline-offset:3px}
@media(max-width:360px){
 body #course-dock-v101{inset-inline:8px;width:calc(100% - 16px);padding:10px;gap:8px}
 body #course-dock-v101 .dock-price{font-size:39px}
 body #course-dock-v101 .dock-title{font-size:16px}
 body #course-dock-v101 .dock-action{font-size:12px;gap:5px;padding-inline:9px}
 body #course-dock-v101 .dock-action svg{width:16px;height:16px}
}
@media(min-width:700.01px){
 body #course-dock-v101{inset:auto 24px calc(8px + env(safe-area-inset-bottom));max-width:740px;width:calc(100% - 48px);height:68px;min-height:68px;margin-inline:auto;padding:8px 18px 8px 22px;gap:20px;background:#fff3dc;border:1px solid #b6b88d66;border-radius:19px;box-shadow:0 8px 38px #041b1955}
 body #course-dock-v101 .dock-course{order:0}
 body #course-dock-v101 .dock-title{font-size:23px;white-space:nowrap}
 body #course-dock-v101 .dock-title em{display:inline}
 body #course-dock-v101 .dock-meta{display:flex;align-items:baseline;gap:7px;margin-top:5px;font:450 13px/1.25 var(--sans);letter-spacing:-.015em;color:#50644b;white-space:nowrap}
 body #course-dock-v101 .dock-meta i{font-style:normal;color:#9caa85}
 body #course-dock-v101 .dock-meta b{font-weight:650;color:#294b38}
 body #course-dock-v101 .dock-total{order:1;padding-left:22px;border-left:1px solid #173b2c30}
 body #course-dock-v101 .dock-total>small{display:block;font:500 13px/1.2 var(--sans);color:inherit}
 body #course-dock-v101 .dock-action{height:50px;min-height:50px;min-width:162px;padding:12px 18px;gap:20px;font-size:17px}
 body #course-dock-v101 .dock-action svg{width:22px;height:22px}
 body .site-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}
/* Compact tablet fit without changing the approved desktop proportions. */
@media(min-width:700.01px) and (max-width:780px){
 body #course-dock-v101{gap:14px;padding-inline:17px}
 body #course-dock-v101 .dock-title{font-size:21px}
 body #course-dock-v101 .dock-meta{font-size:12px;gap:5px}
 body #course-dock-v101 .dock-total{padding-left:15px}
 body #course-dock-v101 .dock-action{min-width:146px;font-size:16px;gap:14px;padding-inline:15px}
}