:root{
  --ink:#f2f2f2;
  --bg:#000;
  --teal:#8fd0d0;
  --teal-dark:#6f9aa5;
  --cyan:#00ffef;
  --red:#cb1e22;
  --charcoal:#1a1a1a;
  --grey:#222;
  --muted:#aaa;
  --max:960px;
  --reading:840px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg);scroll-padding-top:1rem}
body{background:var(--bg);color:var(--ink);font-family:'IM Fell DW Pica',Georgia,serif;line-height:1.42;font-size:19px;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,nav.site a,.brandline{font-family:'IM Fell DW Pica',Georgia,serif}
h1,h2,h3,h4{line-height:1.22;margin:0 0 1rem;font-weight:400;letter-spacing:.015em;overflow-wrap:anywhere}
h1{font-size:clamp(1.85rem,3.5vw,2.65rem);color:var(--cyan)}
h2{font-size:clamp(1.45rem,2.5vw,1.95rem);color:var(--cyan)}
h3{font-size:1.3rem;color:var(--teal)}
p{margin:0 0 .9em;overflow-wrap:anywhere}
a{color:var(--teal);text-decoration-thickness:.06em;text-underline-offset:.16em}
a:hover{color:var(--cyan)}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
ul,ol{margin:0 0 1.2em 1.35em}
li{margin-bottom:.35em}
blockquote{margin:0;color:var(--teal);font-family:'IM Fell DW Pica',Georgia,serif;font-size:1.25rem}
button{font:inherit}
.wrap{width:min(calc(100% - 2.4rem),var(--max));margin-inline:auto}
main.wrap{padding-block:2.75rem 5rem}
main.wrap:not(.wide){max-width:var(--reading)}
main>section{margin-bottom:3rem}
main>section:last-child{margin-bottom:0}
.text-column,.picture,.book-description,.edition,.overview-column{min-width:0}
.lead{font-size:1.08rem}
.subtitle{color:var(--teal);font-family:'IM Fell DW Pica',Georgia,serif;font-size:1.2rem;margin-top:-.6rem}

/* Shared identity and compact navigation */
header.site{position:relative;z-index:20}
.home-header{padding-top:2.25rem;text-align:center}
.brand-link{display:inline-block;line-height:0;text-decoration:none}
.home-header .brand{width:min(640px,78vw);margin-inline:auto}
.inner-header{padding-top:1.3rem}
.inner-header .header-row{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:1.5rem}
.inner-header .brand{width:165px}
nav.site{width:max-content;max-width:100%;margin:1.75rem auto 0;background:var(--teal)}
.inner-header nav.site{margin:0 0 0 auto}
nav.site>ul{display:flex;align-items:stretch;justify-content:center;list-style:none;margin:0;padding:0}
nav.site li{position:relative;margin:0;list-style:none}
nav.site a{display:flex;align-items:center;min-height:44px;padding:.58rem .72rem;color:#071313;font-size:.96rem;line-height:1.15;text-decoration:none;white-space:nowrap}
nav.site a:hover,nav.site a:focus-visible,nav.site a[aria-current="page"]{background:var(--teal-dark);color:#000}
.submenu-parent{display:flex;align-items:stretch}
.submenu-parent>a{padding-right:.3rem}
.submenu-toggle{display:grid;place-items:center;width:31px;min-height:44px;border:0;background:transparent;color:#071313;cursor:pointer}
.submenu-toggle:hover{background:var(--teal-dark)}
.submenu-toggle svg{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s ease}
.submenu{position:absolute;top:100%;left:0;z-index:30;display:none;min-width:190px;margin:0;background:var(--teal-dark);list-style:none}
.submenu a{width:100%;padding:.7rem .9rem;white-space:normal}
.has-submenu:hover>.submenu,.has-submenu.submenu-open>.submenu{display:block}
.has-submenu.submenu-open .submenu-toggle svg{transform:rotate(180deg)}
.current-section>.submenu-parent{box-shadow:inset 0 -2px #071313}
.header-rule{display:flex;align-items:center;gap:.85rem;margin-top:1rem}
.header-rule span{flex:1;border-top:1px solid #777}
.header-rule i{display:block;width:13px;height:13px;border:2px solid #aaa;border-radius:50%;box-shadow:inset 0 0 0 2px #000;background:#aaa}
.menu-toggle{display:none;width:46px;height:46px;padding:11px;border:1px solid #555;background:#080808;cursor:pointer;flex-direction:column;justify-content:space-between}
.menu-toggle span{display:block;width:100%;height:2px;background:var(--teal)}

/* Media, forms and common links */
.media-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}
.media-frame iframe,.media-frame video{display:block;width:100%;height:100%;margin:0;border:0;object-fit:contain}
.form-wrap{width:100%;min-width:0}
iframe.form-embed{display:block;width:100%;max-width:100%;margin:0;border:0;background:#fff}
.brush-link,.audience-link,.gendai-link,.gold-link,.join-link,.sponsorship-link{display:block;line-height:0;text-decoration:none}
.brush-link img,.audience-link img,.gendai-link img,.gold-link img,.join-link img,.sponsorship-link img{width:100%;margin:0}
.brush-link,.audience-link,.gendai-link,.gold-link,.join-link{transition:filter .18s ease,transform .18s ease}
.brush-link:hover,.audience-link:hover,.gendai-link:hover,.gold-link:hover,.join-link:hover{filter:brightness(1.12);transform:translateY(-2px)}
.social-row{display:flex;align-items:center;justify-content:center;gap:1.4rem}
.social-link{display:block;width:38px;height:38px;line-height:0}
.social-link img{width:100%;height:100%;margin:0;object-fit:contain}

/* Homepage */
.home-main{max-width:1100px}
.home-video{max-width:920px;margin-inline:auto}
.home-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:930px;margin:3.25rem auto 2rem}
.home-pair img{width:100%;margin:0}
.welcome-copy{max-width:900px;margin:0 auto 3.5rem;text-align:center;font-size:1.08rem}
.welcome-copy p{margin:0}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem;max-width:850px;margin:0 auto 4rem}
.audience-grid .teacher-link{grid-column:1/-1;width:calc(50% - 1.5rem);justify-self:center}
.home-main>.social-row{margin-bottom:3rem}
.home-contact{text-align:center;font-size:.9rem;color:var(--teal)}
.home-contact p{margin-bottom:.35rem}

/* Students */
.premium-banner{margin-bottom:0!important;background:var(--red);text-align:center}
.premium-banner h1{margin:0;padding:.45rem 1rem;color:#090909;font-size:clamp(1.25rem,2.5vw,1.85rem)}
.student-hero{margin-bottom:0!important}
.student-hero img{width:100%;max-height:670px;object-fit:cover;object-position:center 32%}
.student-core{margin-bottom:3.5rem!important}
.student-core>h2{margin:0;padding:.35rem 1rem;background:var(--red);color:#090909;text-align:center;font-size:1.45rem}
.core-copy{padding:1rem 1.4rem;background:var(--grey);text-align:center}
.core-copy p{margin:0}
.core-logos{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:760px;margin:2rem auto 0}
.core-logos img{width:100%}
.training-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;max-width:880px;margin:0 auto 3.75rem}
.community-media-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:2.5rem}
.resource-stack{display:grid;gap:.75rem}
.concept-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}
.concept-summary img{width:100%}
.training-layout{display:grid;grid-template-columns:1.35fr .65fr;align-items:start;gap:3rem}
.training-copy h2{font-size:1.25rem;color:var(--teal)}
.training-copy p{padding-top:.85rem;border-top:1px solid #292929}
.training-copy p>span>span:first-child{display:block;margin-bottom:.2rem;color:var(--red)}
.shoshin-panel{position:sticky;top:1rem}
.shoshin-panel img{width:100%}
.student-group-photo img{width:100%;max-width:1050px;margin-inline:auto}
.pricing-sponsor{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem}
.pricing-sponsor img{width:100%}
.student-self-defence{max-width:1000px;margin-inline:auto}
.student-self-defence img{width:100%}
.student-application{max-width:920px;margin-inline:auto}

/* Practitioners */
.practitioner-hero{max-width:1050px;margin-inline:auto}
.practitioner-hero img{width:100%}
.split-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);align-items:center;gap:3rem}
.feature-logo img{width:100%;max-width:360px;margin-inline:auto}
.practitioner-video{max-width:960px;margin:4rem auto}
.research-section{max-width:1000px}
.text-link-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.text-link-row a{flex:1;min-width:150px;padding:.55rem 1rem;background:var(--teal);color:#071313;text-align:center;text-decoration:none}
.text-link-row a:hover{background:var(--cyan);color:#000}
.practitioner-topics{max-width:1000px}
.topic{padding-top:1.5rem;border-top:1px solid #252525;margin-bottom:2rem}
.topic h2{font-size:1.25rem;color:var(--teal)}

/* Teachers */
.teacher-hero img,.teacher-scheme-logo img{width:100%}
.teacher-scheme-logo{max-width:980px;margin-inline:auto}
.teacher-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:3.5rem}
.teacher-concept h2{margin-top:1.5rem;font-size:1.2rem;color:var(--teal)}
.teacher-book{display:grid;grid-template-columns:145px 1fr;align-items:start;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #292929}
.teacher-book .book-cover{margin:0}
.teacher-book .book-cover img{width:100%}
.teacher-steps p:first-child{color:var(--teal)}
.teacher-application{max-width:920px;margin:4rem auto 0}

/* Bonsaikarate */
.bonsai-hero img{width:100%}
.bonsai-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:3rem}
.intro-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:0;list-style:none}
.intro-gallery li{margin:0}
.intro-gallery li:last-child{grid-column:1/-1;width:100%;justify-self:center}
.intro-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}
.brush-divider{width:100%;margin:0 0 2.75rem}
.brush-divider img{width:100%;margin:0}
.bonsai-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:3.5rem}
.bonsai-column h2{margin-top:1.6rem;font-size:1.25rem;color:var(--teal)}
.bonsai-column h2:first-child{margin-top:0}
.bonsai-column p,.bonsai-column li{font-size:.95rem}
.bonsai-column img{width:100%}
.book-post{margin-bottom:2rem}
.mood-picture{margin-top:2rem}
.join-link{max-width:260px;margin:1.5rem auto}
.discover-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}
.discover-feature img{width:100%}
.join-banner{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:2rem;max-width:700px;margin-inline:auto}
.join-banner .join-link{width:100%;margin:0}
.community-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}
.community-feature img{width:100%}
.bonsai-contact{max-width:760px;margin-inline:auto;text-align:center}
.bonsai-contact h2{color:var(--teal)}
.bonsai-application{max-width:920px;margin-inline:auto}

/* Your Karate */
.your-karate-heading h1{max-width:850px}
.your-karate-hero{max-width:940px;margin-inline:auto}
.your-karate-hero img{width:100%}
.karate-concept{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem}
.karate-concept img{width:100%}
.concept-links{display:grid;gap:1rem}
.your-training-cta{margin-top:3rem}
.instructor-section{margin-block:2rem 3.5rem}
.instructor-box{max-width:720px;margin-inline:auto;padding:1.35rem 1.55rem;background:var(--charcoal);border-left:4px solid var(--red)}
.instructor-box h2{margin-bottom:.35rem;font-size:1.45rem}
.instructor-box h3{margin-bottom:.15rem;color:var(--ink);font-size:1.2rem}
.instructor-box .instructor-role{margin-bottom:.85rem;color:var(--teal);font-size:.92rem}
.instructor-box p:last-child{margin:0;font-size:.96rem}
.reading-intro{max-width:900px}
.reading-overview{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:4rem;font-size:.94rem}
.overview-column h3{margin-bottom:.8rem;font-size:1.15rem}
.overview-column p a{display:block}
.kickoff-panel{margin-block:3.5rem}
.kickoff-panel img{width:100%}
.reading-section{margin-bottom:4rem}
.two-col-text{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:3rem}
.section-illustration{max-width:760px;margin:1.5rem auto 0}
.section-illustration img{width:100%}
.health-visuals{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:1.5rem;margin-top:2rem}
.health-visuals img{width:100%}
.tradition-section,.shape-section,.challenge-section{grid-template-columns:1fr 1fr}
.curriculum-image img{width:100%}

/* Books — the editorial HTML panel from the old site */
main.books-main{max-width:1050px;margin-block:2.75rem 5rem;padding:2.75rem clamp(1.25rem,4vw,3.5rem);background:var(--charcoal)}
.books-main .bookstore-header{padding-bottom:2rem;border-bottom:1px solid #683438;text-align:center}
.bookstore-kicker{margin-bottom:.25rem;color:#bbb;font-family:'IM Fell DW Pica',Georgia,serif;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}
.bookstore-header h1{margin:0;color:var(--red);font-size:1.55rem;letter-spacing:.13em}
.bookstore-header p:last-child{margin:.65rem 0 0;color:#ddd;font-family:'IM Fell DW Pica',Georgia,serif;font-style:italic}
.books-main .book-section{margin:0;padding:2.75rem 0;border-bottom:1px solid #342627;text-align:center}
.books-main .book-section:last-child{border-bottom:0;padding-bottom:0}
.book-section>h2{margin-bottom:.35rem;color:var(--ink);font-size:1.65rem}
.book-subtitle{margin-bottom:2rem;color:#bbb;font-family:'IM Fell DW Pica',Georgia,serif;font-size:.95rem;font-style:italic}
.book-feature-body{display:grid;grid-template-columns:230px 1fr;align-items:start;gap:2.5rem;text-align:left}
.book-cover img{width:100%;max-width:235px;margin-inline:auto}
.book-description p,.edition>p{font-size:.92rem;line-height:1.45}
.book-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.25rem}
.book-links a{display:inline-block;padding:.45rem .7rem;border:1px solid #666;color:#ddd;font-size:.68rem;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.book-links a:hover{border-color:var(--teal);color:var(--teal)}
.book-description .book-links{justify-content:flex-start}
.editions-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:3rem}
.edition h3{min-height:2.4rem;margin-bottom:1.25rem;color:var(--ink);font-size:1.1rem}
.edition .book-cover{margin-bottom:1.5rem}
.edition>p{text-align:left}

/* Gear */
.gear-main{max-width:1180px}
.shop-intro{margin-bottom:1.25rem!important;text-align:right}
.shop-direct{display:inline-block;padding:.45rem .8rem;border:1px solid var(--teal);font-size:.85rem;text-decoration:none}
.shop-frame{width:100%;min-height:1100px;background:#fff}
.shop-frame iframe{display:block;width:100%;height:1400px;margin:0;border:0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.75fr 1.5fr;align-items:start;gap:3rem}
.contact-details h1{font-size:1.45rem;color:var(--teal)}
.contact-details p{font-size:.95rem}
.contact-details p span{display:block}
.contact-details .social-row{display:grid;grid-template-columns:repeat(2,40px);justify-content:start;gap:1rem 1.4rem;margin:2rem 0}
.data-protection-link{display:inline-block;max-width:145px;line-height:0}
.data-protection-link img{width:100%}
.contact-video{margin-top:.25rem}

/* Standard pages */
.standard-main>img,.standard-main>p>img,.standard-main>a>img{margin:0 auto 1.5rem}
.standard-main>p:first-child>h1,.standard-main>h1:first-child{margin-top:0}
.standard-main .media-frame{margin-block:1.75rem}
.standard-main .form-embed{margin-block:1rem}

footer.site{border-top:1px solid #2a2a2a;padding:2.5rem 0;text-align:center;color:#888;font-size:.88rem}
footer.site p{margin:0}
footer.site a{color:var(--teal)}

@media(max-width:1100px){
  .home-header{padding-top:1.5rem}
  .inner-header .header-row{grid-template-columns:1fr auto;gap:1rem}
  .inner-header .brand{width:155px}
  .js header.site .menu-toggle{display:flex}
  .home-header .menu-toggle{position:absolute;top:1rem;right:1.2rem}
  .inner-header .menu-toggle{align-self:center}
  nav.site{width:100%;margin-top:1rem}
  .inner-header nav.site{grid-column:1/-1;margin:0}
  .js header.site nav.site{display:none}
  .js header.site.nav-open nav.site{display:block}
  nav.site>ul{flex-direction:column;align-items:stretch}
  nav.site a{width:100%;padding:.75rem 1rem;font-size:1.05rem;white-space:normal}
  .submenu-parent>a{flex:1}
  .submenu-toggle{width:48px}
  .submenu{position:static;display:none;width:100%;min-width:0;box-shadow:none}
  .has-submenu:hover>.submenu{display:none}
  .has-submenu.submenu-open>.submenu{display:block}
  .submenu a{padding-left:2rem}
  .current-section>.submenu-parent{box-shadow:none}
  .no-js nav.site{display:block}
}

@media(max-width:800px){
  body{font-size:18px;line-height:1.45}
  .wrap{width:min(calc(100% - 2rem),var(--max))}
  main.wrap{padding-block:2rem 3.5rem}
  main>section{margin-bottom:2.5rem}
  .home-pair,.community-media-grid,.concept-summary,.training-layout,.pricing-sponsor,
  .split-feature,.teacher-columns,.bonsai-intro,.bonsai-columns,.discover-feature,
  .community-feature,.karate-concept,.reading-overview,.two-col-text,.health-visuals,
  .contact-grid{grid-template-columns:1fr;gap:1.75rem}
  .home-pair{max-width:600px}
  .welcome-copy{text-align:left}
  .shoshin-panel{position:static;max-width:560px}
  .feature-logo{max-width:520px}
  .practitioner-video{margin-block:2.5rem}
  .teacher-book{max-width:580px}
  .intro-gallery{max-width:620px}
  .brush-divider{margin-bottom:2rem}
  .reading-overview{gap:1rem}
  .overview-column+ .overview-column{padding-top:1.5rem;border-top:1px solid #292929}
  .health-visuals{max-width:650px}
  .contact-details .social-row{grid-template-columns:repeat(4,40px);justify-content:start}
  .contact-video{margin-top:0}
  main.books-main{margin-block:2rem 3.5rem;padding:2rem 1.25rem}
  .book-feature-body{grid-template-columns:180px 1fr;gap:1.5rem}
  .editions-grid{gap:1.5rem}
  .shop-frame iframe{height:1250px}
}

@media(max-width:600px){
  h1{font-size:1.85rem}
  h2{font-size:1.45rem}
  .home-header .brand{width:min(76vw,480px)}
  .home-pair,.core-logos,.audience-grid,.training-cta-grid,.join-banner,
  .book-feature-body,.editions-grid{grid-template-columns:1fr}
  .home-pair{gap:1.25rem}
  .audience-grid{gap:1.5rem}
  .audience-grid .teacher-link{grid-column:auto;width:100%}
  .home-main>.social-row{gap:1.25rem}
  .training-cta-grid{max-width:440px;gap:1.25rem}
  .core-logos{max-width:480px;gap:1.25rem}
  .community-media-grid{gap:1.25rem}
  .resource-stack{max-width:420px}
  .concept-summary{gap:1.25rem}
  .text-link-row{flex-direction:column}
  .text-link-row a{width:100%}
  .teacher-book{grid-template-columns:120px 1fr;gap:1rem}
  .intro-gallery{grid-template-columns:repeat(3,1fr)}
  .intro-gallery li:last-child{grid-column:auto;width:100%}
  .join-banner{max-width:440px}
  .join-banner .join-link{max-width:240px}
  .reading-section{margin-bottom:3rem}
  .instructor-box{padding:1.2rem}
  .bookstore-header h1{font-size:1.35rem}
  .book-feature-body{text-align:left}
  .book-feature-body .book-cover{max-width:220px;margin-inline:auto}
  .edition h3{min-height:0}
  .edition .book-cover{max-width:240px;margin-inline:auto}
  .editions-grid{gap:2.5rem}
  .shop-intro{text-align:center}
  .shop-frame iframe{height:1150px}
  .contact-details .social-row{grid-template-columns:repeat(4,38px)}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}


/* Editorial subpages and the November design round */
.reading-measure{max-width:760px}
.why-summary img,.why-mindmap img{width:100%}
.why-comic{max-width:650px}
.why-comic img{width:100%}
.community-intro .feature-logo{max-width:360px;justify-self:center}
.community-intro .feature-logo img{width:100%}
.community-diagrams{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:2rem}
.community-diagrams img{width:100%}
.community-copy h2{margin-top:2.25rem}
.community-mark{max-width:95px;opacity:.72}
.book-page-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}
.book-page-cover img{width:100%}
.book-page-copy h1{color:var(--ink)}
.bookstore-callout{margin-top:1.5rem}
.bookstore-callout a{display:inline-block;padding:.6rem .9rem;border:1px solid var(--teal);text-decoration:none}
.bookstore-callout a:hover{border-color:var(--cyan)}

/* Jukuren */
.jukuren-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}
.jukuren-mark img{width:100%}
.jukuren-video-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}
.jukuren-photo img{width:100%}
.jukuren-induction{padding:2rem clamp(1.25rem,3vw,2.5rem);background:var(--teal);color:#071313}
.jukuren-induction p:last-child{margin-bottom:0}
.jukuren-application{max-width:900px;margin-inline:auto}

/* For You */
main.foryou-main{max-width:900px;margin-block:2.5rem 5rem;padding:2.5rem clamp(1.25rem,4vw,3rem);background:#151515}
.foryou-main section{margin-bottom:2.5rem}
.foryou-main section:last-child{margin-bottom:0}
.foryou-intro h1{color:var(--ink);font-size:clamp(2.1rem,4.5vw,3.1rem)}
.foryou-intro h1>span{display:block;color:var(--red)}
.foryou-intro p{max-width:780px}
.foryou-cta{margin-top:1.5rem}
.foryou-button{display:inline-block;padding:.65rem 1rem;background:var(--red);color:#fff;font-size:.9rem;letter-spacing:.04em;line-height:1.2;text-decoration:none;text-transform:uppercase}
.foryou-button:hover{background:#e20001;color:#fff}
.foryou-image img,.foryou-group img{width:100%}
.foryou-section>h2{padding-bottom:.45rem;border-bottom:1px solid #333;color:var(--red)}
.foryou-panel{padding:1.35rem 1.5rem;background:#1f1f1f;border-left:3px solid var(--red)}
.foryou-panel p:last-child,.foryou-panel ul:last-child{margin-bottom:0}
.warning-panel>p:first-child{color:var(--ink);font-size:1.15rem}
.foryou-pricing{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem}
.price-panel .foryou-button{margin-top:.5rem}
.foryou-contact .foryou-button{background:#2a2a2a}
.foryou-contact p:last-child{color:var(--muted);font-size:.9rem}
.instructor-card{max-width:540px;border:1px solid #333;border-left:3px solid var(--red)}
.instructor-card h3{color:var(--ink)}

/* Imported induction and referral pages */
.import-hero{max-width:600px;margin-inline:auto}
.import-hero img{width:100%}
.import-heading{margin-bottom:2rem;text-align:center}
.import-kicker{margin-bottom:.15rem;color:var(--teal)}
.import-heading h1{color:var(--red);font-size:clamp(1.75rem,3.5vw,2.35rem)}
.import-main h3{margin-top:1.75rem;color:var(--teal)}
.import-process ol,.import-agreement ul{padding-left:.35rem}
.import-process li,.import-agreement li{margin-bottom:.65rem}
.sponsorship-panel{margin-block:2rem}
.sponsorship-panel blockquote{padding:1.25rem 1.4rem;background:var(--charcoal);border-left:3px solid var(--red);color:var(--ink);font-family:inherit;font-size:1rem}
.sponsorship-panel blockquote p:last-child{margin-bottom:0}
.import-application{margin-top:2rem}

@media(min-width:801px){
  .split-feature{align-items:start}
  .split-feature>.feature-logo{position:sticky;top:1rem;align-self:start}
}

@media(max-width:800px){
  .book-page-feature,.jukuren-hero,.jukuren-video-grid,.community-diagrams{grid-template-columns:1fr;gap:1.75rem}
  .book-page-cover{max-width:560px}
  .community-intro .feature-logo{justify-self:start}
  main.foryou-main{margin-block:2rem 3.5rem;padding:2rem 1.25rem}
}

@media(max-width:600px){
  .foryou-pricing{grid-template-columns:1fr}
  .foryou-button{width:100%;text-align:center}
  .foryou-contact .foryou-button{width:auto}
  .jukuren-induction{padding:1.5rem 1.25rem}
  .import-heading{text-align:left}
}


/* Instructor Course and Self Security repairs */
.course-hero img,.course-panel img{width:100%}
.instructor-core{max-width:720px;margin-inline:auto}
.instructor-core img{width:100%}
.instructor-contact{max-width:720px;margin-inline:auto;text-align:center}
.instructor-application{max-width:900px;margin-inline:auto}
.self-security-hero img,.self-security-overview img,.self-security-banner img{width:100%}
.self-security-title{max-width:720px;margin-inline:auto}
.self-security-title img{width:100%}
.self-security-classes{max-width:760px}
.self-security-booking{max-width:780px;margin-inline:auto;padding:1.5rem 1.6rem;background:var(--charcoal);border-left:4px solid var(--red)}
.self-security-booking h2{margin-bottom:.8rem;font-size:1.55rem}
.self-security-booking p:last-child{margin-bottom:0}
.self-security-instructor{margin-block:2.5rem}
@media(max-width:600px){
  .self-security-booking{padding:1.25rem}
}


/* Sign-up elegance, parchment joins and centred contact details */
.signup-main .signup-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;margin-bottom:2.25rem}
.signup-main .signup-hero>img{width:100%}
.signup-main .import-heading{margin:0;text-align:center}
.signup-main .import-heading h1{color:var(--ink);font-size:clamp(1.8rem,3.2vw,2.5rem)}
.signup-rule{display:flex;align-items:center;gap:.85rem;margin:0 auto 3rem}
.signup-rule span{flex:1;border-top:1px solid #777}
.signup-rule i{display:block;width:13px;height:13px;border:2px solid #aaa;border-radius:50%;box-shadow:inset 0 0 0 2px #000;background:#aaa}
.signup-main>.import-intro,.signup-main>.import-process,.signup-main>.import-agreement,
.signup-main>.sponsorship-panel,.signup-main>.import-application,
.signup-main>.signup-body,.signup-main>.signup-application{max-width:640px;margin-inline:auto}
.signup-main .signup-application .form-wrap{margin-bottom:1.5rem}
main.instructor-course-main .course-hero,main.instructor-course-main .course-panel{margin-bottom:0!important}
.contact-details{text-align:center}
.contact-details .social-row{justify-content:center}
@media(max-width:800px){
  .signup-main .signup-hero{grid-template-columns:1fr;gap:1.5rem}
  .signup-main .signup-hero>img{max-width:620px;margin-inline:auto}
  .signup-main>.import-intro,.signup-main>.import-process,.signup-main>.import-agreement,
  .signup-main>.sponsorship-panel,.signup-main>.import-application,
  .signup-main>.signup-body,.signup-main>.signup-application{max-width:100%}
  .signup-rule{margin-bottom:2rem}
}
