/* amandagore.com shared shell: header menu, subscribe strip, footer, popup.
   Loaded by every page, including the course pages, so it only styles .sh- things. */
:root{
  --sh-ink:#0A1630; --sh-ink-2:#0F1F3D; --sh-text:#221C26; --sh-muted:#6F6572;
  --sh-accent:#19C3B1; --sh-accent-2:#3ED8C8; --sh-sun:#FFB020; --sh-tint:#EAF1FF;
  --sh-line:rgba(22,17,27,.12); --sh-bg:rgba(255,255,255,.93); --sh-solid:#FFFFFF;
  --sh-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body{padding-top:68px;box-sizing:border-box}
.sh-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--sh-bg);border-bottom:1px solid var(--sh-line);-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);font-family:var(--sh-sans);transition:box-shadow .25s ease}
.sh-header.scrolled{box-shadow:0 10px 30px rgba(10,22,48,.10)}
@media print{.sh-header,.sh-popup,.lightbox{display:none!important}body{padding-top:0!important}}   /* printed pages and PDFs: no sticky menu bar or pop-ups over the text (Amanda, 11 Oct 2026) */
.sh-header *{box-sizing:border-box}
.sh-in{width:min(1240px,100% - 2rem);margin-inline:auto;height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sh-brand{display:flex;align-items:baseline;gap:.5rem;text-decoration:none;color:var(--sh-ink);white-space:nowrap}
.sh-brand-name{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.sh-brand-tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sh-muted);font-weight:700}
.sh-toggle{display:none;background:none;border:1px solid var(--sh-line);color:var(--sh-text);font:inherit;font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer}
.sh-menu{display:flex;align-items:center;gap:2px}
.sh-menu>a,.sh-drop>button{display:inline-block;color:var(--sh-text);text-decoration:none;font:inherit;font-size:.88rem;font-weight:600;padding:8px 8px;border-radius:999px;white-space:nowrap;background:none;border:0;cursor:pointer;transition:background .15s ease,color .15s ease;line-height:1.3}
.sh-menu>a:hover,.sh-drop>button:hover,.sh-drop[data-open="true"]>button{background:rgba(22,17,27,.06)}
.sh-menu>a.current,.sh-drop.current>button{color:#0B7F74}
.sh-menu a.sh-ext::after{content:"\2197";font-size:.8em;margin-left:.3em;opacity:.7}
.sh-cta{background:#F47D20!important;color:#0B2233!important;padding:9px 18px!important;margin-left:6px;border-radius:999px!important}   /* Clementine with navy text on every page, Amanda, 26 Sep 2026 */
.sh-cta:hover{background:#0B2233!important;color:#FDF8F0!important}
.sh-drop{position:relative}
.sh-drop>button::after{content:"";display:inline-block;width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg);margin-left:.5em;opacity:.7}
.sh-drop-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--sh-solid);border:1px solid var(--sh-line);border-radius:16px;box-shadow:0 18px 40px rgba(10,22,48,.16);padding:.5rem;flex-direction:column;gap:2px}
.sh-drop:hover .sh-drop-menu,.sh-drop:focus-within .sh-drop-menu,.sh-drop[data-open="true"] .sh-drop-menu{display:flex}
.sh-drop-menu a{display:block;color:var(--sh-text);text-decoration:none;font-size:.92rem;font-weight:600;padding:9px 12px;border-radius:10px}
.sh-drop-menu a:hover{background:var(--sh-tint)}
.sh-drop-menu a.current{color:#0B7F74}
.sh-drop-menu .sh-drop-note{font-size:.75rem;color:var(--sh-muted);padding:4px 12px 6px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:1120px){
  .sh-toggle{display:inline-block}
  .sh-menu{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px 20px 18px;background:var(--sh-solid);border-bottom:1px solid var(--sh-line);box-shadow:0 18px 40px rgba(0,0,0,.14);max-height:calc(100vh - 68px);overflow:auto}
  .sh-menu[hidden]{display:none}
  .sh-menu>a,.sh-drop>button{padding:12px 14px;font-size:1rem;width:100%;text-align:left}
  .sh-drop>button::after{float:right;margin-top:.5em}
  .sh-drop-menu{position:static;box-shadow:none;border:0;padding:0 0 6px 14px;min-width:0}
  .sh-drop:hover .sh-drop-menu{display:none}
  .sh-drop[data-open="true"] .sh-drop-menu{display:flex}
  .sh-cta{text-align:center;margin:6px 0 0;display:inline-block;background:#F47D20!important;color:#0B2233!important;border-radius:999px!important}
}
/* Subscribe strip */
.sh-subscribe{background:var(--sh-ink-2);color:#fff;padding:3.5rem 0;font-family:var(--sh-sans)}
.sh-subscribe .sh-wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto;display:grid;gap:1.5rem;align-items:center}
@media(min-width:900px){.sh-subscribe .sh-wrap{grid-template-columns:1.1fr 1fr}}
.sh-subscribe h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 .4rem;color:#fff;max-width:22ch}
.sh-subscribe p{color:rgba(255,255,255,.78);margin:0;max-width:48ch}
.sh-form{display:grid;gap:.6rem}
@media(min-width:600px){.sh-form.inline{grid-template-columns:1fr 1fr auto}}
.sh-form input,.sh-form textarea{font:inherit;font-size:1rem;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;width:100%}
.sh-form input::placeholder,.sh-form textarea::placeholder{color:rgba(255,255,255,.55)}
.sh-form input:focus,.sh-form textarea:focus{outline:2px solid var(--sh-accent);outline-offset:1px}
.sh-form button{font:inherit;font-weight:800;font-size:1rem;padding:.9rem 1.6rem;border-radius:999px;border:0;background:var(--sh-accent);color:var(--sh-ink);cursor:pointer;white-space:nowrap}
.sh-form button:hover{background:var(--sh-accent-2)}
.sh-form button[disabled]{opacity:.6;cursor:wait}
.sh-form-msg{grid-column:1/-1;margin:.2rem 0 0;font-size:.95rem;font-weight:600;color:var(--sh-accent-2)}
.sh-form-msg.err{color:#FFB3A8}
.sh-form-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
/* Footer */
.sh-footer{background:var(--sh-ink);color:rgba(255,255,255,.78);font-family:var(--sh-sans);font-size:.95rem;padding:3.5rem 0 2rem}
.sh-footer .sh-wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.sh-footer-grid{display:grid;gap:2.2rem}
@media(min-width:800px){.sh-footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
.sh-footer h3,.sh-footer h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-weight:800}
.sh-footer p{margin:0 0 .9rem;line-height:1.6;max-width:52ch}
.sh-footer a{color:#fff;text-decoration:none;font-weight:600}
.sh-footer a:hover{color:var(--sh-accent-2)}
.sh-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.sh-footer .sh-tel{font-size:1.05rem}
/* Four footer columns, Amanda's footer brief of 28 September 2026: About, Speaking, Resources, Contact on desktop;
   About and Contact over Speaking and Resources on tablets; one column on phones with the two link lists side by side.
   About 10px between links. */
.sh-footer-4{align-items:start}
.sh-footer-4 ul{gap:10px}
.sh-footer-4 li{line-height:1.3}
.sh-footer-4 .sh-tel a{white-space:nowrap}
.sh-footer-4 .sh-f-about{grid-area:about}.sh-footer-4 .sh-f-speaking{grid-area:speaking}.sh-footer-4 .sh-f-resources{grid-area:resources}.sh-footer-4 .sh-f-contact{grid-area:contact}
.sh-footer-grid.sh-footer-4{grid-template-columns:1fr;grid-template-areas:"about" "speaking" "resources" "contact";gap:1.8rem}   /* phones: one column, About, Speaking, Resources, Contact (Amanda, 28 Sep 2026) */
@media(min-width:640px){.sh-footer-grid.sh-footer-4{grid-template-areas:"about contact" "speaking resources";gap:2.2rem 2.4rem}}
@media(min-width:1000px){.sh-footer-grid.sh-footer-4{grid-template-columns:1.5fr .95fr 1.15fr 1.3fr;grid-template-areas:"about speaking resources contact";gap:2.4rem}}
.sh-social{display:flex;gap:.6rem;margin-top:.4rem}
.sh-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.sh-social a:hover{background:var(--sh-accent);color:var(--sh-ink)}
.sh-social svg{width:18px;height:18px;fill:currentColor}
.sh-footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:2.5rem;padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;font-size:.85rem;color:rgba(255,255,255,.78)}
.sh-footer-bottom nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
.sh-footer-bottom a{color:rgba(255,255,255,.75);font-weight:500}
/* Popup */
/* Popup (Amanda, 30 Sep 2026): a card in the bottom right corner on desktop, a small bar at the foot of the screen on
   phones. No dark backdrop, and it sits under the fixed header (z-index 9999), so the menu and Book Amanda stay clear. */
.sh-popup{position:fixed;right:24px;bottom:24px;z-index:9990;font-family:var(--sh-sans)}
.sh-popup[hidden]{display:none}
.sh-popup-card{background:var(--sh-ink-2);color:#fff;border-radius:24px;padding:2.2rem 2rem 2rem;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 128px);overflow:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.sh-popup-card h2{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;color:#fff;line-height:1.1}
.sh-popup-card p{color:rgba(255,255,255,.78);margin:0 0 1.2rem;font-size:.95rem}
.sh-popup-close{position:absolute;top:.8rem;right:.8rem;background:rgba(255,255,255,.1);border:0;color:#fff;width:36px;height:36px;border-radius:999px;font-size:1.2rem;cursor:pointer}
.sh-popup-close:hover{background:rgba(255,255,255,.2)}
#sh-popup-title{padding-right:44px}   /* the close button no longer touches the heading (Amanda, 11 Oct 2026) */
.sh-popup-more{display:none}
@media(max-width:699px){
  .sh-popup{left:0;right:0;bottom:0}
  .sh-popup-card{width:100%;border-radius:18px 18px 0 0;padding:.7rem 3.6rem .7rem 1rem;max-height:70vh;box-shadow:0 -8px 30px rgba(0,0,0,.28)}
  .sh-popup-card h2{font-size:1rem;margin:0;padding-right:4.6rem;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sh-popup-close{top:.7rem;right:.6rem;width:44px;height:44px}
  .sh-popup-more{display:block;position:absolute;top:.7rem;right:3.4rem;height:44px;padding:0 1.1rem;border:0;border-radius:999px;background:var(--sh-accent);color:var(--sh-ink);font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}
  .sh-popup-body{display:none;padding:.6rem 0 .4rem}
  .sh-popup.open .sh-popup-body{display:block}
  .sh-popup.open .sh-popup-more{display:none}
  .sh-popup.open .sh-popup-card{padding-right:1rem}
  .sh-popup.open .sh-popup-card h2{padding-right:3.2rem}
}
@media(prefers-reduced-motion:reduce){.sh-header{transition:none}}
/* The logo mark left of the name, the same height as the name. Ink on the cream header, sun on a
   dark header (a page opts in with class dark-header on <body>). Amanda's brief, 26 Sep 2026. */
/* The letters after the name sit on the same baseline as "Amanda Gore", at the same small size (Amanda, 28 Sep 2026);
   the leaping mark stays centred on the name. */
.sh-brand{align-items:baseline}
.sh-brand-tag{align-self:baseline;margin-top:0}
.sh-mark{height:1.7rem;width:auto;display:block;align-self:center;margin-right:.1rem}
.sh-mark-sun{display:none}
.dark-header .sh-mark-sun{display:block}
.dark-header .sh-mark-ink{display:none}

/* Keynotes & Workshops: a dropdown whose label is a link to /keynotes/, with a chevron button that
   opens the list on click, tap or keyboard; hover opens it on desktop. Amanda's navigation brief,
   26 Sep 2026. Same cream, ink, rounded corners and Lexend as the More dropdown. */
.sh-droplink{display:inline-flex;align-items:center}
.sh-droplink>a{display:inline-block;color:var(--sh-text);text-decoration:none;font:inherit;font-size:.92rem;font-weight:600;padding:8px 4px 8px 12px;border-radius:999px 0 0 999px;white-space:nowrap}
.sh-droplink>.sh-drop-toggle{font:inherit;background:none;border:0;cursor:pointer;color:var(--sh-text);padding:8px 12px 8px 4px;border-radius:0 999px 999px 0;line-height:1}
.sh-droplink>.sh-drop-toggle::after{content:"";display:inline-block;width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.sh-droplink:hover>a,.sh-droplink:hover>.sh-drop-toggle,.sh-droplink[data-open="true"]>a,.sh-droplink[data-open="true"]>.sh-drop-toggle{background:rgba(22,17,27,.06)}
.sh-droplink.current>a{color:#0B7F74}
.sh-droplink .sh-drop-note{text-transform:none;letter-spacing:0;font-size:.8rem}
@media(max-width:1120px){
  .sh-droplink{display:flex;align-items:stretch;width:100%;flex-wrap:wrap}
  .sh-droplink>a{flex:1;padding:12px 14px;font-size:1rem;border-radius:12px 0 0 12px}
  .sh-droplink>.sh-drop-toggle{width:auto;flex:0 0 auto;padding:12px 14px 12px 18px;border-radius:0 12px 12px 0}   /* the arrow stays on the label's line, at the right like More (11 Oct 2026): the full-width rule for .sh-drop>button was catching it */
  .sh-droplink>.sh-drop-toggle::after{float:none;margin:0}
  .sh-droplink>.sh-drop-menu{flex-basis:100%}
}
/* The menu Book Amanda button is Clementine with navy text on every page (Amanda, 26 Sep 2026), matching the hero button. This replaces the turquoise-everywhere rule of 23 September and the home-only sun and Clementine rules of earlier tonight. */
/* Home page only (Amanda, 26 Sep 2026): the header sits transparent over the hero video, with the
   name and the leaping mark in sun, CSP CPAE and the menu links in cream, Book Amanda in Clementine.
   Once the visitor scrolls past the hero the page script adds past-hero and the header is cream
   with ink, as on every other page. No glow on the name; only Radiate Joy glows. */
body.home{padding-top:0}
body.home .sh-header:not(.past-hero){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
body.home .sh-header:not(.past-hero) .sh-brand-name{color:#FFD45E}
body.home .sh-header:not(.past-hero) .sh-brand-tag{color:#FDF8F0}
body.home .sh-header:not(.past-hero) .sh-mark-ink{display:none}
body.home .sh-header:not(.past-hero) .sh-mark-sun{display:block}
body.home .sh-header:not(.past-hero) .sh-toggle{color:#FDF8F0;border-color:rgba(253,248,240,.6)}
@media(min-width:1061px){
  body.home .sh-header:not(.past-hero) .sh-menu>a,body.home .sh-header:not(.past-hero) .sh-drop>button,body.home .sh-header:not(.past-hero) .sh-droplink>a,body.home .sh-header:not(.past-hero) .sh-droplink>.sh-drop-toggle{color:#FDF8F0}
  body.home .sh-header:not(.past-hero) .sh-menu>a:hover,body.home .sh-header:not(.past-hero) .sh-drop>button:hover{background:rgba(253,248,240,.14)}
  body.home .sh-header:not(.past-hero) .sh-menu>a.current{color:#FFD45E}
}
/* The menu Book Amanda button carries the same border as the hero buttons: 2px, the hero's cream
   white, fully rounded, on every page (Amanda, 26 Sep 2026). Fill Clementine, text navy, unchanged. */
.sh-cta{border:2px solid #FFFFFF!important;box-sizing:border-box;box-shadow:0 0 0 1.5px rgba(30,77,107,.28),0 2px 8px rgba(30,77,107,.18)!important}   /* pure white ring, with a hairline of ink outside it so the ring reads on the cream bar too */
body.home .sh-header:not(.past-hero) .sh-cta{box-shadow:none!important}   /* over the video the white ring reads on its own */

.sh-kit a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

[hidden]{display:none!important}
/* Phones, every page including the course pages: the wordmark and all three sets of letters stay on one line beside the
   Menu button, a little smaller rather than dropping anything (Amanda, 28 Sep 2026). site.css refines this for the
   pages that load it. */
@media(max-width:430px){.sh-brand{gap:.35rem}.sh-brand-tag{font-size:.6rem;letter-spacing:.1em}.sh-mark{height:1.45rem}}
@media(max-width:360px){.sh-brand{gap:.28rem}.sh-brand-name{font-size:1.05rem}.sh-brand-tag{font-size:.54rem;letter-spacing:.08em}.sh-mark{height:1.3rem}}

/* Keynotes & Workshops dropdown in four categories (Amanda, 29 September 2026): on desktop a two-column panel, one
   category per block, so the sixteen links fit without a scroll; on phones the same list stacks inside the menu. */
.sh-drop-group{display:flex;flex-direction:column;gap:2px}
.sh-droplink .sh-drop-menu .sh-drop-group+.sh-drop-group{margin-top:.4rem}
@media(min-width:1061px){
  .sh-droplink .sh-drop-menu{width:600px;grid-template-columns:1fr 1fr;column-gap:.6rem;row-gap:.5rem;align-items:start}
  .sh-droplink:hover .sh-drop-menu,.sh-droplink:focus-within .sh-drop-menu,.sh-droplink[data-open="true"] .sh-drop-menu{display:grid}
  .sh-droplink .sh-drop-menu .sh-drop-group+.sh-drop-group{margin-top:0}
  .sh-droplink .sh-drop-menu a{font-size:.88rem;padding:7px 12px;line-height:1.3}
}
/* Category name heading each group, and linking to its category page; normal case, as the dropdown rule of 26 Sep has it. */
.sh-drop-menu a.sh-drop-cat{font-size:.84rem;font-weight:700;color:#0A7688;padding:6px 12px}
.sh-drop-menu a.sh-drop-cat:hover{color:#0B7F74}
/* The dropdowns stay open while the pointer travels from the menu word down to the list (Amanda, 29 Sep 2026: the list
   closed in the gap, so it only worked by clicking the arrow). An invisible bridge fills the gap, and the list waits a
   moment before closing. */
.sh-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@media(min-width:1061px){
  .sh-drop .sh-drop-menu{display:flex;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility 0s linear .35s}
  .sh-droplink .sh-drop-menu{display:grid}
  .sh-drop:hover .sh-drop-menu,.sh-drop:focus-within .sh-drop-menu,.sh-drop[data-open="true"] .sh-drop-menu{visibility:visible;opacity:1;transition:opacity .15s ease,visibility 0s}
}
.sh-form-note{grid-column:1/-1;margin:.2rem 0 0;font-size:.78rem;opacity:.85}.sh-form-note a{text-decoration:underline;text-underline-offset:2px}   /* sign-up line under the newsletter forms (Amanda, 3 Oct 2026) */
.sh-footer-bottom nav a+a::before{content:"\00b7";margin-right:1.1rem;opacity:.7}
.sh-subscribe .sh-form-note a,.sh-popup .sh-form-note a{color:inherit;font-weight:600}.sh-subscribe .sh-form-note a:hover{color:var(--sun)}

/* The Shop dropdown (9 Oct 2026): one short column, not the wide two-column Keynotes panel. */
.sh-droplink.sh-single .sh-drop-menu{width:max-content;min-width:250px;grid-template-columns:1fr}
@media(max-width:1120px){.sh-droplink.sh-single .sh-drop-menu{width:auto;min-width:0}}

/* The More drop-down (11 Oct 2026, Amanda): wide enough for the two longer labels on one line, and anchored to its right edge so it can never hang past the screen. */
@media(min-width:1121px){
  .sh-menu>.sh-drop:not(.sh-droplink)>.sh-drop-menu{left:auto;right:0;min-width:290px}
  .sh-menu>.sh-drop:not(.sh-droplink)>.sh-drop-menu a{white-space:nowrap}
}