/* Selected Work and its self-contained demonstration apps. */
.app-window[data-app="work"] .window-content,.demo-app {container-type:inline-size}
.showcase {background:#f5f7fb;color:#233048}
.showcase-head {padding:36px 34px 28px;background:#182b42;color:#fff;position:relative;overflow:hidden}
.showcase-head .app-eyebrow {color:#a4c4d3;margin-bottom:14px}
.showcase-head h2 {font:500 clamp(30px,5cqi,43px)/1.13 var(--brand);letter-spacing:-1.5px;max-width:600px}
.showcase-head>p:last-of-type {font-size:16px;line-height:1.6;color:#c5d3e0;max-width:570px;margin-top:15px}
.showcase-index {display:flex;gap:22px;margin-top:26px;padding-top:18px;border-top:1px solid #ffffff26;color:#d5e2ee;font-size:14px;flex-wrap:wrap}
.showcase-index span {display:flex;gap:9px;align-items:center}
.showcase-index b {font:500 12px var(--brand);color:#8ab8cf}
.showcase-index button {display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #ffffff36;border-radius:6px;background:transparent;color:#d5e2ee;font-size:14px;min-height:42px}
.showcase-index button[aria-pressed="true"] {background:#f2f7fc;color:#233f58;border-color:#f2f7fc}
.showcase-index button[aria-pressed="true"] b {color:#436d88}
.showcase-index button:hover:not([aria-pressed="true"]) {background:#ffffff12}
.has-work-switcher .showcase-head {padding:24px 30px 18px}
.has-work-switcher .showcase-head .app-eyebrow {margin-bottom:9px}
.has-work-switcher .showcase-head h2 {font-size:35px;max-width:none}
.has-work-switcher .showcase-head>p:last-of-type {max-width:900px;margin-top:10px}
.has-work-switcher .showcase-index {gap:10px;margin-top:17px;padding-top:14px}
.has-work-switcher .showcase-note {padding:13px 30px;font-size:13px;line-height:1.55}
.has-work-switcher .showcase-module {padding:23px 30px;grid-template-columns:1fr 1fr;gap:30px}
.has-work-switcher .showcase-preview {max-width:430px;justify-self:end}
.has-work-switcher .showcase-contact {padding:18px 30px}
@container (min-width:880px) {
  .has-work-switcher .showcase-head h2 br {display:none}
  .has-work-switcher .showcase-head h2 br:after {content:' '}
}
.showcase-note {padding:16px 34px;font-size:13px;color:#5c6c80;border-bottom:1px solid #dce3ed}
.showcase-note>strong {display:block;font-size:16px;color:#293f59;margin-bottom:6px}
.showcase-download {display:block;margin-top:12px;font-size:13px;color:#385f83;text-underline-offset:3px}
.showcase-module {padding:28px 34px;border-bottom:1px solid #dce3ed;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}
.showcase-module h3 {font:500 25px/1.2 var(--brand);letter-spacing:-.65px;margin:8px 0 12px}
.showcase-module p {font-size:16px;line-height:1.6;color:#56667c}
.showcase-number {font:500 12px var(--brand);letter-spacing:1.5px;color:#426780}
.showcase-module ul {margin:14px 0 20px;padding-left:17px;color:#42536c;font-size:14px}
.showcase-module li {margin:5px 0;padding-left:3px}
.showcase-module .app-button {min-height:44px;font-size:14px;justify-content:center}
.showcase-preview {margin:0;min-width:0}
.showcase-preview a {display:block;border:1px solid #cbd6e4;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #15395b13;transition:transform .2s,box-shadow .2s;background:#edf2f8}
.showcase-preview a:hover {transform:translateY(-3px);box-shadow:0 14px 30px #15395b25}
.showcase-preview img {width:100%;height:auto}
.showcase-preview figcaption {font-size:12px;line-height:1.5;margin-top:8px;color:#66758a}
.showcase-contact {padding:8px 34px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.showcase-contact h3 {font-size:18px;margin-bottom:4px}
.showcase-contact p {font-size:14px;color:#596980}
.showcase-contact .app-button {flex-shrink:0}
.demo-app {--demo-accent:#285d99;--demo-soft:#eaf1fa;background:#f1f4f8;min-height:100%;font-size:14px;line-height:1.5;color:#24354a}
.demo-app--leave {--demo-accent:#14665b;--demo-soft:#e6f2ee}
.demo-app--sign {--demo-accent:#604c91;--demo-soft:#efebf6}
.demo-topline {padding:9px 23px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #dde4ec;background:#f9fbfd;flex-wrap:wrap}
.demo-topline>span {font-size:12px;color:#55697f;display:flex;align-items:center;gap:6px;margin-left:auto}
.demo-topline i {width:6px;height:6px;background:#399477;border-radius:50%}
.demo-back {display:flex;align-items:center;gap:6px;background:transparent;font-weight:600;font-size:13px;min-height:36px;padding:0}
.demo-back svg {width:15px;height:15px}
.demo-topline .demo-button {min-height:32px;font-size:12px;padding:5px 10px}
.demo-header {padding:23px 26px 18px;display:flex;align-items:center;gap:14px}
.demo-header p {font-size:11px;letter-spacing:1.7px;color:#637389;font-weight:700;margin-bottom:3px}
.demo-header h2 {font:600 27px/1.2 var(--brand);letter-spacing:-.8px}
.demo-brand-mark {width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1c3049;color:#fff;border-radius:10px;font:600 21px var(--brand);letter-spacing:-1px;flex-shrink:0}
.demo-brand-mark span {color:#80cbbd;margin-left:1px}
.demo-body {padding:0 26px 20px}
.demo-button {display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;border:1px solid #c9d4e1;border-radius:6px;background:#fff;color:#31455f;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none}
.demo-button:hover:not(:disabled) {background:#edf2f8;border-color:#98adc5}
.demo-button--primary {background:var(--demo-accent);color:#fff;border-color:var(--demo-accent)}
.demo-button--primary:hover:not(:disabled) {background:var(--demo-accent);filter:brightness(1.12);border-color:var(--demo-accent)}
.demo-controls {display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:17px}
.demo-switch {display:flex;align-items:center;padding:3px;background:#e2e8f0;border-radius:7px;gap:2px;flex-wrap:wrap}
.demo-switch .demo-button {background:transparent;border-color:transparent;font-size:13px;min-height:36px;padding:7px 13px;color:#526379;box-shadow:none}
.demo-switch .demo-button[aria-pressed="true"] {background:#fff;color:var(--demo-accent);box-shadow:0 1px 4px #10273f14}
.demo-filter,.demo-request-form label {display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#55677d}
.demo-filter select,.demo-filter input,.demo-request-form input {width:100%;max-width:100%;height:41px;min-width:0;padding:8px 12px;font-size:14px;font-weight:400;background:#fff;border:1px solid #cbd6e3;border-radius:6px;color:#24354a}
.demo-controls>.demo-filter {flex:1;min-width:140px}
.demo-tabs {display:flex;gap:22px;border-bottom:1px solid #cfdae7;margin-bottom:19px;overflow-x:auto;position:sticky;top:0;z-index:4;background:#f1f4f8}
.demo-tabs .demo-button {border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 0;color:#5c6d82;white-space:nowrap}
.demo-tabs .demo-button[aria-pressed="true"] {color:var(--demo-accent);border-bottom-color:var(--demo-accent)}
.demo-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.demo-stat {padding:16px 17px;background:#fff;border:1px solid #dce4ed;border-radius:8px;min-width:0;box-shadow:0 2px 4px #203c5910}
.demo-stat>span {display:block;color:#5d6d81;font-size:13px;font-weight:500}
.demo-stat strong {display:block;font:600 clamp(24px,3.2cqi,33px)/1.3 var(--brand);letter-spacing:-1px;margin:7px 0 3px;color:#253c56;overflow-wrap:anywhere}
.demo-stat small {display:block;color:#69798d;font-size:12px;line-height:1.5}
.demo-panel {background:#fff;border:1px solid #dce4ed;border-radius:9px;overflow:hidden;margin-bottom:16px;min-width:0}
.demo-panel-heading {padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.demo-panel h3 {font-size:16px;line-height:1.4}
.demo-panel-heading p,.demo-panel-heading>span {font-size:12px;color:#63768c;margin-top:3px}
.demo-chart-key {display:flex;align-items:center;gap:6px}
.demo-chart-key i {width:9px;height:9px;background:var(--demo-accent);border-radius:2px}
.demo-chart-key .demo-target-key {background:#cbd7e7;margin-left:8px}
.demo-bar-chart {display:flex;gap:14px;height:200px;margin:8px 22px 20px;border-bottom:1px solid #dce4ed;align-items:stretch}
.demo-chart-column {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#63768c;padding:0 7px 9px}
.demo-chart-column.is-current {background:#eff4fa;border-radius:5px;color:var(--demo-accent);font-weight:700}
.demo-bar-pair {display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;flex:1;min-height:0;padding-top:27px}
.demo-bar {background:var(--demo-accent);width:32px;max-width:44%;min-height:2px;position:relative;border-radius:3px 3px 0 0}
.demo-bar span {position:absolute;top:-22px;width:100%;text-align:center;font-size:12px;color:#445e7a;font-weight:600}
.demo-bar--target {background:#cbd7e7}
.demo-table-scroll {overflow:auto;max-height:440px;overscroll-behavior:auto}
.demo-table {width:100%;border-collapse:collapse;font-size:14px;text-align:left;white-space:nowrap}
.demo-table th {position:sticky;top:0;z-index:1;background:#f5f8fb;border-block:1px solid #e3e9f0;color:#627287;font-size:12px;font-weight:600}
.demo-table td,.demo-table th {padding:12px 19px}
.demo-table td {border-bottom:1px solid #edf1f5}
.demo-table tbody tr:last-child td {border-bottom:0}
.demo-table tbody tr:hover {background:#f8fafc}
.demo-table strong {font-weight:600}
.demo-table small {display:block;font-size:12px;color:#6c7d92;margin-top:2px}
.demo-badge {display:inline-block;padding:4px 8px;font-size:12px;border-radius:4px;line-height:1.3;background:#e9eff8;color:#3f608f;white-space:nowrap}
.demo-badge--approved,.demo-badge--in-transit {background:#e3f2ec;color:#226653}
.demo-badge--pending,.demo-badge--in-production {background:#fff1d8;color:#8b5d18}
.demo-badge--declined {background:#f8e8e8;color:#965153}
.demo-rank {display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;margin-right:12px;background:var(--demo-soft);color:var(--demo-accent);border-radius:50%;font-size:12px}
.demo-empty {padding:23px 20px;font-size:14px;color:#61738a;line-height:1.6}
.demo-announcement:empty {display:none}
.demo-announcement {margin:0 26px 15px;padding:11px 14px;background:var(--demo-soft);color:var(--demo-accent);border-radius:6px;font-size:14px}
.demo-footnote {font-size:12px;color:#64758b;padding:0 26px 20px;line-height:1.6}
.demo-role-strip {display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.demo-role-strip p {display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px}
.demo-role-strip p>span:last-child {font-size:12px;color:#65768c}
.demo-avatar {display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#dbeee9;color:#276755;font-weight:700;font-size:12px}
.demo-leave-layout {display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}
.demo-request-panel {padding:20px}
.demo-request-panel>p,.demo-sign-controls>p {font-size:14px;color:#607189;line-height:1.6;margin:8px 0 17px}
.demo-request-form {display:grid;gap:12px}
.demo-request-form label {font-size:13px}
.demo-form-feedback {font-size:14px;color:#14665b;line-height:1.5}
.demo-form-feedback:empty {display:none}
.demo-form-feedback .demo-button {margin-top:12px;width:100%}
.demo-calendar-panel .demo-panel-heading {padding:16px}
.demo-calendar-panel .demo-filter {max-width:180px}
.demo-calendar {padding:0 16px 12px}
.demo-calendar-week,.demo-calendar-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.demo-calendar-week {font-size:12px;color:#718096;text-align:center;margin-bottom:8px}
.demo-calendar-days {border-left:1px solid #e5ebf1;border-top:1px solid #e5ebf1}
.demo-calendar-day,.demo-calendar-blank {border-bottom:1px solid #e5ebf1;border-right:1px solid #e5ebf1;min-height:65px;padding:5px;font-size:12px}
.demo-calendar-day>span:first-child {display:block;color:#617087;font-size:12px;margin-bottom:4px}
.demo-calendar-day.is-weekend {background:#f6f8fa}
.demo-calendar-entry {display:block;background:#dff0e8;color:#23674f;border-radius:3px;padding:2px 3px;margin-bottom:2px;line-height:1.2;font-size:11px;font-weight:600}
.demo-calendar-entry.is-pending {background:#fff0d0;color:#885d20;border:1px dashed #c89942}
.demo-calendar-key {display:flex;gap:9px;flex-wrap:wrap;padding:0 16px 17px;align-items:center}
.demo-calendar-key>span:last-child {font-size:11px;color:#63758a;flex-basis:100%}
.demo-approval {border-top:1px solid #dce4ed;padding:14px 0}
.demo-approval:last-child {padding-bottom:0}
.demo-approval p {font-size:13px;margin:4px 0 10px;color:#64768a}
.demo-approval>div {display:flex;gap:7px}
.demo-count {font-size:12px;padding:2px 6px;border-radius:5px;background:#e8f2ee;color:#14665b}
.demo-steps {display:flex;list-style:none;padding:0;margin:0 0 20px;border-block:1px solid #d7dfe9;gap:15px}
.demo-steps li {display:flex;align-items:center;gap:8px;flex:1;padding:14px 0;font-size:13px;color:#718093;border-bottom:2px solid transparent}
.demo-steps li>span {display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#e2e7ef;font-size:12px;flex-shrink:0}
.demo-steps li.is-current {color:var(--demo-accent);border-bottom-color:var(--demo-accent);font-weight:600}
.demo-steps li.is-current>span {background:var(--demo-accent);color:#fff}
.demo-steps li.is-done>span {background:#dcece5;color:#326d53}
.demo-sign-layout {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.demo-paper-stage {background:#e0e6ee;padding:20px;border-radius:8px}
.demo-paper {background:#fff;padding:26px 27px 18px;box-shadow:0 4px 13px #20344b1c;color:#31445c;font-size:13px;line-height:1.6}
.demo-paper header {display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:16px;border-bottom:1px solid #dbe1e9;font-size:9px;letter-spacing:1px}
.demo-paper header strong {font-weight:600}
.demo-paper header span {white-space:nowrap}
.demo-paper-overline {font-size:10px;letter-spacing:1.8px;color:#6e7a90;margin-top:22px}
.demo-paper h3 {font:500 23px/1.2 var(--brand);letter-spacing:-.6px;margin:10px 0}
.demo-paper-intro {font-size:12px;color:#6d7b8e}
.demo-paper dl {margin:21px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;padding:14px 0;border-block:1px solid #e3e8ef}
.demo-paper dt {font-size:10px;color:#778495}
.demo-paper dd {font-size:12px;margin:2px 0 0}
.demo-paper h4 {font-size:12px;margin:0 0 7px}
.demo-paper h4+p {font-size:12px;color:#586a80;line-height:1.9}
.demo-paper-disclaimer {font-size:10px;color:#7b8595;margin:18px 0}
.demo-signature-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:76px;margin-top:22px}
.demo-document-field {border-bottom:1px solid #d5dde7;display:flex;flex-direction:column;justify-content:center;padding:7px;min-width:0}
.demo-document-field.is-placed {border:1px dashed #a191bd;background:#f7f4fc;border-radius:3px}
.demo-document-field>span:not(.demo-sample-signature) {font-size:12px;color:#746093}
.demo-document-field small {font-size:8px;color:#778093;line-height:1.4;margin-top:4px}
.demo-document-field .demo-sample-signature {font-size:20px;white-space:normal}
.demo-document-field svg {width:100%;height:42px}
.demo-paper footer {font-size:9px;color:#8c96a5;text-align:center;margin-top:22px}
.demo-sign-controls {padding:21px}
.demo-sign-controls .demo-step-label {font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--demo-accent);margin:0 0 9px}
.demo-sign-controls h3 {font:500 22px/1.25 var(--brand);letter-spacing:-.5px}
.demo-sign-controls>.demo-button {width:100%;margin-top:10px}
.demo-placement {display:flex;gap:8px;margin:15px 0}
.demo-placement .demo-button {font-size:12px;flex:1;padding:10px}
.demo-placement [aria-pressed="true"] {border-color:var(--demo-accent);background:var(--demo-soft);color:var(--demo-accent)}
.demo-feature-note {border-top:1px solid #e0e6ee;padding-top:18px;margin-top:22px;font-size:13px}
.demo-feature-note strong {font-size:12px;color:#465b77}
.demo-feature-note p {margin-top:5px;color:#64758a;line-height:1.6}
.demo-sign-pad {margin-top:15px;width:100%;aspect-ratio:600/160;border:1px dashed #9caac0;border-radius:5px;background:#fafbfe;touch-action:none;cursor:crosshair;user-select:none}
.demo-sign-ink {width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#263c5c;overflow:hidden}
.demo-sign-ink>span:not(.demo-sample-signature) {font-size:12px;color:#8190a4}
.demo-sign-ink svg {width:100%;height:100%}
.demo-sample-signature {font:italic 30px 'Snell Roundhand','Segoe Script','Brush Script MT',cursive;line-height:1.3;color:#2d4664;white-space:nowrap}
.demo-consent {display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.6;margin:18px 0 6px;cursor:pointer}
.demo-consent input {margin:4px 0 0;flex-shrink:0;width:16px;height:16px;accent-color:var(--demo-accent)}
.demo-sign-controls .demo-small-note {font-size:12px;line-height:1.5;margin:12px 0 0}
.demo-completed {display:flex;align-items:center;gap:13px;border:1px solid #b9d8cb;background:#e7f3ed;padding:16px 20px;margin-bottom:20px;border-radius:8px;color:#29654f}
.demo-completed>span {display:flex;align-items:center;justify-content:center;background:#2f795f;color:white;width:34px;height:34px;border-radius:50%;font-size:20px;flex-shrink:0}
.demo-completed h3 {font-size:19px}
.demo-completed p {font-size:14px;margin-top:3px}
.demo-audit {padding:0;margin:20px 0;list-style:none}
.demo-audit li {border-left:2px solid #d7e3df;padding:0 0 18px 15px;position:relative}
.demo-audit li:before {content:'';position:absolute;left:-5px;top:5px;width:8px;height:8px;border-radius:50%;background:#4c8b72}
.demo-audit strong {display:block;font-size:13px}
.demo-audit span {font-size:12px;display:block;color:#718094;margin-top:3px}
.demo-audit li:last-child {padding-bottom:0}
.demo-process-intro {margin:0 0 18px}
.demo-process-intro h3 {font:500 23px/1.3 var(--brand);letter-spacing:-.5px;max-width:750px}
.demo-process-intro p {font-size:14px;line-height:1.6;color:#5d7087;margin-top:8px;max-width:790px}
.demo-sheet-scroll {max-height:none}
.demo-sheet {font-family:Arial,sans-serif;font-size:12px}
.demo-sheet td,.demo-sheet th {padding:9px 11px;border-right:1px solid #dfe6ee}
.demo-sheet thead th {background:#e8f0ed;font-size:11px;color:#365e51}
.demo-sheet th small {margin-bottom:5px;font-size:10px;text-align:center;color:#6d857b}
.demo-sheet tbody th {background:#f3f6f8;color:#6e7c8e;position:static;font-size:11px}
.demo-sheet tbody tr:nth-child(even) {background:#f5f9f7}
.demo-import-action {padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e1e7ef;flex-wrap:wrap}
.demo-import-action>p {font-size:13px;line-height:1.6;color:#61738a;max-width:500px;flex:1;min-width:200px}
.demo-import-action>div {display:flex;gap:10px;flex-wrap:wrap}
.demo-field-map {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 20px}
.demo-field-map>div {background:#f0f5fa;padding:13px;border-radius:6px;overflow-wrap:anywhere}
.demo-field-map code {font-size:11px;color:#5e7290;display:block;line-height:1.6}
.demo-field-map strong {font-size:14px;display:block;margin:7px 0 4px;color:#294968}
.demo-field-map span {font-size:12px;color:#6a7d92;display:block;line-height:1.5}
.demo-import-receipt {font-size:13px;line-height:1.6;background:#e5f3ec;color:#2d654d;border:1px solid #bfdbcc;padding:12px 16px;margin-bottom:16px;border-radius:7px}
.demo-sales-results>.demo-small-note {font-size:12px;line-height:1.6;color:#66788e;margin-top:10px}
.demo-calendar-toolbar {padding:0 16px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.demo-calendar-toolbar p {font-size:12px;color:#657a8b;max-width:360px;line-height:1.5}
.demo-leave-layout.is-planner {grid-template-columns:1fr;gap:0}
.is-planner .demo-calendar-panel {grid-row:1}
.is-planner .demo-request-form {grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.is-planner .demo-request-form .demo-form-feedback {grid-column:1/-1}
.demo-roster-scroll {overflow:auto;max-height:340px;overscroll-behavior:auto;border-block:1px solid #dce6e3}
.demo-roster {border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed;font-size:12px;text-align:center;line-height:1.4}
.demo-roster th,.demo-roster td {border-right:1px solid #e1e9e5;border-bottom:1px solid #e1e9e5;padding:0}
.demo-roster thead th {background:#edf4f1;color:#426f60;min-width:27px;font-size:11px;padding:6px 0;font-weight:600;position:sticky;top:0;z-index:1}
.demo-roster th:first-child {position:sticky;left:0;z-index:2;text-align:left;padding:10px 13px;background:#f6faf8;min-width:155px;color:#344f45}
.demo-roster thead th:first-child {z-index:3;background:#edf4f1}
.demo-roster small {display:block;font-size:10px;font-weight:400;color:#6b8379;margin:2px 0}
.demo-roster td button {display:block;min-width:27px;width:100%;height:44px;background:transparent;color:#8da99d;font-size:11px;padding:0 2px}
.demo-roster td button:hover {box-shadow:inset 0 0 0 2px #6a9d87}
.demo-roster td.is-approved {background:#d6ecdf}
.demo-roster td.is-approved button {color:#21593c;font-weight:700}
.demo-roster td.is-pending {background:#fff1d1}
.demo-roster td.is-pending button {color:#825b16;font-weight:700}
.demo-roster td.is-weekend {background:#f0f3f5}
.demo-roster-balance {min-width:42px;color:#285b43;background:#f3f9f5;font-weight:700}
.demo-roster-detail {font-size:12px;line-height:1.5;color:#557263;padding:12px 16px;min-height:42px}
.demo-sign-story {display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:15px 18px;border:1px solid #d8dfeb;background:#fff;border-radius:7px;margin-bottom:18px}
.demo-sign-story span {font-size:10px;font-weight:700;letter-spacing:1.5px;color:#746685}
.demo-sign-story p {font-size:13px;line-height:1.6;color:#576c83;margin-top:5px}
.demo-sign-story>div+div {border-left:2px solid #c7dfd3;padding-left:18px}
@container (max-width:760px) {
  .demo-leave-layout,.demo-sign-layout {grid-template-columns:1fr}
  .demo-request-form {grid-template-columns:1fr 1fr}
  .demo-request-form .demo-form-feedback {grid-column:1/-1}
  .demo-sign-controls {grid-row:1}
  .demo-paper-stage {max-width:570px;width:100%;justify-self:center}
  .demo-steps {gap:9px}
  .demo-sign-pad {max-width:440px}
  .demo-role-strip p>span:last-child {display:none}
}
@container (max-width:620px) {
  .has-work-switcher .showcase-head {padding:24px}
  .has-work-switcher .showcase-head h2 {font-size:30px}
  .has-work-switcher .showcase-index {gap:7px}
  .has-work-switcher .showcase-index button {flex:1;padding:8px;font-size:12px;gap:5px}
  .has-work-switcher .showcase-module {grid-template-columns:1fr;padding:22px 24px;gap:18px}
  .has-work-switcher .showcase-preview {justify-self:start;max-width:430px}
  .has-work-switcher .showcase-note {padding:14px 24px}
  .has-work-switcher .showcase-contact {padding:18px 24px}
  .demo-field-map {grid-template-columns:1fr 1fr}
  .demo-process-intro h3 {font-size:21px}
  .is-planner .demo-request-form {grid-template-columns:1fr 1fr}
  .demo-sign-story {grid-template-columns:1fr;gap:12px}
  .demo-sign-story>div+div {border-left:0;border-top:1px solid #dfe8e3;padding-left:0;padding-top:10px}
  .showcase-module {grid-template-columns:1fr;gap:20px;padding:24px}
  .showcase-head {padding:29px 24px 24px}
  .showcase-note {padding:14px 24px}
  .showcase-contact {padding:6px 24px 24px;align-items:start;flex-direction:column}
  .showcase-preview {max-width:520px}
  .demo-body {padding:0 15px 15px}
  .demo-header {padding:20px 15px}
  .demo-header h2 {font-size:24px}
  .demo-topline {padding:9px 15px;gap:8px}
  .demo-topline>span {order:3;width:100%;margin:0}
  .demo-topline>.demo-button {margin-left:auto}
  .demo-stats {grid-template-columns:1fr 1fr;gap:9px}
  .demo-stat {padding:13px}
  .demo-controls>.demo-switch {flex-basis:100%;width:max-content;flex-grow:0}
  .demo-tabs {gap:18px}
  .demo-tabs .demo-button {font-size:13px}
  .demo-panel-heading {padding:15px}
  .demo-bar-chart {gap:3px;margin-inline:12px;height:180px}
  .demo-chart-column {padding-inline:3px}
  .demo-bar-pair {gap:3px}
  .demo-table td,.demo-table th {padding:11px 14px}
  .demo-footnote {padding-inline:15px}
  .demo-announcement {margin-inline:15px}
  .demo-steps li {font-size:12px;align-items:start;gap:6px}
  .demo-paper-stage {padding:12px}
  .demo-paper {padding:20px}
}
@container (max-width:380px) {
  .is-planner .demo-request-form {grid-template-columns:1fr}
  .demo-request-form {grid-template-columns:1fr}
  .demo-calendar {padding-inline:9px}
  .demo-calendar-day {padding:3px;min-height:61px}
  .demo-calendar-entry {font-size:10px;padding:2px}
  .demo-paper {padding:16px}
  .demo-paper h3 {font-size:20px}
  .demo-paper header {flex-direction:column;gap:3px}
  .demo-document-field .demo-sample-signature {font-size:16px}
}
@media (prefers-reduced-motion:reduce) {
  .showcase-preview a {transition:none}
}
html:not(.js) .showcase {container-type:inline-size}
html:not(.js) .showcase-module .app-button,html:not(.js) .showcase-preview>a {pointer-events:none}
html:not(.js) .showcase-module .app-button {display:none}