/* TTH v1.7.0 — site-wide warm teacher-boutique foundation.
 * Intentionally avoids replacing Elementor page content. It makes WordPress/WooCommerce
 * customer areas feel like the same Teaching Takes Heart platform while demo pages are
 * replaced deliberately in later milestones.
 */
body.tth-site-experience:not(.wp-admin){background:#fffdfb;color:#2f2b3d}
body.tth-site-experience:not(.wp-admin) a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}

/* Keep normal content comfortably readable. */
body.tth-site-experience .site-main,
body.tth-site-experience #primary,
body.tth-site-experience .content-area{min-width:0}
body.tth-site-experience .entry-content{color:#4e4757}
body.tth-site-experience .entry-content h1,
body.tth-site-experience .entry-content h2,
body.tth-site-experience .entry-content h3{color:#2f2b3d}

/* Common WordPress/Woo buttons. */
body.tth-site-experience .woocommerce a.button,
body.tth-site-experience .woocommerce button.button,
body.tth-site-experience .woocommerce input.button,
body.tth-site-experience .woocommerce #respond input#submit{
  border-radius:12px!important;background:#8b3f72!important;color:#fff!important;
  border:0!important;font-weight:800!important;box-shadow:none!important;padding:.82em 1.2em!important
}
body.tth-site-experience .woocommerce a.button:hover,
body.tth-site-experience .woocommerce button.button:hover,
body.tth-site-experience .woocommerce input.button:hover{background:#74345f!important;transform:translateY(-1px)}

/* Notices should feel friendly, not like generic WooCommerce. */
body.tth-site-experience .woocommerce-message,
body.tth-site-experience .woocommerce-info,
body.tth-site-experience .woocommerce-error{
  border-radius:16px;border:1px solid #e9e2ec!important;border-top-width:1px!important;
  background:#fff;color:#4e4757;box-shadow:0 6px 20px rgba(54,42,70,.06);padding:17px 20px 17px 48px
}
body.tth-site-experience .woocommerce-message:before{color:#3f7a50}
body.tth-site-experience .woocommerce-info:before{color:#6257a8}
body.tth-site-experience .woocommerce-error:before{color:#b64b69}

/* My Account — one unified teacher dashboard shell. */
body.tth-site-experience.woocommerce-account .woocommerce{
  width:min(1180px,calc(100% - 32px));margin:46px auto 70px;display:grid;
  grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start
}
body.tth-site-experience.woocommerce-account .woocommerce:before,
body.tth-site-experience.woocommerce-account .woocommerce:after{display:none!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none!important;width:auto!important;background:linear-gradient(180deg,#fff,#fff9f5);
  border:1px solid #e9e2ec;border-radius:22px;padding:14px;box-shadow:0 8px 28px rgba(54,42,70,.07);position:sticky;top:20px
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0!important;padding:0!important;list-style:none!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{margin:2px 0!important;border:0!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;padding:11px 13px;border-radius:11px;color:#514a59!important;font-weight:700;text-decoration:none!important
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#f6f2fb;color:#6f3c79!important;box-shadow:inset 3px 0 0 #8b3f72
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:#fff2f5;color:#8b3f72!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;width:auto!important;min-width:0;background:#fff;border:1px solid #eee7ef;border-radius:24px;
  padding:26px;box-shadow:0 8px 28px rgba(54,42,70,.055)
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content>p:first-child{margin-top:0}

/* Account dashboard / forms / tables. */
body.tth-site-experience .woocommerce form.login,
body.tth-site-experience .woocommerce form.register,
body.tth-site-experience .woocommerce form.checkout_coupon,
body.tth-site-experience .woocommerce form.lost_reset_password{
  border:1px solid #e9e2ec!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fffaf7);padding:24px!important
}
body.tth-site-experience .woocommerce form .form-row input.input-text,
body.tth-site-experience .woocommerce form .form-row textarea,
body.tth-site-experience .woocommerce select{
  border:1px solid #ded7e2!important;border-radius:11px!important;background:#fff!important;min-height:44px;padding:10px 12px!important
}
body.tth-site-experience .woocommerce table.shop_table{
  border:1px solid #e9e2ec!important;border-radius:16px!important;overflow:hidden;background:#fff
}
body.tth-site-experience .woocommerce table.shop_table th{background:#faf7fc;color:#514a59}

/* Woo customer addresses / dashboard blocks. */
body.tth-site-experience .woocommerce-Address,
body.tth-site-experience .woocommerce-account .addresses .title{
  border-radius:16px
}

/* Generic page title/breadcrumb areas used by many themes: remove the heavy demo feel. */
body.tth-site-experience .page-title-area,
body.tth-site-experience .page-header:not(.elementor-element),
body.tth-site-experience .breadcrumb-area,
body.tth-site-experience .breadcrumbs-area,
body.tth-site-experience .breadcrumb-section{
  background:linear-gradient(135deg,#fff8fb,#fffdf6 52%,#f5f3fc)!important;color:#2f2b3d!important
}
body.tth-site-experience .page-title-area h1,
body.tth-site-experience .page-header h1,
body.tth-site-experience .breadcrumb-area h1{color:#2f2b3d!important}

/* Footer palette: keep current structure but move away from demo-school branding colors. */
body.tth-site-experience footer.site-footer,
body.tth-site-experience .site-footer,
body.tth-site-experience .elementor-location-footer{
  --tth-footer-bg:#544b93;--tth-footer-text:#fff;
}
body.tth-site-experience footer.site-footer a,
body.tth-site-experience .site-footer a,
body.tth-site-experience .elementor-location-footer a{transition:opacity .18s ease,color .18s ease}

/* Small TTH brand flourishes: hearts, not stars/sparkles. */
.tth-heart-accent{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff2f5;color:#ff6f8c;font-weight:900}

@media(max-width:850px){
  body.tth-site-experience.woocommerce-account .woocommerce{grid-template-columns:1fr;margin-top:28px}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;overflow:auto;padding-bottom:3px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto}
}
@media(max-width:600px){
  body.tth-site-experience.woocommerce-account .woocommerce{width:min(100% - 20px,1180px)}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{padding:18px;border-radius:18px}
}

/* v1.7.1 — account cleanup: TTH Library is the download home, not Woo Downloads. */
body.tth-site-experience.woocommerce-account .woocommerce-message,
body.tth-site-experience.woocommerce-account .woocommerce-info,
body.tth-site-experience.woocommerce-account .woocommerce-error{
  padding:16px 18px!important;
}
body.tth-site-experience.woocommerce-account .woocommerce-message:before,
body.tth-site-experience.woocommerce-account .woocommerce-info:before,
body.tth-site-experience.woocommerce-account .woocommerce-error:before{
  display:none!important;
}
body.tth-site-experience.woocommerce-account .woocommerce-message{
  border-left:4px solid #78b38a!important;
}

/* Hide demo-theme title/breadcrumb hero on customer account pages. */
body.tth-site-experience.woocommerce-account .page-title-area,
body.tth-site-experience.woocommerce-account .page-header:not(.elementor-element),
body.tth-site-experience.woocommerce-account .breadcrumb-area,
body.tth-site-experience.woocommerce-account .breadcrumbs-area,
body.tth-site-experience.woocommerce-account .breadcrumb-section,
body.tth-site-experience.woocommerce-account .page-banner,
body.tth-site-experience.woocommerce-account .banner-page,
body.tth-site-experience.woocommerce-account .breadcrumb-wrap,
body.tth-site-experience.woocommerce-account .breadcrumbs-wrap,
body.tth-site-experience.woocommerce-account .page-title-wrapper,
body.tth-site-experience.woocommerce-account .main-page-title,
body.tth-site-experience.woocommerce-account .title-page{
  display:none!important;
}

/* TTH Account Home replaces the generic Woo dashboard copy. */
.tth-account-home{display:grid;gap:20px}
.tth-account-welcome{
  display:flex;justify-content:space-between;gap:22px;align-items:center;
  padding:26px;border:1px solid #eadfeb;border-radius:20px;
  background:linear-gradient(135deg,#fff8fb,#fffdf6 58%,#f7f5ff)
}
.tth-account-eyebrow{margin:0 0 5px!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#8b3f72}
.tth-account-welcome h2{margin:0 0 6px!important;font-size:30px;line-height:1.1}
.tth-account-welcome p:last-child{margin:0;color:#655d6b}
.tth-account-browse{white-space:nowrap}
.tth-account-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tth-account-stat{
  text-decoration:none!important;color:#342d3e!important;padding:20px;border:1px solid #eadfeb;border-radius:18px;
  background:#fff;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center
}
.tth-account-stat:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(74,54,88,.08)}
.tth-account-stat-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff1f5;color:#8b3f72;font-weight:900}
.tth-account-stat strong{font-size:27px;line-height:1}
.tth-account-stat span:last-child{font-size:13px;color:#6a6270;margin-top:4px}
.tth-account-help-card{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:20px 22px;border-radius:18px;background:#fff9ef;border:1px solid #f2e5ca}
.tth-account-help-card h3{margin:0 0 5px!important;font-size:18px}
.tth-account-help-card p{margin:0!important;color:#655d6b}
.tth-account-help-card>a{font-weight:800;color:#8b3f72!important;white-space:nowrap;text-decoration:none!important}

@media(max-width:760px){
  .tth-account-welcome,.tth-account-help-card{align-items:flex-start;flex-direction:column}
  .tth-account-stat-grid{grid-template-columns:1fr}
}


/* v1.7.2 — streamlined digital-resource account experience. */
body.tth-site-experience.tth-account-dashboard .woocommerce-MyAccount-content > p{
  display:none!important;
}
body.tth-site-experience.tth-account-dashboard .woocommerce-MyAccount-content > .tth-account-home{
  display:grid!important;
}
/* Hide common theme wrappers for the obsolete Shop hero more aggressively on account pages. */
body.tth-site-experience.woocommerce-account .bwp-page-title,
body.tth-site-experience.woocommerce-account .bwp-title,
body.tth-site-experience.woocommerce-account .page-title-bar,
body.tth-site-experience.woocommerce-account .page-title-section,
body.tth-site-experience.woocommerce-account .shop-page-title,
body.tth-site-experience.woocommerce-account .woocommerce-breadcrumb-wrapper,
body.tth-site-experience.woocommerce-account .page-heading,
body.tth-site-experience.woocommerce-account .page-heading-wrap{
  display:none!important;
}


/* v1.12.2 — friendlier teacher account navigation. */
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{
  background:linear-gradient(180deg,#fffafd 0%,#fffdf7 52%,#f8f6ff 100%);
  border:1px solid #eadfeb;
  border-radius:24px;
  padding:12px;
  box-shadow:0 12px 30px rgba(89,65,101,.08)
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;gap:5px}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{
  position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px 10px 48px;
  border-radius:14px;color:#4d4656!important;font-weight:750;line-height:1.25
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a:before{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  width:28px;height:28px;border-radius:9px;background:#fff;color:#8b3f72;
  box-shadow:0 2px 8px rgba(91,65,102,.07);font-size:14px;font-weight:900
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a:before{content:'♡';background:#fff1f5}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--my-library a:before{content:'♥';background:#fff1f5}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--my-credits a:before{content:'C';background:#f3efff;color:#6257a8}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--my-membership a:before{content:'★';background:#fff7d9;color:#9a7824}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li[class*="subscription"] a:before{content:'↻';background:#eef8f1;color:#4c805b}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a:before{content:'✓';background:#eef7ff;color:#4e7297}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a:before{content:'✎';background:#fff0e7;color:#9b6648}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:8px!important;padding-top:9px;border-top:1px dashed #e7dce9!important}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before{content:'→';background:#f7f3f7;color:#756c79}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:linear-gradient(90deg,#f7eef9,#fff8fb);color:#7c3868!important;box-shadow:inset 3px 0 0 #8b3f72,0 4px 12px rgba(139,63,114,.05)
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:#fff2f6;color:#8b3f72!important;transform:translateX(2px)}
@media(max-width:850px){
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:7px}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{min-height:42px;padding:9px 13px 9px 42px;white-space:nowrap}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a:before{left:9px;width:26px;height:26px}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout{margin-top:0!important;padding-top:0;border-top:0!important}
}

/* v1.12.3 — account page mobile repair. */
@media(max-width:850px){
  body.tth-site-experience.woocommerce-account,
  body.tth-site-experience.woocommerce-account #page,
  body.tth-site-experience.woocommerce-account .site,
  body.tth-site-experience.woocommerce-account .site-content,
  body.tth-site-experience.woocommerce-account main,
  body.tth-site-experience.woocommerce-account .container,
  body.tth-site-experience.woocommerce-account .woocommerce{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.tth-site-experience.woocommerce-account .woocommerce{
    display:block!important;
    width:calc(100% - 24px)!important;
    margin:24px auto 34px!important;
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    gap:7px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 7px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:14px!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.tth-site-experience.woocommerce-account .tth-account-home,
  body.tth-site-experience.woocommerce-account .tth-account-welcome,
  body.tth-site-experience.woocommerce-account .tth-account-help-card,
  body.tth-site-experience.woocommerce-account .tth-account-stat-grid,
  body.tth-site-experience.woocommerce-account .tth-account-stat{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.tth-site-experience.woocommerce-account .tth-account-welcome{
    padding:20px 18px!important;
  }
  body.tth-site-experience.woocommerce-account .tth-account-welcome h2{
    font-size:clamp(26px,8vw,36px)!important;
    line-height:1.08!important;
    overflow-wrap:anywhere;
  }
  body.tth-site-experience.woocommerce-account .tth-account-welcome p,
  body.tth-site-experience.woocommerce-account .tth-account-help-card p{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  body.tth-site-experience.woocommerce-account .tth-account-browse{
    white-space:normal!important;
    width:auto!important;
    max-width:100%!important;
  }
  body.tth-site-experience.woocommerce-account .tth-account-stat-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.tth-site-experience.woocommerce-account .tth-account-stat{padding:18px!important}
  body.tth-site-experience.woocommerce-account .tth-account-help-card{padding:18px!important;gap:14px!important}
}

@media(max-width:480px){
  body.tth-site-experience.woocommerce-account .woocommerce{width:calc(100% - 18px)!important;margin-top:18px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{padding:10px!important}
  body.tth-site-experience.woocommerce-account .tth-account-welcome{padding:18px 16px!important}
  body.tth-site-experience.woocommerce-account .tth-account-welcome h2{font-size:30px!important}
  body.tth-site-experience.woocommerce-account .tth-account-stat strong{font-size:25px!important}
}


/* v1.12.4 — replace the clipped horizontal account rail with a responsive teacher-friendly grid. */
@media(max-width:850px){
  body.tth-site-experience.woocommerce-account{overflow-x:hidden!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{overflow:visible!important;padding:10px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
    width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{min-width:0!important;width:100%!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{
    width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;
    padding:10px 10px 10px 42px!important;min-height:46px!important;font-size:14px!important
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content,
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content *{max-width:100%;box-sizing:border-box}
}
@media(max-width:420px){
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr!important}
}


/* v1.12.5 — theme reports a wide CSS viewport on some phones; switch account chrome before clipping begins. */
@media(max-width:1180px){
  body.tth-site-experience.woocommerce-account,
  body.tth-site-experience.woocommerce-account #page,
  body.tth-site-experience.woocommerce-account .site,
  body.tth-site-experience.woocommerce-account .site-content,
  body.tth-site-experience.woocommerce-account main,
  body.tth-site-experience.woocommerce-account .container,
  body.tth-site-experience.woocommerce-account .woocommerce{max-width:100%!important;overflow-x:hidden!important}
  body.tth-site-experience.woocommerce-account .woocommerce{display:block!important;width:calc(100% - 28px)!important;margin:28px auto 38px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{width:100%!important;max-width:100%!important;margin:0 0 18px!important;padding:12px!important;overflow:visible!important;border-radius:20px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{width:100%!important;min-width:0!important;margin:0!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:48px!important;box-sizing:border-box!important;padding:10px 12px 10px 44px!important;white-space:normal!important;font-size:14px!important;line-height:1.2!important;transform:none!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;overflow:hidden!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media(max-width:700px){
  body.tth-site-experience.woocommerce-account .woocommerce{width:calc(100% - 18px)!important;margin-top:18px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{padding:10px!important}
}

/* v1.12.6 — deterministic mobile account treatment. JS adds tth-mobile-account based on the real device viewport. */
body.tth-mobile-account.woocommerce-account .woocommerce{display:block!important;width:calc(100% - 20px)!important;max-width:100%!important;min-width:0!important;margin:20px auto 34px!important;overflow:visible!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 16px!important;padding:10px!important;overflow:hidden!important}
body.tth-mobile-account.woocommerce-account .tth-account-menu-toggle{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:10px 12px;border:0;border-radius:14px;background:linear-gradient(90deg,#f7eef9,#fff8fb);color:#4d4656;text-align:left;font:inherit;cursor:pointer}
body.tth-mobile-account.woocommerce-account .tth-account-menu-toggle span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b3f72}
body.tth-mobile-account.woocommerce-account .tth-account-menu-toggle strong{font-size:14px;color:#4d4656}
body.tth-mobile-account.woocommerce-account .tth-account-menu-toggle b{font-size:20px;color:#8b3f72;line-height:1}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation ul{display:none!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:10px 0 0!important;padding:0!important;overflow:visible!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation.is-open ul{display:grid!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation li{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation a{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;transform:none!important;padding:10px 10px 10px 42px!important;font-size:13px!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;overflow:hidden!important}
body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-content *{max-width:100%;box-sizing:border-box}
body.tth-mobile-account.woocommerce-account .tth-account-home,
body.tth-mobile-account.woocommerce-account .tth-my-library{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
body.tth-mobile-account.woocommerce-account .tth-account-welcome{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;padding:18px 16px!important}
body.tth-mobile-account.woocommerce-account .tth-account-welcome h2{font-size:clamp(26px,8vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere!important}
body.tth-mobile-account.woocommerce-account .tth-account-welcome p{overflow-wrap:anywhere!important}
body.tth-mobile-account.woocommerce-account .tth-account-stat-grid{grid-template-columns:1fr!important;width:100%!important}
body.tth-mobile-account.woocommerce-account .tth-library-header{display:flex!important;flex-direction:column!important;align-items:stretch!important}
body.tth-mobile-account.woocommerce-account .tth-library-count{width:100%!important}
body.tth-mobile-account.woocommerce-account .tth-library-grid{grid-template-columns:1fr!important;width:100%!important}
@media(max-width:520px){
 body.tth-mobile-account.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr!important}
}
@media(min-width:1181px){body.woocommerce-account .tth-account-menu-toggle{display:none!important}}

/* v1.12.7 — teacher-first free signup gateway. */
body.tth-account-gateway.woocommerce-account .woocommerce{display:block!important;max-width:1080px!important;width:calc(100% - 32px)!important;margin:38px auto 64px!important}
body.tth-account-gateway.woocommerce-account .woocommerce #customer_login{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:22px!important;align-items:start!important}
body.tth-account-gateway.woocommerce-account #customer_login>.col-1,
body.tth-account-gateway.woocommerce-account #customer_login>.col-2{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:26px!important;border:1px solid #eadfeb;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(89,65,101,.07);box-sizing:border-box}
body.tth-account-gateway.woocommerce-account #customer_login>.col-2{grid-column:1;grid-row:1;background:linear-gradient(145deg,#fff8fb,#fffdf6 55%,#f7f4ff)}
body.tth-account-gateway.woocommerce-account #customer_login>.col-1{grid-column:2;grid-row:1}
body.tth-account-gateway.woocommerce-account #customer_login>.col-2>h2{display:none}
body.tth-account-gateway .tth-signup-intro{margin:0 0 18px}
body.tth-account-gateway .tth-signup-kicker{display:inline-block;margin-bottom:7px;color:#8b3f72;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.tth-account-gateway .tth-signup-intro h2{margin:0 0 7px;font-size:30px;line-height:1.1;color:#2f2b3d}
body.tth-account-gateway .tth-signup-intro p{margin:0;color:#6f6878}
body.tth-account-gateway #customer_login>.col-1>h2{margin:0 0 8px;font-size:25px;color:#2f2b3d}
body.tth-account-gateway #customer_login>.col-1>h2:after{content:'Already have an account?';display:block;margin-top:7px;font-size:14px;font-weight:500;color:#6f6878}
body.tth-account-gateway form.register,body.tth-account-gateway form.login{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.tth-account-gateway form.register .woocommerce-Button,
body.tth-account-gateway form.register button[type=submit]{width:100%;min-height:48px;border-radius:13px!important;background:#8b3f72!important;color:#fff!important;font-weight:900!important}
body.tth-account-gateway form.login .woocommerce-button{min-height:46px;border-radius:13px!important;font-weight:850!important}
@media(max-width:760px){
 body.tth-account-gateway.woocommerce-account .woocommerce{width:calc(100% - 20px)!important;margin:20px auto 42px!important}
 body.tth-account-gateway.woocommerce-account .woocommerce #customer_login{grid-template-columns:1fr!important;gap:16px!important}
 body.tth-account-gateway.woocommerce-account #customer_login>.col-2{grid-column:1!important;grid-row:1!important;padding:20px 17px!important}
 body.tth-account-gateway.woocommerce-account #customer_login>.col-1{grid-column:1!important;grid-row:2!important;padding:20px 17px!important}
 body.tth-account-gateway .tth-signup-intro h2{font-size:27px}
}

/* v1.12.8 — purpose-built TTH signup/login gateway. */
body.tth-account-gateway.woocommerce-account .woocommerce{display:block!important;max-width:1180px!important;width:calc(100% - 40px)!important;margin:34px auto 70px!important;padding:0!important;overflow:visible!important}
body.tth-account-gateway .tth-auth-gateway{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;grid-template-areas:"hero hero" "signup login"!important;gap:24px!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;box-sizing:border-box!important}
body.tth-account-gateway .tth-auth-hero{grid-area:hero;text-align:center;max-width:760px;margin:0 auto 4px;padding:18px 20px}
body.tth-account-gateway .tth-auth-eyebrow{display:inline-block;margin-bottom:7px;font-size:11px;font-weight:900;letter-spacing:.13em;color:#8b3f72}
body.tth-account-gateway .tth-auth-hero h1{margin:0 0 9px;font-size:clamp(30px,4vw,46px);line-height:1.08;color:#2f2b3d}
body.tth-account-gateway .tth-auth-hero p{max-width:680px;margin:0 auto;color:#6f6878;font-size:16px;line-height:1.55}
body.tth-account-gateway .tth-auth-card{position:relative;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:30px!important;border:1px solid #eadfeb;border-radius:28px;box-shadow:0 16px 42px rgba(89,65,101,.09);box-sizing:border-box;overflow:hidden}
body.tth-account-gateway .tth-auth-signup{grid-area:signup;background:linear-gradient(145deg,#fff4f8 0%,#fffaf0 58%,#f3efff 100%)}
body.tth-account-gateway .tth-auth-signup:before,body.tth-account-gateway .tth-auth-signup:after{content:'♥';position:absolute;z-index:0;color:rgba(219,94,132,.10);font-size:92px;line-height:1;pointer-events:none}
body.tth-account-gateway .tth-auth-signup:before{right:22px;top:18px;transform:rotate(12deg)}
body.tth-account-gateway .tth-auth-signup:after{left:-12px;bottom:-24px;color:rgba(91,79,166,.08);font-size:120px;transform:rotate(-14deg)}
body.tth-account-gateway .tth-auth-login{grid-area:login;background:linear-gradient(160deg,#fff 0%,#fffdf7 100%)}
body.tth-account-gateway .tth-auth-card>*{position:relative;z-index:1}
body.tth-account-gateway .tth-auth-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#f8dbe8;color:#8b3f72;font-size:10px;font-weight:900;letter-spacing:.09em}
body.tth-account-gateway .tth-auth-badge-soft{background:#eeeafd;color:#5b4fa6}
body.tth-account-gateway .tth-auth-card-top h2{margin:10px 0 8px;font-size:30px;line-height:1.12;color:#2f2b3d}
body.tth-account-gateway .tth-auth-card-top p{margin:0 0 18px;color:#6f6878;line-height:1.5}
body.tth-account-gateway .tth-auth-perks{display:grid;gap:8px;margin:0 0 20px!important;padding:0!important;list-style:none!important}
body.tth-account-gateway .tth-auth-perks li{position:relative;margin:0!important;padding:0 0 0 27px!important;color:#514a5a;font-size:14px;font-weight:650}
body.tth-account-gateway .tth-auth-perks li:before{content:'✓';position:absolute;left:0;top:-1px;display:grid;place-items:center;width:19px;height:19px;border-radius:999px;background:#dff3e9;color:#2f7755;font-size:12px;font-weight:900}
body.tth-account-gateway .tth-auth-card form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.tth-account-gateway .tth-auth-card .form-row{margin:0 0 14px!important;padding:0!important}
body.tth-account-gateway .tth-auth-card label{display:block;margin:0 0 6px;font-size:13px;font-weight:800;color:#4c4554}
body.tth-account-gateway .tth-auth-card input[type=text],body.tth-account-gateway .tth-auth-card input[type=email],body.tth-account-gateway .tth-auth-card input[type=password]{width:100%!important;min-height:50px!important;padding:12px 14px!important;border:1px solid #ded5e3!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;font-size:16px!important;color:#2f2b3d!important}
body.tth-account-gateway .tth-auth-card input:focus{outline:none!important;border-color:#9b4780!important;box-shadow:0 0 0 3px rgba(155,71,128,.12)!important}
body.tth-account-gateway .tth-auth-primary,body.tth-account-gateway .tth-auth-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:12px 20px!important;border:0!important;border-radius:14px!important;font-weight:900!important;text-decoration:none!important;box-shadow:none!important}
body.tth-account-gateway .tth-auth-primary{width:100%!important;background:#8b3f72!important;color:#fff!important}
body.tth-account-gateway .tth-auth-primary:hover{background:#73305e!important;color:#fff!important}
body.tth-account-gateway .tth-auth-secondary{background:#5b4fa6!important;color:#fff!important;min-width:135px}
body.tth-account-gateway .tth-auth-secondary:hover{background:#493e91!important;color:#fff!important}
body.tth-account-gateway .tth-auth-login-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px 0 18px;font-size:13px}
body.tth-account-gateway .tth-auth-login-actions label{display:flex;align-items:center;gap:7px;margin:0;font-weight:600}
body.tth-account-gateway .tth-auth-login-actions input{width:17px;height:17px;margin:0}
body.tth-account-gateway .tth-auth-login-actions a,body.tth-account-gateway .tth-auth-new-here a{color:#8b3f72!important;font-weight:800;text-decoration:none!important}
body.tth-account-gateway .tth-auth-fineprint{margin:2px 0 0!important;color:#6f6878;font-size:12px;line-height:1.45;text-align:center}
body.tth-account-gateway .tth-auth-new-here{margin-top:18px;padding:15px 16px;border-radius:15px;background:#f5f2ff;color:#544d5d;font-size:13px}
body.tth-account-gateway .tth-auth-new-here strong{margin-right:5px}
body.tth-account-gateway .woocommerce-privacy-policy-text{font-size:12px;color:#746d7a;line-height:1.45}

/* v1.17.8 — Elementor owns header sizing and spacing. Dynamic account/cart items
   no longer impose widths, font sizes, logo sizes, or desktop header geometry. */

@media(max-width:780px){
 body.tth-account-gateway.woocommerce-account .woocommerce{width:calc(100% - 22px)!important;margin:18px auto 44px!important}
 body.tth-account-gateway .tth-auth-gateway{grid-template-columns:1fr!important;grid-template-areas:"hero" "signup" "login"!important;gap:16px!important}
 body.tth-account-gateway .tth-auth-hero{padding:10px 8px 4px}
 body.tth-account-gateway .tth-auth-hero h1{font-size:30px!important}
 body.tth-account-gateway .tth-auth-hero p{font-size:14px}
 body.tth-account-gateway .tth-auth-card{padding:20px 17px!important;border-radius:22px}
 body.tth-account-gateway .tth-auth-card-top h2{font-size:26px}
 body.tth-account-gateway .tth-auth-login-actions{align-items:flex-start;flex-direction:column}
 body.tth-account-gateway .tth-auth-secondary{width:100%!important}
}

/* v1.12.8 — final mobile account containment. Prevent imported theme wrappers
   or endpoint content from making the account canvas wider than the device. */
body.tth-mobile-account{overflow-x:hidden!important}
body.tth-mobile-account #page,
body.tth-mobile-account .site,
body.tth-mobile-account .site-content,
body.tth-mobile-account main,
body.tth-mobile-account .container,
body.tth-mobile-account .woocommerce,
body.tth-mobile-account .woocommerce-MyAccount-content,
body.tth-mobile-account .woocommerce-MyAccount-navigation{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.tth-mobile-account .woocommerce-MyAccount-content{overflow-x:hidden!important}
body.tth-mobile-account .woocommerce-MyAccount-content img{max-width:100%!important;height:auto!important}
body.tth-mobile-account .woocommerce-MyAccount-content table{max-width:100%!important}

/* v1.14.0 — mobile-first account reset. Previous theme/account CSS used several
   competing breakpoints. These final rules intentionally win and keep every
   teacher-facing account screen inside the real viewport. */
@media (max-width:1180px){
  body.tth-site-experience.woocommerce-account{overflow-x:clip!important}
  body.tth-site-experience.woocommerce-account #page,
  body.tth-site-experience.woocommerce-account .site,
  body.tth-site-experience.woocommerce-account .site-content,
  body.tth-site-experience.woocommerce-account main,
  body.tth-site-experience.woocommerce-account .container,
  body.tth-site-experience.woocommerce-account .woocommerce{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important
  }
  body.tth-site-experience.woocommerce-account .woocommerce{
    display:block!important;width:min(100%,calc(100vw - 24px))!important;margin:22px auto 40px!important;padding:0!important;overflow:visible!important
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation,
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important
  }
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:16px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;overflow:visible!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation li{width:100%!important;min-width:0!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation a{width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{padding:16px!important;overflow:hidden!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content > *,
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content *{min-width:0!important;box-sizing:border-box}
  body.tth-site-experience.woocommerce-account .tth-account-welcome h2{font-size:clamp(27px,6vw,38px)!important;overflow-wrap:normal!important;word-break:normal!important}
}
@media (max-width:560px){
  body.tth-site-experience.woocommerce-account .woocommerce{width:calc(100vw - 16px)!important;margin:16px 8px 34px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation{padding:9px!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr!important}
  body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content{padding:10px!important}
}


/* v1.17.35 — theme-independent Account Details endpoint.
   Authentication and saving remain WooCommerce-owned. */
body.tth-site-experience.woocommerce-account .tth-account-details{
  display:grid;gap:20px;width:100%;max-width:760px
}
body.tth-site-experience.woocommerce-account .tth-account-details-intro{
  padding:22px 24px;border:1px solid #eadfeb;border-radius:20px;
  background:linear-gradient(135deg,#fff8fb,#fffdf8)
}
body.tth-site-experience.woocommerce-account .tth-account-details-intro h2{
  margin:0 0 6px!important;font-size:clamp(26px,5vw,34px);line-height:1.1
}
body.tth-site-experience.woocommerce-account .tth-account-details-intro p:last-child{
  margin:0!important;color:#655d6b
}
body.tth-site-experience.woocommerce-account .tth-account-details-form{
  display:grid;gap:16px;padding:22px 24px;border:1px solid #eadfeb;border-radius:20px;background:#fff
}
body.tth-site-experience.woocommerce-account .tth-account-details-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
body.tth-site-experience.woocommerce-account .tth-account-details-form .form-row{
  float:none!important;width:100%!important;margin:0!important
}
body.tth-site-experience.woocommerce-account .tth-account-details-form label{
  display:block;margin:0 0 7px;font-weight:800;color:#443b49
}
body.tth-site-experience.woocommerce-account .tth-account-details-form input[type="text"],
body.tth-site-experience.woocommerce-account .tth-account-details-form input[type="email"],
body.tth-site-experience.woocommerce-account .tth-account-details-form input[type="password"]{
  width:100%!important;min-height:48px!important;padding:10px 12px!important;
  border:1px solid #d9cfdc!important;border-radius:12px!important;background:#fff!important;
  color:#342d3e!important;box-shadow:none!important
}
body.tth-site-experience.woocommerce-account .tth-account-details-form input:focus{
  outline:2px solid rgba(139,63,114,.18)!important;border-color:#b66b98!important
}
body.tth-site-experience.woocommerce-account .tth-account-field-note{
  display:block;margin-top:6px;color:#756d79;font-size:13px;line-height:1.45
}
body.tth-site-experience.woocommerce-account .tth-account-password{
  display:grid;gap:14px;margin:4px 0 0;padding:18px;border:1px solid #eee3ef;border-radius:16px;background:#fffafd
}
body.tth-site-experience.woocommerce-account .tth-account-password legend{
  padding:0 7px;font-weight:900;color:#7c3868
}
body.tth-site-experience.woocommerce-account .tth-account-details-actions{margin:2px 0 0!important}
body.tth-site-experience.woocommerce-account .tth-account-save-button{
  min-height:48px!important;padding:11px 22px!important;border:0!important;border-radius:14px!important;
  background:#ad3d7c!important;color:#fff!important;font-weight:850!important
}
@media(max-width:700px){
  body.tth-site-experience.woocommerce-account .tth-account-details-grid{grid-template-columns:1fr}
  body.tth-site-experience.woocommerce-account .tth-account-details-intro,
  body.tth-site-experience.woocommerce-account .tth-account-details-form{padding:18px}
  body.tth-site-experience.woocommerce-account .tth-account-save-button{width:100%!important}
}


/* v1.17.41 — dismissible, better-spaced customer notices. */
body.tth-site-experience .woocommerce-notices-wrapper:not(:empty){
  display:grid;gap:12px;margin:0 0 22px!important
}
body.tth-site-experience .woocommerce-notices-wrapper>.woocommerce-message,
body.tth-site-experience .woocommerce-notices-wrapper>.woocommerce-info,
body.tth-site-experience .woocommerce-notices-wrapper>.woocommerce-error{
  margin:0!important
}
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content>.woocommerce-message,
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content>.woocommerce-info,
body.tth-site-experience.woocommerce-account .woocommerce-MyAccount-content>.woocommerce-error{
  margin:0 0 12px!important
}
body.tth-site-experience .tth-dismissible-notice{
  position:relative!important;padding-right:58px!important;transition:opacity .16s ease,transform .16s ease
}
body.tth-site-experience .tth-dismissible-notice.is-dismissing{
  opacity:0;transform:translateY(-4px)
}
body.tth-site-experience .tth-notice-dismiss{
  position:absolute;top:50%;right:14px;transform:translateY(-50%);display:grid;place-items:center;
  width:34px;height:34px;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:rgba(82,64,88,.07)!important;color:#675b6d!important;font:700 25px/1 Arial,sans-serif!important;
  cursor:pointer;box-shadow:none!important
}
body.tth-site-experience .tth-notice-dismiss:hover,
body.tth-site-experience .tth-notice-dismiss:focus-visible{
  background:rgba(139,63,114,.12)!important;color:#8b3f72!important;transform:translateY(-50%)!important
}
body.tth-site-experience .tth-notice-dismiss:focus-visible{outline:2px solid #8b3f72!important;outline-offset:2px}
body.tth-site-experience .woocommerce-error>li{position:relative;padding-right:0!important}
body.tth-site-experience .tth-promo-notice,
body.tth-site-experience .tth-promo-status,
body.tth-site-experience .tth-join-notice{position:relative}
@media(max-width:600px){
  body.tth-site-experience .woocommerce-notices-wrapper:not(:empty){gap:10px;margin-bottom:16px!important}
  body.tth-site-experience .tth-dismissible-notice{padding-right:50px!important}
  body.tth-site-experience .tth-notice-dismiss{right:10px;width:32px;height:32px}
}


/* v1.17.47 — teacher-friendly credit education.
   Credits remain the core TTH currency; these components only provide a
   familiar resource-value anchor. */
.tth-credit-value-guide{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin:18px 0 24px;
  padding:18px 20px;
  border:1px solid #ded5e7;
  border-radius:18px;
  background:linear-gradient(135deg,#fff9fb,#f6f3ff);
  box-shadow:0 8px 22px rgba(58,42,72,.05)
}
.tth-credit-value-guide-icon{
  display:flex;
  width:42px;height:42px;
  align-items:center;justify-content:center;
  border-radius:14px;
  background:#fff;
  color:#a63b79;
  font-size:23px;
  font-weight:900;
  box-shadow:0 5px 14px rgba(62,40,76,.08)
}
.tth-credit-value-guide-copy{min-width:0}
.tth-credit-value-guide-copy>span{
  display:block;
  margin-bottom:2px;
  color:#9a3972;
  font-size:11px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase
}
.tth-credit-value-guide-copy>strong{
  display:block;
  color:#352f49;
  font-size:18px;
  line-height:1.3
}
.tth-credit-value-guide-copy>p{
  margin:4px 0 0!important;
  color:#6d6471;
  font-size:14px;
  line-height:1.55
}
.tth-credit-value-guide>a{
  color:#91366e!important;
  font-weight:800;
  text-decoration:none!important;
  white-space:nowrap
}
.tth-credit-value-guide.is-compact{
  margin:14px 0 20px;
  padding:15px 17px
}
.tth-credit-value-guide.is-compact .tth-credit-value-guide-icon{width:36px;height:36px;font-size:19px}
.tth-credit-value-guide.is-compact .tth-credit-value-guide-copy>strong{font-size:16px}
.tth-credit-value-guide.is-compact .tth-credit-value-guide-copy>p{font-size:13px}

.tth-credit-info{
  position:relative;
  width:fit-content;
  max-width:100%;
  margin:10px 0 0
}
.tth-credit-info>summary{
  cursor:pointer;
  color:#8d3b70;
  font-size:13px;
  font-weight:800;
  list-style:none
}
.tth-credit-info>summary::-webkit-details-marker{display:none}
.tth-credit-info>summary::before{
  content:'?';
  display:inline-flex;
  width:20px;height:20px;
  align-items:center;justify-content:center;
  margin-right:6px;
  border:1px solid #caaec0;
  border-radius:999px;
  background:#fff;
  font-size:12px;
  line-height:1
}
.tth-credit-info[open]>summary{margin-bottom:8px}
.tth-credit-info-panel{
  max-width:460px;
  padding:14px 16px;
  border:1px solid #e1d8e5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(54,41,65,.08)
}
.tth-credit-info-panel strong{display:block;color:#383047;font-size:14px;line-height:1.4}
.tth-credit-info-panel p{margin:6px 0 8px!important;color:#6c6470;font-size:13px;line-height:1.5}
.tth-credit-info-panel a{color:#8f3a70!important;font-size:13px;font-weight:800;text-decoration:none!important}

@media(max-width:760px){
  .tth-credit-value-guide{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start
  }
  .tth-credit-value-guide>a{
    grid-column:1/-1;
    margin-left:58px;
    white-space:normal
  }
  .tth-credit-value-guide.is-compact>a{margin-left:52px}
}