.business-direction .hero-heading { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:48px; }
.business-direction .hero h1 { font-size:54px; }
.business-direction .hero-heading > .hero-intro { max-width:400px; justify-self:end; }
.business-direction .hero-intro > p { font-size:20px; }
.business-direction .hero-actions { gap:13px; margin-top:20px; }
.business-direction .hero-actions .button { font-size:13px; }
.business-direction .workspace-body { height:365px; }
.possibility-layout { height:100%; display:grid; grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr); }
.example-input { background:#f9faf7; padding:25px 24px; border-right:1px solid var(--line); overflow:auto; scrollbar-width:thin; }
.example-input > .small-label { font-size:9px; }
.source-file { display:flex; align-items:center; gap:10px; margin:20px 0 15px; }
.source-file > svg { width:27px; height:27px; color:#677e54; }
.source-file strong { font-size:13px; font-weight:500; display:block; }
.source-file small { display:block; color:#73806b; font-size:10px; margin-top:3px; }
.input-excerpt { font-size:12px; line-height:1.8; color:#526149; }
.source-list { border-top:1px solid var(--line); margin-top:20px; padding-top:13px; display:grid; gap:7px; }
.source-list span { display:flex; align-items:center; gap:7px; font-size:10px; color:#607255; }
.source-list svg { width:12px; height:12px; }
.example-input .source-button { margin-top:15px; padding:2px 0; }
.example-output { padding:24px 30px 20px; min-width:0; overflow:auto; scrollbar-width:thin; display:flex; flex-direction:column; }
.output-heading .small-label { color:#627457; font-size:9px; }
.output-heading h2 { font-size:23px; line-height:1.3; margin-top:6px; }
.output-document { margin-top:20px; }
.sheet-title { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding-bottom:11px; font-size:12px; font-weight:500; }
.sheet-title > span:first-child { display:flex; align-items:center; gap:8px; }
.sheet-title svg { width:16px; height:16px; color:#66844a; }
.output-status { font-size:9px; color:#6b795f; font-weight:400; }
.scope-line { font-size:13px; line-height:1.6; margin-top:12px; }
.work-items { display:grid; gap:7px; margin-top:12px; font-size:11px; color:#4f6047; }
.work-items > div { display:flex; align-items:center; gap:8px; }
.work-items svg { width:12px; height:12px; color:#849576; }
.open-question { border-top:1px solid #e2e6dc; padding-top:10px; margin-top:12px; font-size:10px; color:#856127; display:flex; align-items:center; gap:8px; }
.open-question svg { width:13px; height:13px; }
.example-output .draft-footer { margin-top:auto; padding-top:14px; }
.example-output .draft-footer small { font-size:9px; }
.content-formats { display:flex; gap:0; border-bottom:1px solid #d8dfd5; }
.content-formats button { border:0; border-bottom:2px solid transparent; padding:0 13px 9px; font-size:11px; background:transparent; color:#6a7760; }
.content-formats button:first-child { padding-left:0; }
.content-formats button[aria-pressed=true] { color:#315a22; border-bottom-color:#678c3e; }
.content-draft { padding-top:19px; }
.content-draft .small-label { font-size:8px; }
.content-draft h3 { font-size:20px; line-height:1.4; margin:9px 0; max-width:360px; }
.content-draft > p:last-child { font-size:13px; color:#526149; line-height:1.7; max-width:460px; }
.insight-chart { display:grid; gap:9px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.chart-row { display:grid; grid-template-columns:65px minmax(0,1fr) 15px; gap:13px; align-items:center; font-size:10px; color:#617055; }
.chart-row strong { font-size:11px; font-weight:500; }
.bar-track { height:9px; background:#f1f3ed; }
.bar-track i { display:block; height:100%; }
.bar-complete { background:#8eaf66; }
.bar-active { background:#7493bb; }
.bar-waiting { background:#c4a56e; }
.insight-finding { font-size:11px; color:#65735b; margin-top:13px; }
.insight-finding strong { display:block; color:#283d21; font-weight:500; font-size:13px; margin-bottom:2px; }
.waiting-items { display:flex; gap:25px; margin-top:12px; }
.waiting-items > div { display:flex; gap:8px; }
.waiting-items svg { width:13px; height:13px; color:#9a7439; margin-top:2px; }
.waiting-items strong { font-size:10px; display:block; font-weight:500; }
.waiting-items small { display:block; font-size:9px; margin-top:3px; color:#6e7867; }
.business-outcome { font-size:31px; line-height:1.4; margin-bottom:26px; }
.source-table { width:100%; border-collapse:collapse; font-size:13px; margin-top:22px; text-align:left; }
.source-table caption { text-align:left; padding-bottom:12px; font-weight:500; }
.source-table td, .source-table th { padding:10px 5px; border-bottom:1px solid var(--line); }
.source-table small { display:block; font-size:11px; color:#66765c; margin-top:3px; }
.business-direction .under-workspace > span { max-width:70%; }
@media(min-width:1600px) {
  .business-direction .hero h1 { font-size:63px; }
  .business-direction .workspace-body { height:382px; }
  .example-output { padding:27px 35px 24px; }
  .output-heading h2 { font-size:26px; }
  .business-direction .hero-intro > p { font-size:22px; }
}
@media(min-width:801px) and (max-height:800px) {
  .business-direction .hero h1 { font-size:46px; }
  .business-direction .hero-intro > p { font-size:17px; }
  .business-direction .hero-actions { flex-direction:column; gap:9px; margin-top:12px; }
  .business-direction .hero-actions > .text-link { max-width:none; }
  .business-direction .workspace-body { height:304px; }
  .example-input { padding:18px 22px; }
  .source-file { margin:13px 0 10px; }
  .source-list { margin-top:12px; padding-top:10px; }
  .example-output { padding:16px 25px; }
  .output-heading h2 { font-size:21px; }
  .output-document { margin-top:12px; }
  .scope-line { margin-top:9px; font-size:12px; }
  .work-items { margin-top:9px; gap:5px; }
  .open-question { margin-top:9px; padding-top:8px; }
  .example-output .draft-footer { padding-top:10px; }
}
@media(max-width:1100px) {
  .business-direction .hero-heading { gap:30px; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
  .business-direction .hero h1 { font-size:43px; }
  .business-direction .hero-intro > p { font-size:17px; }
  .example-input { padding-inline:18px; }
  .example-output { padding-inline:23px; }
  .output-heading h2 { font-size:21px; }
  .possibility-layout { grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr); }
  .business-outcome { font-size:26px; }
}
@media(max-width:800px) {
  .business-direction .hero-heading { display:block; }
  .business-direction .hero h1 { font-size:42px; }
  .business-direction .hero-heading > .hero-intro { max-width:100%; }
  .business-direction .hero-intro > p { font-size:16px; max-width:590px; }
  .business-direction .hero-actions { display:flex; flex-direction:row; gap:20px; }
  .business-direction .hero-actions .button { font-size:12px; }
  .business-direction .workspace-body { height:345px; }
  .business-direction .workspace-panel { height:301px; }
  .example-input { padding:19px 20px; }
  .example-output { padding:18px 22px; }
  .output-heading h2 { font-size:20px; }
  .output-document { margin-top:13px; }
  .example-output .draft-footer { padding-top:12px; }
  .business-direction .under-workspace { font-size:10px; }
}
@media(max-width:560px) {
  .business-direction .hero h1 { font-size:33px; }
  .business-direction .hero-intro > p { font-size:15px; }
  .business-direction .hero-actions { display:flex; flex-wrap:wrap; gap:13px; }
  .business-direction .hero-actions > .text-link { display:inline-flex; font-size:11px; }
  .business-direction .hero-actions .button { font-size:11px; min-height:38px; padding:9px 11px; gap:10px; }
  .business-direction .workspace-body { height:316px; }
  .business-direction .workspace-panel { height:272px; }
  .possibility-layout { display:block; overflow:auto; }
  .example-input { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 14px; border-right:0; border-bottom:1px solid var(--line); overflow:visible; }
  .example-input > .small-label, .input-excerpt, .source-list, .source-file small { display:none; }
  .source-file { margin:0; gap:7px; }
  .source-file > svg { width:15px; height:15px; }
  .source-file strong { font-size:10px; }
  .example-input .source-button { font-size:9px; margin:0; gap:3px; }
  .example-input .source-button svg { width:12px; }
  .example-output { padding:14px 16px 16px; overflow:visible; }
  .output-heading h2 { font-size:18px; }
  .output-heading .small-label { font-size:8px; }
  .output-document { margin-top:13px; }
  .scope-line { font-size:12px; }
  .sheet-title { font-size:11px; }
  .content-draft h3 { font-size:18px; }
  .content-draft > p:last-child { font-size:12px; }
  .open-question { align-items:start; }
  .example-output .draft-footer { margin-top:6px; }
  .example-output .draft-footer small { font-size:8px; }
  .business-direction .under-workspace { font-size:9px; padding-block:10px; align-items:start; }
  .business-direction .under-workspace > span { max-width:63%; line-height:1.5; }
  .business-direction .under-workspace > a { max-width:30%; line-height:1.5; }
  .waiting-items { gap:12px; }
  .business-outcome { font-size:24px; }
}
@media(max-width:560px) and (max-height:740px) {
  .business-direction .hero h1 { font-size:30px; }
  .business-direction .hero-intro > p { font-size:14px; }
  .business-direction .hero-actions { margin-top:12px; }
  .business-direction .hero-actions > .text-link { display:none; }
  .business-direction .workspace-body { height:235px; }
  .business-direction .workspace-panel { height:191px; }
}
@media(max-width:380px) {
  .business-direction .hero h1 { font-size:28px; }
  .business-direction .hero-actions { gap:9px; }
  .business-direction .hero-intro > p { font-size:13px; }
  .business-direction .under-workspace { font-size:8px; }
  .business-direction .hero-actions .button { min-height:34px; font-size:10px; padding:8px 10px; }
  .business-direction .workspace-body { height:211px; }
  .business-direction .workspace-panel { height:167px; }
  .output-heading h2 { font-size:17px; }
  .business-outcome { font-size:22px; }
}