.demo-page-intro{padding-top:45px;padding-bottom:35px}
.demo-page-intro>.text-link{font-size:.84rem;margin-bottom:29px}
.demo-page-intro .eyebrow{display:flex;margin:0 0 15px}
.demo-page-intro h1{font-size:clamp(2.45rem,4.5vw,4.3rem);max-width:17em;line-height:1.12;letter-spacing:-.035em;margin:0 0 21px}
.demo-page-intro>p:not(.eyebrow){max-width:840px;font-size:1.04rem;color:#536c61;line-height:1.8;margin:0 0 20px}
.demo-intro-actions{display:flex;gap:14px 25px;align-items:center;flex-wrap:wrap}.demo-intro-actions .text-link{font-size:.83rem}
.demo-workspace{margin-bottom:55px}
.demo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px;padding:9px;background:#eaf0e4;border-radius:17px}
.demo-tab{font:inherit;font-size:.84rem;font-weight:700;color:#365848;cursor:pointer;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border-radius:10px;min-height:55px;padding:10px 12px;min-width:0;line-height:1.45}
.demo-tab>span{font-size:.70rem;letter-spacing:.08em}.demo-tab[aria-selected=true]{color:white;background:#0b4334;box-shadow:0 3px 12px #0b433414}
.demo-tab:focus-visible,.demo-next .btn:focus-visible{outline:3px solid #8daa43;outline-offset:4px}
.demo-panel{padding:34px;background:#fffdf9;border:1px solid #d9e0d6;border-radius:24px;scroll-margin-top:105px;min-width:0;margin-bottom:25px}
.demo-panel-heading{margin-bottom:28px}.demo-panel-heading .synthetic-badge{margin-bottom:12px}
.demo-panel h2{font-size:clamp(1.55rem,2.3vw,2.25rem);letter-spacing:-.02em;line-height:1.22;margin:0 0 11px}
.demo-panel-heading>p{font-size:.96rem;max-width:950px;color:#536c61;line-height:1.75;margin:0}
.demo-two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:25px}
.sample-email,.draft-response{border:1px solid #d9e0d6;border-radius:18px;padding:27px;background:white;min-width:0;font-size:.94rem;line-height:1.8;color:#244736}
.email-meta{border-bottom:1px solid #d9e0d6;padding-bottom:15px;margin-bottom:20px}
.email-meta p{margin:4px 0;font-size:.83rem;color:#536c61}.email-meta strong{color:#0b4334;padding-right:9px}
.sample-email li{padding-left:5px;margin:6px 0}.sample-email ol{padding-left:22px}
.demo-aside{padding:28px;border-radius:19px;background:#0b4334;color:white;align-self:start;min-width:0}
.demo-aside .eyebrow{font-size:.68rem;color:#d2e87b}.demo-aside h3{font-size:clamp(1.4rem,2.3vw,2.05rem);line-height:1.2;color:white;margin:10px 0 22px}
.demo-aside p{color:#d9e8dc;font-size:.94rem;line-height:1.8}
.demo-aside a{color:#e5f0c2;font-size:.86rem;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:15px}
.demo-aside .btn{color:white;text-decoration:none;font-size:.82rem;white-space:normal}
.demo-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:28px}.demo-next .text-link{font-size:.83rem}
.table-scroll{overflow-x:auto;border:1px solid #d9e0d6;border-radius:14px;max-width:100%;scrollbar-color:#94ae85 #eef2e8}
.demo-table{border-collapse:collapse;width:100%;font-size:.86rem;line-height:1.65;min-width:690px}
.demo-table th,.demo-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e6dd}
.demo-table thead{background:#0b4334;color:#fff;font-size:.78rem;letter-spacing:.02em}
.demo-table tbody th{font-weight:700;min-width:190px;color:#173e2f}
.demo-table tbody tr:nth-child(even){background:#f3f5ee}.demo-table tbody tr:last-child th,.demo-table tbody tr:last-child td{border-bottom:0}
.demo-table td p{font-size:.80rem;color:#536c61;margin:9px 0 0;line-height:1.6}
.demo-table td a,.demo-table th a{color:#24684f;text-decoration:underline;text-underline-offset:4px}
.demo-table td:last-child{min-width:75px}.status-badge{display:inline-block;border-radius:6px;padding:4px 8px;font-size:.73rem;font-weight:700;white-space:normal}.status-badge.ok{color:#23513e;background:#e2eddd}.status-badge.open{color:#785021;background:#f6eedc}
.demo-note{font-size:.82rem;line-height:1.75;color:#536c61;padding:15px 18px;background:#eaf0e4;border-radius:12px;margin-top:20px}.demo-note a{color:#24684f;text-decoration:underline}
.demo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}
.demo-kpis>div{border-radius:15px;padding:21px;background:#eaf0e4;min-width:0}.demo-kpis>div:first-child{background:#0b4334;color:white}
.demo-kpis small{font-size:.72rem;display:block;font-weight:600;margin-bottom:11px}
.demo-kpis strong{font-size:clamp(1.3rem,2.2vw,2.05rem);line-height:1.2;display:block;letter-spacing:-.025em;overflow-wrap:anywhere}.demo-kpis strong>span{font-size:.88rem;font-weight:500}
.demo-kpis p{font-size:.78rem;line-height:1.65;margin:11px 0 0;color:#536c61}.demo-kpis>div:first-child p{color:#d9e8dc}
.evidence-table tbody th{min-width:90px}.evidence-table td:nth-child(2){width:46%}
.draft-label{font-size:.70rem;letter-spacing:.06em;font-weight:800;color:#785021;background:#faf0dc;padding:9px 13px;border-radius:7px;margin-bottom:20px}
#draft-copy p{margin:0 0 16px}.copy-controls{padding-top:17px;border-top:1px solid #d9e0d6;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.copy-controls .btn{font-size:.79rem}.copy-controls span{font-size:.78rem;color:#24684f}
.demo-closing{padding:0 0 68px}.demo-closing h2{font-size:1.8rem;line-height:1.25;margin:0 0 14px}.demo-closing p{color:#536c61;max-width:850px;margin-bottom:23px}

@media(max-width:1050px){.demo-two-col{grid-template-columns:1.3fr .8fr}.demo-intro-grid{gap:32px}.demo-aside{padding:23px}.demo-panel{padding:26px}.demo-next .btn{font-size:.82rem}}
@media(max-width:780px){.response-pack-grid{grid-template-columns:1fr}.scope-strip,.demo-intro-grid,.demo-two-col{grid-template-columns:1fr}.scope-strip{gap:12px}.demo-aside h3 br{display:none}.demo-aside h3 br:after{content:' '}.demo-panel{padding:24px}.demo-kpis{grid-template-columns:1fr}.demo-kpis strong{font-size:1.8rem}.demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panel-heading>p{font-size:.9rem}.section-actions .btn{width:100%}.demo-page-intro{padding-top:28px}.demo-page-intro h1{font-size:2.5rem}}
@media(max-width:480px){.demo-panel{padding:18px;border-radius:18px}.demo-tab{font-size:.73rem;gap:7px;padding:10px 7px}.demo-tabs{gap:5px;padding:6px}.demo-page-intro h1{font-size:2.25rem}.demo-page-intro>p:not(.eyebrow){font-size:.92rem}.demo-route-card{padding:23px}.demo-next{gap:13px}.demo-next .btn{width:100%;font-size:.80rem;padding:13px}.sample-email,.draft-response{padding:20px;font-size:.89rem}.email-meta p{font-size:.76rem}.demo-panel h2{font-size:1.7rem}.demo-aside{padding:23px}.scope-strip{padding:21px}.synthetic-badge{font-size:.68rem!important}.demo-closing h2{font-size:1.55rem}.demo-table{min-width:630px}.demo-intro-actions{gap:13px}.demo-intro-actions .text-link{font-size:.78rem}.demo-intro-grid h2{font-size:2rem}.demo-route-card .btn{width:100%;font-size:.85rem}}
@media print{.demo-tabs,.demo-next,.copy-controls,.demo-aside .btn,.demo-intro-actions,.demo-closing{display:none!important}.demo-panel[hidden]{display:block!important}.demo-panel{border:0;border-radius:0;break-before:page}.demo-two-col{display:block}.demo-aside{background:white!important;color:#0b4334!important}.demo-aside p,.demo-aside h3{color:#0b4334!important}.demo-table{min-width:0;font-size:9pt}.demo-panel .synthetic-badge{display:inline-block!important}}

/* On phones, read each checklist/evidence row as a card; no sideways table scrolling. */
@media screen and (max-width:640px){
 .table-scroll{overflow:visible;border:0;border-radius:0}
 .demo-table,.demo-table tbody,.demo-table tr,.demo-table th,.demo-table td{display:block;min-width:0!important;width:100%!important}
 .demo-table thead{position:absolute;width:1px!important;height:1px!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .demo-table tr{border:1px solid #d9e0d6;border-radius:14px;margin-bottom:14px;background:#fff!important;overflow:hidden}
 .demo-table tbody th{background:#eaf0e4;border:0;padding:14px 16px;font-size:.88rem}
 .demo-table td{border:0;padding:12px 16px;font-size:.84rem}
 .demo-table td::before{content:attr(data-label);display:block;font-size:.66rem;color:#536c61;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
 .demo-table td p{font-size:.80rem;margin-top:5px}
}

/* v4 shared brand and mobile refinements. */
.demo-page-intro>.eyebrow{font-size:.7rem}.demo-page-intro h1{font-size:clamp(2.4rem,4.7vw,4.2rem);line-height:1.1}.demo-page-intro>p:not(.eyebrow){color:var(--muted)}.demo-tab{font-family:inherit}.demo-tab[aria-selected=true]{background:var(--forest)}.demo-panel .demo-aside h3{color:white}.demo-panel[hidden]{display:none!important}.demo-tab .icon{width:18px}.demo-aside{background:var(--forest)}.demo-closing{padding-bottom:64px}.demo-panel .btn{font-family:inherit}.demo-tab:hover{background:#dbe7cf}.demo-tab[aria-selected=true]:hover{background:#214c38}.demo-panel:not([hidden]){animation:demo-panel-enter .32s ease-out}@keyframes demo-panel-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-next .text-link{min-height:44px}.table-scroll:focus-visible{outline:3px solid #669332;outline-offset:4px}.demo-intro-actions .synthetic-badge{margin-bottom:0}@media(max-width:480px){.demo-page-intro{padding-top:24px;padding-bottom:26px}.demo-page-intro h1{font-size:2.35rem}.demo-page-intro>.text-link{margin-bottom:23px}.demo-intro-actions{gap:14px}.demo-panel{padding:20px 16px}.demo-aside h3{font-size:1.55rem}.demo-closing h2{font-size:1.85rem}.demo-closing p{font-size:.91rem}}@media print{.demo-panel[hidden]{display:block!important}}