/* ============================================================
   NY Headshots — POLICY PAGES dark theme (matches the retouch design system)
   Converts the legal pages' white panel + dark prose to the black panel /
   white-on-dark / green-accent look. Load AFTER each page's inline <style>
   so these overrides win. Tokens come from :root in the page (--green).
   ============================================================ */

/* dark panel */
.page-panel{background:rgba(12,12,12,.75) !important;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);}
.panel-body{background:transparent !important;color:#cfcfcf !important;}
.panel-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18) !important;}

/* small modern glass back button (chevron) overlaying the content — matches shell.css */
.panel-x{position:absolute;top:12px;right:14px;z-index:8;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px -8px rgba(0,0,0,.7);transition:background .2s,border-color .2s,box-shadow .25s,transform .12s;}
.panel-x::before{content:"";width:9px;height:9px;border-left:2px solid rgba(255,255,255,.82);border-bottom:2px solid rgba(255,255,255,.82);transform:rotate(45deg);margin-left:3px;transition:border-color .2s;}
.panel-x:hover{background:rgba(255,255,255,.12);border-color:var(--green);box-shadow:0 0 0 1px rgba(121,209,0,.4),0 10px 26px -10px rgba(121,209,0,.5);transform:translateY(-1px);}
.panel-x:hover::before{border-color:#fff;}
.panel-x:active{transform:scale(.94);}

/* prose on dark */
.pol{color:#cfcfcf;}
.pol .kicker{color:#9a9a9a;}
.pol h1{color:#fff;}
.pol .updated{color:#9a9a9a;}
.pol h2{color:#fff;}
.pol h4{color:#fff;}
.pol a{color:var(--green) !important;text-decoration:none;border-bottom:1.5px solid transparent;transition:color .2s,border-color .25s,box-shadow .25s;}
.pol a:hover{color:#fff !important;text-decoration:none;border-bottom-color:var(--green);box-shadow:0 3px 8px -3px rgba(121,209,0,.75);}

/* contact block */
.pol-contact h4 a{color:#fff !important;}
.pol-contact .or{color:#9a9a9a;}
/* EMAIL US button matches the SUBMIT pill: white/black, no underline */
.pol-contact .email-btn{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.45) !important;color:#fff !important;text-decoration:none !important;}
.pol-contact .email-btn:hover{background:rgba(255,255,255,.14) !important;border-color:var(--green) !important;color:#fff !important;box-shadow:0 0 0 1px rgba(121,209,0,.55),0 0 16px rgba(121,209,0,.5),0 0 32px rgba(121,209,0,.28) !important;}
.pol .copyright{color:#9a9a9a;}

/* footer policy links */
.pol-policies{color:#b9b9b9;}
.pol-policies a{color:#e0e0e0;text-decoration:none;border-bottom:1.5px solid transparent;transition:color .2s,border-color .25s,box-shadow .25s;}
.pol-policies a:hover{color:#fff;text-decoration:none;border-bottom-color:var(--green);box-shadow:0 3px 8px -3px rgba(121,209,0,.75);}
.pol-policies .dot{color:#666;}

/* end-of-page CTA pills (Book a Session / etc.) — white text, thin green
   outline that glows on hover, no fill. Overrides the generic `.pol a` green
   text rule above (these <a> live inside .pol). */
.prep-cta a{color:#fff !important;border:1px solid rgba(255,255,255,.3) !important;background:transparent !important;}
.prep-cta a:hover{color:#fff !important;border-color:var(--green) !important;background:transparent !important;box-shadow:0 0 0 1px rgba(121,209,0,.55),0 0 16px rgba(121,209,0,.5),0 0 32px rgba(121,209,0,.28) !important;transform:translateY(-1px);}