/* Project brief and a real, session-scoped sample workflow. */
.brief-intro h1 em,.studio-intro h1 em{color:var(--accent);font-style:normal}
.brief-intro{padding-bottom:55px}.brief-layout{grid-template-columns:.78fr 1.22fr;gap:80px}.brief-layout .contact-guide{padding-top:25px}.brief-layout .contact-guide>.eyebrow{color:var(--accent)}.brief-layout .contact-guide h2{font-size:34px;line-height:1.5;letter-spacing:-1.5px}.brief-layout .contact-guide>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted);max-width:340px;margin-top:22px}.brief-layout .contact-guide>.text-link{font-size:12px;margin-top:25px}
.demo-notice{display:flex;gap:12px;background:#eef0ff;padding:21px;margin-top:30px;border-left:2px solid var(--accent)}.demo-notice strong{font-size:13px;font-weight:600}.demo-notice p{font-size:11px;color:#535c76;line-height:1.9;margin-top:6px}.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0;margin-top:9px}
.brief-card{padding:0 34px 30px;box-shadow:0 12px 42px #18215307}.brief-card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;color:var(--accent);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:30px}
.brief-card .form-heading h2{font-size:23px;font-weight:550}.brief-card .form-grid{gap:23px}.brief-card .field select{border-color:#c6cddd;font-size:14px;padding:14px;background:#fcfcff}.brief-card .field label{font-size:13px;font-weight:550}.brief-preview{padding:23px;background:#f2f4fa;margin-top:27px;border:1px solid #e5e8f1}.brief-preview>span{font:9px/1.6 Arial,sans-serif;letter-spacing:1.2px;color:#566081}.brief-preview p{font-size:14px;line-height:1.9;margin-top:10px}.brief-preview small{display:block;font-size:10px;color:#656f85;line-height:1.8;margin-top:12px}
.brief-card .consent{margin-top:25px}.brief-card .submit-button{margin-top:22px}.brief-card .submit-button>span:first-child{font-size:14px;line-height:1.7;font-weight:600}.receipt{padding-top:10px}.receipt-mark{display:grid;place-items:center;width:58px;height:58px;font-size:36px;background:var(--accent);color:white;margin-bottom:25px}.receipt h2{font-size:31px}.receipt .receipt-note{font-size:13px;color:var(--muted);line-height:1.9;margin-top:20px}.receipt #receipt-details{margin-block:28px}.receipt #receipt-workspace{width:100%;font-size:13px}.receipt #restart{font-size:11px;margin-top:18px}.receipt .inline-note{margin-top:20px}.form-error{overflow-wrap:anywhere}.form-status:empty{display:none}
.studio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding-bottom:55px}.studio-intro h1{font-size:65px}.studio-intro-side{padding-bottom:8px}.studio-intro-side>p{font-size:14px;color:var(--muted);line-height:2;margin-bottom:25px}.studio-intro-side>.button{font-size:12px}
.studio-workspace{background:#fff;border:1px solid var(--line);margin-bottom:80px}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;background:#f0f2f9;border-bottom:1px solid var(--line)}.workspace-toolbar>div{display:flex;align-items:center;gap:12px}.workspace-toolbar .demo-dot{margin:0}.workspace-toolbar h2{font-size:16px;letter-spacing:-.3px;font-weight:600}.workspace-mode{font:9px/1.7 Arial,sans-serif;color:#536078;border-left:1px solid #c4cadb;padding-left:14px;margin-left:5px}.workspace-description{font-size:11px;line-height:1.8;color:var(--muted);padding:19px 28px 0}.studio-workspace>.form-status{font-size:11px;margin:12px 28px 20px}.studio-workspace>.form-error{margin:20px 28px}
.workspace-empty{padding:50px 25px 70px;text-align:center;border-top:1px solid #edf0f8}.workspace-empty>span{display:block;color:var(--accent);font-size:56px;line-height:1;margin-bottom:24px}.workspace-empty h3{font-size:24px;font-weight:500}.workspace-empty p{font-size:13px;color:var(--muted);margin-block:15px 25px}.workspace-empty .button{font-size:12px}
.workspace-body{display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--line)}.request-sidebar{background:#f8f9fc;border-right:1px solid var(--line);min-width:0}.request-list-heading{padding:23px 22px;display:flex;justify-content:space-between;align-items:center}.request-list-heading h3{font-size:12px;font-weight:500;letter-spacing:0}.request-list-heading>span{font-size:10px;color:var(--muted)}.request-list{display:flex;flex-direction:column;max-height:720px;overflow-y:auto;padding:0 12px 20px;gap:7px}.request-item{text-align:left;background:transparent;border:1px solid transparent;padding:18px 16px;color:var(--ink);display:grid;gap:7px;width:100%}.request-item:hover{background:#eef1fa}.request-item[aria-pressed=true]{background:#fff;border-color:#7b85e8;box-shadow:inset 3px 0 var(--accent)}.request-item-reference{font:9px/1.8 Arial,sans-serif;letter-spacing:.8px;color:#606b83}.request-item strong{font-size:13px;font-weight:600;line-height:1.8}.request-item-state{font-size:10px;color:#4e5bcc}
.request-detail{padding:36px 42px 40px;min-width:0}.request-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.request-meta>span:first-child{font:10px/1.8 Arial,sans-serif;letter-spacing:1px;color:var(--muted)}.status-badge{font-size:11px;color:#3543ae;background:#e9edff;border:1px solid #d0d9ff;padding:4px 12px;border-radius:20px}.status-badge[data-status=scoped]{background:#eaf5ef;color:#295a45;border-color:#bdd6c9}.request-detail h3{font-size:32px;line-height:1.5;letter-spacing:-1.2px}.request-detail #request-created{font-size:11px;color:var(--muted);margin-top:13px}.request-fields{margin-block:28px 32px;border-top:1px solid var(--line)}.request-fields>div{display:grid;grid-template-columns:110px 1fr;gap:20px;font-size:12px;padding-block:15px;border-bottom:1px solid var(--line)}.request-fields dt{color:var(--muted)}.request-fields dd{margin:0}
.review-block{padding:26px;background:#f1f3fb}.review-block .eyebrow{font-size:9px;margin-bottom:13px;color:#4857b8}.review-block h4{font-size:17px;font-weight:550;line-height:1.6;margin:0}.review-block>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-top:11px}.review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.review-actions:empty{display:none}.review-actions .button{font-size:12px;min-height:46px;padding:12px 17px}.button-outline{background:transparent;border:1px solid #a9b0c7;color:var(--ink)}.button-outline:hover{background:#e1e6f4}.history-block{margin-top:30px}.history-block h4{font-size:13px;font-weight:550;margin:0 0 15px}.request-history{border-left:1px solid #c9cfe0;margin-left:4px}.request-history li{position:relative;display:flex;justify-content:space-between;gap:16px;padding:9px 0 9px 18px;font-size:12px}.request-history li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);position:absolute;left:-4px;top:17px}.request-history time{font-size:10px;color:var(--muted)}
@media(max-width:1000px){.brief-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.brief-card{padding-inline:24px}.brief-card .form-heading{align-items:flex-start;flex-direction:column;gap:15px}.workspace-body{grid-template-columns:230px 1fr}.request-detail{padding:28px}.studio-intro h1{font-size:54px}}
@media(max-width:700px){.brief-intro{padding-bottom:35px}.brief-intro h1{font-size:39px;letter-spacing:-2px}.brief-layout{display:flex;flex-direction:column;gap:30px}.brief-layout .contact-guide{padding:0;width:100%}.brief-layout .contact-guide h2{font-size:27px}.brief-layout .contact-guide>p:not(.eyebrow){max-width:none;font-size:12px;margin-top:14px}.demo-notice{margin-top:20px}.brief-card{width:100%;padding:0 20px 22px}.brief-card-top{margin-bottom:23px}.brief-card .form-heading{gap:14px}.brief-card .form-heading h2{font-size:22px}.brief-preview{padding:18px}.brief-preview p{font-size:13px}.receipt h2{font-size:28px}.studio-intro{display:block;padding-bottom:30px}.studio-intro h1{font-size:44px}.studio-intro-side{margin-top:24px}.studio-intro-side>p{font-size:13px;margin-bottom:18px}.workspace-toolbar{padding:17px 16px;gap:8px}.workspace-toolbar>div{gap:8px}.workspace-toolbar h2{font-size:13px}.workspace-mode{display:none}.workspace-toolbar .sample-button{font-size:10px;padding:9px;min-height:40px}.workspace-description{padding:17px 17px 0}.studio-workspace>.form-status{margin-inline:17px}.studio-workspace>.form-error{margin-inline:17px}.workspace-body{display:block}.request-sidebar{border-right:0;border-bottom:1px solid var(--line)}.request-list-heading{padding:16px 17px}.request-list{flex-direction:row;overflow-x:auto;max-height:none;padding:0 12px 14px}.request-item{min-width:175px;width:175px;padding:14px}.request-detail{padding:25px 18px 28px}.request-detail h3{font-size:26px}.request-fields>div{grid-template-columns:85px 1fr;gap:12px;font-size:11px}.review-block{padding:20px 16px}.review-block h4{font-size:16px}.review-actions{flex-direction:column;gap:10px}.review-actions .button{justify-content:center}.request-history li{font-size:11px}.request-history time{font-size:9px}.workspace-empty{padding:35px 18px 44px}.workspace-empty h3{font-size:22px}.workspace-empty p{font-size:12px}}
@media(max-width:700px){.brief-layout .contact-guide{order:2}.brief-layout .brief-card{order:1}.brief-card .form-heading h2{font-size:20px}.brief-intro h1{font-size:clamp(32px,9vw,39px)}}
.studio-intro{flex-wrap:wrap}.studio-intro>.experience-steps{flex:0 0 100%}.studio-intro h1{font-size:clamp(32px,4.25vw,62px);line-height:1.25}
.brief-intro h1{font-size:clamp(34px,4.4vw,64px);line-height:1.25}.brief-intro>.intro-description{max-width:690px;font-size:15px;line-height:1.9}
@media(max-width:700px){.studio-intro h1,.brief-intro h1{font-size:clamp(28px,7.8vw,39px);letter-spacing:-1.6px}.brief-intro>.intro-description{font-size:13px}.brief-card .form-intro{font-size:12px;line-height:1.9}}

/* v23: let the selected values and saved record carry the explanation. */
.service-brief .connected-copy>p{max-width:430px}.service-brief .workflow-lab{position:relative}.service-brief .brief-layout{align-items:stretch}.service-brief .brief-input,.service-brief .brief-output{display:flex;flex-direction:column}.service-brief .brief-panel-heading>div{min-width:0}.service-brief .brief-panel-heading p{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.6}.service-brief .brief-local-note{margin-top:auto;padding-top:20px}.service-brief .brief-output{background:linear-gradient(145deg,#f5f7ff,#fff);border:1px solid #dbe1f3}.service-brief .brief-summary{font-size:15px;line-height:1.75}.service-brief .brief-result-body{flex:1}.service-brief .brief-result-actions{margin-top:22px}.contact-evidence{align-self:start}.contact-evidence h2{margin-bottom:22px}.contact-evidence-flow{display:grid;gap:8px;margin:0 0 24px}.contact-evidence-flow span{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:600;min-width:0}.contact-evidence-flow b{color:var(--accent);font:10px/1 Arial,sans-serif;letter-spacing:.8px}.contact-evidence-flow i{color:var(--accent);font-style:normal;margin-left:16px}.contact-evidence .demo-notice{margin-top:0}.brief-card .form-heading h2{line-height:1.4}.brief-preview{position:relative}.brief-preview:before{content:"✓";position:absolute;right:20px;top:19px;color:var(--accent);font-size:19px}.workspace-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 28px 0;color:#536078;font-size:11px;line-height:1.6}.workspace-key span{padding:4px 8px;background:#f0f2f9;border:1px solid #dce1ee}.workspace-key i{font-style:normal;color:var(--accent)}.studio-workspace>.form-status{margin-top:14px}
@media(max-width:700px){.service-brief .brief-panel-heading p{font-size:11px}.service-brief .brief-summary{font-size:13px}.contact-evidence{display:block}.contact-evidence h2{font-size:25px}.contact-evidence-flow{grid-template-columns:1fr auto 1fr auto 1fr;gap:5px;align-items:center}.contact-evidence-flow span{min-height:58px;padding:8px;align-items:flex-start;flex-direction:column;font-size:10px;line-height:1.35}.contact-evidence-flow i{margin:0;font-size:12px}.workspace-key{padding:13px 17px 0;gap:5px;font-size:10px}.workspace-key span{padding:4px 6px}.brief-preview:before{right:16px;top:16px}.studio-workspace{margin-bottom:55px}}