@import url('/assets/city-pages/ca/riverside-county/riverside/prototypes/archetype-review/meetings/shared-layout.css');
@import url('/assets/city-pages/ca/riverside-county/riverside/assets/global-top-bar.css');

/* Owner-requested recap revision, October 25, 2026. Original v1 is retained. */
#meetings.ptp-meetings-v1 [hidden] { display:none!important; }
#meetings.ptp-meetings-v1 .meeting-report-datetime { margin:10px 0 0; font-size:16px; font-weight:700; color:#3a6866; }
#meetings.ptp-meetings-v1 .meeting-public-comments-header { background:#326c69; color:white; border-top:4px solid #b7d7cc; }
#meetings.ptp-meetings-v1 .meeting-public-comments-header h4 { color:white; font-size:27px; }
#meetings.ptp-meetings-v1 .meeting-public-comments-header p { color:#edf6f2; }
#meetings.ptp-meetings-v1 .meeting-public-comments-header .section-kicker { color:#dcece1; }
#meetings.ptp-meetings-v1 .meeting-public-comments-count { background:#204d4b; border-color:#9cc4b7; }
#meetings.ptp-meetings-v1 .meeting-public-comment-card h5 { margin:14px 0 10px; font:500 24px/1.2 Georgia,serif; color:#173246; }
#meetings.ptp-meetings-v1 .meeting-public-comment-speaker { margin:0 0 5px; font-size:13px; font-weight:700; color:#3c5f60; }
#meetings.ptp-meetings-v1 .meeting-public-comment-names { font-size:12px; line-height:1.55; font-weight:500; }
#meetings.ptp-meetings-v1 .meeting-tag-list { display:flex; gap:7px; flex-wrap:wrap; margin:14px 0; }
#meetings.ptp-meetings-v1 .meeting-tag-button { border:1px solid transparent; border-radius:999px; padding:6px 12px; background:#e7f0eb; color:#234f4d; font:600 12px/1.35 system-ui,sans-serif; cursor:pointer; text-align:left; }
#meetings.ptp-meetings-v1 .meeting-tag-button:hover { background:#d5e9e1; border-color:#326c69; }
#meetings.ptp-meetings-v1 .meeting-tag-button[aria-pressed=true] { color:white; background:#234f4d; border-color:#234f4d; }
#meetings.ptp-meetings-v1 button:focus-visible { outline:3px solid #b87c16; outline-offset:3px; }
#meetings.ptp-meetings-v1 .meeting-tag-filter { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:15px 24px; background:#edf5f1; border-block:1px solid #c3d7cf; }
#meetings.ptp-meetings-v1 .meeting-tag-filter strong { color:#234f4d; font-size:15px; }
#meetings.ptp-meetings-v1 .meeting-tag-filter span { font-size:13px; }
#meetings.ptp-meetings-v1 .meeting-tag-filter button { padding:8px 12px; border:1px solid #326c69; background:white; border-radius:4px; color:#234f4d; font-weight:700; cursor:pointer; }
#meetings.ptp-meetings-v1 .meeting-tag-empty { margin:15px 24px; color:#4e6468; font-size:14px; }
#meetings.ptp-meetings-v1 .meeting-items-coverage { margin:12px 0 0; color:#dce6eb; font:400 14px/1.55 system-ui,sans-serif; max-width:950px; }
#meetings.ptp-meetings-v1 .meeting-note-card:is(.is-latest,.is-previous) .meeting-note-body { display:block; }
#meetings.ptp-meetings-v1 .meeting-note-card .meeting-note-outcome.has-individual-votes { display:block; padding:0; margin:18px 0; border:0; background:transparent; }
#meetings.ptp-meetings-v1 .meeting-note-outcome .meeting-vote-record { width:100%; margin:0; }
#meetings.ptp-meetings-v1 .meeting-vote-people { grid-template-columns:repeat(5,minmax(0,1fr)); }
#meetings.ptp-meetings-v1 .meeting-vote-heading > p { font-size:13px; }
#meetings.ptp-meetings-v1 .meeting-vote-heading > span { font-size:11px; }
#meetings.ptp-meetings-v1 .meeting-vote-heading > strong { font-size:24px; }
#meetings.ptp-meetings-v1 .meeting-vote-person strong { font-size:13px; }
#meetings.ptp-meetings-v1 .meeting-vote-person span { font-size:10px; }
#meetings.ptp-meetings-v1 .meeting-vote-person b { font-size:12px; }
@media(max-width:650px) {
 #meetings.ptp-meetings-v1 .meeting-vote-people { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #meetings.ptp-meetings-v1 .meeting-public-comment-card h5 { font-size:23px; }
 #meetings.ptp-meetings-v1 .meeting-tag-button { min-height:40px; }
}

/* Native disclosures reuse the colored section bars and archive show/hide pattern. */
#meetings.ptp-meetings-v1 .meeting-section-disclosure > summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:22px; }
#meetings.ptp-meetings-v1 .meeting-section-disclosure > summary::-webkit-details-marker { display:none; }
#meetings.ptp-meetings-v1 .meeting-section-disclosure > summary:focus-visible { outline:3px solid #b87c16; outline-offset:4px; }
#meetings.ptp-meetings-v1 .meeting-section-disclosure > summary > div:first-child { flex:1; min-width:0; }
#meetings.ptp-meetings-v1 .meeting-section-toggle { display:flex; align-items:center; gap:10px; flex:none; font:700 12px/1.4 system-ui,sans-serif; white-space:nowrap; }
#meetings.ptp-meetings-v1 .meeting-section-disclosure:not([open]) > summary .is-open,
#meetings.ptp-meetings-v1 .meeting-section-disclosure[open] > summary .is-closed { display:none; }
#meetings.ptp-meetings-v1 .meeting-items-heading { margin:0; color:white; }
#meetings.ptp-meetings-v1 .meeting-items-section { margin:24px; }
#meetings.ptp-meetings-v1 .meeting-items-body > .meeting-note-grid { margin:16px 0 0; padding:0 0 18px; }
@media(max-width:650px) {
 #meetings.ptp-meetings-v1 .meeting-section-disclosure > summary { flex-wrap:wrap; gap:12px; }
 #meetings.ptp-meetings-v1 .meeting-section-disclosure > summary > div:first-child { flex-basis:100%; }
 #meetings.ptp-meetings-v1 .meeting-section-toggle { margin-left:auto; }
 #meetings.ptp-meetings-v1 .meeting-items-section { margin:20px 16px; }
}

#meetings.ptp-meetings-v1 .meeting-public-comments-count { flex:none; min-width:86px; }

/* Both section headers use the same public-comments header fields and geometry. */
#meetings.ptp-meetings-v1 .meeting-items-section { margin:18px 24px; border:1px solid rgba(8,47,73,.2); border-top:5px solid var(--area-rust); background:var(--area-paper); box-shadow:0 14px 28px rgba(8,47,73,.1); }
#meetings.ptp-meetings-v1 .meeting-items-heading { padding:23px 24px 19px; border:0; border-top:4px solid #b7d7cc; background:#082f49; }
#meetings.ptp-meetings-v1 .meeting-items-heading .meeting-items-count { background:#052235; }
#meetings.ptp-meetings-v1 .meeting-items-heading .section-kicker { color:#dcece1; }
#meetings.ptp-meetings-v1 .meeting-items-heading .meeting-items-coverage { max-width:850px; margin:10px 0 0; font-size:14px; line-height:1.55; color:#edf6f2; }
@media(max-width:720px) { #meetings.ptp-meetings-v1 .meeting-items-heading { padding:20px; } }
@media(max-width:650px) { #meetings.ptp-meetings-v1 .meeting-items-section { margin:16px; } }

#meetings.ptp-meetings-v1 .meeting-items-source-note { margin:0; padding:18px 24px; color:#304c5c; background:#edf2f3; font-size:14px; line-height:1.55; }

/* Third section reuses the same header, cards and native disclosure controls. */
#meetings.ptp-meetings-v1 .meeting-heard-about .meeting-public-comments-header { background:#96513f; }
#meetings.ptp-meetings-v1 .meeting-heard-about .meeting-public-comments-count { background:#60382e; }

/* A stronger outer frame separates whole meetings in a scrolling history. */
#meetings.ptp-meetings-v1 .meeting-report { border:2px solid #71838a; border-top:5px solid var(--area-gold); }

/* Upcoming meeting preview: a distinct light palette and three parallel cards. */
#meetings.ptp-meetings-v1 .meeting-report-eyebrow { font-size:17px; line-height:1.45; letter-spacing:.07em; margin-bottom:14px; }
#meetings.ptp-meetings-v1 .meeting-report.is-upcoming { border-color:#6b8296; border-top-color:#547491; }
#meetings.ptp-meetings-v1 .is-upcoming .meeting-report-header { background:#f0f4f8; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:24px; align-items:start; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-section-disclosure { margin:0; min-width:0; border:1px solid #b7bfca; border-top:5px solid #77658d; background:#fff; box-shadow:0 6px 14px #15334612; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-items-section { border-top-color:#547491; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-heard-about { border-top-color:#b18b45; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-section-disclosure > summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:start; align-items:start; gap:16px 10px; padding:22px; min-height:310px; border:0; background:#eeeaf5; color:#193549; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-items-section > summary { background:#e8f0f8; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-heard-about > summary { background:#f6eddc; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid summary > div:first-child { grid-column:1 / -1; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid summary h4 { color:#193549; font-size:25px; line-height:1.2; margin:10px 0 12px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid summary p,
#meetings.ptp-meetings-v1 .meeting-upcoming-grid summary .section-kicker { color:#3d5265; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comments-count { display:block; min-width:0; padding:0; border:0; background:none; box-shadow:none; text-align:left; font:600 13px/1.5 system-ui,sans-serif; color:#3d5265; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comments-count strong,
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comments-count span { display:inline; font:inherit; color:inherit; text-transform:none; letter-spacing:normal; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comments-count strong { margin-right:4px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-section-toggle { align-self:center; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-grid,
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comment-list { display:grid; grid-template-columns:minmax(0,1fr); padding:12px; gap:12px; margin:0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-card { grid-template-columns:50px minmax(0,1fr); min-height:0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-body { display:block; padding:16px 12px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-body h5 { font-size:22px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-rail { padding:14px 4px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-note-rail strong { font-size:19px; overflow-wrap:anywhere; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-items-source-note { padding:18px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-public-comment-card { padding:18px; }
@media(max-width:1000px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid { grid-template-columns:minmax(0,1fr); }
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-section-disclosure > summary { min-height:0; }
}
@media(max-width:650px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid { padding:16px; }
 #meetings.ptp-meetings-v1 .meeting-report-eyebrow { font-size:16px; }
}
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-items-heading .meeting-items-coverage { color:#3d5265; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid .meeting-section-disclosure > summary { grid-template-rows:1fr auto; }

/* One shared full-width detail area beneath the upcoming card row. */
#meetings.ptp-meetings-v1 .meeting-upcoming-panel { margin:0 24px 24px; border:1px solid #aebdca; border-top:4px solid #547491; background:#f8fafc; box-shadow:0 8px 18px #15334612; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel-title { margin:0; padding:22px 24px; font:500 27px/1.25 Georgia,serif; color:#193549; background:#e8f0f8; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-grid,
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-public-comment-list { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:0; padding:18px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-body { display:block; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-card { min-height:0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid details[open] { outline:2px solid #547491; outline-offset:3px; }
@media(max-width:650px) { #meetings.ptp-meetings-v1 .meeting-upcoming-panel { margin:0 16px 16px; } }
/* Shared row height follows the tallest upcoming card. */
@media(min-width:1001px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid { align-items:stretch; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-section-disclosure > summary { height:100%; box-sizing:border-box; }
}

/* The selected card and its shared panel form one colored folder surface. */
#meetings.ptp-meetings-v1 .meeting-upcoming-panel { --upcoming-fill:#e8f0f8; --upcoming-accent:#547491; position:relative; border-color:var(--upcoming-accent); background:var(--upcoming-fill); }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel[data-theme=participation] { --upcoming-fill:#eeeaf5; --upcoming-accent:#77658d; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel[data-theme=announcements] { --upcoming-fill:#f6eddc; --upcoming-accent:#b18b45; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-upcoming-panel-title,
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-items-source-note { background:var(--upcoming-fill); }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > details { --upcoming-fill:#eeeaf5; --upcoming-accent:#77658d; position:relative; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-items-section { --upcoming-fill:#e8f0f8; --upcoming-accent:#547491; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-heard-about { --upcoming-fill:#f6eddc; --upcoming-accent:#b18b45; }
#meetings.ptp-meetings-v1 .meeting-upcoming-grid details[open] { outline:none; border-color:var(--upcoming-accent); }
@media(min-width:1001px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid { position:relative; z-index:1; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid > details[open] { border-bottom-color:var(--upcoming-fill); box-shadow:none; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid > details[open]::after { content:""; position:absolute; z-index:2; left:-1px; right:-1px; bottom:-29px; height:30px; background:var(--upcoming-fill); border-inline:1px solid var(--upcoming-accent); pointer-events:none; }
}
@media(min-width:1001px) { #meetings.ptp-meetings-v1 .meeting-upcoming-grid > details[open] { overflow:visible; } }
/* In a single column, attach the content directly below its selected card. */
@media(max-width:1000px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-upcoming-panel { margin:-16px 0 0; border-top:0; box-shadow:none; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-grid > details[open] { border-bottom:0; box-shadow:none; }
}
@media(max-width:1000px) { #meetings.ptp-meetings-v1 .meeting-upcoming-grid > .meeting-upcoming-panel .meeting-upcoming-panel-title { display:none; } }

/* Lift whole meeting sections from the surrounding page. */
#meetings.ptp-meetings-v1 :is(.meeting-report,.previous-meetings-disclosure) { box-shadow:0 5px 10px rgba(17,42,58,.10),0 18px 34px rgba(17,42,58,.14); }
@media(max-width:650px) { #meetings.ptp-meetings-v1 :is(.meeting-report,.previous-meetings-disclosure) { box-shadow:0 4px 8px rgba(17,42,58,.10),0 12px 22px rgba(17,42,58,.13); } }

/* Compact upcoming agenda rows with tags beside the title. */
#meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; margin:5px 0 0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row h5 { flex:1; min-width:0; margin:0; font-size:23px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row .meeting-tag-list { flex:0 1 45%; justify-content:flex-end; margin:0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-body { padding:14px 18px 12px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-summary { margin:8px 0 0; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-links { margin:0; padding-top:8px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-grid { gap:10px; padding:14px; }
#meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-rail { padding-top:14px; padding-bottom:12px; }
@media(max-width:650px) {
 #meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row { flex-direction:column; align-items:flex-start; gap:8px; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row .meeting-tag-list { justify-content:flex-start; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-item-title-row h5 { font-size:22px; }
 #meetings.ptp-meetings-v1 .meeting-upcoming-panel .meeting-note-body { padding:12px; }
}

/* Readable body summaries across comment, report and announcement cards. */
#meetings.ptp-meetings-v1 .meeting-public-comment-summary { font-size:15px; line-height:1.6; }

#meetings.ptp-meetings-v1 a.meeting-inline-link { color:inherit; font-weight:600; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
#meetings.ptp-meetings-v1 a.meeting-inline-link:hover { text-decoration-thickness:2px; }
#meetings.ptp-meetings-v1 a.meeting-inline-link:focus-visible { outline:3px solid #b87c16; outline-offset:3px; }

/* Archive: one closed bar containing independently collapsed recap headers. */
#meetings.ptp-meetings-v1 .previous-meetings-disclosure > summary { cursor:pointer; list-style:none; background:var(--area-navy); color:#fff; }
#meetings.ptp-meetings-v1 .previous-meetings-copy > span { color:#e9c76a; }
#meetings.ptp-meetings-v1 .previous-meetings-copy > span { font-size:17px; line-height:1.45; letter-spacing:.07em; margin-bottom:14px; }
#meetings.ptp-meetings-v1 .previous-meetings-copy > strong { font-size:28px; line-height:1.15; }
#meetings.ptp-meetings-v1 .previous-meetings-disclosure > summary::-webkit-details-marker,
#meetings.ptp-meetings-v1 .meeting-archive-entry > summary::-webkit-details-marker { display:none; }
#meetings.ptp-meetings-v1 .previous-meetings-body { display:grid; gap:20px; }
#meetings.ptp-meetings-v1 .meeting-archive-entry > summary { cursor:pointer; list-style:none; grid-template-columns:minmax(0,1fr) 132px 24px; align-items:start; }
#meetings.ptp-meetings-v1 .meeting-archive-entry > summary .meeting-section-toggle { align-self:center; }
#meetings.ptp-meetings-v1 .meeting-archive-entry > summary:focus-visible,
#meetings.ptp-meetings-v1 .previous-meetings-disclosure > summary:focus-visible { outline:3px solid #b87c16; outline-offset:3px; }
#meetings.ptp-meetings-v1 .meeting-archive-entry[open] > summary { border-bottom:1px solid #c7d1d5; }
@media(max-width:650px) {
 #meetings.ptp-meetings-v1 .previous-meetings-copy > span { font-size:16px; }
 #meetings.ptp-meetings-v1 .meeting-archive-entry > summary { grid-template-columns:minmax(0,1fr) 24px; gap:12px; }
 #meetings.ptp-meetings-v1 .meeting-archive-entry > summary .meeting-date-badge { display:none; }
 #meetings.ptp-meetings-v1 .meeting-archive-entry > summary .meeting-report-eyebrow { font-size:14px; }
}