.htvip-dashboard{--ink:#173b3d;--muted:#486769;--teal:#126c68;--teal-light:#e7f2ec;--coral:#b74335;--peach:#fff1e7;--line:#d2dfd8;--paper:#fffefb;--bg:#f5f6f1;--radius:22px}
.htvip-dashboard *{box-sizing:border-box}
.htvip-dashboard{margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 Arial,sans-serif}
.htvip-dashboard button,.htvip-dashboard input,.htvip-dashboard select{font:inherit}
.htvip-dashboard button,.htvip-dashboard a,.htvip-dashboard select{-webkit-tap-highlight-color:transparent}
.htvip-dashboard a{color:var(--teal);text-underline-offset:4px}
.htvip-dashboard button{cursor:pointer}
.htvip-dashboard button:disabled{cursor:default;opacity:.55}
.htvip-dashboard button:focus-visible,.htvip-dashboard a:focus-visible,.htvip-dashboard select:focus-visible,.htvip-dashboard input:focus-visible,.htvip-dashboard summary:focus-visible{outline:3px solid #b74335;outline-offset:4px}
.htvip-dashboard [hidden]{display:none!important}
.htvip-dashboard .wrap{max-width:1160px;margin:auto;padding:0 28px}
.htvip-dashboard .review-bar{background:#193e40;color:#fff;font-size:14px;padding:12px 0}
.htvip-dashboard .review-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}
.htvip-dashboard .review-bar p{margin:0;max-width:610px}
.htvip-dashboard .review-switch{display:flex;gap:5px;border:1px solid #87a5a3;border-radius:999px;padding:4px;flex-shrink:0}
.htvip-dashboard .review-switch button{border:0;border-radius:999px;padding:8px 17px;font-size:14px;color:#fff;background:transparent}
.htvip-dashboard .review-switch button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:700}
.htvip-dashboard .site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.htvip-dashboard .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.htvip-dashboard .brand{font-size:23px;font-weight:750;color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center}
.htvip-dashboard .flower{font-size:33px;color:var(--coral);line-height:1}
.htvip-dashboard .header-links{display:flex;align-items:center;gap:24px;font-size:16px}
.htvip-dashboard .header-links a{text-decoration:none}
.htvip-dashboard .header-links .current{color:#926b08;font-weight:700;letter-spacing:.1em}
.htvip-dashboard .subtle-button{border:0;padding:0;background:transparent;color:var(--teal);text-decoration:underline;text-underline-offset:4px;font-size:16px}
.htvip-dashboard .vip-main{padding-top:48px;padding-bottom:72px}
.htvip-dashboard .eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:700;margin:0 0 12px;color:var(--muted)}
.htvip-dashboard h1{font:700 clamp(50px,7vw,82px)/1 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px}
.htvip-dashboard h2{font:700 clamp(28px,3vw,36px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 15px}
.htvip-dashboard h3{font-size:21px;line-height:1.3;margin:0 0 12px}
.htvip-dashboard p{margin:0 0 18px}
.htvip-dashboard .intro{font-size:21px;max-width:660px}
.htvip-dashboard .muted{color:var(--muted)}
.htvip-dashboard .small{font-size:15px}
.htvip-dashboard .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}
.htvip-dashboard .hero-title{font-size:31px;line-height:1.23;max-width:580px;font-weight:600;letter-spacing:-.025em}
.htvip-dashboard .actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:26px}
.htvip-dashboard .vip-action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid var(--teal);background:var(--teal);color:white;font-weight:700;font-size:16px;text-decoration:none;white-space:normal}
.htvip-dashboard .vip-action.secondary{background:transparent;color:var(--teal)}
.htvip-dashboard .vip-action.light{background:white;color:var(--ink);border-color:white}
.htvip-dashboard .hero-art{padding:30px;background:var(--teal-light);border:1px solid #cfdfd1;border-radius:30px;transform:rotate(1deg)}
.htvip-dashboard .hero-art>*{transform:rotate(-1deg)}
.htvip-dashboard .mini-row{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #bdcec0;font-size:17px}
.htvip-dashboard .mini-row:last-child{border:0}
.htvip-dashboard .round{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:white;font-size:16px;font-weight:700}
.htvip-dashboard .round.done{background:var(--teal);color:white}
.htvip-dashboard .mini-row strong{display:block}
.htvip-dashboard .mini-row span:last-child{font-size:14px;color:var(--muted)}
.htvip-dashboard .section{margin-top:52px}
.htvip-dashboard .benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.htvip-dashboard .benefit{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:var(--radius)}
.htvip-dashboard .number{font:700 33px Georgia,serif;color:var(--coral);display:block;margin-bottom:15px}
.htvip-dashboard .benefit p:last-child{margin-bottom:0}
.htvip-dashboard .availability{padding:17px 20px;background:var(--peach);border-left:3px solid var(--coral);font-size:16px;margin-top:22px;border-radius:0 12px 12px 0}
.htvip-dashboard .section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.htvip-dashboard .section-top h2,.htvip-dashboard .section-top p{margin-bottom:0}
.htvip-dashboard .plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.htvip-dashboard .plan-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:28px}
.htvip-dashboard .plan-group h3{font-size:24px}
.htvip-dashboard .plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.htvip-dashboard .price{font-size:28px;font-weight:700;letter-spacing:-.03em}
.htvip-dashboard .price small{font-size:15px;font-weight:400;letter-spacing:0}
.htvip-dashboard .plan-row .vip-action{padding:9px 17px;min-height:44px}
.htvip-dashboard .invite-note{padding-top:22px;margin:0;font-size:16px}
.htvip-dashboard .account-strip{margin-top:42px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:15px}
.htvip-dashboard .member-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
.htvip-dashboard .member-heading h1{font-size:58px;margin-bottom:10px}
.htvip-dashboard .access-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #abcbbd;background:var(--teal-light);border-radius:999px;font-size:14px}
.htvip-dashboard .access-badge:before{content:"";width:7px;height:7px;background:var(--teal);border-radius:50%}
.htvip-dashboard .resume{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;border-radius:28px;padding:32px;background:var(--ink);color:white;margin-top:28px}
.htvip-dashboard .resume .eyebrow{color:#c4ded0}
.htvip-dashboard .resume h2{font:700 32px/1.2 Georgia,serif}
.htvip-dashboard .resume p{color:#d5e8df}
.htvip-dashboard .resume-progress{align-self:center;padding-left:28px;border-left:1px solid #63807a}
.htvip-dashboard .resume-progress strong{font-size:30px;display:block}
.htvip-dashboard .progress-track{height:8px;border-radius:8px;background:#516f69;overflow:hidden;margin:12px 0}
.htvip-dashboard .progress-fill{background:#b1d9bd;height:100%;width:40%;transition:width .18s}
.htvip-dashboard .resume-progress p{font-size:15px;margin:0}
.htvip-dashboard .resume .actions{margin-top:18px}
.htvip-dashboard .course-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.htvip-dashboard .course-toolbar label{font-size:15px;font-weight:700}
.htvip-dashboard .course-toolbar select{border:1px solid #a8bdb6;background:white;color:var(--ink);border-radius:10px;padding:10px 35px 10px 12px;font-size:16px;max-width:100%}
.htvip-dashboard .course-toolbar .outline-button{margin-left:auto}
.htvip-dashboard .outline-button{font-size:15px;color:var(--teal);border:1px solid var(--line);background:white;border-radius:999px;padding:10px 17px}
.htvip-dashboard .lesson-section{margin-top:26px}
.htvip-dashboard .row-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.htvip-dashboard .row-heading h3{margin:0;font-size:24px}
.htvip-dashboard .arrows{display:flex;gap:8px}
.htvip-dashboard .arrow{width:43px;height:43px;border:1px solid #a8bdb6;background:white;border-radius:50%;font-size:23px;color:var(--ink)}
.htvip-dashboard .lesson-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:3px 3px 15px;scrollbar-color:#8fae9c transparent;scrollbar-width:thin}
.htvip-dashboard .lesson-card{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:285px;position:relative}
.htvip-dashboard .lesson-card.is-next{border:2px solid var(--teal);padding:23px}
.htvip-dashboard .card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}
.htvip-dashboard .lesson-number{font:700 27px Georgia,serif;color:var(--muted)}
.htvip-dashboard .state{font-size:12px;font-weight:700;border-radius:999px;padding:5px 10px;background:#edf0e9;color:var(--muted)}
.htvip-dashboard .state.done{background:var(--teal-light);color:var(--teal)}
.htvip-dashboard .state.next{background:var(--teal);color:white}
.htvip-dashboard .lesson-card h3{font-size:23px}
.htvip-dashboard .lesson-card .support{font-size:14px;margin-bottom:22px;color:var(--muted)}
.htvip-dashboard .card-bottom{margin-top:auto;display:flex;flex-direction:column;gap:16px}
.htvip-dashboard .card-link{font-size:16px;font-weight:700}
.htvip-dashboard .complete-control{display:flex;gap:10px;align-items:center;font-size:15px}
.htvip-dashboard .complete-control input{accent-color:var(--teal);width:19px;height:19px;margin:0;cursor:pointer}
.htvip-dashboard .extra-card{background:var(--peach)}
.htvip-dashboard .extra-card .card-bottom{font-size:15px;color:var(--muted)}
.htvip-dashboard .outline{background:white;border:1px solid var(--line);border-radius:18px;padding:15px 25px;margin-top:20px}
.htvip-dashboard .outline ol{padding-left:24px;margin:10px 0}
.htvip-dashboard .outline li{padding:10px 0;border-bottom:1px solid var(--line)}
.htvip-dashboard .outline li:last-child{border:0}
.htvip-dashboard .outline li span{font-size:14px;display:inline-block;margin-left:10px;color:var(--muted)}
.htvip-dashboard .member-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:38px}
.htvip-dashboard .tracking-panel,.htvip-dashboard .help-panel{border:1px solid var(--line);padding:26px;border-radius:var(--radius);background:white}
.htvip-dashboard .tracking-panel h2,.htvip-dashboard .help-panel h2{font-size:27px}
.htvip-dashboard .tracking-summary{font-size:16px;margin:15px 0 20px}
.htvip-dashboard .track-item{display:flex;align-items:center;gap:12px;font-size:16px;padding:13px 0;border-top:1px solid var(--line)}
.htvip-dashboard .track-item .tick{color:var(--teal);font-weight:700}
.htvip-dashboard .track-item a{margin-left:auto;font-size:14px}
.htvip-dashboard .tracking-panel summary{cursor:pointer;font-size:16px;color:var(--teal);font-weight:700}
.htvip-dashboard .help-panel{background:var(--teal-light)}
.htvip-dashboard .help-panel p{font-size:17px}
.htvip-dashboard .help-panel a{font-weight:700;font-size:16px}
.htvip-dashboard .member-status{font-size:15px;min-height:25px;margin:12px 0 0;color:var(--teal)}
.htvip-dashboard footer{border-top:1px solid var(--line);font-size:14px;padding:22px 0;color:var(--muted)}
.htvip-dashboard .demo-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));padding:17px 22px;background:var(--ink);color:white;box-shadow:0 6px 25px #102a2933;border-radius:15px;font-size:16px;z-index:20}
.htvip-dashboard .course-preview-note{padding:24px;border-radius:18px;background:var(--teal-light);margin-top:22px}
.htvip-dashboard .course-preview-note a{font-weight:700}
.htvip-dashboard .billing-note{font-size:15px;line-height:1.5}
.htvip-dashboard .reset-demo{border:0;background:transparent;text-decoration:underline;color:var(--muted);font-size:14px;cursor:pointer}
.htvip-dashboard .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){.htvip-dashboard .hero{gap:25px;grid-template-columns:1fr}
.htvip-dashboard .hero-art{max-width:550px;transform:none}
.htvip-dashboard .hero-art>*{transform:none}
.htvip-dashboard .header-links{gap:15px}
.htvip-dashboard .header-links .optional{display:none}
.htvip-dashboard .resume{grid-template-columns:1fr}
.htvip-dashboard .resume-progress{padding:20px 0 0;border-left:0;border-top:1px solid #63807a}
.htvip-dashboard .lesson-rail{grid-auto-columns:calc((100% - 18px)/2)}
.htvip-dashboard .member-bottom{grid-template-columns:1fr}
.htvip-dashboard .review-bar .wrap{align-items:flex-start}
.htvip-dashboard .review-bar p{font-size:12px}
}
@media(max-width:560px){.htvip-dashboard{font-size:18px}
.htvip-dashboard .wrap{padding:0 20px}
.htvip-dashboard .review-bar .wrap{flex-direction:column;gap:10px}
.htvip-dashboard .review-switch{align-self:stretch}
.htvip-dashboard .review-switch button{flex:1}
.htvip-dashboard .header-inner{min-height:76px}
.htvip-dashboard .brand{font-size:20px}
.htvip-dashboard .header-links{gap:11px;font-size:14px}
.htvip-dashboard .header-links .current{color:#926b08;font-weight:700;letter-spacing:.1em}
.htvip-dashboard .subtle-button{font-size:14px}
.htvip-dashboard .flower{font-size:27px}
.htvip-dashboard .vip-main{padding-top:31px}
.htvip-dashboard .hero-title{font-size:27px}
.htvip-dashboard .intro{font-size:19px}
.htvip-dashboard .hero-art{padding:22px}
.htvip-dashboard .benefits,.htvip-dashboard .plans{grid-template-columns:1fr}
.htvip-dashboard .benefit,.htvip-dashboard .plan-group{padding:23px}
.htvip-dashboard .section{margin-top:37px}
.htvip-dashboard .section-top{align-items:flex-start;flex-direction:column;gap:10px}
.htvip-dashboard .member-heading{gap:12px}
.htvip-dashboard .member-heading h1{font-size:51px}
.htvip-dashboard .access-badge{font-size:12px;padding:7px 9px;margin-top:9px;white-space:nowrap}
.htvip-dashboard .member-heading .intro{font-size:18px}
.htvip-dashboard .resume{padding:25px;gap:22px}
.htvip-dashboard .resume h2{font-size:29px}
.htvip-dashboard .course-toolbar{gap:12px}
.htvip-dashboard .course-toolbar .outline-button{margin-left:0}
.htvip-dashboard .lesson-rail{grid-auto-columns:86%;gap:15px}
.htvip-dashboard .lesson-card{min-height:287px}
.htvip-dashboard .row-heading h3{font-size:22px;max-width:210px}
.htvip-dashboard .arrows{gap:6px}
.htvip-dashboard .arrow{width:39px;height:39px}
.htvip-dashboard .account-strip{flex-direction:column}
.htvip-dashboard .plan-row{gap:10px}
.htvip-dashboard .price{font-size:27px}
.htvip-dashboard .plan-row .vip-action{font-size:15px;padding:8px 14px}
.htvip-dashboard .hero .actions .vip-action{width:100%}
}
@media(prefers-reduced-motion:reduce){.htvip-dashboard *{scroll-behavior:auto!important;transition:none!important}
}


.htvip-dashboard{background:#f5f6f1;max-width:1180px;margin:0 auto;border-radius:24px;overflow:hidden}.htvip-dashboard .vip-main{padding-top:38px}.htvip-dashboard h1,.htvip-dashboard h2,.htvip-dashboard h3{text-transform:none;color:inherit}.htvip-dashboard .vip-action{text-decoration:none}.htvip-dashboard .resume h2{color:white}.htvip-dashboard .course-toolbar{margin:0}.htvip-dashboard .course-toolbar select{min-width:0}.htvip-dashboard .lesson-rail{grid-auto-columns:calc((100% - 36px)/3)}.htvip-dashboard .track-item{align-items:flex-start}.htvip-dashboard .track-item a{margin-left:0;font-size:16px}.htvip-dashboard .pagination{display:flex;gap:20px;margin-top:18px;font-size:16px}.htvip-dashboard .account-details{margin-top:20px}.htvip-dashboard .account-details summary{cursor:pointer;font-weight:700}.htvip-dashboard .account-details ul{padding-left:20px}.htvip-dashboard .member-signout{margin-top:18px}.htvip-dashboard .course-outline-link{font-size:16px}.htvip-dashboard .lesson-card .state{white-space:nowrap}.htvip-dashboard .course-title-name{font-size:18px;margin:0 0 16px}.htvip-dashboard .outline ol{list-style:decimal}.htvip-dashboard .lesson-status{font-size:15px;color:#126c68}.htvip-dashboard .member-error{color:#9a312a}.htvip-dashboard .course-toolbar .vip-action{padding:9px 17px}.htvip-dashboard .extra-card{display:none}
@media(max-width:800px){.htvip-dashboard .lesson-rail{grid-auto-columns:calc((100% - 18px)/2)}}@media(max-width:560px){.htvip-dashboard{border-radius:16px}.htvip-dashboard .lesson-rail{grid-auto-columns:86%}.htvip-dashboard .course-toolbar select{width:100%}.htvip-dashboard .course-toolbar .vip-action{min-height:44px}}

/* Website typography: AGENTS.md and the approved normalized hub styles. */
.htvip-dashboard{font-family:Arial,"Trebuchet MS","Segoe UI",sans-serif;font-size:19px;line-height:1.65}
.htvip-dashboard :is(p,li,label,input,select,button,summary,a){font-family:Arial,"Trebuchet MS","Segoe UI",sans-serif}
.htvip-dashboard :is(h1,h2){font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:normal;text-transform:none}
.htvip-dashboard h1,.htvip-dashboard .member-heading h1{font-size:clamp(46px,5vw,56px);line-height:1.14;margin-bottom:16px}
.htvip-dashboard h2,.htvip-dashboard .resume h2,.htvip-dashboard .tracking-panel h2,.htvip-dashboard .help-panel h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.22;font-weight:400;letter-spacing:normal}
.htvip-dashboard h3,.htvip-dashboard .plan-group h3,.htvip-dashboard .lesson-card h3,.htvip-dashboard .row-heading h3{font-family:Arial,"Trebuchet MS","Segoe UI",sans-serif;font-size:24px;line-height:1.35;font-weight:700;letter-spacing:normal;text-transform:none}
.htvip-dashboard .intro,.htvip-dashboard .member-heading .intro{font-size:21px;line-height:1.7}
.htvip-dashboard .hero-title{font-size:32px;line-height:1.3;letter-spacing:normal;font-weight:700}
.htvip-dashboard .small,.htvip-dashboard .availability,.htvip-dashboard .mini-row,.htvip-dashboard .mini-row span:last-child,.htvip-dashboard .invite-note,.htvip-dashboard .tracking-summary,.htvip-dashboard .track-item,.htvip-dashboard .resume-progress p,.htvip-dashboard .lesson-card .support{font-size:18px;line-height:1.65}
.htvip-dashboard .eyebrow{font-size:16px;line-height:1.5;letter-spacing:.08em}
.htvip-dashboard .vip-action,.htvip-dashboard .plan-row .vip-action,.htvip-dashboard .subtle-button,.htvip-dashboard .card-link,.htvip-dashboard .outline-button,.htvip-dashboard .course-toolbar label,.htvip-dashboard .course-toolbar select,.htvip-dashboard .course-outline-link,.htvip-dashboard .tracking-panel summary,.htvip-dashboard .track-item a,.htvip-dashboard .pagination,.htvip-dashboard .account-details summary{font-size:18px;line-height:1.45}
.htvip-dashboard .vip-action,.htvip-dashboard .plan-row .vip-action{min-height:48px}
.htvip-dashboard .outline li span,.htvip-dashboard .lesson-status,.htvip-dashboard .access-badge,.htvip-dashboard .state,.htvip-dashboard .price small,.htvip-dashboard .account-strip{font-size:16px;line-height:1.5}
.htvip-dashboard .price{font-size:30px;line-height:1.35;letter-spacing:normal}
.htvip-dashboard .number,.htvip-dashboard .lesson-number{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.htvip-dashboard .course-title-name{font-size:19px;line-height:1.65}
.htvip-dashboard .hero-art{transform:none}
.htvip-dashboard .hero-art>*{transform:none}
.htvip-dashboard .lesson-rail{grid-auto-columns:minmax(0,calc((100% - 36px)/3))}
.htvip-dashboard .lesson-card{min-width:0;min-height:310px}
.htvip-dashboard .lesson-card h3{overflow-wrap:anywhere}
.htvip-dashboard .lesson-card .state{white-space:normal;text-align:center}
.htvip-dashboard .row-heading>div:first-child{min-width:0}
.htvip-dashboard .arrows{flex-shrink:0}
.htvip-dashboard .student-notice{margin:0 0 24px;padding:22px 24px;background:var(--teal-light);border:1px solid #bfd5c8;border-radius:16px}
.htvip-dashboard .student-notice h3{margin:0 0 10px}
.htvip-dashboard .student-notice p{margin:0;font-size:19px;line-height:1.65}
@media(max-width:800px){.htvip-dashboard .lesson-rail{grid-auto-columns:minmax(0,calc((100% - 18px)/2))}}
@media(max-width:560px){
  .htvip-dashboard{font-size:18px}
  .htvip-dashboard h1,.htvip-dashboard .member-heading h1{font-size:42px}
  .htvip-dashboard h2,.htvip-dashboard .resume h2,.htvip-dashboard .tracking-panel h2,.htvip-dashboard .help-panel h2{font-size:28px}
  .htvip-dashboard h3,.htvip-dashboard .plan-group h3,.htvip-dashboard .lesson-card h3,.htvip-dashboard .row-heading h3{font-size:22px}
  .htvip-dashboard .intro,.htvip-dashboard .member-heading .intro{font-size:20px}
  .htvip-dashboard .hero-title{font-size:27px}
  .htvip-dashboard .member-heading{flex-wrap:wrap}
  .htvip-dashboard .access-badge{margin-top:0;font-size:16px}
  .htvip-dashboard .plan-row{flex-wrap:wrap;gap:14px}
  .htvip-dashboard .plan-row .vip-action{font-size:18px}
  .htvip-dashboard .lesson-rail{grid-auto-columns:90%}
  .htvip-dashboard .student-notice{padding:20px}
  .htvip-dashboard .student-notice p{font-size:18px}
  .htvip-dashboard .account-strip{font-size:16px}
}
/* Draft layout: tracker first, followed by expandable A/B/C course stacks. */
.htvip-dashboard{background:#fffdf8;overflow:clip}
.htvip-dashboard p{font-size:inherit;line-height:inherit}
.htvip-dashboard .vip-main{padding:42px 38px 30px}
.htvip-dashboard .vip-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.htvip-dashboard .vip-welcome p{margin:0}
.htvip-dashboard .tracker-heading{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:38px;align-items:center}
.htvip-dashboard .tracker-heading h1{max-width:750px}
.htvip-dashboard .tracker-lead{max-width:810px;margin-bottom:0}
.htvip-dashboard .progress-number{border:1px solid #bfd4c8;background:#e7f2ec;border-radius:22px;padding:24px;text-align:center}
.htvip-dashboard .progress-number strong{display:block;font:400 64px/1.1 Georgia,serif}
.htvip-dashboard .progress-number span{display:block;font-size:18px}
.htvip-dashboard .progress-number small{display:block;font-size:14px;line-height:1.5;margin-top:12px;color:#486769}
.htvip-dashboard .tracking-tour{display:grid;gap:28px;margin-top:32px}
.htvip-dashboard .tracking-tour figure{margin:0;border:1px solid #d2dfd8;border-radius:20px;background:white;overflow:hidden}
.htvip-dashboard .tracking-tour figcaption{display:flex;align-items:flex-start;gap:16px;padding:22px 26px}
.htvip-dashboard .tracking-tour figcaption h3{margin:0 0 6px}
.htvip-dashboard .tracking-tour figcaption p{margin:0;font-size:18px}
.htvip-dashboard .step-number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#126c68;color:white;font:700 18px/1 Arial,sans-serif}
.htvip-dashboard .tracking-shot{display:block;width:100%;height:auto;border-top:1px solid #d2dfd8}
.htvip-dashboard .saved-progress{display:grid;grid-template-columns:1fr 1.45fr;gap:28px;padding:28px;border:1px solid #c8d9ce;background:#edf5ee;border-radius:20px;margin-top:28px}
.htvip-dashboard .saved-progress p{font-size:18px;margin-bottom:0}
.htvip-dashboard .saved-progress .eyebrow{font-size:16px;margin-bottom:10px}
.htvip-dashboard .saved-list{display:grid;gap:0}
.htvip-dashboard .saved-list a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #cad9cc;color:#173b3d;text-decoration:none;font-size:18px;line-height:1.5}
.htvip-dashboard .saved-list a:last-child{border:0}
.htvip-dashboard .saved-tick{font-weight:700;color:#126c68}
.htvip-dashboard .review-label{margin-left:auto;white-space:nowrap;font-size:16px;color:#126c68}
.htvip-dashboard .vip-courses{margin-top:52px;border-top:2px solid #d4bd84;padding-top:42px}
.htvip-dashboard .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:14px}
.htvip-dashboard .section-heading h2{font-size:38px;margin-bottom:0}
.htvip-dashboard .topic-label{font-size:16px;color:#486769;line-height:1.6}
.htvip-dashboard .section-intro{max-width:820px}
.htvip-dashboard .course-stacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 8px 38px}
.htvip-dashboard .course-stack{--stack-bg:#e9f2e9;--stack-line:#a8c3a7;position:relative;z-index:1;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:23px 23px 21px;border:1px solid var(--stack-line);background:var(--stack-bg);border-radius:18px;box-shadow:0 8px 20px #173b3d0c;color:#173b3d;font:18px/1.55 Arial,sans-serif;transition:transform .18s,box-shadow .18s}
.htvip-dashboard .course-stack:before,.htvip-dashboard .course-stack:after{content:"";position:absolute;inset:5px -5px -5px;z-index:-1;border:1px solid var(--stack-line);border-radius:18px;background:var(--stack-bg);transform:rotate(-2deg)}
.htvip-dashboard .course-stack:after{inset:9px -4px -9px;transform:rotate(1.5deg);z-index:-2}
.htvip-dashboard .stack-b{--stack-bg:#e9f0fa;--stack-line:#adc1da}
.htvip-dashboard .stack-c{--stack-bg:#f5eaf0;--stack-line:#d7b8c9}
.htvip-dashboard .course-stack:hover,.htvip-dashboard .course-stack[aria-expanded="true"]{transform:translateY(-5px);box-shadow:0 12px 20px #173b3d18;border-color:#126c68}
.htvip-dashboard .course-stack[aria-expanded="true"]{outline:2px solid #126c68;outline-offset:2px}
.htvip-dashboard .stack-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.htvip-dashboard .stack-letter{font:400 66px/1 Georgia,serif}
.htvip-dashboard .stack-level{font-size:18px;border:1px solid var(--stack-line);padding:4px 10px;border-radius:999px;background:#ffffff9e}
.htvip-dashboard .stack-title{font-size:23px;line-height:1.35;font-weight:700;margin-bottom:12px}
.htvip-dashboard .stack-desc{font-size:18px;line-height:1.6;flex:1}
.htvip-dashboard .stack-open{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--stack-line);padding-top:16px;margin-top:22px;font-size:18px;font-weight:700}
.htvip-dashboard .course-expanded{border:1px solid #c5d7ce;background:#f5f8f2;border-radius:20px;padding:24px;margin-bottom:28px}
.htvip-dashboard .carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.htvip-dashboard .carousel-heading h3{margin-bottom:0}
.htvip-dashboard .carousel-controls{display:flex;gap:8px;flex-shrink:0}
.htvip-dashboard .carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #96b2a2;border-radius:50%;background:white;color:#173b3d;font:24px/1 Arial,sans-serif}
.htvip-dashboard .path-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9ab19f transparent;padding:4px 2px 16px}
.htvip-dashboard .path-lesson{display:flex;flex-direction:column;min-height:275px;padding:22px;background:white;border:1px solid #cfdcd1;border-radius:16px;scroll-snap-align:start;min-width:0}
.htvip-dashboard .path-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;align-items:center}
.htvip-dashboard .lesson-index{font:400 30px/1 Georgia,serif;color:#486769}
.htvip-dashboard .lesson-topic{font-size:15px;background:#edf3ee;padding:5px 8px;border-radius:6px}
.htvip-dashboard .path-lesson h4{font:700 23px/1.35 Arial,"Trebuchet MS",sans-serif;margin:0 0 16px;color:#173b3d;text-transform:none;overflow-wrap:anywhere}
.htvip-dashboard .path-state{font-size:16px;color:#126c68;margin-top:auto;padding-top:16px}
.htvip-dashboard .path-lesson>a{font-size:18px;font-weight:700;padding-top:12px;color:#126c68}
.htvip-dashboard .path-list{margin-top:10px;font-size:18px}
.htvip-dashboard .path-list summary{cursor:pointer;font-weight:700}
.htvip-dashboard .path-list li{padding:8px 0}
.htvip-dashboard .path-list li span{display:block;font-size:16px;color:#486769}
.htvip-dashboard .vip-extras{display:flex;align-items:center;gap:20px;padding:26px;border:1px solid #dbc897;background:#fff7e4;border-radius:18px;margin-top:28px}
.htvip-dashboard .vip-extras h3{margin-bottom:8px}
.htvip-dashboard .vip-extras p{font-size:18px;margin:0}
.htvip-dashboard .extras-icon{font:400 50px/1 Georgia,serif;color:#926b08}
.htvip-dashboard .coming-soon{font-size:16px;white-space:nowrap;font-weight:700;color:#77580a;margin-left:auto;border:1px solid #d7c184;padding:7px 12px;border-radius:999px}
.htvip-dashboard .member-account{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;border-top:1px solid #d2dfd8;margin-top:40px;padding-top:26px;font-size:18px}
.htvip-dashboard .member-account h3{font-size:22px;margin-bottom:8px}
.htvip-dashboard .member-account p{margin-bottom:0}
.htvip-dashboard .member-account details{max-width:380px}
.htvip-dashboard .member-account summary{cursor:pointer;font-weight:700}
.htvip-dashboard .visitor-tracker>h1{max-width:900px}
.htvip-dashboard .free-students{display:flex;align-items:flex-start;gap:22px;padding:26px;background:#e5f1e8;border:2px solid #8fba9c;border-radius:18px;margin:28px 0}
.htvip-dashboard .free-students h3{font-size:24px;line-height:1.35;margin-bottom:10px}
.htvip-dashboard .free-students p{font-size:19px;margin:0}
.htvip-dashboard .free-tag{display:inline-block;flex:0 0 155px;padding:10px 12px;background:#126c68;color:white;font:700 16px/1.45 Arial,sans-serif;border-radius:10px;letter-spacing:.03em}
.htvip-dashboard .sales-feature-heading{border-top:1px solid #d2dfd8;margin-top:40px;padding-top:32px}
.htvip-dashboard .sales-feature-heading h2{font-size:36px}
.htvip-dashboard .sales-feature-heading p:last-child{margin-bottom:0}
.htvip-dashboard .tracking-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.htvip-dashboard .tracking-benefits h3{font-size:23px}
.htvip-dashboard .tracking-benefits p{font-size:18px;margin:0}
.htvip-dashboard .vip-payment{margin-top:44px;border-top:2px solid #d4bd84;padding-top:38px}
.htvip-dashboard .vip-payment h2{font-size:38px}
.htvip-dashboard .purchase-summary{margin-top:28px;text-align:center;font-weight:700;font-size:20px}
.htvip-dashboard .language-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}
.htvip-dashboard .language-courses a{display:flex;flex-direction:column;gap:15px;padding:26px;border:1px solid #d5c096;background:#fff5dc;border-radius:18px;color:#173b3d;text-decoration:none}
.htvip-dashboard .language-courses strong{font:400 46px/1.1 Georgia,serif}
@media(max-width:800px){.htvip-dashboard .tracker-heading{grid-template-columns:minmax(0,1fr) 160px;gap:22px}.htvip-dashboard .saved-progress{grid-template-columns:1fr}.htvip-dashboard .course-stacks{gap:18px}.htvip-dashboard .course-stack{padding:18px}.htvip-dashboard .stack-title{font-size:21px}.htvip-dashboard .path-carousel{grid-auto-columns:calc((100% - 16px)/2)}.htvip-dashboard .section-heading{align-items:flex-start;flex-direction:column;gap:12px}.htvip-dashboard .topic-label{font-size:16px}.htvip-dashboard .vip-extras{flex-wrap:wrap}.htvip-dashboard .coming-soon{margin-left:0}.htvip-dashboard .tracking-benefits{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.htvip-dashboard .vip-main{padding:28px 20px 24px}.htvip-dashboard .vip-welcome{align-items:flex-start;flex-direction:column;gap:10px}.htvip-dashboard .tracker-heading{grid-template-columns:1fr}.htvip-dashboard .progress-number{text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:20px}.htvip-dashboard .progress-number strong{font-size:48px}.htvip-dashboard .progress-number small{width:100%;margin:0}.htvip-dashboard .tracking-tour figcaption{padding:20px 18px;gap:12px}.htvip-dashboard .tracking-tour figcaption h3{font-size:22px}.htvip-dashboard .saved-progress{padding:22px 18px}.htvip-dashboard .review-label{display:none}.htvip-dashboard .vip-courses{margin-top:38px;padding-top:30px}.htvip-dashboard .course-stacks{grid-template-columns:1fr;gap:28px;margin-top:28px}.htvip-dashboard .stack-top{margin-bottom:12px}.htvip-dashboard .stack-letter{font-size:56px}.htvip-dashboard .stack-desc{max-width:420px}.htvip-dashboard .stack-open{margin-top:16px}.htvip-dashboard .course-expanded{padding:20px 14px}.htvip-dashboard .carousel-heading{align-items:flex-start;flex-direction:column;gap:14px}.htvip-dashboard .path-carousel{grid-auto-columns:91%}.htvip-dashboard .free-students{flex-direction:column;padding:22px 18px;gap:16px}.htvip-dashboard .free-tag{flex-basis:auto}.htvip-dashboard .free-students h3{font-size:23px}.htvip-dashboard .free-students p{font-size:18px}.htvip-dashboard .vip-payment h2,.htvip-dashboard .section-heading h2{font-size:32px}.htvip-dashboard .sales-feature-heading h2{font-size:30px}.htvip-dashboard .language-courses{grid-template-columns:1fr 1fr}.htvip-dashboard .member-account{align-items:flex-start;flex-direction:column}.htvip-dashboard .tracking-shot{width:100%;min-width:0;max-width:100%;height:auto}.htvip-dashboard .vip-extras{gap:14px;padding:22px}.htvip-dashboard .vip-extras h3{font-size:22px}}


.htvip-dashboard button,.htvip-dashboard a,.htvip-dashboard summary{touch-action:manipulation}.htvip-dashboard :is(button,a,summary,.path-carousel):focus-visible{outline:3px solid #126c68;outline-offset:4px}.htvip-dashboard .carousel-controls button:disabled{opacity:.4;cursor:default}.htvip-dashboard [hidden]{display:none!important}.htvip-dashboard .empty-progress{padding:18px;border:1px dashed #a9c3af;border-radius:12px}.htvip-dashboard .member-account .existing-courses{padding-left:20px}.htvip-dashboard .member-account .existing-courses li{margin:8px 0}.htvip-dashboard .path-summary{margin:0;font-size:18px}@media(prefers-reduced-motion:reduce){.htvip-dashboard *, .htvip-dashboard *::before,.htvip-dashboard *::after{scroll-behavior:auto!important;transition:none!important}}

.htvip-dashboard .vip-welcome .vip-greeting{font:700 26px/1.35 Arial,sans-serif;color:var(--ink);overflow-wrap:anywhere;min-width:0}

/* Keep VIP actions independent of the theme and readable at smaller widths. */
.htvip-dashboard .vip-action{max-width:100%}
.htvip-dashboard .vip-action:not(.secondary):not(.light){color:#fff!important}
.htvip-dashboard .vip-payment .price{white-space:nowrap}
@media(max-width:800px){.htvip-dashboard .plans{grid-template-columns:minmax(0,1fr)}.htvip-dashboard .plan-row{flex-wrap:wrap;gap:14px}}
@media(max-width:560px){.htvip-dashboard .actions .vip-action,.htvip-dashboard .plan-row .vip-action{width:100%}}