/* Wiki 1066 — Final Stages of SBR. Global styles for the signature-lifecycle stage components
   (Out for Signature / Signed / Submissions / Confirmation) + the Import Signed Packet modal.
   These reuse the prw- vocabulary from the 1031 Paperwork stage, but that stage's CSS is scoped
   to PaperworkReviewStage.razor. A scoped rule (.prw-x[b-hash]) outranks these global rules, so on
   the Paperwork page the scoped styling still wins — these globals only take effect on the new
   (unscoped) stage components. Values mirror PaperworkReviewStage.razor.css for a consistent look. */

.prw-root { display: flex; flex-direction: column; gap: 12px; }

/* Headings */
.prw-docs-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 6px 0 2px; }
.prw-docs-head h2 { font-family: 'Inter Tight', 'Inter', sans-serif; font-size: 16px; font-weight: 700; color: #1d1d1f; margin: 0; }
.prw-hint { color: #86868b; font-size: 12px; }

/* Buttons */
.prw-root .prw-btn,
.prw-modal .prw-btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: inherit; font-size: 13px; font-weight: 600;
    padding: 7px 13px; border-radius: 8px; border: 1px solid transparent; cursor: pointer;
    transition: background .15s, color .15s, border-color .15s; white-space: nowrap;
}
.prw-root .prw-btn svg, .prw-modal .prw-btn svg { width: 14px; height: 14px; flex-shrink: 0; }
.prw-root .prw-btn:disabled, .prw-modal .prw-btn:disabled { opacity: .55; cursor: not-allowed; }
.prw-root .prw-btn-primary, .prw-modal .prw-btn-primary { background: #7c5cdb; color: #fff; }
.prw-root .prw-btn-primary:hover:not(:disabled), .prw-modal .prw-btn-primary:hover:not(:disabled) { background: #6d4dcb; }
.prw-root .prw-btn-outline, .prw-modal .prw-btn-outline { background: #fff; color: #1d1d1f; border-color: #d2d2d7; }
.prw-root .prw-btn-outline:hover:not(:disabled), .prw-modal .prw-btn-outline:hover:not(:disabled) { background: #f5f5f7; }

/* Card — mockup stage-card: WHITE head, plain border, soft shadow (no lavender band;
   that tint belongs to the 1031 Paperwork builder's scoped styles, not these stages). */
.prw-packet-card { border: 1px solid #e7e7ea; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.04); margin-bottom: 16px; overflow: hidden; }
.prw-packet-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border-bottom: 1px solid #f0f0f2; }
.prw-packet-icon { color: #7c5cdb; display: inline-flex; }
.prw-packet-icon svg { width: 20px; height: 20px; }
.prw-packet-titles { flex: 1 1 auto; min-width: 0; }
.prw-packet-title { font-weight: 700; font-size: 14.5px; color: #1d1d1f; display: flex; align-items: center; flex-wrap: wrap; }
.prw-packet-sub { font-size: 12.5px; color: #6e6e73; margin-top: 1px; }
.prw-packet-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-left: auto; justify-content: flex-end; max-width: 60%; }
.prw-packet-actions .prw-btn { white-space: nowrap; }
.prw-packet-note { font-size: 12px; color: #86868b; margin: 16px; margin-top: 12px; line-height: 1.5; font-style: italic; }

/* Panel header */
.prw-panel-head { display: flex; align-items: center; gap: 12px; padding: 14px 4px 6px; flex-wrap: wrap; }
.prw-ph-title { font-family: 'Inter Tight', 'Inter', sans-serif; font-size: 14px; font-weight: 700; color: #1d1d1f; margin: 0; }
.prw-ph-sub { color: #6e6e73; font-size: 13px; }

/* Table */
.prw-table-wrap { overflow-x: auto; }
.prw-data-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 13px; }
.prw-data-table th { text-align: left; padding: 10px 16px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #86868b; border-bottom: 1px solid #f5f5f7; background: #fbfaff; }
.prw-data-table th.right { text-align: right; }
.prw-data-table td { padding: 12px 16px; border-bottom: 1px solid #f5f5f7; vertical-align: middle; }
.prw-data-table td.right { text-align: right; }
.prw-data-table tr:last-child td { border-bottom: none; }
.prw-data-table tr.is-warn td { background: #fffaf0; }

/* Signed / Out-for-Signature stages — fixed column widths so the executed/envelope +
   reference + custodian tables line up column-for-column. doc-name 53% = reference
   doc-name(32%) + account(21%), so the type + actions columns land at the same x. */
.prw-signed-exec { table-layout: fixed; }
.prw-signed-exec td:nth-child(1) { width: 53%; }
.prw-signed-exec td:nth-child(2) { width: 32%; }
.prw-signed-exec td:nth-child(3) { width: 15%; }
.prw-signed-sub { table-layout: fixed; }
.prw-signed-sub td:nth-child(1) { width: 32%; }
.prw-signed-sub td:nth-child(2) { width: 21%; }
.prw-signed-sub td:nth-child(3) { width: 32%; }
.prw-signed-sub td:nth-child(4) { width: 15%; }

.prw-empty { text-align: center; color: #86868b; padding: 26px 16px; font-style: italic; }
.prw-doc-name .dn-title { font-weight: 600; color: #1d1d1f; }
.prw-acct { display: flex; flex-direction: column; gap: 1px; }
.prw-acct .acct-name { font-weight: 600; color: #1d1d1f; }
.prw-acct .acct-role { color: #86868b; font-size: 11px; }
.prw-muted { color: #c7c7cc; }

/* Type badge (name + type manifest columns) */
.prw-type-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; background: #f3f0ff; color: #7c5cdb; }

/* Destination chip */
.prw-dest-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e3e3e6; border-radius: 999px; padding: 4px 10px; font-size: 11.5px; font-weight: 600; color: #6e6e73; background: #fafafa; }

/* Pills */
.prw-status-cell { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.prw-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; line-height: 1.6; white-space: nowrap; }
.prw-pill.green { background: #e1f1e9; color: #0f6b46; }
.prw-pill.amber { background: #f8eed5; color: #a07020; }
.prw-pill.blue  { background: #e2eaf7; color: #3a5fa8; }
.prw-pill.red   { background: #fdeceb; color: #b3261e; }
.prw-pill.grey  { background: #f0f0f2; color: #6e6e73; }

/* Row icon actions */
.prw-icon-btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid transparent; background: transparent; color: #6e6e73; cursor: pointer; transition: background .15s, color .15s; }
.prw-icon-btn svg { width: 16px; height: 16px; }
.prw-icon-btn:hover:not(:disabled) { background: #f5f5f7; color: #1d1d1f; }
.prw-icon-btn:disabled { opacity: 0.35; cursor: not-allowed; }

/* Submissions check */
.prw-check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.prw-check input { width: 16px; height: 16px; accent-color: #7c5cdb; cursor: pointer; }
.prw-textarea { width: 100%; border: 1px solid #d2d2d7; border-radius: 8px; padding: 8px 10px; font-family: inherit; font-size: 13px; resize: vertical; }
.prw-textarea:focus { outline: none; border-color: #7c5cdb; box-shadow: 0 0 0 3px rgba(124,92,219,.15); }

/* Import modal */
.prw-modal-overlay { position: fixed; inset: 0; background: rgba(15,15,25,.45); display: flex; align-items: center; justify-content: center; z-index: 1050; padding: 16px; }
.prw-modal { background: #fff; border-radius: 12px; width: 100%; max-width: 480px; box-shadow: 0 12px 40px rgba(0,0,0,.2); overflow: hidden; }
.prw-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #f0f0f2; }
.prw-modal-head h3 { margin: 0; font-family: 'Inter Tight', 'Inter', sans-serif; font-size: 16px; font-weight: 700; color: #1d1d1f; }
.prw-modal-close { background: transparent; border: none; color: #6e6e73; cursor: pointer; padding: 4px; border-radius: 6px; }
.prw-modal-close svg { width: 18px; height: 18px; }
.prw-modal-close:hover { background: #f5f5f7; color: #1d1d1f; }
.prw-modal-body { padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.prw-modal-file { font-size: 13px; color: #1d1d1f; margin: 0; }
/* Import modal dropzone (mockup: "Choose a file or drag it here · Signed PDF envelope · up to 25 MB").
   The InputFile stretches invisibly across the zone so both click and drag-drop hit it. */
.prw-dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 28px 16px; border: 1.5px dashed #d2d2d7; border-radius: 12px; background: #fbfaff; cursor: pointer; text-align: center; transition: border-color .15s, background .15s; }
.prw-dropzone:hover { border-color: #7c5cdb; background: #f7f5fd; }
.prw-dropzone svg { width: 22px; height: 22px; color: #7c5cdb; }
.prw-dropzone .prw-dz-title { font-size: 14px; font-weight: 600; color: #1d1d1f; }
.prw-dropzone .prw-dz-sub { font-size: 12px; color: #86868b; }
.prw-dropzone input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
/* Import modal — optional per-document signed copies (FR-4.4): one attach slot per packet doc. */
.prw-import-perdoc { border: 1px solid #f0f0f2; border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.prw-import-perdoc-head { font-size: 13px; font-weight: 600; color: #1d1d1f; display: flex; align-items: center; gap: 8px; }
.prw-import-optional { font-size: 11px; font-weight: 500; color: #86868b; border: 1px solid #e7e7ea; border-radius: 999px; padding: 1px 8px; }
.prw-import-perdoc .prw-hint { margin: 0; }
.prw-import-perdoc-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid #f7f7f8; }
.prw-import-perdoc-name { font-size: 13px; color: #1d1d1f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 8px; min-width: 0; }
.prw-import-perdoc-type { font-size: 11px; font-weight: 500; color: #86868b; border: 1px solid #e7e7ea; border-radius: 999px; padding: 1px 8px; white-space: nowrap; flex-shrink: 0; }
.prw-import-perdoc-pick { position: relative; flex-shrink: 0; display: inline-flex; align-items: center; max-width: 220px; cursor: pointer; }
.prw-import-perdoc-pick input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.prw-import-perdoc-cta { font-size: 12px; font-weight: 600; color: #7c5cdb; border: 1px solid rgba(124, 92, 219, .35); border-radius: 8px; padding: 4px 10px; white-space: nowrap; }
.prw-import-perdoc-pick:hover .prw-import-perdoc-cta { background: #f7f5fd; }
.prw-import-perdoc-picked { font-size: 12px; color: #1d7a3d; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prw-modal-error { font-size: 13px; color: #b3261e; margin: 0; }
.prw-modal-foot { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px; border-top: 1px solid #f0f0f2; }

/* ── Confirmation stage (mockup: confBanner + confirm-layout / conf-card / bal-list / At-$0 tally) ── */
.prw-conf-banner { display: flex; align-items: flex-start; gap: 14px; padding: 14px 18px; border-radius: 12px; border: 1px solid #e7e7ea; background: #fff; margin-bottom: 16px; }
.prw-conf-banner .prw-cb-icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }
.prw-conf-banner .prw-cb-icon svg { width: 18px; height: 18px; }
.prw-conf-banner .prw-cb-title { font-family: 'Inter Tight', 'Inter', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: -0.2px; color: #1d1d1f; margin-bottom: 2px; }
.prw-conf-banner .prw-cb-lede { color: #6e6e73; font-size: 13px; line-height: 1.5; margin: 0; }
.prw-conf-banner.purple { border-color: #e3dcff; background: linear-gradient(180deg, #faf8ff 0%, #fff 50%); }
.prw-conf-banner.purple .prw-cb-icon { background: #efeafd; color: #7c5cdb; }
.prw-conf-banner.amber { border-color: rgba(209,138,44,.30); background: linear-gradient(180deg, #fff8e9 0%, #fff 50%); }
.prw-conf-banner.amber .prw-cb-icon { background: #f8eed5; color: #a07020; }
.prw-conf-banner.green { border-color: rgba(31,157,106,.25); background: linear-gradient(180deg, #effaf3 0%, #fff 50%); }
.prw-conf-banner.green .prw-cb-icon { background: #e1f1e9; color: #0f6b46; }

.prw-conf-layout { display: grid; grid-template-columns: 1.35fr 1fr; gap: 16px; align-items: stretch; }
@media (max-width: 820px) { .prw-conf-layout { grid-template-columns: 1fr; } }
.prw-conf-right { display: flex; flex-direction: column; gap: 16px; }
.prw-conf-card { background: #fff; border: 1px solid #e7e7ea; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.04); padding: 20px 22px; }
.prw-conf-card .prw-cc-title { font-size: 16px; font-weight: 700; color: #1d1d1f; }
.prw-conf-card .prw-cc-sub { margin-top: 3px; font-size: 13px; color: #6e6e73; }
.prw-conf-card .prw-cc-note { margin: 10px 0 0; font-size: 12px; color: #86868b; font-style: italic; }
.prw-conf-card .prw-cc-foot { margin: 14px 0 0; font-size: 12px; color: #86868b; font-style: italic; }

/* Per-participant balance rows (real runs can be long — scroll inside the card). */
.prw-bal-list { margin-top: 14px; max-height: 430px; overflow-y: auto; }
.prw-bal-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f0f0f2; }
.prw-bal-row:last-child { border-bottom: none; }
.prw-bal-row .prw-bal-name { font-weight: 600; color: #1d1d1f; font-size: 13.5px; }
.prw-bal-row .prw-bal-amt { font-weight: 700; font-variant-numeric: tabular-nums; font-size: 13.5px; }
.prw-bal-row .prw-bal-amt.is-zero { color: #0f6b46; }
.prw-bal-row .prw-bal-amt.is-open { color: #b3261e; }

/* At-$0 tally card. */
.prw-atzero-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.prw-atzero-num { font-size: 34px; font-weight: 800; line-height: 1; color: #1d1d1f; }
.prw-atzero-num .prw-atzero-of { font-size: 18px; font-weight: 600; color: #86868b; }
.prw-countdown-pill { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 12px; background: #efeafd; color: #7c5cdb; }
.prw-countdown-pill svg { width: 16px; height: 16px; flex: none; }
.prw-countdown-pill.is-overdue { background: #fdeceb; color: #b3261e; }
.prw-countdown-pill.is-clear { background: #e1f1e9; color: #0f6b46; }
.prw-conf-card .prw-btn-block { width: 100%; justify-content: center; }
.prw-conf-actions { margin-top: 14px; display: flex; justify-content: flex-start; gap: 8px; }

/* ── Submissions stage (mockup: p2-banner blue + sub-toolbar + submissions table + stage-advance) ── */
.prw-conf-banner.blue { border-color: rgba(58,95,168,.25); background: linear-gradient(180deg, #eef3fb 0%, #fff 50%); }
.prw-conf-banner.blue .prw-cb-icon { background: #e2eaf7; color: #3a5fa8; }

.prw-sub-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.prw-sub-toolbar .prw-st-note { font-size: 13px; color: #6e6e73; }
.prw-sub-toolbar .prw-st-actions { display: flex; gap: 8px; }

/* Mockup table: plain-text destination, per-type chip colors, green check + label. */
.prw-sub-table .prw-sub-dest { font-weight: 600; color: #1d1d1f; font-size: 13.5px; }
.prw-type-badge.blue   { background: #e2eaf7; color: #3a5fa8; }
.prw-type-badge.green  { background: #e1f1e9; color: #0f6b46; }
.prw-type-badge.purple { background: #f3f0ff; color: #7c5cdb; }
.prw-type-badge.grey   { background: #f0f0f2; color: #6e6e73; }
.prw-sub-check input { accent-color: #1f9d6a; }
.prw-sub-label { font-size: 13px; font-weight: 600; color: #86868b; }
.prw-sub-label.is-on { color: #0f6b46; }
.prw-doc-actions { display: inline-flex; gap: 4px; }

/* Green all-submitted advance strip (mockup stage-advance/sa-msg). */
.prw-stage-advance { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 12px; background: #e8f5ee; border: 1px solid rgba(31,157,106,.25); margin-top: 16px; flex-wrap: wrap; }
.prw-stage-advance .prw-sa-msg { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: #0f6b46; }
.prw-stage-advance .prw-sa-msg svg { width: 16px; height: 16px; flex: none; }

/* ── Send-packet confirmation dialog (mockup packetModal / confirm-modal — width, paddings,
      and type sizes mirror the mockup's .confirm-modal / .confirm-title / .packet-list) ── */
.prw-modal.prw-modal-confirm { max-width: 440px; border-radius: 14px; }
.prw-confirm-send { gap: 0; padding: 26px 26px 22px; }
.prw-confirm-title { display: flex; align-items: center; gap: 9px; font-family: 'Inter Tight', 'Inter', sans-serif; font-size: 18px; font-weight: 700; color: #1d1d1f; }
.prw-confirm-title svg { width: 19px; height: 19px; color: #6e6e73; flex: none; }
.prw-confirm-body { margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #6e6e73; }
/* mockup: strong inherits the body's secondary grey — bolding alone does the emphasis */
.prw-confirm-body strong { color: inherit; font-weight: 700; }
.prw-btn-ghost { background: transparent; border: none; color: #6e6e73; font-weight: 600; padding: 8px 12px; border-radius: 8px; cursor: pointer; font-size: 13px; font-family: inherit; }
.prw-btn-ghost:hover { background: #f5f5f7; color: #1d1d1f; }
.prw-confirm-packet-list { list-style: none; margin: 12px 0 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; font-size: 13px; color: #1d1d1f; }
.prw-confirm-packet-list li { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.prw-confirm-packet-list li svg { width: 13px; height: 13px; color: #7c5cdb; flex: none; }
.prw-confirm-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }

/* ── Out-for-Signature stage (mockup: hero + AWAITING SIGNATURE pill + sent strip + envelope manifest + subsections) ── */
.prw-pill-up { text-transform: uppercase; letter-spacing: .4px; font-size: 10.5px; }
/* Mockup packet-status-row exactly: info-blue tokens, semibold (not 700) bolds that
   inherit the blue, 17px filled-center dot, 12/18 padding. */
.prw-sent-strip { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: #dde6f5; border-top: 1px solid rgba(58,95,168,.18); border-bottom: 1px solid rgba(58,95,168,.18); font-size: 13px; color: #3a5fa8; }
.prw-sent-strip svg { width: 17px; height: 17px; flex: none; }
.prw-sent-strip b { font-weight: 600; }
.prw-env-label { padding: 12px 16px 4px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #86868b; }
.prw-doc-fileicon { width: 15px; height: 15px; color: #86868b; margin-right: 8px; flex: none; vertical-align: -2px; }
/* Icon+name on one row — ONLY for rows that opt in (the envelope manifest). A bare
   .prw-doc-name rule here would leak into the scoped Paperwork table and pull its
   "Needs attention before send" flag onto the name's line. */
.prw-doc-name.prw-doc-name-row { display: flex; align-items: center; }

/* ── Signed stage (mockup #stage-signed: green banner + is-signed packet card + executed rows) ── */
/* The signed card's glyph is the mockup's boxed success badge — same 36px box as the hero
   banner's icon above it, so the two greens read as one pair on this screen. */
.prw-packet-card.is-signed .prw-packet-icon { width: 36px; height: 36px; border-radius: 9px; background: #e1f1e9; color: #0f6b46; display: grid; place-items: center; flex: none; }
.prw-packet-card.is-signed .prw-packet-icon svg { width: 18px; height: 18px; }
/* Mockup packet-status-row.is-done — the green twin of .prw-sent-strip. */
.prw-signed-strip { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: #e1f1e9; border-top: 1px solid rgba(31,157,106,.22); border-bottom: 1px solid rgba(31,157,106,.22); font-size: 13px; color: #0f6b46; }
.prw-signed-strip svg { width: 17px; height: 17px; flex: none; }
.prw-signed-strip b { font-weight: 600; }
.prw-psr-link { color: #0f6b46; font-weight: 600; text-decoration: none; }
.prw-psr-link:hover { text-decoration: underline; }
/* Executed manifest row: green check + stacked name / "Executed <date>" stamp. */
.prw-env-doc { display: inline-flex; align-items: center; gap: 10px; }
.prw-env-check { width: 17px; height: 17px; flex: none; color: #1f9d6a; }
.prw-env-doc-name { display: inline-flex; flex-direction: column; gap: 1px; }
.prw-env-doc-name .dn-title { font-weight: 600; color: #1d1d1f; }
.prw-env-doc-name .prw-env-exec { font-size: 12px; font-weight: 600; color: #0f6b46; }

/* Subsection header — mockup subsection-head exactly: 9px gap, 6/4/10 padding with a
   bottom border, 26px icon (14px glyph), 14px BODY-font title (the mockup display-fonts
   only real headings), 11px count chip, 13px italic muted note right. */
.prw-subsec-head { display: flex; align-items: center; gap: 9px; margin-top: 18px; padding: 6px 4px 10px; border-bottom: 1px solid #e7e7ea; flex-wrap: wrap; }
.prw-subsec-head .prw-ss-icon { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: #f5f5f7; color: #6e6e73; flex: none; }
.prw-subsec-head .prw-ss-icon svg { width: 14px; height: 14px; }
.prw-subsec-head .prw-ss-icon.green { background: #e1f1e9; color: #0f6b46; }
.prw-subsec-head .prw-ss-icon.grey { background: #f5f5f7; color: #6e6e73; }
.prw-subsec-head .prw-ss-title { font-size: 14px; font-weight: 700; color: #1d1d1f; }
.prw-subsec-head .prw-ss-count { font-size: 11px; font-weight: 700; color: #6e6e73; background: #f5f5f7; border-radius: 999px; padding: 1px 8px; }
.prw-subsec-head .prw-ss-note { margin-left: auto; font-size: 13px; color: #86868b; font-style: italic; }