/* AI Lab extends the original Hustle Bee component system; no independent palette. */
.ai-hero {position:relative;overflow:hidden;background:var(--cream);padding:135px 0 64px}
.ai-hero>.container {position:relative;z-index:1}
.ai-hero-top {display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.ai-live {display:inline-flex;align-items:center;gap:8px;border:2px solid var(--honey-glow);border-radius:var(--radius-full);background:var(--white);padding:7px 16px;font-size:14px;font-weight:700;color:var(--brown)}
.ai-live>span {width:8px;height:8px;border-radius:50%;background:var(--honey);animation:pulse-dot 2s infinite}
.ai-hero-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
.ai-hero h1 {font:800 clamp(2.8rem,6vw,4.5rem)/1.2 var(--font-display);margin-bottom:28px}
.ai-hero h1>span {display:block;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.6;margin-top:18px;color:var(--brown)}
.ai-lead,.ai-hero-context {color:var(--brown);font-size:18px;margin-bottom:20px;line-height:1.9}
.ai-hero-actions {display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.ai-notebook {background:var(--white);border:2px solid var(--honey-glow);border-radius:24px;padding:32px;box-shadow:var(--shadow-medium);transform:rotate(1deg)}
.ai-notebook-title {font:800 1.6rem/1.5 var(--font-display);margin-bottom:24px}
.ai-workflow-steps {list-style:none}
.ai-note-row {display:grid;grid-template-columns:76px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--honey-glow)}
.ai-note-row>span {font-size:14px;font-weight:800;color:var(--brown)}
.ai-note-row h3 {font-size:19px;margin-bottom:8px}
.ai-note-row p {font-size:16px;color:var(--brown)}
.ai-jumps {display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
.ai-jumps a {padding:9px 18px;border-radius:var(--radius-full);background:var(--white);border:1px solid var(--honey-glow);font-size:15px;font-weight:700;transition:transform .3s var(--bounce),background .3s}
.ai-jumps a:hover {background:var(--honey);transform:translateY(-3px)}
.ai-section,.lab-section {padding:88px 0}
.ai-section:not(.projects):not(.skills):not(.experience) {background:var(--white)}
.ai-section-head {margin-bottom:40px;max-width:800px}
.ai-section-head h2,.lab-section-heading h2,.ai-end h2 {font:800 clamp(1.9rem,4vw,2.6rem)/1.5 var(--font-display);margin:8px 0 20px}
.ai-section-head>p {font-size:18px;color:var(--brown)}
.ai-section.projects .mini-label {color:var(--honey)}
.ai-section.projects h2 {color:var(--white)}
.ai-case {display:grid;grid-template-columns:1fr 1.2fr;border:1px solid rgba(255,255,255,.15);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-medium)}
.ai-case-display {padding:48px 36px;display:flex;flex-direction:column;justify-content:center;background:var(--honey);color:var(--dark);position:relative}
.ai-case-display .mini-label {color:var(--dark)}
.ai-case-display>p {font:700 clamp(1.5rem,3vw,2rem)/1.7 var(--font-display);margin:24px 0}
.ai-case-display strong {font-weight:800}
.ai-case-caption {font-size:14px;font-weight:700}
.ai-case-copy {padding:40px}
.ai-case-copy h3 {font-size:24px;margin-bottom:20px;color:var(--white)}
.ai-case-copy p {color:rgba(255,255,255,.8);margin-bottom:20px}
.ai-tags {display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.ai-tags span {border-radius:var(--radius-full);font-size:14px;padding:6px 12px;background:rgba(255,186,8,.12);color:var(--honey)}
.ai-text-link {display:inline-block;font-weight:800;color:var(--dark);padding:8px 0;border-bottom:2px solid var(--honey)}
.projects .ai-text-link,.ai-end .ai-text-link {color:var(--honey)}
.ai-work-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ai-work-block {background:var(--cream);border:2px solid var(--honey-glow);border-radius:24px;padding:32px;box-shadow:var(--shadow-soft)}
.ai-work-block h3 {font:800 1.45rem/1.5 var(--font-display);margin:12px 0 18px}
.ai-work-block p,.ai-work-block li {color:var(--brown)}
.ai-work-block ul {padding-left:20px;margin:20px 0}
.ai-work-block li+li {margin-top:10px}
.ai-work-output {padding-top:20px;border-top:1px solid var(--honey-glow);font-size:15px}
.ai-work-output span {display:block;font-weight:800;margin-bottom:8px}
.ai-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none}
.ai-process>li {background:var(--white);border:2px solid var(--honey-glow);border-radius:24px;padding:30px;box-shadow:var(--shadow-soft);transition:transform .4s var(--bounce)}
.ai-process>li:hover {transform:translateY(-6px)}
.ai-process h3 {font:800 1.4rem/1.5 var(--font-display);margin:20px 0 16px}
.ai-process p {color:var(--brown)}
.ai-prompt-formula {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.ai-prompt-formula span {font-size:15px;font-weight:800;padding:12px 18px;border-radius:var(--radius-full);background:var(--honey-glow)}
.ai-prompts {display:grid;gap:16px}
.ai-prompt {border:2px solid var(--honey-glow);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);overflow:hidden}
.ai-prompt summary {display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;padding:24px 28px;font:800 1.25rem/1.5 var(--font-display);list-style:none}
.ai-prompt summary::-webkit-details-marker {display:none}
.ai-prompt summary small {display:block;color:var(--brown);font:700 13px var(--font-body);letter-spacing:.08em;margin-bottom:8px}
.ai-expand {color:var(--amber);font-size:28px;transition:transform .3s}
.ai-prompt[open] .ai-expand {transform:rotate(45deg)}
.ai-prompt-body {padding:0 28px 28px}
.ai-prompt-note {font-size:15px;color:var(--brown);margin-bottom:16px}
.ai-prompt pre {white-space:pre-wrap;overflow-wrap:anywhere;font:500 16px/1.9 var(--font-body);background:var(--cream);padding:24px;border-radius:var(--radius-sm);margin-bottom:20px}
.ai-copy {padding:12px 22px;border:0;border-radius:var(--radius-full);background:var(--honey);color:var(--dark);font:800 16px var(--font-body);cursor:pointer}
.ai-copy-status {font-size:15px;color:var(--brown);min-height:28px;margin-top:12px}
.ai-character-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ai-character-list>article {background:var(--white);border-radius:24px;padding:30px;box-shadow:var(--shadow-soft);border:2px solid var(--honey-glow)}
.ai-private-name {margin:22px 0 18px}
.ai-character-direction {font:800 1.3rem/1.5 var(--font-display);margin-bottom:18px}
.ai-character-list>article>p {color:var(--brown)}
.ai-character-focus {display:block;font-size:14px;font-weight:700;color:var(--brown);border-top:1px solid var(--honey-glow);padding-top:20px;margin-top:24px}
.ai-character-note {color:var(--brown);font-size:16px;margin-top:24px}
.ai-growing {display:flex;align-items:center;gap:10px;font-weight:800;margin-top:28px}
.ai-growing span {background:var(--honey);border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}
.lab-section {background:var(--cream)}
.lab-section-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.lab-category-link {font-size:16px;font-weight:800;padding-bottom:20px}
.lab-games {background:var(--white)}
.ai-end .mini-label {color:var(--honey)}
.ai-end h2 {color:var(--white)}
.ai-end p {color:rgba(255,255,255,.8);margin-bottom:20px}
@media(max-width:1024px) {.ai-process,.ai-character-list {gap:16px}.ai-process>li,.ai-character-list>article {padding:24px}}
@media(max-width:900px) {.ai-hero-grid,.ai-case {grid-template-columns:1fr}.ai-notebook {max-width:680px;transform:none}.ai-hero-grid {gap:32px}.ai-process,.ai-character-list {grid-template-columns:1fr}.ai-case-display {min-height:300px}.ai-case-copy {padding:32px}}
@media(max-width:640px) {.ai-hero {padding-top:120px}.ai-hero-top {align-items:start;flex-direction:column;gap:12px}.ai-hero h1 {font-size:2.7rem}.ai-hero h1>span {font-size:1.65rem}.ai-work-grid {grid-template-columns:1fr}.ai-section,.lab-section {padding:64px 0}.ai-work-block,.ai-notebook {padding:26px}.ai-note-row {grid-template-columns:1fr;gap:8px}.lab-section-heading {display:block}.lab-category-link {display:inline-block}.ai-prompt summary {padding:22px}.ai-prompt-body {padding:0 22px 22px}.ai-prompt pre {padding:18px}.ai-case-display {padding:32px 26px}.ai-case-copy {padding:28px}.ai-jumps a {padding:8px 13px;font-size:14px}}