/* Purpose-led landing page and task-first workspace. The palette is grayscale. */
.brand img { display:block; width:166px; height:auto; max-width:100%; }
.boot { min-height:100vh; min-height:100dvh; width:100%; display:grid; place-items:center; background:#f7f7f7; }
.dc-loader-content { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:21px; padding:32px; text-align:center; }
.dc-loader-content img { display:block; width:min(166px,50vw); height:auto; transform-origin:center; animation:dc-loader-breathe 2s ease-in-out infinite; }
.dc-loader-track { position:relative; display:block; width:108px; height:2px; overflow:hidden; border-radius:2px; background:#d9d9d9; }
.dc-loader-track span { position:absolute; top:0; left:0; width:42%; height:100%; border-radius:2px; background:#171717; animation:dc-loader-sweep 1.25s ease-in-out infinite alternate; }
.dc-loader-label { color:#606060; font-size:11px; font-weight:550; letter-spacing:.12em; }
@keyframes dc-loader-breathe { 0%,100% { opacity:.76; transform:scale(.985); } 50% { opacity:1; transform:scale(1); } }
@keyframes dc-loader-sweep { from { left:0; } to { left:58%; } }
@media (prefers-reduced-motion:reduce) { .dc-loader-content img { animation:none; opacity:1; transform:none; } .dc-loader-track span { animation:none; left:29%; } }
.dc-nav .brand img, .auth-story .brand img { width:178px; }
.sidebar .brand img { width:154px; }
.dc-footer .brand img, .landing-footer .brand img { width:144px; }
.auth-mobile-brand { display:none; }
.supplier-top { flex-wrap:wrap; gap:12px; }
.dc-landing { background:#f5f5f5; color:#101010; }
.dc-nav, .dc-hero, .dc-value, .dc-process, .dc-observe, .dc-roles, .dc-final, .dc-footer { max-width:1440px; margin-inline:auto; }
.dc-nav { min-height:82px; padding:0 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid #d5d5d5; }
.dc-nav-links { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:600; }
.dc-nav-links>a:not(.btn):hover, .dc-footer a:hover { text-decoration:underline; text-underline-offset:5px; }
.dc-hero { min-height:0; padding:54px 48px 70px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr); gap:68px; align-items:center; }
.dc-hero-copy { max-width:670px; }
.dc-audience, .dc-kicker, .dc-example-code, .dc-example-top, .dc-change-head, .dc-step-number, .dc-step-output>span { font-size:11px; font-weight:700; letter-spacing:.12em; }
.dc-audience { display:flex; flex-wrap:wrap; align-items:center; gap:10px; line-height:1.5; }
.dc-audience-dot { width:8px; height:8px; background:#111; border-radius:50%; }
.dc-audience-divider { color:#aaa; }
.dc-hero h1 { font-family:var(--serif); font-size:clamp(56px,5.5vw,86px); line-height:.98; font-weight:400; letter-spacing:-.047em; margin:25px 0 22px; max-width:760px; }
.dc-hero h1 em { font-weight:400; }
.dc-hero-lead { max-width:570px; font-size:17px; line-height:1.65; color:#383838; }
.dc-hero-actions, .dc-final-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:29px; }
.dc-hero-actions .btn, .dc-final-actions .btn { min-height:50px; padding-inline:22px; }
.dc-hero-footnote { margin-top:15px; font-size:12px; color:#666; }
.dc-example { background:#fff; border:1px solid #cecece; box-shadow:12px 12px 0 #e4e4e4; min-width:0; }
.dc-example-top { display:flex; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid #d6d6d6; padding:16px 20px; }
.dc-example-tag { border:1px solid #bbb; border-radius:3px; padding:5px 7px; font-size:9px; white-space:nowrap; }
.dc-example-intro { padding:34px 32px 25px; }
.dc-example-code { color:#666; }
.dc-example-intro h2 { font-family:var(--serif); font-size:38px; letter-spacing:-.025em; margin:13px 0 7px; font-weight:400; }
.dc-example-intro p { color:#555; font-size:13px; line-height:1.5; max-width:330px; }
.dc-change-head, .dc-change-row { display:grid; grid-template-columns:minmax(80px,.85fr) minmax(85px,1fr) 18px minmax(98px,1.05fr); align-items:center; gap:10px; padding:13px 20px; }
.dc-change-head { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f3f3; color:#777; font-size:9px; }
.dc-change-head span:last-child { grid-column:3 / 5; text-align:right; }
.dc-change-row { min-height:62px; border-bottom:1px solid #e7e7e7; font-size:14px; }
.dc-change-label { font-weight:700; }
.dc-change-before { color:#777; text-decoration:line-through; text-decoration-color:#bbb; }
.dc-change-row>svg { color:#777; }
.dc-change-row strong { text-align:right; font-size:15px; }
.dc-example-decision { display:flex; align-items:center; gap:14px; padding:18px 20px; margin:20px; background:#171717; color:#fff; }
.dc-example-decision>div { display:flex; flex-direction:column; gap:4px; }
.dc-example-decision strong { font-size:13px; }
.dc-example-decision span { color:#c8c8c8; font-size:12px; }
.dc-example-bottom { display:flex; align-items:center; justify-content:space-around; gap:6px; border-top:1px solid #ddd; padding:15px 20px; font-size:11px; font-weight:700; }
.dc-example-bottom span { color:#999; }
.dc-value, .dc-observe { padding:88px 48px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:center; border-top:1px solid #d5d5d5; }
.dc-value h2, .dc-observe h2 { font-family:var(--serif); font-size:clamp(38px,3.7vw,56px); font-weight:400; line-height:1.08; letter-spacing:-.03em; margin:15px 0 19px; }
.dc-value-copy>p, .dc-observe-copy>p { color:#454545; font-size:15px; line-height:1.7; max-width:580px; }
.dc-value-list { list-style:none; padding:0; margin:27px 0 0; border-top:1px solid #bbb; }
.dc-value-list li { display:grid; grid-template-columns:minmax(125px,.7fr) minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid #d4d4d4; font-size:12px; line-height:1.45; }
.dc-value-list strong { font-size:13px; }
.dc-value-list span { color:#555; }
.dc-value-copy .dc-scope { margin-top:24px; color:#595959; font-size:12px; }
.dc-value-figure, .dc-observe-figure { min-width:0; margin:0; background:#fff; border:1px solid #d4d4d4; }
.dc-value-figure img, .dc-observe-figure img { display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover; }
.dc-value-figure figcaption, .dc-observe-figure figcaption { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:16px 18px; border-top:1px solid #ddd; }
.dc-value-figure figcaption>span, .dc-observe-figure figcaption>span { display:flex; flex-direction:column; gap:4px; min-width:0; }
.dc-value-figure figcaption strong, .dc-observe-figure figcaption strong { font-size:9px; letter-spacing:.1em; }
.dc-value-figure figcaption span span, .dc-observe-figure figcaption span span { font-size:11px; color:#555; line-height:1.35; }
.dc-process { padding:92px 48px 98px; }
.dc-section-head { max-width:650px; margin-bottom:42px; }
.dc-section-head h2, .dc-roles h2, .dc-final h2 { font-family:var(--serif); font-size:clamp(40px,4.2vw,62px); font-weight:400; line-height:1.05; letter-spacing:-.03em; margin:13px 0; }
.dc-section-head p { color:#555; font-size:15px; }
.dc-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #222; border-bottom:1px solid #222; }
.dc-step { display:flex; flex-direction:column; min-height:294px; padding:27px 22px 21px; border-right:1px solid #ccc; }
.dc-step:first-child { border-left:1px solid #ccc; }
.dc-step-number { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:#777; }
.dc-step h3 { font-size:20px; letter-spacing:-.03em; margin:40px 0 10px; }
.dc-step p { color:#555; font-size:13px; line-height:1.6; }
.dc-step-output { margin-top:auto; border-top:1px solid #dedede; padding-top:17px; display:flex; flex-direction:column; gap:6px; }
.dc-step-output>span { color:#777; font-size:9px; }
.dc-step-output strong { font-size:12px; }
.dc-observe { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }
.dc-observe-outcome { margin-top:27px; border-left:3px solid #111; padding:10px 0 10px 16px; display:flex; flex-direction:column; gap:5px; }
.dc-observe-outcome strong { font-size:14px; line-height:1.35; }
.dc-observe-outcome span { color:#555; font-size:12px; }
.dc-roles { padding:70px 48px 85px; border-top:1px solid #d5d5d5; display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.dc-roles h2 { max-width:440px; }
.dc-role-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.dc-role-grid>div { border-top:1px solid #999; padding-top:18px; }
.dc-role-grid strong { font-size:15px; }
.dc-role-grid p { color:#555; font-size:13px; margin-top:7px; }
.dc-final { padding:65px 48px 75px; border-top:1px solid #111; display:flex; justify-content:space-between; align-items:end; gap:40px; }
.dc-final h2 { max-width:670px; }
.dc-final-actions { margin:0; justify-content:flex-end; }
/* Let the contact QR scroll fully above the fixed support launcher. */
.dc-footer { border-top:1px solid #d5d5d5; padding:29px 48px 90px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:32px; color:#555; font-size:12px; }
.dc-footer-identity { display:flex; flex:1 1 240px; min-width:0; align-items:center; flex-wrap:wrap; gap:18px; }
.dc-footer-main { display:flex; flex:2 1 600px; min-width:0; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; gap:24px 32px; }
.dc-footer-links { display:flex; flex:1 1 220px; min-width:0; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:16px 20px; }
.dc-footer-contact { display:flex; min-width:0; max-width:100%; align-items:flex-start; flex-wrap:wrap; gap:16px; }
.dc-footer-contact-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:8px; overflow-wrap:anywhere; }
.dc-footer-contact-copy>a { max-width:100%; }
.dc-footer-contact-phone { color:#666; }
.dc-whatsapp-link { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.dc-whatsapp-qr { display:block; flex:0 1 144px; max-width:100%; background:#fff; }
.dc-whatsapp-qr img { display:block; width:144px; max-width:100%; height:auto; }
.dc-creator-profile { display:inline-flex; align-items:center; gap:9px; border-left:1px solid #d5d5d5; padding-left:18px; color:#222; text-decoration:none; }
.dc-creator-profile img { width:34px; height:34px; border:1px solid #bbb; border-radius:50%; object-fit:cover; filter:grayscale(1); }
.dc-creator-profile>span:nth-child(2) { display:flex; flex-direction:column; gap:2px; }
.dc-creator-profile small { font-size:10px; color:#666; }
.dc-creator-profile strong { font-size:12px; font-weight:600; }
.dc-creator-profile:hover strong { text-decoration:underline; text-underline-offset:3px; }
.dc-creator-profile:focus-visible { outline:2px solid #111; outline-offset:4px; }
.dc-support-chat { position:fixed; z-index:90; right:22px; bottom:22px; display:flex; align-items:center; gap:9px; min-height:49px; padding:0 18px; border:1px solid #111; border-radius:30px; background:#111; color:#fff; box-shadow:0 5px 18px #0002; font:600 13px Arial,Helvetica,sans-serif; cursor:pointer; }
.dc-support-chat:hover { background:#333; }
.dc-support-chat:focus-visible { outline:3px solid #777; outline-offset:3px; }
.dc-support-chat:disabled { cursor:wait; }
.dc-support-chat-icon { font-size:20px; line-height:1; }
.dc-support-chat-error { position:fixed; z-index:110; right:22px; bottom:22px; box-sizing:border-box; width:min(330px,calc(100vw - 44px)); padding:18px; border:1px solid #bbb; border-radius:12px; background:#fff; color:#111; box-shadow:0 8px 30px #0002; font-size:13px; }
.dc-support-chat-error p { line-height:1.5; }
.dc-support-chat-error a { color:inherit; text-decoration:underline; }
.dc-support-chat-error button { border:1px solid #111; border-radius:5px; padding:8px 11px; background:#fff; color:#111; font:inherit; cursor:pointer; }

/* Give the buyer's next action priority over stage counts. */
.page-head h1 { max-width:900px; }
.task-queue { margin:0 0 28px; background:#fff; border:1px solid #d7d7d7; }
.task-queue-head { display:flex; align-items:end; justify-content:space-between; gap:14px; padding:23px 25px 17px; border-bottom:1px solid #e4e4e4; }
.task-queue-head h2 { font-size:21px; }
.task-queue-head p { color:#666; font-size:12px; margin-top:4px; }
.task-queue-row { display:grid; grid-template-columns:minmax(170px,1fr) minmax(230px,1.55fr) auto; gap:25px; align-items:center; padding:18px 25px; border-bottom:1px solid #ededed; }
.task-queue-row:last-child { border-bottom:0; }
.task-queue-case { display:flex; flex-direction:column; gap:5px; min-width:0; }
.task-queue-case strong { font-size:14px; overflow-wrap:anywhere; }
.task-queue-case span, .task-queue-meta { font-size:11px; color:#666; }
.task-queue-action { display:flex; flex-direction:column; gap:5px; min-width:0; }
.task-queue-action strong { font-size:13px; }
.task-queue-action span { font-size:11px; color:#666; }
.task-queue-empty { padding:25px; color:#555; }
.workspace-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:34px; }
.workspace-metrics .summary-card { padding:17px 19px; min-height:113px; }
.workspace-metrics .summary-number { font-size:30px; margin:10px 0 3px; }
.workspace-metrics .help { font-size:10px; }
.workspace-metrics .summary-bottom { font-size:11px; }
.case-journey { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid #d9d9d9; background:#fff; margin-bottom:17px; }
.case-journey-step { min-width:0; padding:15px 17px; border-right:1px solid #e5e5e5; }
.case-journey-step:last-child { border-right:0; }
.case-journey-step span { display:block; color:#767676; font-size:10px; letter-spacing:.09em; margin-bottom:6px; }
.case-journey-step strong { display:block; font-size:12px; line-height:1.35; }
.case-journey-step.current { background:#1b1b1b; color:#fff; }
.case-journey-step.current span { color:#bcbcbc; }
.case-journey-step.done { background:#f2f2f2; }
.next-action { background:#eaeaea; border-color:#d1d1d1; border-left:4px solid #111; padding:22px 25px; }
.next-copy strong { display:block; font-size:16px; line-height:1.35; }
.next-action .btn { flex-shrink:0; }
.parallel-proposal { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:-1px 0 17px; padding:15px 22px; border:1px solid #d5d5d5; background:#fff; }
.parallel-proposal strong { font-size:13px; }
.parallel-proposal p { margin-top:4px; color:#555; font-size:12px; }
.parallel-proposal .btn { flex-shrink:0; }
.case-statuses { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:17px; }
.case-status { min-width:0; }
.case-status strong { overflow-wrap:anywhere; }
.tabs { scrollbar-width:thin; scrollbar-color:#999 #efefef; scroll-snap-type:x proximity; }
.tab { font-size:13px; scroll-snap-align:start; }
.mobile-tabs-hint { display:none; }
.historical-diff { background:#fff; border:1px solid #d9d9d9; padding:21px; }
.historical-diff h3 { font-size:17px; margin-bottom:5px; }
.historical-diff>p { color:#666; font-size:12px; margin-bottom:15px; }
.historical-diff-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.historical-diff-item { padding:13px; background:#f3f3f3; }
.historical-diff-item span { display:block; font-size:10px; color:#666; margin-bottom:7px; }
.historical-diff-item del, .historical-diff-item strong { display:block; font-size:13px; line-height:1.45; }
.historical-diff-item del { color:#777; }
.historical-diff-item strong { margin-top:4px; }
.mobile-recommendations { display:none; }

@media (max-width:1050px) {
  .dc-hero { grid-template-columns:1fr; gap:45px; padding-top:60px; }
  .dc-example { max-width:650px; }
  .dc-value, .dc-observe { grid-template-columns:1fr; gap:34px; }
  .dc-value-figure, .dc-observe-figure { max-width:760px; }
  .dc-observe-figure { order:2; }
  .dc-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dc-step:nth-child(3) { border-left:1px solid #ccc; border-top:1px solid #ccc; }
  .dc-step:nth-child(4) { border-top:1px solid #ccc; }
  .dc-roles { grid-template-columns:1fr; gap:35px; }
  .task-queue-row { grid-template-columns:1fr 1.25fr auto; gap:15px; }
}
@media (max-width:700px) {
  .dc-nav { padding:18px 20px; min-height:70px; }
  .dc-nav-links { gap:13px; }
  .dc-nav-links>a:not(.btn):not(.dc-login) { display:none; }
  .dc-hero { padding:55px 20px 65px; min-height:0; gap:38px; }
  .dc-hero h1 { font-size:clamp(54px,11vw,74px); }
  .dc-hero-lead { font-size:15px; }
  .dc-audience { font-size:10px; }
  .dc-audience>span:last-child { flex-basis:100%; margin-left:18px; }
  .dc-example-intro { padding:27px 20px 20px; }
  .dc-example-intro h2 { font-size:32px; }
  .dc-value, .dc-observe, .dc-roles { padding:55px 20px; grid-template-columns:1fr; gap:27px; }
  .dc-value h2, .dc-observe h2 { font-size:clamp(39px,10vw,53px); }
  .dc-value-copy>p, .dc-observe-copy>p { font-size:14px; }
  .dc-value-list li { grid-template-columns:1fr; gap:3px; }
  .dc-value-figure figcaption, .dc-observe-figure figcaption { padding:12px 10px; gap:5px; }
  .dc-value-figure figcaption span span, .dc-observe-figure figcaption span span { font-size:10px; }
  .dc-process { padding:70px 20px; }
  .dc-steps { grid-template-columns:1fr; }
  .dc-step { min-height:0; border-left:1px solid #ccc; border-top:1px solid #ccc; }
  .dc-step:first-child { border-top:0; }
  .dc-step h3 { margin-top:20px; }
  .dc-step-output { margin-top:26px; }
  .dc-role-grid { gap:22px; }
  .dc-final { padding:50px 20px; display:block; }
  .dc-final-actions { justify-content:flex-start; margin-top:25px; }
  .dc-footer { padding:25px 20px 80px; flex-wrap:wrap; }
  .dc-footer-main { flex-direction:column; align-items:stretch; width:100%; }
  .dc-footer-links { justify-content:flex-start; }
  .dc-footer-main>.dc-footer-links { flex:auto; }
  .task-queue-row { grid-template-columns:1fr auto; padding:16px; }
  .task-queue-action { grid-column:1 / -1; grid-row:2; }
  .task-queue-row>.btn { grid-column:2; grid-row:1; }
  .task-queue-head { padding:18px 16px; }
  .workspace-metrics { grid-template-columns:repeat(2,1fr); }
  .case-journey { grid-template-columns:repeat(5,minmax(118px,1fr)); overflow-x:auto; }
  .case-journey-step { padding:14px; }
  .case-statuses { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .parallel-proposal { display:block; padding:15px; }
  .parallel-proposal .btn { margin-top:12px; }
  .mobile-tabs-hint { display:block; color:#666; font-size:11px; margin:-7px 0 9px; }
  .historical-diff-grid { grid-template-columns:1fr; }
  .mobile-recommendations { display:grid; gap:9px; }
  .mobile-recommendation { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px; border:1px solid #dedede; background:#fff; }
  .mobile-recommendation strong { display:block; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
  .mobile-recommendation .help { font-size:10px; margin-top:3px; }
  .mobile-recommendation .btn { flex:none; }
  .compare-table { overflow:visible; }
  .compare-table table { display:block; width:100%; min-width:0; }
  .compare-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .compare-table thead .btn { display:none; }
  .compare-table tbody { display:block; }
  .compare-table tbody tr { display:block; margin:0 0 10px; border:1px solid #dedede; border-radius:8px; background:#fff; overflow:hidden; }
  .compare-table tbody th { display:block; border:0; padding:13px 14px 7px; background:#f4f4f4; font-size:10px; line-height:1.45; }
  .compare-table tbody td { display:grid; grid-template-columns:minmax(82px,38%) minmax(0,1fr); gap:10px; align-items:start; border:0; border-top:1px solid #ededed; padding:10px 14px; overflow-wrap:anywhere; word-break:break-word; font-size:12px; line-height:1.5; }
  .compare-table tbody td::before { content:attr(data-label); color:#666; text-transform:uppercase; letter-spacing:.04em; font-size:10px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
  .renewal-reminders-table table { display:block; width:100%; min-width:0; }
  .renewal-reminders-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .renewal-reminders-table tbody, .renewal-reminders-table tbody tr { display:block; }
  .renewal-reminders-table tbody tr { border-bottom:1px solid #e8e8e8; padding:16px; }
  .renewal-reminders-table tbody tr:last-child { border-bottom:0; }
  .renewal-reminders-table tbody td { display:block; border:0; padding:4px 0; overflow-wrap:anywhere; line-height:1.5; }
  .renewal-reminders-table tbody td:first-child { font-size:14px; }
  .renewal-reminders-table tbody td:nth-child(2)::before { content:'Case · '; color:#666; }
  .renewal-reminders-table tbody td:nth-child(3)::before { content:'Due · '; color:#666; }
  .renewal-reminders-table tbody td:last-child .actions { margin-top:9px; }
  .procurement-list-table table { display:block; width:100%; min-width:0; }
  .procurement-list-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .procurement-list-table tbody { display:block; }
  .procurement-list-table tbody tr { display:grid; grid-template-columns:1fr auto; gap:6px 12px; padding:17px 18px; border-bottom:1px solid #e7e7e7; }
  .procurement-list-table tbody tr:last-child { border-bottom:0; }
  .procurement-list-table tbody td { display:block; border:0; padding:0; min-width:0; overflow-wrap:anywhere; }
  .procurement-list-table tbody td:first-child, .procurement-list-table tbody td:nth-child(4) { grid-column:1 / -1; }
  .procurement-list-table tbody td:first-child .cell-primary { font-size:15px; }
  .procurement-list-table tbody td:nth-child(2)::before { content:'Market · '; color:#666; }
  .procurement-list-table tbody td:nth-child(4) { margin-top:7px; padding-top:10px; border-top:1px solid #efefef; }
  .procurement-list-table tbody td:nth-child(4)::before { content:'NEXT ACTION'; display:block; margin-bottom:5px; color:#666; font-size:10px; letter-spacing:.08em; font-weight:650; }
  .procurement-list-table tbody td:nth-child(5) { color:#666; font-size:11px; }
  .procurement-list-table tbody td:nth-child(6) { text-align:right; }
}
@media (max-width:390px) {
  .dc-audience-divider { display:none; }
  .dc-change-head, .dc-change-row { grid-template-columns:70px 1fr 14px 1fr; gap:6px; padding-inline:10px; font-size:11px; }
  .dc-change-head { font-size:8px; letter-spacing:.04em; }
  .dc-change-row strong { font-size:12px; }
  .dc-example-top { padding-inline:10px; }
}
@media (max-width:350px) {
  .dc-nav-links .btn { display:none; }
}

.security-dialog{width:min(380px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #ddd;border-radius:16px;padding:24px;color:#111;background:#fff;box-shadow:0 24px 80px #0003}.security-dialog::backdrop{background:#0006}.security-dialog h2{font-size:22px;margin:0 0 12px}.security-dialog p{font-size:14px;line-height:1.5;margin:0 0 20px}.security-widget{width:100%;min-height:65px;margin-bottom:20px}.security-dialog button{width:100%}

.standalone-error{min-height:100vh;display:flex;flex-direction:column}
.standalone-error .empty-state{margin:auto}
.dc-topic-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:32px 0 0}.feature-page{padding-top:72px}.feature-page .feature-grid{max-width:1120px;margin:44px auto}.feature-page .card h2{font-size:22px;margin:16px 0 12px}.feature-actions{justify-content:center;margin:32px auto 48px}
@media (max-width:600px){.dc-nav{gap:12px}.dc-nav .brand img{width:138px}.dc-nav-links{gap:10px}.dc-nav-links .dc-login{white-space:nowrap}.supplier-top .brand img{width:150px}.auth-mobile-brand{display:block}}

/* Public brand-team guides and crawlable reading pages. */
.reading-page{max-width:870px;margin:0 auto;padding:54px 30px 84px;min-width:0}
.reading-page h1{font-size:clamp(32px,4.6vw,52px);line-height:1.13;letter-spacing:-1.5px;max-width:800px;margin-bottom:24px}
.reading-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:32px}
.reading-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.reading-byline{font-size:12px;color:var(--muted);margin:-8px 0 28px}
.reading-body{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.reading-body>p,.reading-body>ul,.reading-body>ol{margin:0 0 22px}
.reading-body h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:38px 0 14px}
.reading-body li{margin:9px 0}.reading-body ul,.reading-body ol{padding-left:24px}
.reading-body a{font-weight:550;text-decoration:underline;text-underline-offset:3px}
.reading-body section{padding-bottom:6px;border-bottom:1px solid var(--line)}
.reading-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0 30px;border:1px solid var(--line);border-radius:10px}
.reading-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;white-space:normal}
.reading-table-wrap caption{text-align:left;padding:16px;font-weight:600;background:#f5f5f5}
.reading-table-wrap th,.reading-table-wrap td{padding:15px 16px;vertical-align:top;text-align:left;border-top:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}
.reading-table-wrap th{width:28%;font-weight:600}
.reading-template{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;background:#f3f3f3;padding:24px;border:1px solid var(--line);border-radius:10px;margin:22px 0 30px}
.template-copy-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.template-copy-status{flex:1 1 220px;font-size:13px;line-height:1.6;color:#365543}
.reading-body .btn{white-space:normal;text-align:center;height:auto}
@media print{.template-copy-tools{display:none}}
.reading-actions{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.dc-guides{padding:76px 0;border-top:1px solid var(--line)}
.dc-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 24px}
.dc-guide-card{padding:26px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:16px}
.dc-guide-card h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.4px}
.dc-guide-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.dc-guide-card p{font-size:14px;color:var(--muted);flex:1}
@media(max-width:760px){.reading-page{padding:32px 20px 56px}.reading-page h1{letter-spacing:-.8px}.reading-body{font-size:15px}.reading-body h2{font-size:22px}.reading-table-wrap th,.reading-table-wrap td{padding:12px 10px}.reading-template{padding:16px;font-size:12px}.dc-guide-grid{grid-template-columns:1fr}.dc-guides{padding:46px 0}.reading-actions .btn{white-space:normal}}

.reading-nav{gap:24px}.reading-nav .actions{column-gap:16px;row-gap:10px}
@media(max-width:600px){.reading-nav{flex-wrap:wrap;gap:20px}.reading-nav .actions{width:100%;justify-content:space-between}.reading-breadcrumbs{margin-bottom:26px}}

/* Shared public navigation and the concise, server-rendered homepage. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-header{max-width:1280px;margin:auto;min-height:80px;padding:18px 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #d5d5d5;position:relative;z-index:40}
.public-header .brand img{width:166px;height:auto}.public-desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:550}.public-desktop-nav>a{display:inline-flex;align-items:center;min-height:44px}.public-header .btn.primary{background:#111;color:#fff;border-color:#111}.public-mobile-menu,.public-mobile-login{display:none}
.public-mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #ccc;border-radius:7px;background:#fff;font-size:14px;font-weight:600;cursor:pointer}.public-mobile-menu summary::-webkit-details-marker{display:none}.public-menu-icon{display:grid;gap:4px;width:18px}.public-menu-icon i{height:2px;background:currentColor;display:block}.public-mobile-links{position:absolute;top:calc(100% - 8px);right:20px;width:calc(100% - 40px);max-width:360px;padding:8px;background:#fff;border:1px solid #ccc;border-radius:9px;box-shadow:0 12px 30px #0002;max-height:calc(100dvh - 100px);overflow:auto}.public-mobile-menu:not([open]) .public-mobile-links{display:none}.public-mobile-menu[open] .public-mobile-links{display:grid}.public-mobile-links>a{min-height:44px;padding:12px;border-radius:5px;display:flex;align-items:center;font-size:15px}.public-mobile-links>a:hover{background:#f2f2f2}.public-mobile-links .btn{margin-top:4px;justify-content:center}
.home-main{max-width:1280px;margin:auto;padding:0 40px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:64px 0}.home-eyebrow{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#555}.home-intro h1{font:400 clamp(42px,5.1vw,66px)/1.05 var(--serif);letter-spacing:-.035em;margin:18px 0 22px;max-width:580px}.home-lead{font-size:17px;line-height:1.65;color:#444;max-width:540px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.home-actions .btn{min-height:46px;padding:13px 18px;font-size:14px}.home-fineprint{font-size:12px;line-height:1.5;color:#666;margin-top:14px;max-width:440px}
.home-example{min-width:0;padding:24px;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:8px 8px 0 #e8e8e8}.home-example-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#555}.home-version{padding:5px 8px;background:#f2f2f2;border-radius:4px;white-space:nowrap}.home-example h2{font:550 22px/1.25 var(--sans);letter-spacing:-.5px;margin:20px 0}.home-example-table{table-layout:fixed}.home-example-table th,.home-example-table td{padding:12px 7px;font-size:14px;line-height:1.4;border-bottom:1px solid #e7e7e7;vertical-align:top;overflow-wrap:anywhere}.home-example-table th{text-transform:none;letter-spacing:0;font-weight:550;background:none;color:#444}.home-example-table thead th{font-size:12px;color:#666}.home-example-table th:first-child{width:28%}.home-example-table td:nth-child(2){color:#666}.home-example-table td strong{font-weight:650}.home-sample-note{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.5;color:#555;margin:14px 0}.home-review-state{border-top:1px solid #ddd;padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5}.home-review-state>span{color:#666}.home-review-state>strong{font-weight:650}
.home-workflow{border-top:1px solid #d5d5d5;padding:54px 0}.home-section-heading{max-width:650px}.home-main section>h2,.home-section-heading h2,.home-pricing h2{font:400 clamp(30px,3.4vw,44px)/1.12 var(--serif);letter-spacing:-.025em}.home-section-heading>p{font-size:15px;color:#555;margin-top:14px}.home-steps{list-style:none;margin:28px 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-steps li{display:flex;gap:14px;border-top:1px solid #bbb;padding-top:20px;min-width:0}.home-step-number{font:13px/1.6 ui-monospace,monospace;color:#666;flex:none}.home-steps h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin-bottom:9px}.home-steps p{font-size:14px;line-height:1.6;color:#555}.home-text-link{font-size:14px;line-height:1.5;display:inline-block;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.home-pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid #d5d5d5;padding:54px 0;align-items:center}.home-pricing h2{margin:14px 0 18px}.home-pricing>div>p:not(.home-eyebrow){font-size:15px;line-height:1.65;color:#555;max-width:520px}.home-price-card{background:#fff;border:1px solid #ccc;border-radius:10px;padding:26px}.home-price-card .home-price{color:#111!important;font-size:40px!important;font-weight:500;line-height:1.2!important;letter-spacing:-1.2px;margin-bottom:14px}.home-price span{display:block;font-size:14px;line-height:1.5;letter-spacing:0;color:#555;margin-top:5px}.home-price-card .home-text-link{margin-top:12px}
.home-guides{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d5d5d5;padding:28px 0}.home-guides h2{font:550 18px/1.4 var(--sans);letter-spacing:-.3px}.home-guides nav{display:flex;flex-wrap:wrap;gap:8px 24px}.home-guides a{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.home-final{border-top:1px solid #bbb;padding:44px 0 54px;display:flex;align-items:center;justify-content:space-between;gap:36px}.home-final h2{max-width:570px}.home-final .home-actions{margin-top:0;flex:none}.dc-landing>.dc-footer{max-width:1280px;padding-inline:40px}
@media(max-width:1000px){.home-hero,.home-pricing{gap:32px}.public-desktop-nav{gap:15px}.home-actions{gap:10px}.home-actions .btn{padding-inline:14px}}
@media(max-width:760px){.public-header{padding:14px 20px;min-height:72px;gap:8px}.public-header .brand img{width:132px}.public-desktop-nav{display:none}.public-mobile-login{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;margin-left:auto;font-size:14px}.public-mobile-menu{display:block}.home-main{padding:0 20px}.home-hero{grid-template-columns:1fr;gap:30px;padding:38px 0 42px}.home-intro h1{font-size:46px;max-width:400px;margin:15px 0 18px}.home-lead{font-size:16px;line-height:1.6}.home-actions{margin-top:22px}.home-actions .btn{min-height:46px;font-size:14px}.home-example{padding:18px;box-shadow:5px 5px 0 #e8e8e8}.home-example h2{font-size:21px;margin:16px 0}.home-example-table th,.home-example-table td{font-size:13px;padding:11px 5px}.home-example-table thead th{font-size:12px}.home-example-heading{font-size:12px}.home-workflow,.home-pricing{padding:38px 0}.home-main section>h2,.home-section-heading h2,.home-pricing h2{font-size:32px}.home-steps{grid-template-columns:1fr;gap:20px;margin-top:24px}.home-steps li{padding-top:16px}.home-pricing{grid-template-columns:1fr;gap:22px}.home-price-card{padding:22px}.home-guides{display:block;padding:24px 0}.home-guides nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:10px}.home-guides a{font-size:13px;overflow-wrap:anywhere}.home-final{display:block;padding:36px 0 42px}.home-final .home-actions{margin-top:22px}.dc-landing>.dc-footer{padding-inline:20px}.home-fineprint{max-width:350px}}
@media(max-width:350px){.home-intro h1{font-size:42px}.home-actions{display:grid;grid-template-columns:1fr}.home-example{padding:15px}.home-version{font-size:11px}.home-example-heading{gap:6px}.home-review-state{font-size:11px;gap:8px}.home-main section>h2,.home-section-heading h2,.home-pricing h2{font-size:30px}}

/* Keep support available without covering a wide strip of mobile content. */
@media(max-width:760px){.dc-support-chat{right:16px;bottom:16px;width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.dc-support-chat>span:last-child{display:none}}

/* Email intake, retained history and delivery follow-through. */
.intake-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.intake-address{padding:14px;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere;font-family:monospace;font-size:14px}
.intake-message{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px;border-bottom:1px solid var(--line)}
.intake-message>div:first-child{min-width:0;flex:1}.intake-message h3,.intake-message p{overflow-wrap:anywhere}.intake-message h3{margin:0 0 6px}.intake-message:last-child{border-bottom:0}
.intake-pagination{margin-top:20px;justify-content:space-between;flex-wrap:wrap}
.intake-attach-form{padding-top:20px;border-top:1px solid var(--line)}
.checkbox-line{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-size:14px}.checkbox-line input{flex:none;min-width:18px;min-height:18px;margin-top:2px}
form [hidden]{display:none!important}
.review-update{border-left:2px solid var(--line);padding-left:16px;margin-top:18px}.review-update p{overflow-wrap:anywhere}
.delivery-review h3{font-size:17px;margin:0;overflow-wrap:anywhere}.delivery-review .record-head{gap:12px;flex-wrap:wrap}
.archive-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:#f2f2ef;border:1px solid var(--line);border-radius:8px;margin:20px 0}.archive-banner p{margin:5px 0 0;font-size:14px}.archive-search .search-box{flex:1;max-width:560px}
@media(max-width:700px){.intake-message{flex-direction:column;gap:14px;padding:18px}.intake-message>.stack{flex-direction:row;align-items:center;flex-wrap:wrap}.archive-banner{flex-direction:column;align-items:flex-start}.archive-search{flex-wrap:wrap}.intake-pagination .help{flex-basis:100%;order:-1}}
@media(max-width:700px){.record-head .help{min-width:0;max-width:100%;flex-shrink:1;white-space:normal;overflow-wrap:anywhere}}

.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-nav-close,.workspace-nav-backdrop{display:none}.workspace-nav-backdrop[hidden]{display:none}
.section-grid>.stack{min-width:0}.card-head,.record-head{flex-wrap:wrap}.record-head .help{min-width:0;max-width:100%;flex-shrink:1;white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){.section-grid{grid-template-columns:minmax(0,1fr)}.section-grid>.stack{min-width:0}}
@media(max-width:850px){.sidebar-head .brand{padding:0}.sidebar-head .brand img{max-width:142px;height:auto}.workspace-nav-close{display:inline-flex;min-width:40px;min-height:40px;padding:9px}.workspace-nav-backdrop{display:block;position:fixed;inset:0;z-index:19;border:0;border-radius:0;background:#0005;padding:0;touch-action:none}.sidebar.open{z-index:20}body:has(.app-shell>.sidebar.open){overflow:hidden}}

/* Keep the access explanation and purchase link readable at phone widths. */
@media(max-width:850px){.access-banner{display:grid;grid-template-columns:16px minmax(0,1fr);text-align:left;align-items:start;font-size:12px;line-height:1.5}.access-banner>.text-link{grid-column:2;justify-self:start;overflow-wrap:normal}.access-banner>span{min-width:0}}

/* Keep account setup readable before the two-column story fits. */
.auth-content>.auth-box>a>.brand{display:flex;margin-bottom:28px}
@media(max-width:850px){.auth-page{grid-template-columns:minmax(0,1fr)}.auth-page .auth-story{display:none}.auth-content{padding:32px 24px;min-height:100vh}.auth-mobile-brand{display:block}.auth-box{max-width:440px}.auth-box .brand{display:flex;margin-bottom:24px}.auth-box h2{font-size:36px;line-height:1.12}}

/* Item differences must remain readable inside a narrow review dialog. */
.media-item-diff table{table-layout:fixed;min-width:0;width:100%}
.media-item-diff th,.media-item-diff td{white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){
 .media-item-diff{overflow:visible}
 .media-item-diff table,.media-item-diff tbody{display:block;min-width:0;width:100%}
 .media-item-diff thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .media-item-diff tbody tr{display:block;margin-bottom:10px;border:1px solid #dedede;border-radius:8px;overflow:hidden}
 .media-item-diff tbody th{display:block;padding:12px 14px;background:#f4f4f4;font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;border:0}
 .media-item-diff tbody td{display:grid;grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:12px;padding:10px 14px;border:0;border-top:1px solid #dedede;font-size:12px;line-height:1.5}
 .media-item-diff tbody td::before{content:attr(data-label);color:#666;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
}

/* Long purchase references and validation messages must fit their containing card. */
.record-head .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.notice>div{min-width:0;overflow-wrap:anywhere}
.modal-header h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
 .modal .btn,.supplier-page .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}

/* Item evidence retains its complete agreed issue/date at narrow widths. */
.delivery-item-scope{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* Preserve complete evidence and exception notes while wrapping long references. */
.record p{overflow-wrap:anywhere}

/* Shared publisher verification keeps headings, messages and actions distinct. */
.supplier-verification-intro{gap:6px}
.supplier-verification-status{gap:10px}

/* Workload fit estimate stays readable in public and small-screen views. */
.value-fit{margin:2.5rem 0;padding:1.5rem;border:1px solid var(--line,#ddd);border-radius:12px;background:#fafafa}
.value-fit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.value-fit-fields label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;line-height:1.5;min-width:0}
.value-fit-fields input{box-sizing:border-box;width:100%;min-width:0;padding:.7rem;border:1px solid #bbb;border-radius:6px;background:#fff;color:#171717;font:inherit}
.value-fit-result{display:block;margin-top:1rem;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:600px){.value-fit{padding:1rem}.value-fit-fields{grid-template-columns:1fr}}

/* Contextual next step after a useful buying guide. */
.buyer-next-step{margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#f1f1f1;overflow-wrap:anywhere}
.buyer-next-step h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 14px}
.buyer-next-step>p{font-size:16px;line-height:1.7;margin:0 0 20px}
.buyer-next-step .actions{flex-wrap:wrap}
.buyer-next-step>p.help{font-size:13px;margin:18px 0 0;line-height:1.7}
.buyer-next-step .help a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.buyer-next-step{padding:22px 18px}.buyer-next-step h2{font-size:22px}.buyer-next-step>p{font-size:15px}.buyer-next-step .btn{white-space:normal}}

/* Product evidence and a short, early action for buyers ready to start. */
.buyer-entry{margin:0 0 30px;padding:18px 0 20px;border-bottom:1px solid var(--line);min-width:0}
.buyer-entry .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.buyer-entry a.btn{text-decoration:none;white-space:normal;max-width:100%}
.buyer-entry>p{font-size:13px;line-height:1.65;color:#555;margin:12px 0 0;max-width:650px}
.home-proof,.home-start{padding:48px 0;border-top:1px solid #d5d5d5;min-width:0}
.home-proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:start}
.home-proof-copy,.home-proof-artifact{min-width:0}
.home-proof h2{font:400 clamp(30px,3.4vw,44px)/1.12 var(--serif);letter-spacing:-.025em;margin:10px 0 18px}
.home-proof p,.home-start>p{font-size:15px;line-height:1.7;color:#444;margin:12px 0}
.home-proof ol{padding-left:22px;margin:18px 0;font-size:14px;line-height:1.7}
.home-proof li{margin:10px 0}
.home-proof-artifact{padding:18px;border:1px solid #ccc;border-radius:10px;background:#fff;overflow-wrap:anywhere}
.home-proof-artifact figure{margin:0}
.home-proof-artifact img{display:block;width:100%;height:auto;border:1px solid #ddd;border-radius:5px}
.home-proof-artifact figcaption,.home-proof p.help{font-size:12px;line-height:1.6;color:#666;margin:12px 0}
.home-proof-actions{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:20px 0 12px}
.home-proof-actions .btn{white-space:normal;text-decoration:none;max-width:100%}
.home-proof-artifact dl{font-size:14px;line-height:1.7;margin:14px 0}
.home-proof-artifact dt{font-weight:600}.home-proof-artifact dd{margin:0 0 10px}
.home-price-details{font-size:14px;line-height:1.7;color:#444}
.home-start>p{max-width:760px}.home-start details{max-width:760px;margin-top:20px;font-size:14px;line-height:1.7}
.home-start summary{cursor:pointer;font-weight:600;padding:10px 0}.home-start details p{color:#555;margin:12px 0}
@media(max-width:760px){
 .buyer-entry{padding-top:0;margin-bottom:24px}.buyer-entry .actions{align-items:flex-start;gap:10px 16px}
 .buyer-entry .btn{padding:12px 15px;font-size:14px;min-height:44px}
 .buyer-entry>p{font-size:12px;line-height:1.6}
 .home-proof,.home-start{padding:34px 0}.home-proof-grid{grid-template-columns:1fr;gap:22px}
 .home-proof h2{font-size:32px}.home-proof-artifact{padding:14px}
 .home-proof-actions{align-items:flex-start}.home-proof-actions .btn{font-size:14px}
}
.home-proof-figure{margin:30px 0 0;min-width:0;max-width:100%}
.home-proof-figure img{display:block;width:100%;height:auto;border:1px solid #ccc;border-radius:10px}
.home-proof-figure figcaption{font-size:12px;line-height:1.6;color:#666;margin-top:12px;max-width:780px}

/* Purchase review and task entry share the existing responsive workspace system. */
.home-task-hubs .home-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.purchase-review{min-width:0}.purchase-review .record,.purchase-review blockquote{min-width:0;overflow-wrap:anywhere}.purchase-review blockquote{margin:8px 0;border-left:2px solid var(--line);padding-left:12px;white-space:pre-wrap}
@media(max-width:760px){.home-task-hubs .home-steps{grid-template-columns:1fr}.purchase-review .form-grid{grid-template-columns:1fr}}
@media(max-width:650px){
 .work-queue .task-queue-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 0}
 .work-queue .task-queue-action,.work-queue .task-queue-row>.btn{grid-column:1;grid-row:auto}
 .work-queue .task-queue-row>.btn{justify-self:start;max-width:100%;white-space:normal}
}