.studio-affiliates{--sa-accent:#6554c0;max-width:1120px;margin:0 auto;padding:28px 24px 72px;color:#252331;font-family:Inter,system-ui,sans-serif;line-height:1.65}
.studio-affiliates *{box-sizing:border-box}.studio-affiliates a{color:var(--sa-accent)}
.sa-nav,.sa-nav>div{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.sa-nav{padding-bottom:24px;border-bottom:1px solid #e8e5ee}.sa-nav>a{font-size:22px;text-decoration:none;color:#252331}
.sa-hero{padding:64px 0 40px;max-width:860px}.sa-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--sa-accent)}.sa-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.13;letter-spacing:-.035em;margin:16px 0 24px}.sa-hero h1 span{color:var(--sa-accent)}.sa-hero>p:not(.sa-eyebrow){max-width:700px;font-size:18px}.studio-affiliates .sa-button{display:inline-block;background:var(--sa-accent);color:#fff;border-radius:12px;padding:13px 22px;font-weight:600;text-decoration:none;margin:12px 0}.studio-affiliates a:focus-visible{outline:3px solid #6554c0;outline-offset:4px}.sa-hero .sa-note{font-size:14px!important;color:#686371}.sa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sa-card{border:1px solid #e8e5ee;background:#faf9fd;border-radius:18px;padding:28px;min-width:0}.sa-card h2{font-size:22px;line-height:1.3;margin:0 0 14px}.sa-card p:last-child{margin-bottom:0}.sa-section{margin-top:24px}.sa-section h2:not(:first-child){margin-top:28px}.sa-section li+li{margin-top:10px}.studio-affiliates input:not([type=checkbox]):not([type=radio]),.studio-affiliates textarea,.studio-affiliates select{max-width:100%;border:1px solid #bbb5cb;border-radius:8px;padding:10px}.studio-affiliates #affwp-affiliate-dashboard{overflow-x:auto}.studio-affiliates #application{scroll-margin-top:32px}@media(max-width:640px){.studio-affiliates{padding:20px 16px 48px}.sa-grid{grid-template-columns:1fr}.sa-card{padding:22px}.sa-hero{padding-top:36px}.sa-nav,.sa-nav>div{gap:16px}}
@media(max-width:360px){.diyai-affiliate-page .site-header__bar{gap:4px}}
.studio-affiliates{--sa-accent:#295336}.studio-affiliates .sa-card{background:#f6f8f1}.sa-table-wrap{overflow-x:auto;max-width:100%}.sa-table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.sa-table-wrap th,.sa-table-wrap td{padding:10px;text-align:left;border-bottom:1px solid #dedfd7}.studio-affiliates #sa-referral-link{width:100%}.studio-affiliates label{display:block;margin-top:14px}.studio-affiliates .affwp-form input:not([type=checkbox]),.studio-affiliates .affwp-form textarea,.studio-affiliates .affwp-form select{width:100%}.studio-affiliates #affwp-affiliate-dashboard-tabs{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.studio-affiliates .sa-button{border:0;cursor:pointer;font-size:inherit}
/* Affiliate pages share Studio's visual language and navigation shell. */
.diyai-affiliate-page .sw .studio-affiliates{--sa-accent:var(--sw-green);width:100%;max-width:1240px;padding:0 0 80px;color:var(--sw-ink);font-family:Arial,Helvetica,sans-serif}.diyai-affiliate-page .sw .sa-nav{justify-content:flex-start;gap:8px;border-bottom:0;padding:0}.diyai-affiliate-page .sw .sa-nav a{font-size:13px;padding:9px 15px;border-radius:8px;text-decoration:none;color:var(--sw-muted)}.diyai-affiliate-page .sw .sa-nav a[aria-current=page]{background:var(--sw-soft);color:var(--sw-green)}.diyai-affiliate-page .sw .sa-hero{padding:48px 0 38px;max-width:940px}.diyai-affiliate-page .sw .sa-eyebrow{font-size:11px;font-weight:400;letter-spacing:1.8px;color:var(--sw-muted)}.diyai-affiliate-page .sw .sa-hero h1{font-size:clamp(32px,3.6vw,52px);font-weight:400;line-height:1.12;letter-spacing:-1.8px;text-align:left;margin:20px 0 24px}.diyai-affiliate-page .sw .sa-hero h1 span{color:var(--sw-green)}.diyai-affiliate-page .sw .sa-hero>p:not(.sa-eyebrow){font-size:16px;color:var(--sw-muted);line-height:1.75;max-width:720px}.diyai-affiliate-page .sw .sa-button{border-radius:9px;padding:14px 22px;font-size:14px}.diyai-affiliate-page .sw .sa-card{background:var(--sw-surface);border:1px solid #d1decc;border-radius:var(--sw-radius);box-shadow:var(--sw-shadow)}.diyai-affiliate-page .sw .sa-card h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.diyai-affiliate-page .sw .sa-card p,.diyai-affiliate-page .sw .sa-card li{color:var(--sw-muted);font-size:14px;line-height:1.75}.diyai-affiliate-page .sw .sa-card li+li{margin-top:12px}.diyai-affiliate-page .sw .sa-section{margin-top:20px}.diyai-affiliate-page .sw #application{scroll-margin-top:30px}.diyai-affiliate-page .sw .studio-affiliates input:not([type=checkbox]):not([type=radio]),.diyai-affiliate-page .sw .studio-affiliates textarea,.diyai-affiliate-page .sw .studio-affiliates select{border-color:#cbd7c7;background:#fff;color:var(--sw-ink);font:inherit}.diyai-affiliate-page .sw .studio-affiliates :focus-visible{outline:3px solid #225b43;outline-offset:4px}.diyai-affiliate-page .sw .sa-note{color:#6a756f}
@media(max-width:1000px){.diyai-affiliate-page .sw .sa-grid{grid-template-columns:1fr}.diyai-affiliate-page .sw .sa-card{padding:24px}.diyai-affiliate-page .sw .sa-hero h1{font-size:38px}}
@media(max-width:760px){.diyai-affiliate-page .sw .studio-affiliates{padding:0 0 60px}.diyai-affiliate-page .sw .sa-hero{padding:32px 0}.diyai-affiliate-page .sw .sa-hero h1{font-size:36px;letter-spacing:-1.3px}.diyai-affiliate-page .sw .sa-hero>p:not(.sa-eyebrow){font-size:15px}.diyai-affiliate-page .sw .sa-nav{gap:4px}.diyai-affiliate-page .sw .sa-nav a{padding:8px 12px;font-size:12px}.diyai-affiliate-page .sw .sa-card{padding:22px}.diyai-affiliate-page .sw .sa-grid{gap:14px}}
@media(max-width:360px){.diyai-affiliate-page .sw .sa-back{display:none}.diyai-affiliate-page .sw .sa-hero h1{font-size:32px}.diyai-affiliate-page .sw .studio-affiliates{padding-left:15px;padding-right:15px}}
/* Keep the last application fields reachable above the existing consent banner. */
.diyai-affiliate-page .sw .studio-affiliates{padding-bottom:calc(80px + var(--diyai-consent-height,0px))}.diyai-affiliate-page .sw #application input,.diyai-affiliate-page .sw #application button{scroll-margin-bottom:calc(24px + var(--diyai-consent-height,0px))}