/*
Theme Name: Women's Self Defence Network
Theme URI: https://womensselfdefence.com
Author: Women's Self Defence Network
Description: Editorial B2B theme for organisational personal-safety workshops and responsible education.
Version: 1.2.2
Text Domain: wsdn
*/
:root{--ink:#17141b;--muted:#645c69;--pink:#c982c9;--pink-dark:#9c579f;--lilac:#f3e7f4;--paper:#fffaff;--line:#eaddea;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--pink-dark);text-decoration-thickness:2px;text-underline-offset:3px}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{background:#09090b;color:#fff;border-bottom:1px solid #29252c}.header-inner{min-height:92px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand img{width:260px;max-height:76px;object-fit:contain;object-position:left center}.site-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.site-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.94rem}.site-nav a:hover{color:var(--pink)}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #555;padding:8px 12px}.button{display:inline-block;background:var(--pink);color:#160f17;border:0;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:800;line-height:1.2}.button:hover{background:#dfa4dc;color:#160f17}.button.alt{background:transparent;color:#fff;border:1px solid #bfa4c0}.button.dark{background:var(--ink);color:#fff}.hero{background:linear-gradient(115deg,#17131a 0%,#28172c 60%,#53315a 100%);color:#fff;padding:92px 0 100px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.77rem}.hero h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:16px 0 25px}.hero p{font-size:1.2rem;max-width:650px;color:#eee5ee}.hero-card{border:1px solid #745977;background:rgba(255,255,255,.07);padding:30px;border-radius:24px}.hero-card h2{margin-top:0}.section{padding:80px 0}.section.tint{background:var(--lilac)}.section h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}.section-intro{max-width:710px;color:var(--muted);font-size:1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(38,17,42,.05)}.card h3{line-height:1.2;margin-top:0}.card .number{color:var(--pink-dark);font-size:2rem;font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.check-list{padding:0;list-style:none}.check-list li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--pink-dark);font-weight:900}.cta{background:var(--pink);padding:52px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;font-size:2.2rem;line-height:1.15}.site-footer{background:#0d0b0f;color:#e9e0e9;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.site-footer a{color:#e3b5e1}.footer-bottom{border-top:1px solid #322c34;margin-top:40px;padding-top:18px;font-size:.88rem;color:#aaa}.page-hero{background:var(--lilac);padding:68px 0}.page-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0}.content{padding:68px 0}.content-area{max-width:850px}.content-area h2{font-size:2.1rem;line-height:1.15}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.post-card .post-body{padding:23px}.post-card h2{font-size:1.45rem;line-height:1.2;margin:8px 0}.post-meta{color:var(--muted);font-size:.88rem}.resource-lock{background:#17131a;color:#fff;border-radius:18px;padding:40px;text-align:center}.resource-lock h2{margin-top:0}.notice{border-left:4px solid var(--pink);background:#fff;padding:22px 26px;margin:25px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin:0 0 18px}.field label{font-weight:800;display:block;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfc0d0;border-radius:9px;padding:13px;font:inherit;background:#fff}.field textarea{min-height:150px}.screen-reader-text{position:absolute!important;left:-9999px}.alignwide{width:min(100%,1300px);margin-left:auto;margin-right:auto}
@media(max-width:850px){.header-inner{min-height:78px}.brand img{width:220px}.menu-toggle{display:block}.site-nav{display:none;width:100%}.site-nav.open{display:block}.site-nav ul{flex-direction:column;align-items:flex-start;padding:15px 0 20px}.header-inner{flex-wrap:wrap}.hero-grid,.two-col{grid-template-columns:1fr;gap:30px}.hero{padding:62px 0 70px}.cards,.post-grid{grid-template-columns:1fr}.section{padding:58px 0}.cta-inner{display:block}.cta .button{margin-top:20px}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

/* Header navigation v1.0.1 */
.brand-row{min-height:112px;display:flex;align-items:center;justify-content:center}
.brand{display:block;line-height:0}
.brand-row .brand img{display:block;width:340px;max-height:92px;object-fit:contain}
.nav-row{border-top:1px solid #29252c;background:#111014}
.site-nav>.primary-menu{min-height:58px;display:flex;align-items:stretch;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}
.site-nav li{position:relative;display:flex;align-items:stretch}
.site-nav a{display:flex;align-items:center;white-space:nowrap;padding:0 15px;border-bottom:3px solid transparent;font-size:.89rem}
.site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current_page_item>a{color:var(--pink);border-bottom-color:var(--pink)}
.site-nav .menu-contact>a,.site-nav>.primary-menu>li:last-child>a{height:38px;align-self:center;margin-left:8px;padding:0 20px;border:0;border-radius:999px;background:var(--pink);color:#160f17}
.site-nav .sub-menu{display:none;position:absolute;left:0;top:100%;z-index:30;min-width:220px;margin:0;padding:8px;background:#17151a;border:1px solid #302b32;box-shadow:0 16px 32px rgba(0,0,0,.28);list-style:none}
.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:block}
.site-nav .sub-menu li,.site-nav .sub-menu a{display:block}
.site-nav .sub-menu a{padding:11px 14px;border:0}

@media(max-width:1050px){
  .brand-row{min-height:88px;justify-content:space-between}
  .brand-row .brand img{width:255px;max-height:72px}
  .menu-toggle{display:block}
  .site-nav{display:none;width:min(calc(100% - 40px),var(--max))}
  .site-nav.open{display:block}
  .site-nav>.primary-menu{display:block;min-height:0;padding:9px 0 16px}
  .site-nav li{display:block}
  .site-nav a{display:block;padding:12px 4px;border-bottom:1px solid #29252c;white-space:normal}
  .site-nav a:hover,.site-nav .current-menu-item>a,.site-nav .current_page_item>a{border-bottom-color:#544758}
  .site-nav .menu-contact>a,.site-nav>.primary-menu>li:last-child>a{display:inline-block;height:auto;margin:14px 0 0;padding:11px 20px;border:0}
  .site-nav .sub-menu{display:block;position:static;min-width:0;margin:0 0 0 16px;padding:0;border:0;box-shadow:none;background:transparent}
}
@media(max-width:480px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .site-nav{width:min(calc(100% - 28px),var(--max))}
  .brand-row .brand img{width:205px}
  .brand-row{min-height:76px}
  .menu-toggle{padding:8px 11px}
}

/* Editorial imagery v1.1.0 */
.hero{
  position:relative;
  isolation:isolate;
  background-image:linear-gradient(90deg,rgba(10,9,12,.97) 0%,rgba(20,13,22,.91) 37%,rgba(31,17,34,.55) 66%,rgba(31,17,34,.18) 100%),url('assets/hero-workshop.webp');
  background-size:cover;
  background-position:center;
}
.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,9,12,.22))}
.hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.35)}
.visual-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:54px;align-items:center}
.visual-split.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.section-image{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(31,15,34,.14);background:#ddd}
.section-image img{display:block;width:100%;height:410px;object-fit:cover}
.societal-feature{background:#fff}
.post-image{display:block;width:100%;height:220px;object-fit:cover}
.post-card{transition:transform .2s ease,box-shadow .2s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(38,17,42,.11)}

@media(max-width:1050px){
  .hero{background-position:60% center}
  .visual-split,.visual-split.reverse{grid-template-columns:1fr;gap:30px}
  .section-image img{height:min(54vw,430px)}
}
@media(max-width:680px){
  .hero{background-image:linear-gradient(90deg,rgba(10,9,12,.94),rgba(27,15,30,.78)),url('assets/hero-workshop.webp');background-position:64% center}
  .section-image img{height:62vw;min-height:260px}
  .post-image{height:210px}
}

/* Framework page v1.2.0 */
.framework-hero{color:#fff;padding:88px 0;background-image:linear-gradient(90deg,rgba(10,9,12,.98),rgba(27,15,30,.83) 54%,rgba(27,15,30,.38)),url('assets/hero-workshop.webp');background-size:cover;background-position:center}
.framework-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:end}
.framework-hero h1{max-width:780px;margin:12px 0 22px;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.01;letter-spacing:-.05em}
.framework-lead{max-width:740px;font-size:1.2rem;color:#f2eaf2}
.framework-definition{padding:28px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(12,9,13,.68);backdrop-filter:blur(8px)}
.framework-definition strong{display:block;color:var(--pink);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}
.framework-definition p{margin-bottom:0}
.framework-jump{position:sticky;top:0;z-index:15;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(26,14,28,.05)}
.framework-jump .wrap{display:flex;justify-content:center;gap:6px;overflow-x:auto}
.framework-jump a{padding:15px 18px;color:var(--ink);font-size:.88rem;font-weight:800;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.framework-jump a:hover{color:var(--pink-dark);border-bottom-color:var(--pink)}
.framework-intro{background:#fff}
.framework-stage{scroll-margin-top:65px;padding:78px 0;background:#fbf7fb;border-top:1px solid var(--line)}
.framework-stage.alt-stage{background:var(--lilac)}
.stage-grid{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:70px}
.stage-marker{position:sticky;top:95px;align-self:start}
.stage-marker span{display:block;color:var(--pink-dark);font-size:1rem;font-weight:900;letter-spacing:.18em}
.stage-marker h2{margin:4px 0 8px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1;letter-spacing:-.045em}
.stage-marker p{max-width:280px;color:var(--muted);font-weight:700}
.stage-content{max-width:760px}
.stage-content h3{margin:0 0 8px;font-size:1.35rem}
.stage-content h3:not(:first-child){margin-top:32px}
.stage-outcome{margin-top:28px;padding:20px 22px;border-left:4px solid var(--pink);background:#fff}
.principles-section{background:#17131a;color:#fff}
.principles-section h2{max-width:800px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.principle-grid article{padding:25px;border:1px solid #4c3d4f;border-radius:16px;background:#211a23}
.principle-grid h3{margin-top:0;color:var(--pink)}
.principle-grid p{margin-bottom:0;color:#e6dde6}
.evidence-section .content-area{max-width:900px}
.reference-list{padding-left:22px;color:var(--muted)}
.reference-list li{margin:0 0 18px;padding-left:8px;overflow-wrap:anywhere}

@media(max-width:900px){
  .framework-hero-grid,.stage-grid{grid-template-columns:1fr;gap:32px}
  .framework-definition{max-width:640px}
  .stage-marker{position:static}
  .stage-marker p{max-width:none}
  .principle-grid{grid-template-columns:1fr 1fr}
  .framework-jump .wrap{justify-content:flex-start}
}
@media(max-width:600px){
  .framework-hero{padding:62px 0;background-position:62% center}
  .framework-hero h1{font-size:3rem}
  .framework-stage{padding:56px 0}
  .principle-grid{grid-template-columns:1fr}
}