/*
Theme Name: KAI Academy
Author: KSJ Growth
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
Description: Lightweight editable KAI Academy block theme.
*/
:root{color-scheme:dark;--green:#b5ff26;--ink:#070909;--muted:#b9c1bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:#f5f8f1;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:5px}.review{font-size:10px;letter-spacing:2px;text-align:center;padding:8px;background:#192119;color:var(--green)}header{max-width:1320px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:23px;letter-spacing:1px;text-decoration:none}.brand span{font-size:13px;color:var(--green)}.brand img{border-radius:50%}nav{display:flex;gap:26px;align-items:center;font-size:13px}nav a{text-decoration:none}nav button,.secondary{border:1px solid #52604c;background:transparent;border-radius:9px;padding:12px 18px;color:white}.skip{position:absolute;left:20px;top:-100px;z-index:3}.skip:focus{top:20px;background:black;padding:12px}main>section{max-width:1240px;margin:auto;padding:85px 40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:45px;padding-bottom:70px;align-items:center}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(42px,5.2vw,70px);line-height:1.04;letter-spacing:-3px;margin:26px 0}h1 span,.last span{color:var(--green)}h2{font-size:clamp(32px,3.8vw,49px);line-height:1.1;letter-spacing:-1.7px;margin:18px 0 28px}h3{font-size:24px;line-height:1.2;margin:24px 0 12px}p{color:var(--muted)}.intro{font-size:16px;max-width:490px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 20px}.primary{background:var(--green);border:1px solid var(--green);color:#0b1400;text-decoration:none;border-radius:8px;padding:15px 20px;font-weight:700;display:inline-block;font-size:14px}.secondary{text-decoration:none;font-size:14px}.small{font-size:11px}.hero-art{height:580px;border-radius:28px;border:1px solid #38334f;background:linear-gradient(180deg,#05061133,#06090c22),url('assets/gym.webp') center/cover;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 75px #5330ee16}.room-label{position:absolute;top:22px;left:24px;font-size:12px;font-weight:700;letter-spacing:1px}.room-label span{display:block;font-size:9px;color:#a4b0c5;margin-top:5px}.kai{width:66%;height:auto;border-radius:50%;box-shadow:0 0 60px #aaff2233;animation:float 5s ease-in-out infinite}.speech{position:absolute;bottom:65px;background:#101514eb;border:1px solid #a6de6066;border-radius:12px;padding:12px 17px;font-size:13px;max-width:90%}.art-caption{position:absolute;bottom:12px;font-size:10px;color:#d5d5df}.ticker{display:flex;justify-content:space-evenly;gap:20px;padding:26px 20px;background:#10150e;border-block:1px solid #2b3525;font-size:12px;letter-spacing:2px;color:#c0ceaf;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.card{border:1px solid #35333f;border-radius:18px;padding:28px;min-height:295px;background:#141119}.purple{background:linear-gradient(130deg,#251735,#101413)}.blue{background:linear-gradient(130deg,#112d3c,#101413)}.pink{background:linear-gradient(130deg,#36192f,#101413)}.number{color:#c9c0d4;font-size:10px;letter-spacing:2px}.card p{font-size:14px}.card a,.card button{font-size:12px;background:none;border:0;color:#fff;padding:10px 0;text-decoration:underline;text-underline-offset:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.screenshot{background:radial-gradient(ellipse,#553073,#16101e 70%);border-radius:22px;max-height:510px;overflow:hidden;display:flex;justify-content:center;padding-top:40px}.screenshot img{width:65%;height:auto;object-fit:contain;object-position:top;align-self:flex-start;border:6px solid #252829;border-radius:28px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{font-size:12px;border:1px solid #475044;border-radius:25px;padding:8px 15px}.challenge{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#131a0e;border-radius:20px}.challenge fieldset{border:0;padding:0}.challenge legend{font-size:12px;margin-bottom:16px}.challenge button{display:block;width:100%;padding:18px;text-align:left;border:1px solid #506340;background:#1b2615;border-radius:12px;color:white;margin:12px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps b{font-size:35px;color:var(--green)}.steps h3{font-size:20px}.steps p{font-size:14px}.family{border:1px solid #2c403e;border-radius:20px;background:linear-gradient(125deg,#102126,#11180e)}.family p{max-width:880px}.last{text-align:center;padding-block:110px}footer{border-top:1px solid #30352d;padding:40px max(40px,calc((100vw - 1160px)/2)) 100px;font-size:12px}footer>a{margin-right:25px}footer strong{color:var(--green);letter-spacing:3px}.float{position:fixed;bottom:20px;right:20px;border-radius:40px;padding:15px 22px;border:1px solid #c9ff6b;background:var(--green);color:#121a09;font-weight:bold;box-shadow:0 8px 30px #0007}dialog{width:min(540px,calc(100% - 24px));max-height:90dvh;border:1px solid #658344;border-radius:20px;background:#121813;padding:30px;color:#fff}dialog::backdrop{background:#000b}dialog h2{font-size:29px}dialog p{font-size:13px}.close{float:right;background:none;border:1px solid #53654c;color:white;border-radius:8px;font-size:24px;width:44px;height:44px}label{display:block;font-size:12px;margin:14px 0}select{display:block;width:100%;padding:12px;margin-top:5px;border:1px solid #60734d;border-radius:8px;background:#1b2516;color:#fff}#copy{padding:12px;background:#b5ff26;color:black;border:0;border-radius:8px}#prompt{white-space:pre-wrap;color:white}#feedback{min-height:55px;color:var(--green)}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:760px){header{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:16px}nav{gap:16px;flex-wrap:wrap;font-size:12px}nav button{padding:8px 12px}.hero,.split,.challenge{grid-template-columns:1fr;gap:35px}main>section{padding:55px 22px}.hero{padding-top:20px}h1{letter-spacing:-2px}.hero-art{height:440px}.cards{grid-template-columns:1fr}.card{min-height:220px}.steps{grid-template-columns:1fr 1fr;gap:22px}.split{gap:35px}.screenshot{max-height:400px}.screenshot img{width:58%}.ticker{font-size:10px}.family,.challenge{border-radius:0}.review{font-size:8px}footer{padding-inline:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kai{animation:none}}

/* Native WordPress block layouts */
.wp-site-blocks{padding:0}.academy-main{margin:0!important}.academy-main>.wp-block-post-content>section{max-width:1240px;margin:0 auto;padding:75px 40px}.academy-main>.wp-block-post-content>.hero{padding-top:40px}.academy-main>.wp-block-post-content>.ticker{max-width:none;padding:20px;text-align:center}.academy-main .wp-block-group{box-sizing:border-box}.hero-art figure.kai{margin:0;width:66%;height:auto}.hero-art .kai img{width:100%;height:auto;display:block;border-radius:50%}.hero-art .room-label{color:white}.hero .wp-block-buttons{display:inline-flex;margin:7px 10px 7px 0}.wp-block-buttons>.wp-block-button{padding:0;border:0;background:none}.wp-block-button__link{display:inline-block;background:transparent;border:1px solid #647357;border-radius:9px;padding:12px 18px;color:#fff!important;text-decoration:none;font-size:14px}.primary .wp-block-button__link{background:#b5ff26;color:#102000!important;border-color:#b5ff26;font-weight:bold}.page-intro{max-width:1160px}.page-intro h1{font-size:clamp(38px,5vw,65px);max-width:850px}.page-intro .intro{max-width:760px}.portrait{margin:0}.portrait img{width:min(100%,450px);height:auto;border-radius:50%}.map-cards{grid-template-columns:repeat(4,1fr)}.skill-cards{grid-template-columns:repeat(2,1fr)}.steps .card{min-height:0;padding:20px}.steps{gap:15px}.steps h3{margin-top:0}.steps .card p{font-size:14px}.wp-block-details{border-bottom:1px solid #44513a;padding:20px 0}.wp-block-details summary{font-size:19px;cursor:pointer;min-height:44px}.wp-block-details p{max-width:850px}.academy-header{width:100%;max-width:1240px;margin:auto}.academy-header .brand a{text-decoration:none}.academy-footer p{max-width:1000px}.academy-footer{width:100%}.policy-draft{border-left:4px solid #e5bf6a;padding:15px;color:#f5db9f;background:#332913}.review{font-size:10px}.screenshot{margin:0}figure img{max-width:100%;height:auto}.hero-art .speech{max-width:90%;font-size:13px;bottom:55px}.hero-art .art-caption{margin:0;color:#d5d5df}.wp-block-post-content>section>h2~h2{margin-top:50px}.wp-block-navigation a{font-size:14px}.wp-block-navigation__responsive-container.is-menu-open{background:#101810!important;color:#fff!important}footer a{color:#c5ff73}.small{font-size:12px}
@media(max-width:950px){.map-cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.academy-main>.wp-block-post-content>section{padding:48px 22px}.academy-main>.wp-block-post-content>.hero{padding-top:20px}.academy-main .hero-art{height:440px}.academy-main .hero-art .kai{width:60%}.map-cards,.skill-cards{grid-template-columns:1fr}.hero .wp-block-buttons{display:flex}.hero-art .speech{font-size:12px}.academy-header{gap:12px}.screenshot{max-height:460px}.screenshot img{width:70%}}
