/* Matches the Finance Portal's theme.ts, AppLayout and dashboard card treatment. */
:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #212529; background: #fff; line-height: 1.55; font-size: 14px; --navy: #192834; --blue: #597fa0; --border: #dee2e6; --muted: #868e96; --header-height: 64px; scroll-padding-top: var(--header-height); }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; }
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
.app-header { position: sticky; top: 0; z-index: 30; min-height: 64px; padding: 10px 24px; background: var(--navy); color: #fff; display: flex; align-items: center; gap: 24px; box-shadow: 0 1px 8px #19283420; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; white-space: nowrap; color: inherit; }
.brand:hover { text-decoration: none; }
.brand img { display: block; flex-shrink: 0; }
.header-sections { display: flex; align-items: center; gap: 4px; }
.header-sections a { display: inline-flex; align-items: center; min-height: 40px; padding: 7px 12px; border-radius: 7px; color: #dbe5ec; font-weight: 600; white-space: nowrap; }
.header-sections a:hover, .header-sections a:focus-visible { background: #ffffff12; color: #fff; text-decoration: none; }
.header-account { display: flex; align-items: center; gap: 18px; margin-left: auto; min-width: 0; }
.account-name { font-weight: 600; overflow-wrap: anywhere; }
.header-alteration { margin-left: auto; color: #dbe5ec; font-size: 14px; font-weight: 600; white-space: nowrap; }
.app-header :focus-visible { outline-color: #e3bd68; }
main { max-width: 1184px; margin: 24px auto; padding: 0 16px; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: 26px; font-weight: 600; line-height: 1.35; letter-spacing: -.5px; }
h2 { font-size: 16px; font-weight: 600; }
h3 { font-size: 12px; font-weight: 600; color: #64717d; }
.page-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 24px; }
.subtitle { color: var(--muted); margin-top: 3px; }
button, .button { display: inline-flex; justify-content: center; align-items: center; min-height: 40px; padding: 9px 20px; background: var(--blue); color: #fff; border: 1px solid transparent; border-radius: 8px; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; white-space: nowrap; }
button:hover, .button:hover { background: #4d7190; text-decoration: none; }
.reader-status-card button:disabled { opacity: .6; cursor: wait; }
.reader-status-card > .muted { margin-top: 10px; }
#reader-status[data-state="failed"] { color: #a23d32; }
#reader-refresh { display: inline-block; margin-top: 8px; font-weight: 600; }
.review-card > .muted { margin-bottom: 18px; }
.review-match-list { display: grid; gap: 12px; margin: 12px 0; }
.review-match { display: grid; grid-template-columns: minmax(0, 1fr) 195px; gap: 16px; align-items: start; }
.review-match select { margin-top: 0; }
.review-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.review-actions button:disabled { opacity: .55; cursor: default; }
.review-confirm { background: #3e7160; }
.review-history, .review-help, .review-file-details { margin-top: 14px; }
.review-help p { margin-top: 10px; max-width: 72ch; color: #64717d; }
.review-title { min-width: 0; }
.review-title .document-name { margin-top: 5px; color: #64717d; }
.review-caution { margin: 8px 0; color: #805b0c; font-size: 13px; }
.review-matches > button { margin-top: 10px; }
.match-search { margin: 14px 0 4px; font-size: 13px; }
.review-card .review-actions button { white-space: normal; }
.review-history .reader-list > li { padding: 10px 0; }
#retry-check { margin-top: 12px; }
@media (max-width: 600px) { .review-match { grid-template-columns: 1fr; gap: 6px; } }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
.card { border: 1px solid var(--border); border-radius: 8px; padding: 22px; background: #fff; margin-bottom: 20px; }
.card-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.card-heading .muted { margin-top: 3px; }
.muted, small { color: var(--muted); font-weight: 400; }
small { display: block; font-size: 12px; }
.count { color: #59636d; background: #f1f3f5; padding: 3px 10px; border-radius: 20px; font-size: 12px; white-space: nowrap; }
/* Every disclosure uses a visible surface and the same right-hand chevron. */
summary { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 10px 40px 10px 12px; border: 1px solid #dce5ec; border-radius: 6px; background: #f5f8fa; cursor: pointer; font-weight: 600; color: #35536b; list-style: none; overflow-wrap: anywhere; }
summary::-webkit-details-marker { display: none; }
summary::after { content: ''; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; border-right: 2px solid #597fa0; border-bottom: 2px solid #597fa0; transform: translateY(-50%) rotate(-45deg); }
details[open] > summary::after { transform: translateY(-70%) rotate(45deg); }
summary:hover, details[open] > summary { background: #eaf1f6; border-color: #b7cbdc; }
summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
details[open] > summary { margin-bottom: 12px; }
label { display: block; font-weight: 500; }
input, select, textarea { display: block; width: 100%; min-height: 38px; margin-top: 6px; padding: 8px 12px; background: #fff; color: #212529; border: 1px solid #ced4da; border-radius: 8px; font: inherit; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: #adb5bd; }
input:hover, select:hover, textarea:hover { border-color: #adb5bd; }
input:focus, select:focus, textarea:focus { border-color: var(--blue); }
input[type=file] { min-height: 86px; padding: 22px; border-style: dashed; background: #f8fafc; }
input[type=file]::file-selector-button { color: #3d6280; background: #e5ecf2; border: 0; border-radius: 5px; padding: 8px 12px; margin-right: 12px; cursor: pointer; font: inherit; font-weight: 600; }
.file-dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 150px; margin-top: 12px; padding: 24px; border: 2px dashed #b5c8d8; border-radius: 10px; background: #f8fafc; color: #3d6280; text-align: center; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.file-dropzone-label { font-size: 12px; color: #657789; }
.file-dropzone-idle, .file-dropzone-active { font-size: 17px; font-weight: 600; }
.file-dropzone-hint { font-size: 13px; font-weight: 400; }
.file-dropzone-active { display: none; }
.file-dropzone input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.file-dropzone:hover, .file-dropzone:focus-within { border-color: #597fa0; background: #edf4f9; }
.file-dropzone:focus-within { outline: 2px solid #597fa0; outline-offset: 3px; }
.file-dropzone.is-dragging { border-style: solid; border-color: #3d6280; background: #deedf8; box-shadow: 0 0 0 4px #597fa026; transform: translateY(-2px); }
.file-dropzone.is-dragging .file-dropzone-idle { display: none; }
.file-dropzone.is-dragging .file-dropzone-active { display: block; }
.file-dropzone.has-files { border-color: #597fa0; }
.file-selection-status { margin: 8px 0; color: #536574; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .file-dropzone { transition: none; } .file-dropzone.is-dragging { transform: none; } }
.identity { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin-bottom: 22px; }
.identity small { margin-top: 4px; }
.intake-card { max-width: 100%; }
.intake-card form > .muted { font-size: 12px; margin-top: 8px; }
.file-type { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf0f2; }
.file-type span { overflow-wrap: anywhere; }
.routing-note { color: #697785; background: #f2f6f9; border-radius: 6px; padding: 12px 14px; margin: 20px 0; font-size: 12px; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { text-align: left; border-bottom: 1px solid var(--border); padding: 14px 10px; vertical-align: middle; }
th { font-weight: 600; color: #212529; white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #f8f9fa; }
.board-table { min-width: 750px; }
.board-action { max-width: 230px; overflow-wrap: anywhere; margin-top: 4px; }
.file-table { min-width: 760px; }
.file-table td:first-child { min-width: 230px; max-width: 340px; overflow-wrap: anywhere; }
.record-link { color: #212529; font-weight: 500; }
.file-link { overflow-wrap: anywhere; }
.date { white-space: nowrap; font-variant-numeric: tabular-nums; }
.stage { display: inline-flex; align-items: center; border-radius: 20px; padding: 2px 10px; font-size: 10px; line-height: 1.55; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; white-space: nowrap; color: #fff; background: #597fa0; }
.stage[data-stage="review"], .stage[data-stage="submitted for complete"] { background: #f59f00; }
.stage[data-stage="done"] { background: #2fb344; }
.stage-controls { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.stage-form { width: 248px; max-width: 100%; --stage-ink: #355d7a; --stage-fill: #eaf2f8; --stage-line: #c9dce9; }
.stage-form[data-stage="review"] { --stage-ink: #805b0c; --stage-fill: #fff5d9; --stage-line: #efdc9f; }
.stage-form[data-stage="pre-construction"] { --stage-ink: #674795; --stage-fill: #f2ecfa; --stage-line: #daccec; }
.stage-form[data-stage="in progress"] { --stage-ink: #216571; --stage-fill: #e7f5f7; --stage-line: #bbdfe5; }
.stage-form[data-stage="submitted for complete"] { --stage-ink: #92501c; --stage-fill: #fff0e5; --stage-line: #f0d1b9; }
.stage-form[data-stage="done"] { --stage-ink: #2e6c43; --stage-fill: #eaf6ee; --stage-line: #c2dfcc; }
.stage-form select { font-size: 15px; font-weight: 600; margin-top: 0; min-height: 42px; padding: 8px 14px; border-radius: 22px; cursor: pointer; color: var(--stage-ink); border-color: var(--stage-line); background-color: var(--stage-fill); }
.stage-form select:hover, .stage-form select:focus { border-color: var(--stage-ink); }
.stage-form option { font-size: 15px; color: #212529; background: #fff; }
.stage-actions { display: flex; gap: 4px; margin-top: 4px; }
.text-button { min-height: 30px; padding: 5px 9px; color: var(--blue); background: transparent; font-size: 12px; font-weight: 600; border-radius: 6px; white-space: nowrap; }
.text-button:hover { background: #f2f6f9; color: #3d6280; text-decoration: none; }
.storage { color: #59717f; font-size: 12px; font-weight: 600; }
.storage[data-route="restricted"] { color: #a26811; }
.empty { padding: 30px 10px; color: var(--muted); }
.table-note { color: var(--muted); font-size: 11px; text-align: right; margin-top: -12px; }
.back-link { display: inline-block; font-size: 12px; margin-bottom: 14px; }
.share-row { display: flex; gap: 12px; margin: 14px 0 8px; }
.share-row input { margin: 0; min-width: 0; background: #f8fafc; }
.share-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; font-size: 12px; }
#copy-status { color: #2f8552; }
.notice { border: 1px solid #d3e8d8; background: #ebf7ee; color: #2b6d3c; padding: 14px 18px; border-radius: 8px; margin-bottom: 20px; }
.action-notice { position: fixed; z-index: 20; top: calc(var(--header-height) + 12px); right: 24px; max-width: min(420px, calc(100vw - 32px)); padding: 11px 16px; border: 1px solid #c8e3cf; border-radius: 8px; background: #ebf7ee; color: #246237; box-shadow: 0 4px 16px #19283412; font-size: 13px; animation: dismiss-notice .15s ease 4s forwards; }
@keyframes dismiss-notice { to { opacity: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .action-notice { animation-duration: .01ms; } }
.sign-out { background: transparent; color: #ced4da; min-height: 40px; padding: 7px 8px; font-size: 13px; }
.sign-out:hover { background: transparent; color: #fff; text-decoration: underline; }
.login-card { max-width: 440px; margin: 64px auto 90px; padding: 30px; }
.create-card { max-width: 680px; }
.create-card > .muted { margin-top: 4px; }
.create-card .identity { margin: 0; }
.form-actions { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.error-card { max-width: 620px; margin: 64px auto; }
.error-message { color: #687582; margin: 12px 0 24px; }
.eyebrow { color: var(--blue); font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 8px; }
.stacked-form { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; }
.stacked-form > button { align-self: flex-start; }
.login-card button { width: 100%; margin-top: 6px; }
.login-note { padding-top: 20px; margin-top: 24px; border-top: 1px solid var(--border); font-size: 12px; color: #687582; }
.error-notice { margin: 20px 0 0; color: #9a3a3a; background: #fff5f5; border-color: #f1d7d7; font-size: 12px; }
.overview-grid { display: grid; grid-template-columns: 2fr 1.5fr 1fr; gap: 28px; }
.summary-text { margin-top: 6px; white-space: pre-wrap; overflow-wrap: anywhere; }
.updated-at { color: var(--muted); font-size: 11px; text-align: right; }
.overview-editor { margin-top: 20px; }
.overview-editor > .muted { margin-top: 8px; font-size: 12px; }
.overview-editor .identity { margin: 0; }
.pending-section { border-top: 1px solid #edf0f2; margin-top: 24px; padding-top: 20px; }
.pending-section .card-heading { margin-bottom: 6px; }
.pending-section h3 { font-size: 14px; color: #212529; }
.pending-list { list-style: none; margin: 10px 0 0; padding: 0; }
.pending-list li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf0f2; }
.pending-list li:last-child { border: 0; }
.pending-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #e4ad49; }
.pending-text { flex: 1; min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.pending-empty { font-size: 12px; }
.resolved-items { margin-top: 10px; }
.resolved-items summary { font-size: 12px; color: #64717d; }
.resolved-mark { color: #2f8552; font-weight: 600; }
.add-pending { display: flex; align-items: flex-end; gap: 16px; margin-top: 20px; }
.add-pending label { flex: 1; }
.heading-with-help, .heading-tools, .help-label { display: flex; align-items: center; gap: 8px; }
.heading-tools { gap: 20px; }
.help-label { color: #64717d; font-size: 12px; white-space: nowrap; }
.context-help { position: relative; display: inline-block; flex-shrink: 0; line-height: 1.55; }
.context-help > summary { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; border: 1px solid #cbd5dd; border-radius: 50%; color: #6c8497; background: #fff; list-style: none; font-size: 12px; font-weight: 600; }
.context-help > summary::-webkit-details-marker { display: none; }
.context-help > summary { min-height: 22px; margin-bottom: 0; }
.context-help > summary::after { content: none; }
.context-help > summary:hover, .context-help[open] > summary { color: #3d6280; border-color: #819cb2; background: #f0f5f8; }
.help-panel { position: absolute; top: calc(100% + 8px); left: 0; width: 320px; max-width: calc(100vw - 48px); padding: 16px; border: 1px solid #d6e0e8; border-radius: 8px; background: #fff; color: #596977; box-shadow: 0 8px 24px #1928341a; z-index: 10; font-size: 12px; font-weight: 400; white-space: normal; }
.help-panel strong { color: #334c5e; font-weight: 600; }
.help-panel p { margin-top: 8px; }
.stage-guide { display: grid; grid-template-columns: 1fr; gap: 2px; margin: 12px 0 0; }
.stage-guide dt { margin-top: 6px; font-weight: 600; color: #334c5e; }
.stage-guide dd { margin: 0; }
.stage-history summary { font-size: 13px; }
.stage-history ol { list-style: none; padding: 0; margin: 16px 0 0; }
.stage-history li { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0; border-top: 1px solid #edf0f2; }
.stage-history strong { font-size: 12px; font-weight: 500; }
footer { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; color: var(--muted); font-size: 11px; margin: 34px 0 24px; padding-top: 16px; border-top: 1px solid #f1f3f5; }
:focus-visible { outline: 2px solid #597fa0; outline-offset: 3px; }
@media (max-width: 760px) {
  :root { --header-height: 110px; }
  .app-header { padding: 10px 16px; gap: 8px 16px; }
  .staff-header { flex-wrap: wrap; }
  .header-account { gap: 10px; font-size: 13px; }
  .brand { font-size: 16px; gap: 8px; }
  .public-header .brand { white-space: normal; }
  .page-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .page-heading .button { width: 100%; }
  .card { padding: 16px; }
  .identity, .file-type, .add-pending { display: flex; flex-direction: column; align-items: stretch; }
  .identity, .file-type { gap: 16px; }
  h1 { font-size: 24px; }
  .stage-controls { align-items: flex-start; }
  .overview-grid { grid-template-columns: 1fr; gap: 18px; }
  .overview-card > .card-heading { flex-wrap: wrap; gap: 8px; }
  .updated-at { text-align: left; }
  .pending-list li { flex-wrap: wrap; gap: 8px; }
  .pending-list form { margin-left: 16px; }
  .login-card { margin-top: 30px; padding: 24px; }
  .heading-tools { gap: 12px; }
  .share-row { flex-direction: column; }
  .share-row button { align-self: flex-start; }
  .stage-history li { align-items: flex-start; flex-direction: column; gap: 4px; }
  .action-notice { top: auto; right: 16px; bottom: 20px; }
  .error-card { margin-top: 30px; }
}

.reader-card h3 { font-size: 14px; margin: 18px 0 6px; }
.reader-counts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.reader-list { list-style: none; margin: 0; padding: 0; }
.reader-list > li { padding: 8px 0; border-bottom: 1px solid #eef1f4; }
.reader-list > li:last-child { border-bottom: 0; }
.reader-files { list-style: none; margin: 6px 0 0 14px; padding: 0; }
.reader-files li { padding: 3px 0; }
.reader-files small, .reader-list small { display: block; }
.reader-tag { font-size: 11px; padding: 1px 7px; border-radius: 10px; background: #eef1f4; color: #59636d; }
.reader-tag { white-space: nowrap; }
.reader-tag[data-status="received"] { background: #e3f1e6; color: #2f6b3a; }
.reader-tag[data-status="partly received"] { background: #fbf0d9; color: #8a5a00; }
.reader-tag[data-status="missing"] { background: #f6e4e4; color: #8b2f2f; }
.reader-tag[data-status="if needed"] { background: #eef1f4; color: #59636d; }
.reader-tag[data-status="not yet due"], .reader-tag[data-status="rule"] { background: #f7f8fa; color: #8a939c; }
.reader-tag[data-status="low"] { background: #f6e4e4; color: #8b2f2f; }
.reader-tag[data-status="corrected"] { background: #e1e8f2; color: #2f4f7a; }
.document-heading { align-items: flex-start; }
.document-heading h2 { font-size: 18px; }
.document-check .reader-tag { font-size: 12px; padding: 3px 9px; }
.reader-toolbar { margin: -2px 0 14px; font-size: 12px; }
.download-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 18px; }
.download-button { background: #f5f8fa; border-color: #dce5ec; color: #3d6280; font-size: 12px; padding: 8px 12px; gap: 6px; white-space: normal; }
.download-button:hover { background: #e5ecf2; }
.download-button span { font-weight: 400; }
.download-format { font-size: 11px; }
.reader-toolbar #reader-status:not([hidden]) { margin-bottom: 8px; }
.reader-tools > summary { font-size: 12px; font-weight: 500; }
.reader-tools[open] { padding: 10px 12px; background: #f8fafc; border-radius: 6px; }
.reader-tools p { margin: 8px 0; }
.reader-tools button:disabled { opacity: .6; cursor: wait; }
.checklist-stage { border: 1px solid #dce5ec; border-radius: 8px; margin-top: 14px; }
.stage-summary { justify-content: space-between; padding: 14px 40px 14px 14px; border-color: transparent; border-radius: 7px; font-size: 14px; }
.stage-counts { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; gap: 4px 10px; }
.stage-counts .attention-tag { margin: 0; }
.stage-content { padding: 0 12px 12px; }
.checklist-stage[open] > .stage-summary { border-bottom-color: #dce5ec; border-radius: 7px 7px 0 0; }
.checklist-item, .document-group, .unread-group { border-bottom: 1px solid #e8edf1; }
.checklist-summary, .group-summary { display: grid; align-items: center; gap: 16px; padding: 14px 40px 14px 14px; color: #293744; font-weight: 500; }
.checklist-summary { grid-template-columns: minmax(0, 1fr) 140px 70px; }
.group-summary { grid-template-columns: minmax(0, 1fr) 70px; }
.checklist-item, .building-requirement { margin-top: 6px; }
.checklist-item[open], .document-group[open], .unread-group[open] { background: #f8fafc; border-radius: 6px; }
.checklist-summary .reader-tag { justify-self: start; }
.requirement-title { min-width: 0; overflow-wrap: anywhere; }
.attention-tag { display: inline-block; margin-left: 9px; color: #99671b; font-size: 11px; white-space: nowrap; }
.file-count { justify-self: end; color: #64717d; font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.requirement-content { padding: 0 18px 16px; }
.document-files { list-style: none; margin: 0; padding: 0; }
.document-file { padding: 14px 0; border-top: 1px solid #e4eaf0; }
.document-main { min-width: 0; }
.document-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-weight: 500; }
.document-actions { display: flex; gap: 4px; flex-shrink: 0; }
.document-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.document-check .document-tags .reader-tag { font-size: 11px; padding: 1px 7px; }
.document-restricted { margin: 4px 0; color: #99671b; }
.document-alerts { list-style: none; padding: 8px 12px; margin: 10px 0 6px; background: #fff7e8; border-left: 2px solid #d7a552; color: #805b0c; border-radius: 0 5px 5px 0; font-size: 13px; }
.document-alerts li + li { margin-top: 5px; }
.document-details { margin-top: 6px; }
.document-details > summary, .requirement-details > summary, .check-information > summary, .checklist-questions > summary { font-size: 12px; font-weight: 500; }
.document-details p, .requirement-details p, .check-information p { margin-top: 8px; font-size: 13px; color: #64717d; overflow-wrap: anywhere; }
.document-details .original-filename { color: #293744; }
.empty-requirement { padding: 8px 0 12px; font-size: 13px; }
.reference-files { margin: 14px 0; }
.reference-files > summary { flex-wrap: wrap; font-size: 12px; }
.reference-files > .muted { font-size: 12px; margin-top: 10px; }
.document-details > .review-link { display: inline-flex; margin-top: 12px; }
.other-documents, .checklist-rules { margin-top: 20px; border: 1px solid #e8edf1; border-radius: 6px; }
.other-documents > .muted, .checklist-rules > .muted { padding: 0 14px; margin-bottom: 10px; font-size: 12px; }
.other-documents > .document-group, .checklist-rules > .checklist-item { margin: 0 14px; }
.rule-description p { font-size: 13px; color: #64717d; margin: 8px 0; }
.document-group > .document-files, .unread-group > .document-files { padding: 0 18px 6px; }
.unread-group, .checklist-questions, .check-information { margin-top: 18px; }
.file-browser-tools { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(135px, 160px)); gap: 14px; align-items: end; }
.file-browser-tools input, .file-browser-tools select { margin-top: 5px; }
.file-results { margin: 16px 0 4px; color: #64717d; font-size: 12px; }
.all-file-list { list-style: none; margin: 0; padding: 0; }
.all-file-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 17px 0; border-bottom: 1px solid #e5ebef; }
.all-file-row:last-child { border-bottom: 0; }
.all-file-main { min-width: 0; }
.all-file-name { display: block; overflow-wrap: anywhere; font-size: 14px; line-height: 1.4; }
.all-file-meta, .all-file-submeta { margin-top: 4px; color: #64717d; font-size: 12px; }
.all-file-submeta { color: #868e96; }
.all-file-actions { display: flex; align-items: center; gap: 16px; font-size: 12px; white-space: nowrap; }
.file-review-button { min-height: 36px; padding: 7px 12px; font-size: 12px; }
@media (max-width: 700px) {
  .file-browser-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .file-browser-tools label:first-child { grid-column: 1 / -1; }
  .file-browser-tools label:last-child { grid-column: 1 / -1; }
  .all-file-row { grid-template-columns: 1fr; gap: 10px; }
  .all-file-actions { flex-wrap: wrap; }
  .document-heading { flex-direction: column; gap: 12px; }
  .checklist-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 34px 12px 10px; }
  .checklist-summary .requirement-title { grid-column: 1 / 3; }
  .checklist-summary .reader-tag { grid-column: 1; }
  .checklist-summary .file-count { grid-column: 2; }
  .requirement-content { padding: 0 10px 14px; }
  .group-summary { padding: 12px 34px 12px 10px; gap: 12px; }
  .stage-content { padding: 0 6px 8px; }
  .stage-summary { align-items: flex-start; gap: 8px; }
  .review-card > .card-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
  .review-title { width: 100%; }
}
@media (max-width: 520px) {
  .file-browser-tools { grid-template-columns: minmax(0, 1fr); }
  .file-browser-tools label { grid-column: 1; }
}
@media (max-width: 440px) {
  .document-actions { justify-self: start; }
  .attention-tag { display: block; margin: 3px 0 0; }
}
.record-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-top: 8px; color: var(--muted); font-size: 14px; }
.record-meta strong { color: #212529; font-weight: 600; }
.record-editor summary { font-size: 12px; }
.record-form { display: flex; align-items: flex-end; gap: 12px; margin-top: 10px; }
.record-form label { flex: 1; min-width: 260px; color: #212529; }

/* Building setup shares the compact, expandable checklist pattern. */
.building-open, .version-form { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.building-open input { width: 100px; }
.building-list, .version-list { list-style: none; margin: 0; padding: 0; }
.building-list li { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--border, #dbe0e5); }
.building-list small, .version-list small { display: block; color: var(--muted, #78838d); margin-top: 5px; }
.building-requirement { border-bottom: 1px solid var(--border, #dbe0e5); }
.building-requirement > summary { justify-content: space-between; gap: 16px; padding: 14px 40px 14px 14px; }
.building-requirement > summary > span:first-child { font-weight: 600; }
.building-requirement > summary > span:first-child { flex: 1; }
.requirement-editor, .requirement-sources, .validation-details, .regenerate { margin-top: 20px; }
.requirement-sources blockquote { margin: 16px 0; padding: 4px 16px; border-left: 3px solid #dbe5ed; }
.requirement-values { display: grid; grid-template-columns: minmax(120px, auto) 1fr; gap: 8px 24px; }
.requirement-values dd { margin: 0; }
.conflict-choice { background: #fff8eb; padding: 16px; border-radius: 8px; }
.building-source details > form, .generate-form { margin-top: 20px; }
.check-label { display: flex; flex-direction: row; gap: 10px; align-items: start; font-weight: 400; }
.check-label input { width: auto; margin: 4px 0 0; }
.checklist-selection { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 14px; padding: 18px; margin: 0 0 22px; background: #f5f8fa; border-radius: 8px; }
.checklist-selection p { margin: 6px 0 0; }
.checklist-selection details, .checklist-selection .legacy-check { flex-basis: 100%; }
.version-form { margin-top: 15px; }
.version-list li { padding: 10px 0; }
.building-job { margin-bottom: 24px; }
@media (max-width: 650px) { .building-open, .building-list li { align-items: stretch; flex-direction: column; } .app-header nav { flex-wrap: wrap; } .requirement-values { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .staff-header .header-sections { order: 3; flex-basis: 100%; } }
@media (max-width: 380px) { .header-account .account-name { display: none; } }

.requirements-questions { color: #745318; background: #fff8eb; border-color: #eedfbb; }

/* The owner's list is a small, deliberately published snapshot. */
.owner-items { margin: 0; padding: 0; list-style: none; }
.owner-items li { display: flex; justify-content: space-between; align-items: start; gap: 16px; padding: 18px 0; border-top: 1px solid #e4eaf0; }
.owner-items li > div { min-width: 0; overflow-wrap: anywhere; }
.owner-items p { margin: 5px 0 0; color: #64717d; white-space: pre-line; }
.owner-status { flex-shrink: 0; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; background: #fff3db; color: #805b0c; }
.owner-status[data-status="under_review"] { background: #edf3f8; color: #456e8e; }
.owner-status[data-status="received"] { background: #e6f3e9; color: #347447; }
.owner-counts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.owner-list > .card-heading { flex-wrap: wrap; }
.owner-section > .section-summary { justify-content: space-between; gap: 16px; }
.section-title { display: block; font-size: 16px; color: #293744; }
.section-summary small { margin-top: 2px; color: #64717d; }
.owner-section[open] > summary { margin-bottom: 22px; }
.receipt-intro { margin-bottom: 16px; }
.receipt-search { margin-bottom: 16px; }
.receipt-results { margin: -6px 0 12px; font-size: 12px; }
.receipt-list { list-style: none; padding: 0; margin: 0; }
.receipt-list > li { display: flex; align-items: start; gap: 16px; padding: 16px 0; border-top: 1px solid #e4eaf0; }
.receipt-name { flex: 1; min-width: 0; }
.receipt-name a { font-weight: 500; }
.receipt-name small, .receipt-meta small { margin-top: 4px; }
.receipt-meta { flex-shrink: 0; font-size: 12px; color: #64717d; text-align: right; }
.owner-choice { padding: 16px 0; border-top: 1px solid #e4eaf0; }
.owner-choice > .check-label { font-weight: 500; margin-bottom: 0; }
.owner-choice-fields { margin: 18px 0 0 26px; padding: 18px; border-radius: 8px; background: #f6f8fa; }
.owner-item-fields { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 18px; margin-bottom: 14px; }
.owner-published .owner-list, details > .owner-list { box-shadow: none; border: none; padding: 20px 0 0; margin-bottom: 18px; }
.owner-editor-form > .form-actions { margin-top: 24px; }
.owner-publish-actions { margin-bottom: 30px; flex-wrap: wrap; }
.owner-checklist-card .card-heading { margin-bottom: 0; }
@media (max-width: 650px) {
  .owner-checklist-card .card-heading { align-items: start; flex-direction: column; }
  .owner-item-fields { grid-template-columns: 1fr; }
  .owner-choice-fields { margin-left: 0; padding: 14px; }
  .owner-items li { flex-wrap: wrap; gap: 8px; }
  .owner-items li > div { flex-basis: 100%; }
  .receipt-list > li { flex-direction: column; gap: 8px; }
  .receipt-meta { text-align: left; }
  .owner-section > .section-summary { flex-wrap: wrap; gap: 8px; }
}

/* The checklist is the primary workspace; evidence opens where the decision is made. */
.section-shortcuts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 24px; font-size: 14px; }
.building-approval { padding: 24px 30px; }
.building-approval .card-heading { margin-bottom: 10px; }
.building-approval form { margin-top: 16px; }
.review-progress { display: flex; gap: 12px 24px; flex-wrap: wrap; }
.checklist-filters { display: flex; gap: 18px; flex-wrap: wrap; align-items: end; padding: 0 0 18px; }
.checklist-filters label:first-child { flex: 1; min-width: 200px; }
.checklist-filters label { margin: 0; }
.item-comparison { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; margin: 18px 0; }
.item-comparison > div { padding: 18px; border: 1px solid #dde5ec; border-radius: 8px; min-width: 0; overflow-wrap: anywhere; }
.item-comparison > div:first-child { background: #f7f8fa; }
.item-comparison h4 { margin: 0 0 12px; color: #64717d; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.item-comparison .requirement-values { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.item-change-history, .restore-item, .source-editor { margin: 20px 0; }
.item-change-history > div { padding: 12px 0; border-bottom: 1px solid #dde5ec; }
.keep-item-form { margin: 20px 0; }
.reviewed-by { color: #347447; margin: 16px 0; }
.removed-label { display: block; font-weight: normal; color: #78838d; }
.building-source > .card-heading { margin-top: 20px; }
.file-summary { margin: 18px 0; padding: 16px; background: #f5f8fa; border-radius: 8px; }
.file-summary small { color: #78838d; font-weight: normal; margin-left: 8px; }
.source-editor fieldset { margin: 16px 0; padding: 16px; border: 1px solid #dde5ec; border-radius: 8px; min-width: 0; }
.source-editor legend { overflow-wrap: anywhere; max-width: 100%; }
.unsaved-item { display: block; margin-top: 10px; color: #805b0c; }
.building-requirement, #reader, #file-review, #overview, #owner-checklist, #upload-record, #send-documents, #received-documents, #agreement-requirements { scroll-margin-top: 16px; }
.requirements-section > summary { justify-content: space-between; flex-wrap: wrap; }
.requirements-section[open] > summary { margin-bottom: 22px; }
.requirements-intro { margin-bottom: 20px; }
.requirements-section > .card { padding: 20px 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; }
[hidden] { display: none !important; }
@media (max-width: 700px) {
  .item-comparison { grid-template-columns: 1fr; }
  .building-approval { padding: 20px; }
  .building-requirement > summary { flex-wrap: wrap; gap: 8px; }
  .building-requirement > summary > span:first-child { flex-basis: calc(100% - 30px); }
  .checklist-filters { align-items: stretch; }
  .checklist-filters label { flex: 1; }
}

.building-approval button:disabled { background: #edf1f4; color: #6e7b86; border: 1px solid #dbe0e5; cursor: not-allowed; }

/* One checklist: routine work first, administration behind disclosures. */
.document-check > .building-approval { padding: 0; margin: 18px 0; }
.document-check > .building-approval > summary { flex-wrap: wrap; gap: 8px 16px; }
.document-check > .building-approval[open] { padding-bottom: 16px; }
.document-check > .building-approval .card-heading { margin-top: 18px; }
.checklist-context { font-size: 13px; }
.checklist-context a { margin-left: 12px; white-space: nowrap; }
.requirement-description { padding: 4px 0 14px; }
.requirement-description > p:first-child { margin-top: 0; }
.requirement-description .requirement-sources { margin: 12px 0 0; }
.requirement-review, .checklist-tools { margin-top: 18px; }
.requirement-review > summary, .requirement-sources > summary { font-size: 12px; }
.reviewed-label { display: inline-block; margin-left: 10px; color: #347447; font-size: 12px; font-weight: 500; }
.checklist-tools .reader-toolbar { margin: 16px 0; }
.checklist-stage .checklist-summary > .requirement-title { font-weight: 500; }

/* Bounded preview of the simpler summary and signed-agreement item page. */
.simple-overview h2, .simple-owner h2 { margin-bottom: 12px; }
.simple-overview > a, .simple-secondary, .quiet-link { font-size: 13px; font-weight: 500; }
.simple-checklist .card-heading { align-items: center; }
.simple-stage { margin-top: 22px; }
.simple-stage > summary { justify-content: space-between; padding: 14px 38px 14px 14px; }
.simple-stage > summary .muted { font-size: 12px; font-weight: 400; }
.simple-rows, .simple-file-list { list-style: none; padding: 0; margin: 0; }
.simple-rows > li { border-bottom: 1px solid #e7ebee; scroll-margin-top: 18px; }
.simple-item-link { display: grid; grid-template-columns: minmax(0, 1fr) 130px 150px 70px; gap: 16px; align-items: center; padding: 19px 14px; text-decoration: none; color: #263946; }
.simple-item-link:hover, .simple-file-list a:hover { background: #f2f6f9; }
.simple-item-name { font-weight: 600; }
.simple-item-status, .simple-file-count { font-size: 12px; color: #697580; font-weight: 400; }
.simple-file-count { text-align: right; white-space: nowrap; }
.simple-file-count > span { margin-left: 12px; color: #4f7897; }
.simple-secondary { display: flex; gap: 24px; flex-wrap: wrap; }
.simple-checklist, .simple-overview { scroll-margin-top: 20px; }
.files-workspace { scroll-margin-top: 20px; }
.files-workspace .all-files-card { margin-top: 18px; }
.files-workspace .reader-controls { margin: 12px 0 22px; }
.file-archives > summary, .checklist-overview > summary { cursor: pointer; font-weight: 600; }
.checklist-overview { border-top: 1px solid #e5ebef; padding-top: 18px; margin-top: 18px; }
.checklist-overview > summary .muted { font-weight: 400; }
.checklist-source > p { margin-top: 8px; overflow-wrap: anywhere; }
.checklist-source-options { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 10px; }
.checklist-option { min-width: 0; }
.checklist-option[open] { flex-basis: 100%; }
.checklist-option > summary { width: fit-content; min-height: 32px; padding: 5px 27px 5px 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 500; }
.checklist-option > summary::after { right: 9px; width: 6px; height: 6px; }
.checklist-option > summary:hover, .checklist-option[open] > summary { background: transparent; color: #294d69; text-decoration: underline; }
.checklist-option > p { color: #697580; font-size: 13px; max-width: 75ch; }
.checklist-source form { margin-top: 14px; }
.checklist-review-group { margin-top: 14px; }
.checklist-remaining-heading { margin-top: 22px; font-size: 13px; font-weight: 500; color: #697580; }
.checklist-review-group > summary { justify-content: space-between; padding-top: 13px; padding-bottom: 13px; }
.checklist-review-group[open] > summary { margin-bottom: 0; }
.checklist-attention > summary, .checklist-attention[open] > summary { background: #fff8e9; border-color: #e8d7b3; color: #70521d; }
.checklist-attention-help { padding: 10px 12px 0; font-size: 13px; color: #805b24; }
.checklist-review-list { list-style: none; padding: 0; margin: 6px 0 0; }
.checklist-review-list > li { border-bottom: 1px solid #e5ebef; }
.checklist-review-item > summary { justify-content: space-between; gap: 12px; padding: 12px 35px 12px 12px; background: transparent; border: 0; color: #293744; font-size: 14px; }
.checklist-review-item > summary > span:first-child { min-width: 0; }
.checklist-review-item > summary small { margin-top: 3px; }
.checklist-review-item[open] > summary { margin-bottom: 0; }
.checklist-item-note { flex: none; color: #805b24; font-size: 11px; font-weight: 500; }
.checklist-item-body { padding: 0 12px 18px; overflow-wrap: anywhere; }
.checklist-item-body > p { margin: 10px 0; }
.checklist-citations { margin: 14px 0; }
.checklist-citations > summary { font-size: 12px; font-weight: 500; min-height: 34px; }
.checklist-citations h4 { margin: 16px 0 6px; font-size: 13px; }
.checklist-citations blockquote { margin: 8px 0; border-left: 2px solid #dbe3e9; padding-left: 12px; }
.checklist-citations blockquote p { margin-bottom: 5px; }
.checklist-source-question { border-left: 2px solid #dcc18a; padding-left: 12px; margin: 14px 0; font-size: 13px; }
.checklist-source-question ul { padding-left: 18px; margin: 8px 0; }
.checklist-source-question li + li { margin-top: 8px; }
.checklist-edit-link { display: inline-block; font-size: 13px; font-weight: 600; }
.checklist-finalize { border-top: 1px solid #e5ebef; margin-top: 24px; padding-top: 18px; }
.checklist-records > summary { cursor: pointer; }
@media (max-width: 480px) {
  .checklist-review-item > summary { flex-wrap: wrap; gap: 4px; }
  .checklist-review-item > summary > span:first-child { flex-basis: 100%; }
}
.item-workspace { max-width: 900px; margin: 0 auto; }
.item-heading { align-items: center; gap: 20px; }
.item-heading h1 { font-size: 28px; }
.item-workspace .card { padding: 28px 30px; }
.item-workspace h2 { font-size: 18px; margin-bottom: 16px; }
.focused-checklist-editor > .item-edit-form { margin-top: 0; }
.focused-checklist-editor .item-edit-form > h2 { margin: 0; }
.item-source-questions > h2 { margin-bottom: 6px; }
.item-source-questions > .muted { margin-bottom: 16px; }
.item-source-questions .conflict-choice + .conflict-choice { margin-top: 14px; }
.item-source-questions .conflict-choice h3 { font-size: 14px; margin: 0 0 10px; }
.item-source-questions .conflict-choice ul { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.item-source-questions .conflict-choice li { background: #fff; padding: 10px 12px; border: 1px solid #ecdfc4; border-radius: 6px; overflow-wrap: anywhere; }
.item-source-questions .conflict-choice small { margin-top: 3px; }
.item-source-reference > summary, .item-additional-details > summary, .item-review-history > summary { font-size: 13px; font-weight: 500; }
.item-source-reference h3 { font-size: 13px; margin: 18px 0 8px; }
.item-source-reference blockquote { padding-left: 12px; margin: 10px 0; border-left: 2px solid #dbe3e9; overflow-wrap: anywhere; }
.item-source-reference blockquote p { margin-bottom: 5px; }
.item-additional-details .identity { margin-bottom: 0; }
.item-additional-details .source-editor { margin: 0; }
.item-review-history > h2 { margin: 22px 0 10px; font-size: 15px; }
.item-history-events { padding-left: 20px; }
.item-history-events li { padding: 8px 0; }
.item-history-events p { margin-bottom: 4px; }
.item-review-history .item-revert { margin-top: 24px; padding-top: 16px; border-top: 1px solid #e5ebef; }
.item-review-history .item-revert > summary { font-size: 13px; background: transparent; }
.item-review-history .item-revert > p { margin-top: 12px; font-size: 13px; }
.item-restore-form { margin-top: 18px; }
.requirement-lead { line-height: 1.7; }
.item-key-facts { display: flex; gap: 24px; margin: 20px 0; flex-wrap: wrap; }
.item-key-facts > div { min-width: 110px; border-left: 3px solid #c6d6e1; padding-left: 14px; }
.item-key-facts dt { color: #687681; font-size: 12px; }
.item-key-facts dd { margin: 5px 0 0; font-size: 20px; font-weight: 600; }
.saved-requirement-values { margin: 16px 0 24px; overflow-wrap: anywhere; }
.saved-requirement-values .item-key-facts { margin: 12px 0; }
.saved-value-decision { font-size: 14px; line-height: 1.6; }
.inline-value-comparisons { margin: 24px 0; border-top: 1px solid #dce3e8; padding-top: 20px; }
.file-value-comparison { margin-top: 16px; padding: 16px 20px; background: #f5f8fa; border-radius: 8px; overflow-wrap: anywhere; }
.file-value-comparison blockquote { margin: 12px 0 0; font-size: 14px; }
.item-documents .card-heading h2, .document-preview .card-heading h2 { margin: 0; }
.simple-file-list li + li { border-top: 1px solid #e7ebee; }
.simple-file-list a { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-decoration: none; overflow-wrap: anywhere; }
.simple-file-list a > span:first-child { min-width: 0; }
.related-link { margin: 20px 0 0; font-size: 13px; }
.item-next-action { border-left: 3px solid #d3b16a; }
.item-next-action p:last-child { margin-bottom: 0; }
.document-preview iframe { width: 100%; height: 72vh; border: 1px solid #dbe3ea; border-radius: 6px; }
#document-preview, #item-sources, #related-documents { scroll-margin-top: 18px; }
@media (max-width: 650px) {
  .simple-item-link { grid-template-columns: minmax(0, 1fr) 68px; gap: 8px 12px; }
  .simple-item-name { grid-column: 1 / -1; }
  .simple-item-status { grid-column: 1; }
  .simple-file-count { grid-column: 2; }
  .item-heading { align-items: flex-start; flex-direction: column; }
  .item-heading h1 { font-size: 24px; }
  .item-workspace .card { padding: 22px 18px; }
  .simple-checklist .card-heading { align-items: flex-start; gap: 16px; flex-direction: column; }
}

/* One document page at a time, including browsers without a native PDF viewer. */
.pdf-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.pdf-controls[data-pdf-controls="below"] { margin: 18px 0 0; }
.pdf-controls label { display: flex; align-items: center; gap: 8px; }
.pdf-controls input { width: 76px; padding: 8px; }
.pdf-page { display: block; width: 100%; height: auto; border: 1px solid #dde5ec; scroll-margin-top: calc(var(--header-height) + 16px); }
.pdf-page[hidden], .pdf-controls[hidden] { display: none; }
.file-workspace-title { overflow-wrap: anywhere; font-size: 25px; }
.reader-controls { margin: 24px 0; }
.simple-rows > li, #document-preview, #item-sources, #related-documents { scroll-margin-top: calc(var(--header-height, 80px) + 20px); }
.file-picker { display: flex; align-items: end; gap: 16px; margin-bottom: 24px; }
.file-picker label { min-width: 0; flex: 1; }
.file-picker select { width: 100%; text-overflow: ellipsis; }
.document-title { gap: 16px; align-items: baseline; flex-wrap: wrap; }
.document-title h2 { overflow-wrap: anywhere; min-width: 0; }
.inline-ai-summary, .inline-file-attention { margin: 24px 0; }
.inline-ai-summary h3, .inline-file-attention h3 { margin-bottom: 10px; }
.file-secondary-actions { display: flex; flex-wrap: wrap; gap: 20px; margin: 18px 0 0; font-size: 13px; }
#document, #review-history { scroll-margin-top: 18px; }

.file-type-choice > span { font-size: 12px; color: #536574; }
.file-remove { justify-self: end; align-self: center; }

.simple-item-status small, .simple-item-review small { display: block; color: #697580; font-size: 11px; margin-bottom: 4px; }
.simple-item-review { font-size: 12px; color: #697580; font-weight: 400; }
@media (max-width: 700px) { .simple-item-review { grid-column: 1; } }