:root{--etp-yellow:#fff200;--etp-green:#94ff53;--etp-bg:#000;--etp-white:#f7f7f2;--etp-muted:#d7d7cf}
*{box-sizing:border-box}
#etpSiteHeader{position:sticky;top:0;z-index:2147482000;background:rgba(0,0,0,.96);backdrop-filter:blur(10px);border-bottom:1px solid #2a2a2a;font-family:Georgia,"Times New Roman",serif}
.etp-header-inner{max-width:920px;margin:auto;min-height:72px;padding:18px 10px 7px;display:flex;align-items:center;justify-content:center}
.etp-icon-nav{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}
.etp-nav-item{position:relative}
.etp-icon-btn{width:44px;height:42px;border:0;background:transparent;color:#f7f7f2;display:grid;place-items:center;border-radius:10px;font-size:1.28rem;cursor:pointer;text-decoration:none!important;transition:.18s ease}
.etp-icon-btn:hover,.etp-icon-btn:focus-visible{transform:translateY(-2px) scale(1.04);color:var(--etp-yellow);outline:none}
.etp-tip{position:absolute;left:50%;top:-12px;transform:translate(-50%,5px);opacity:0;pointer-events:none;white-space:nowrap;background:#101010;border:1px solid rgba(148,255,83,.22);color:#fff;padding:7px 10px;border-radius:8px;font-size:.86rem;font-weight:700;transition:.18s ease;box-shadow:0 9px 22px rgba(0,0,0,.4)}
.etp-nav-item:hover>.etp-tip,.etp-nav-item:focus-within>.etp-tip{opacity:1;transform:translate(-50%,0)}
.etp-drop{position:absolute;top:48px;left:50%;transform:translateX(-50%);min-width:245px;padding:8px;background:#0b0b0b;border:1px solid #2c2c2c;border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.5);display:none}
.etp-nav-item:hover>.etp-drop,.etp-nav-item:focus-within>.etp-drop,.etp-nav-item.open>.etp-drop{display:block}
.etp-drop a{display:flex;align-items:center;gap:9px;color:#f3f3ed!important;text-decoration:none!important;padding:9px 10px;border-radius:9px;font-size:.9rem}
.etp-drop a:hover{background:rgba(148,255,83,.08);color:var(--etp-green)!important}
.etp-sound-btn{border:0;background:transparent;color:#fff;font-size:1.1rem;cursor:pointer;width:44px;height:44px;border-radius:10px}
.etp-sound-btn:hover{color:var(--etp-yellow)}
.etp-mobile-toggle{display:none}
#etpSiteFooter{background:#000;border-top:1px solid #171717;font-family:Georgia,"Times New Roman",serif;color:#fff;margin-top:54px}
.etp-footer-grid{max-width:1220px;margin:auto;padding:54px 52px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:64px}
.etp-footer-title{color:var(--etp-yellow);font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.35rem;margin:0 0 16px;letter-spacing:.01em}
.etp-footer-subtitle{color:#fff;font-weight:700;font-style:italic;margin:0 0 10px;font-size:1rem}
#etpSiteFooter a{display:block;color:#fff!important;text-decoration:none!important;font-weight:700;font-style:italic;padding:3px 0;font-size:.92rem;line-height:1.45}
#etpSiteFooter a:hover{color:var(--etp-yellow)!important}
.etp-community-wrap{text-align:center;padding:28px 20px 14px}
.etp-community-title{color:#fff;font-weight:700;font-style:italic;font-size:1rem;margin-bottom:14px}
.etp-community{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.etp-community a{display:grid!important;place-items:center!important;width:28px;height:28px;border-radius:50%;padding:0!important;margin:0!important;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.1);font-style:normal!important}
.etp-community img{width:100%;height:100%;object-fit:cover;display:block}
.etp-community .brand-text{font-family:Arial,sans-serif;font-style:normal;font-weight:900;font-size:.72rem}
.etp-footer-bottom{text-align:center;padding:10px 18px 28px;color:#9a9a9a;font-size:.65rem}
@media(max-width:900px){.etp-header-inner{max-width:100%;overflow-x:auto;justify-content:flex-start}.etp-icon-nav{justify-content:flex-start;gap:8px;min-width:max-content}.etp-footer-grid{grid-template-columns:1fr 1fr;gap:34px;padding:42px 28px 24px}.etp-tip{display:none}}
@media(max-width:560px){.etp-header-inner{min-height:62px;padding:7px 6px}.etp-icon-btn{width:40px;height:40px;font-size:1.08rem}.etp-footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding:36px 18px 20px}.etp-footer-title{font-size:1.12rem}#etpSiteFooter a{font-size:.8rem}}

.etp-legal-link{display:block;width:auto;border:0;background:transparent;color:#fff;padding:3px 0;font:700 italic .92rem/1.45 Georgia,"Times New Roman",serif;cursor:pointer;text-align:left}
.etp-legal-link:hover{color:var(--etp-yellow)}
.etp-brand-youtube,.etp-brand-x,.etp-brand-blogger,.etp-brand-tpt,.etp-brand-rb,.etp-brand-z,.etp-brand-etsy{width:100%;height:100%;display:grid;place-items:center;color:#fff}
.etp-brand-youtube{background:#ff1f1f}.etp-brand-x{background:#111}.etp-brand-blogger{background:#f57c00}.etp-brand-tpt{background:#20a77b}.etp-brand-rb{background:#ef3340;font-size:.55rem!important}.etp-brand-z{background:#111}.etp-brand-etsy{background:#f1641e;font-family:Georgia,serif!important;font-size:.9rem!important}
.etp-legal-overlay[hidden]{display:none!important}.etp-legal-overlay{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;padding:18px}.etp-legal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.84);backdrop-filter:blur(5px);cursor:pointer}.etp-legal-card{position:relative;z-index:2;width:min(860px,94vw);max-height:84vh;overflow:auto;background:linear-gradient(180deg,#1a1a1a,#090909);border:1px solid #3c3c3c;border-top:4px solid var(--etp-yellow);border-radius:16px;padding:34px 38px;box-shadow:0 30px 90px rgba(0,0,0,.65);color:#eee}.etp-legal-card h2{font-family:Georgia,"Times New Roman",serif;color:var(--etp-yellow);font-size:clamp(2rem,4vw,3.1rem);margin:.25rem 0 .8rem}.etp-legal-kicker{color:var(--etp-green);font-weight:700;letter-spacing:.12em;font-size:.78rem}.etp-legal-copy{color:#ddd;font:400 1rem/1.7 Georgia,"Times New Roman",serif}.etp-legal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid #444;background:#111;color:#fff;font-size:1.45rem;cursor:pointer}.etp-legal-close:hover{background:var(--etp-yellow);color:#000}.etp-legal-open{overflow:hidden}

/* Mobile navigation lock — desktop icon row remains unchanged */
.etp-mobile-panel{display:none}
@media(max-width:759px){
  #etpSiteHeader{min-height:58px}
  .etp-header-inner{position:relative;min-height:58px!important;padding:0 14px!important;overflow:visible!important;justify-content:flex-start!important}
  .etp-icon-nav{display:none!important}
  .etp-mobile-toggle{display:flex!important;width:48px;height:48px;margin:5px 0;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:10px}
  .etp-mobile-toggle span{display:block;width:27px;height:2px;border-radius:3px;background:#f7f7f2;transition:.2s ease;transform-origin:center}
  .etp-mobile-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .etp-mobile-toggle.open span:nth-child(2){opacity:0}
  .etp-mobile-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .etp-mobile-panel{position:absolute;left:0;right:0;top:100%;z-index:2147482500;display:block;background:linear-gradient(180deg,#0d0f0d,#050605 85%);border-top:1px solid #262626;border-bottom:1px solid #353535;box-shadow:0 18px 40px rgba(0,0,0,.72);padding:13px 14px 18px;max-height:calc(100vh - 58px);overflow:auto}
  .etp-mobile-panel[hidden]{display:none!important}
  .etp-mobile-heading{color:var(--etp-green);font:700 .67rem/1.1 Georgia,"Times New Roman",serif;letter-spacing:.16em;margin:12px 4px 7px}
  .etp-mobile-grid,.etp-mobile-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .etp-mobile-group.etp-mobile-last{margin-top:10px}
  .etp-mobile-panel a,.etp-mobile-sound{min-height:48px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.025);color:#f7f7f2!important;text-decoration:none!important;text-align:left}
  .etp-mobile-panel a span,.etp-mobile-sound span{font-size:1.12rem;text-align:center}
  .etp-mobile-panel a b,.etp-mobile-sound b{font:700 .82rem/1.18 Georgia,"Times New Roman",serif}
  .etp-mobile-panel a:active,.etp-mobile-panel a:focus-visible{border-color:rgba(255,242,0,.5);background:rgba(255,242,0,.07)}
  .etp-mobile-sound{appearance:none;width:100%;cursor:pointer}
}
@media(max-width:390px){
  .etp-mobile-grid,.etp-mobile-group{grid-template-columns:1fr}
}

/* ETP aesthetic navigation + typography lock v49 */
body h1,
body h2,
body h3,
body .hero h1,
body .hero h2,
body .card h2,
body .collection-card h2,
body .featured-lesson h2,
body .etp-appetizer h2,
body .section-title,
body .hero-title,
body .page-title,
body .resource-title{
  font-family:Georgia,"Times New Roman",serif!important;
}

@media(max-width:759px){
  #etpSiteHeader{
    position:sticky!important;
    top:0!important;
    z-index:2147483000!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    background:#000!important;
    border-bottom:1px solid #242424!important;
    box-shadow:0 5px 14px rgba(0,0,0,.28)!important;
  }
  #etpSiteHeader .etp-header-inner{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  #etpSiteHeader .etp-icon-nav{display:none!important}
  #etpSiteHeader .etp-mobile-toggle{
    order:50!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:2px 0 2px auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    background:transparent!important;
    border:0!important;
    border-radius:7px!important;
  }
  #etpSiteHeader .etp-mobile-toggle span{
    width:25px!important;
    height:2px!important;
    background:#f7f7f2!important;
  }
  #etpSiteHeader .etp-mobile-panel{
    top:100%!important;
    left:0!important;
    right:0!important;
    max-height:calc(100vh - 46px)!important;
    padding:10px 13px 15px!important;
    background:linear-gradient(180deg,#0b0d0b,#050605 88%)!important;
  }
  #etpSiteHeader .etp-mobile-heading{
    color:#fff200!important;
    text-transform:none!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:.79rem!important;
    line-height:1.15!important;
    letter-spacing:.06em!important;
    margin:11px 4px 7px!important;
  }
  #etpSiteHeader .etp-mobile-panel a b,
  #etpSiteHeader .etp-mobile-sound b{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:.82rem!important;
    text-transform:none!important;
  }
}