/* Annie's Creator Studio — creator.css
   Loaded only by creator-studio.php and creator-apply.php.
   Relies on /css/style.css for tokens (--navy, --green, fonts, --radius-card). */

.cs-hero{background:linear-gradient(160deg,var(--navy) 0%,#1D3557 55%,#20456F 100%);color:#fff;padding:64px 0 58px}
.cs-hero h1{color:#fff;font-size:3.05rem;max-width:15ch;margin-bottom:18px;line-height:1.12}
.cs-hero p.sub{color:#C2D6EE;font-size:1.15rem;max-width:57ch;margin:0 0 28px}
@media(max-width:640px){.cs-hero h1{font-size:2.1rem}}

.cs-founder{background:#0E1D33;color:#fff;border-top:3px solid var(--green)}
.cs-founder .wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px 0}
@media(max-width:800px){.cs-founder .wrap{grid-template-columns:1fr}}
.cs-founder h2{color:#fff;font-size:1.7rem;margin-bottom:8px}
.cs-founder p{color:#B9CDE6;margin:0 0 6px;font-size:.98rem}
.cs-badge{display:inline-block;background:var(--green);color:#06210A;font-family:var(--font-headline),sans-serif;font-weight:800;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;padding:6px 13px;border-radius:99px;margin-bottom:12px}
.cs-counter{font-family:var(--font-headline),sans-serif;font-weight:800;color:#fff;font-size:.95rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:9px 16px;border-radius:99px;display:inline-block;margin-top:10px}

.cs-problem{background:#fff;border-bottom:1px solid var(--medium-gray)}
.cs-problem p{font-size:1.05rem;margin:0 0 1.05em}
.cs-pull{font-family:var(--font-headline),sans-serif;font-weight:700;color:var(--navy);font-size:1.42rem;line-height:1.35;border-left:4px solid var(--green);padding-left:20px;margin:30px 0}
.cs-narrow{max-width:800px}

.cs-card .ico{width:40px;height:40px;border-radius:11px;background:var(--light-gray);display:grid;place-items:center;margin-bottom:14px;font-size:1.15rem}

.cs-steps{counter-reset:cs;display:grid;gap:16px;margin-top:24px}
.cs-step{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--medium-gray);border-radius:var(--radius-card);padding:21px 23px}
.cs-step:before{counter-increment:cs;content:counter(cs);font-family:var(--font-headline),sans-serif;font-weight:800;font-size:1.2rem;color:#06210A;background:var(--green);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.cs-step h4{margin:0 0 4px;font-size:1.04rem}
.cs-step p{margin:0;font-size:.93rem;color:#44506B}

/* own two-column grid — do not depend on a .grid-2 that may not exist in style.css */
.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.cs-two{grid-template-columns:1fr}}

.cs-forwho{background:var(--navy);color:#fff}
.cs-forwho h2,.cs-forwho .eyebrow{color:#fff}
.cs-forwho .eyebrow{color:var(--green)}
.cs-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-card);padding:25px}
.cs-box h3{color:#fff;font-size:1.08rem;margin:0 0 4px}
.cs-box ul{margin:12px 0 0;padding-left:20px;color:#C2D6EE;font-size:.94rem}
.cs-box li{margin-bottom:8px}

.cs-faq details{background:#fff;border:1px solid var(--medium-gray);border-radius:12px;padding:16px 19px;margin-bottom:10px}
.cs-faq details[open]{border-color:var(--green)}
.cs-faq summary{font-family:var(--font-headline),sans-serif;font-weight:600;color:var(--navy);cursor:pointer;font-size:.99rem}
.cs-faq details p{font-size:.93rem;color:#44506B;margin:12px 0 0}

.cs-disclaim{background:var(--light-gray);border-radius:var(--radius-card);padding:27px;font-size:.91rem;color:#44506B}
.cs-disclaim h3{font-size:1.03rem;margin:0 0 8px}
.cs-disclaim p{margin:0 0 .9em}
.cs-disclaim p:last-child{margin-bottom:0}

/* ---------- application form ---------- */
.cs-form{background:#fff;border:1px solid var(--medium-gray);border-radius:var(--radius-card);padding:32px;max-width:820px}
.cs-fieldset{border:0;padding:0;margin:0 0 30px}
.cs-fieldset legend{font-family:var(--font-headline),sans-serif;font-weight:700;color:var(--navy);font-size:1.05rem;padding:0;margin-bottom:4px}
.cs-fhint{font-size:.85rem;color:var(--dark-gray);margin:0 0 16px}
.cs-frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.cs-frow{grid-template-columns:1fr}}
.cs-f{display:block;margin-bottom:14px}
.cs-f label{display:block;font-size:.83rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.cs-f .req{color:#C0392B}
.cs-f input,.cs-f select,.cs-f textarea{width:100%;padding:11px 13px;border:1px solid var(--medium-gray);border-radius:10px;font-family:var(--font-body),sans-serif;font-size:.92rem;background:var(--soft-white);color:var(--nearly-black)}
.cs-f input:focus,.cs-f select:focus,.cs-f textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}
.cs-f textarea{min-height:90px;resize:vertical}
.cs-f small{display:block;font-size:.78rem;color:var(--dark-gray);margin-top:5px}
.cs-check{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;background:var(--light-gray);border-radius:12px;padding:14px 16px;margin-bottom:11px;font-size:.87rem;cursor:pointer}
.cs-check input{width:18px;height:18px;margin-top:2px}
.cs-check b{color:var(--navy)}
.cs-floor{background:#FFF4D6;border:1px solid #E8C55E;border-radius:12px;padding:14px 17px;font-size:.86rem;color:#5C4600;margin-bottom:22px}
.cs-floor b{color:#3B2A00}
.cs-error{background:#FDECEA;border:1px solid #E7A9A2;border-radius:12px;padding:14px 17px;font-size:.9rem;color:#7A241A;margin-bottom:22px}
.cs-error b{display:block;margin-bottom:5px}
.cs-error ul{margin:0;padding-left:20px}
.cs-thanks{background:#EDFAEE;border:2px solid var(--green);border-radius:var(--radius-card);padding:34px;max-width:720px}
.cs-thanks h2{margin-top:0}
.cs-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}