/* Preface AI03 application treatment. Saved campaign artwork retains its own identity. */
:root {
  --paper:#f9f7f5; --white:#fcfcfc; --ink:#4a4a49; --black:#111;
  --navy-deep:#0c1d33; --coral:#f16a6f;
  --bg:var(--paper); --panel:var(--white); --surface:var(--paper); --text:var(--ink);
  --muted:#646463; --line:rgba(74,74,73,.2); --accent:var(--coral);
  --page-gutter:clamp(24px,8vw,128px);
  --space-group:24px; --space-section:48px; --space-hero:64px;
  --panel-gutter:28px;
  color-scheme:light;
  font-family:"Avenir Next",Montserrat,"Helvetica Neue",Arial,sans-serif;
  background:var(--paper); color:var(--ink);
}
body,.walkthrough-shell {background:var(--paper);color:var(--ink);font-family:"Avenir Next",Montserrat,"Helvetica Neue",Arial,sans-serif;}
button,input,textarea,select {font-family:inherit;}
button,a,input,textarea,select {transition:color 180ms,background-color 180ms,border-color 180ms;}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid var(--black);outline-offset:4px;
}
.walkthrough-topbar {
  height:88px;padding:0 var(--page-gutter);background:var(--paper);border-color:var(--line);
}
.walkthrough-brand {font-size:18px;letter-spacing:-.035em;color:var(--black);}
.walkthrough-brand::before {
  content:"";display:block;width:128px;height:14px;margin-bottom:9px;
  background:var(--ink);mask:url('/campaign-studio/ai03/preface-wordmark.png') center/contain no-repeat;
  -webkit-mask:url('/campaign-studio/ai03/preface-wordmark.png') center/contain no-repeat;
}
.walkthrough-brand small {display:none;}
.walkthrough-status {color:var(--muted);}
.walkthrough-status span {background:var(--coral);border-radius:0;}
.walkthrough-layout {display:block;}
.walkthrough-sidebar {
  position:static;height:auto;display:flex;align-items:center;gap:24px;
  padding:16px var(--page-gutter);border:0;border-bottom:1px solid var(--line);background:var(--paper);
}
.walkthrough-sidebar-label {margin:0;font-size:9px;color:var(--muted);white-space:nowrap;}
.walkthrough-sidebar nav {display:flex;gap:22px;flex-wrap:wrap;}
.walkthrough-sidebar nav button {
  min-height:44px;padding:8px 0;border-radius:0;color:var(--muted);gap:9px;
  border-bottom:2px solid transparent;
}
.walkthrough-sidebar nav button.active {background:transparent;color:var(--black);border-color:var(--coral);}
.walkthrough-sidebar nav button span {color:var(--ink);}
.walkthrough-sidebar nav button:disabled {opacity:.5;}
.walkthrough-sidebar p {display:none;}
.walkthrough-main {width:100%;max-width:none;padding:0 var(--page-gutter) 72px;}
.walkthrough-meta {margin:28px 0;color:var(--muted);font-size:10px;}
.walkthrough-intro {
  position:relative;isolation:isolate;max-width:none;min-height:610px;
  margin:0 calc(-1 * var(--page-gutter)) var(--space-hero);padding:64px var(--page-gutter) 56px;
  color:var(--white);background:var(--navy-deep);
}
.walkthrough-intro::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,8,20,.73),rgba(0,8,20,.22)),url('/campaign-studio/ai03/campaign-artwork.png') center 82%/cover;
}
.walkthrough-intro .eyebrow {color:#c8d9e6;letter-spacing:.16em;font-size:10px;}
.walkthrough-intro h1 {
  max-width:850px;font-size:clamp(48px,5.5vw,80px);line-height:1.03;
  font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:34px 0 0;
}
.walkthrough-intro p {
  max-width:570px;margin:100px 0 0;color:var(--white);font-size:17px;line-height:1.45;
}
.walkthrough-stage-note {
  background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;
  padding:36px 0 44px;margin:0 0 44px;
}
.walkthrough-stage-note h2 {color:var(--black);font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;line-height:1.12;}
.walkthrough-stage-note p {color:var(--muted);font-size:16px;line-height:1.45;max-width:680px;}
.eyebrow {color:var(--muted);letter-spacing:.13em;}
.muted {color:var(--muted);}
.button {border-radius:2px;min-height:46px;box-shadow:none;font-weight:650;}
.button.primary {background:var(--coral);color:var(--black);border-color:var(--coral);}
.button.primary:hover:not(:disabled) {background:#ed8185;border-color:#ed8185;}
.button.secondary {background:transparent;color:var(--ink);border:1px solid var(--line);}
.button.secondary:hover:not(:disabled) {background:#ebe7e3;border-color:var(--ink);}
.button:disabled {opacity:.48;}
.panel {background:transparent;border-radius:2px;box-shadow:none;border-color:var(--line);}
input,textarea,select {color:var(--ink);background:transparent;border-color:var(--line);border-radius:2px;box-shadow:none;}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1;}
.research-panel {max-width:none;}
.research-heading {margin:0 0 28px;}
.research-badge,.research-mini-label,.research-section-title,.research-field span,
.research-source-name,.research-signal-meta,.research-signal-dates,.research-progress {color:var(--muted);}
.research-badge::before {background:var(--coral);}
.research-composer {background:transparent!important;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-color:var(--line)!important;border-radius:0;padding:30px 0!important;box-shadow:none;}
.research-composer textarea {font-size:clamp(19px,2vw,25px);line-height:1.45;padding:24px 0 40px;color:var(--ink);min-height:170px;max-width:74ch;}
.research-composer-footer {border-color:var(--line);padding-top:24px;}
.research-composer-footer span {color:var(--muted);}
.research-refined {margin-top:48px;}
.research-fields {gap:28px;}
.research-fields input {border:0;border-bottom:1px solid var(--line);padding:14px 0;border-radius:0;}
.research-assumptions,.research-source,.research-signal,.research-source-overview {background:transparent;border-radius:2px;border-color:var(--line);box-shadow:none;}
.research-assumptions p,.research-assumptions li,.research-signal p {color:var(--ink);}
.research-source-expand,.research-signal a {color:var(--ink);text-decoration:underline;text-underline-offset:4px;}
.research-source-error,.error-banner {background:#fff0ee;color:#84312e;border:1px solid #b9706d;border-radius:2px;}
.notice,.research-stale {background:#fff7e9;color:#70501c;border-color:#a99167;border-radius:2px;}
.decision-panel {max-width:none;}
.decision-card {border-radius:2px;background:transparent;border-color:var(--line);box-shadow:none;}
.decision-card.selected {border-color:var(--ink);box-shadow:inset 3px 0 var(--coral);}
.decision-card-content,.direction-detail {background:transparent;color:var(--ink);border-color:var(--line);}
.decision-card h2,.direction-detail h2,.decision-proposition,.detail-proposition {color:var(--black);}
.decision-why p,.decision-evidence p,.detail-evidence p,.detail-method,.decision-score-label {color:var(--muted);}
.detail-tabs button,.detail-close,.decision-why-score {color:var(--ink);}
.detail-tabs button.active {color:var(--black);border-color:var(--coral);}
.detail-score {background:transparent;border-color:var(--line);color:var(--ink);}
.detail-criteria,.detail-criterion {background:transparent;border-color:var(--line);color:var(--ink);}
.detail-score strong,.decision-score strong {color:var(--black);}
.walkthrough-step-pill {background:transparent;color:var(--ink);border-color:var(--line);border-radius:0;}
.walkthrough-arrival-cta {margin-top:24px;background:var(--coral)!important;color:var(--black)!important;}
.kit-root,.kit-sidebar {color:var(--ink);}
.kit-title,.kit-section-title,.kit-direction-card h3 {color:var(--black);}
.kit-subheadline,.kit-small,.kit-preview-note,.kit-direction-card p,.kit-scene-title span {color:var(--muted);}
.kit-tabs {border-color:var(--line);}
.kit-tab {color:var(--muted);min-height:44px;}
.kit-tab.active {color:var(--black);border-color:var(--coral);}
.kit-gallery,.kit-direction-card,.kit-storyboard,.kit-delivery {border-radius:2px;background:transparent;border-color:var(--line);}
.kit-copy-preview {background:transparent;color:var(--ink);padding:40px var(--panel-gutter);}
.kit-copy-preview h3 {color:var(--black);}
.kit-copy-preview p,.kit-copy-preview strong {color:var(--ink);}
.kit-language-bar {background:transparent;border-color:var(--line);color:var(--muted);}
.kit-language-bar button {color:var(--ink);border-radius:0;min-width:44px;min-height:44px;}
.kit-language-bar button.active {background:var(--coral);color:var(--black);border-color:var(--coral);}
.kit-storyboard textarea {background:transparent;color:var(--ink);border-color:var(--line);border-radius:2px;}
.kit-scene-number {color:var(--muted);}
.kit-status {border-radius:2px;color:#2d5d41;background:#eef4ef;border-color:#8ca596;}
.kit-translation-note,.kit-warning {background:#fff7e9;color:#70501c;border-color:#a99167;border-radius:2px;}
.walkthrough-all-sources {background:transparent;border-radius:0;border-color:var(--line);}
.walkthrough-all-sources article {background:transparent;border-radius:0;border-color:var(--line);}
.walkthrough-all-sources article strong,.walkthrough-all-sources article a {color:var(--ink);}
.walkthrough-all-sources article span {color:var(--muted);}
.walkthrough-finish {border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:38px 0;color:var(--black);}
.walkthrough-finish p,.walkthrough-footer {color:var(--muted);}
.walkthrough-footer {border-color:var(--line);line-height:1.6;}
.walkthrough-transition {
  background:var(--navy-deep);color:var(--white);
  background-image:linear-gradient(90deg,rgba(0,8,20,.88),rgba(0,8,20,.6)),url('/campaign-studio/ai03/campaign-artwork.png');
  background-size:cover;background-position:center;
}
.walkthrough-transition-inner {border-radius:0;background:transparent;box-shadow:none;}
.walkthrough-transition-copy h2 {text-transform:uppercase;letter-spacing:.1em;line-height:1.05;}
.walkthrough-transition-copy p,.walkthrough-transition-step {color:#d4e0e9;}
.walkthrough-transition-track {background:#476079;}
.walkthrough-transition-track span {background:var(--coral);}
.walkthrough-banner {background:#eeeae5;color:var(--ink);border-color:var(--line);}
.walkthrough-loading {background:var(--paper);color:var(--ink);}
.walkthrough-loading p {color:var(--muted);}
.research-badge>span {box-shadow:none;border-radius:0;}
.research-field input,.research-field select {background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;}
.research-progress {background:transparent;color:var(--ink);border-color:var(--line);border-radius:2px;}
.research-signal-meta strong,.direction-evidence span,.detail-source a,.kit-property-link a {color:var(--ink);}
.direction-card {background:transparent;border-radius:2px;}
.direction-card.selected {border-color:var(--ink);box-shadow:inset 3px 0 var(--coral);}
.direction-art-caption {display:none;}
.direction-content h2 {min-height:2.2em;}
.direction-content .direction-why {min-height:146px;}
.direction-content .direction-proposition {min-height:68px;}
.direction-content .direction-evidence {flex:1;}
.direction-content .direction-score {margin-top:auto;}
.direction-proposition,.direction-detail-proposition,.decision-hypothesis {color:var(--ink);}
.direction-detail-tabs button {min-height:44px;color:var(--muted);}
.direction-detail-tabs button.active {color:var(--black);border-color:var(--coral);}
.direction-detail-top button {min-width:44px;min-height:44px;}
.direction-warning {background:#fff7e9;color:#70501c;border-color:#a99167;border-radius:2px;}
.criterion-track {background:#ded8d2;}
.campaign-summary-line {color:var(--ink);}
.kit-language {min-width:44px;min-height:44px;border-radius:0;color:var(--ink);}
.kit-language.active {background:var(--coral);color:var(--black);border-color:var(--coral);}
.kit-scene textarea {background:transparent;color:var(--ink);border-radius:2px;}
.kit-status.ready {color:#2d5d41;border-color:#8ca596;}
.kit-notice {background:#ece8e3;color:var(--ink);border-color:var(--line);border-radius:2px;}
.kit-copy-preview .kit-subheadline {color:var(--ink);}
.kit-copy-preview .kit-caption {background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:24px 0;}
.kit-copy-label,.kit-copy-actions>span {color:var(--muted);}
.kit-hashtags span {background:#eee9e4;color:var(--ink);border-radius:0;}
.kit-property-link a,.detail-source a {text-decoration:underline;text-underline-offset:4px;}
.kit-video-placeholder {background:#ede8e3;color:var(--ink);}
.kit-play {color:var(--ink);}
.kit-retry {min-height:44px;border-radius:2px;color:var(--ink);}
.walkthrough-banner strong {color:var(--black);}
.walkthrough-transition {backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;}
.walkthrough-transition p {color:#d4e0e9;}
.walkthrough-transition-inner {width:min(1000px,100%);margin-inline:auto;}
.walkthrough-transition .eyebrow {color:#d4e0e9;}
.walkthrough-transition .booth-art {margin-inline:auto;}
.walkthrough-transition h2 {font-size:clamp(16px,2.9vw,40px);letter-spacing:.04em;white-space:nowrap;}
.walkthrough-directions-arrival {background:transparent;box-shadow:none;border-color:var(--line);}
.kit-tabs {padding:0 var(--panel-gutter);gap:24px;}
.kit-language-row {padding:16px var(--panel-gutter);gap:12px;}
.kit-direction,.kit-storyboard,.kit-delivery {padding:var(--panel-gutter)!important;}
.kit-sidebar {gap:24px;}
.kit-layout {gap:24px;}
.kit-copy-preview h3 {margin-top:32px;}
.kit-copy-preview .kit-subheadline {margin-bottom:32px;}
.direction-evidence p,.detail-source p {font-size:12px;line-height:1.55;}
.direction-art {color:var(--ink);}
.button:hover:not(:disabled) {transform:none;}
::selection {background:#f4b5b8;color:var(--black);}
input,textarea {caret-color:var(--ink);}
@media(min-width:1101px) {
  .direction-card {display:flex;flex-direction:column;}
  .direction-content {display:flex;flex:1;flex-direction:column;min-width:0;}
}
@media(max-width:1100px) {
  .direction-content h2,.direction-content .direction-why,.direction-content .direction-proposition {min-height:0;}
}
@media(max-width:900px) {
  :root {--page-gutter:24px;--panel-gutter:24px;}
  .walkthrough-topbar {padding:18px 24px;height:auto;min-height:86px;}
  .walkthrough-sidebar {padding:8px 24px;}
  .walkthrough-sidebar-label {display:none;}
  .walkthrough-sidebar nav {gap:22px;flex-wrap:nowrap;overflow:auto;}
  .walkthrough-main {padding:0 var(--page-gutter) 48px;}
  .walkthrough-intro {margin:0 -24px 48px;padding:48px 24px;min-height:560px;}
  .walkthrough-intro h1 {font-size:clamp(34px,7vw,58px);max-width:650px;}
  .walkthrough-intro p {margin-top:80px;max-width:520px;}
  .walkthrough-intro::before {background-position:65% 82%;}
}
@media(max-width:600px) {
  :root {--space-section:32px;--space-hero:48px;}
  .walkthrough-header-actions {gap:12px;}
  .walkthrough-brand {font-size:15px;}
  .walkthrough-brand::before {width:100px;height:11px;}
  .walkthrough-status {font-size:10px;}
  .walkthrough-sidebar nav {gap:18px;width:100%;}
  .walkthrough-sidebar nav button {font-size:11px;}
  .walkthrough-meta {margin:22px 0;}
  .walkthrough-intro {min-height:535px;padding-top:42px;}
  .walkthrough-intro h1 {font-size:clamp(34px,9vw,54px);letter-spacing:.1em;overflow-wrap:normal;}
  .walkthrough-intro p {margin-top:65px;font-size:16px;}
  .walkthrough-stage-note {padding:24px 0 32px;margin-bottom:30px;}
  .walkthrough-stage-note h2 {font-size:32px;}
  .research-composer textarea {font-size:19px;padding-bottom:32px;}
  .kit-copy-preview {padding:32px var(--panel-gutter);}
  .kit-heading {flex-direction:column;align-items:flex-start;gap:20px;margin:0 0 32px;}
  .kit-heading h2 {font-size:28px;line-height:1.16;max-width:20ch;}
  .kit-heading>.button {align-self:flex-start;}
  .kit-tabs {gap:16px;}
  .kit-tab {font-size:12px;padding:16px 0;}
  .kit-language-row {padding:16px var(--panel-gutter);}
  .kit-language-row>span {flex-basis:100%;}
  .kit-language-row>div {gap:8px;}
  .walkthrough-transition h2 {font-size:clamp(16px,2.9vw,26px);letter-spacing:.015em;}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}