.page-hero-spacer{height:4.5rem}@media (width>=768px){.page-hero-spacer{height:5.5rem}}section[id]{scroll-margin-top:5rem}.comms-demo{max-width:var(--width-page);gap:var(--space-6);grid-template-columns:1fr;align-items:stretch;margin-inline:auto;display:grid}@media (width>=880px){.comms-demo{gap:var(--space-8);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.comms-panel{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex;position:relative}@media (width>=768px){.comms-panel{padding:var(--space-8)}}.comms-panel--resident{background:linear-gradient(180deg, #fdb92424 0%, #fdb9240a 40%, var(--white) 100%);border-color:#fdb92459}.comms-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.comms-panel-eyebrow{font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:700;display:inline-block}.comms-panel--resident .comms-panel-eyebrow{color:#92400e}.comms-panel-title{color:var(--ink);letter-spacing:-.01em;margin:.25rem 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.comms-panel-meta{font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.comms-field{align-items:baseline;gap:var(--space-4);display:flex}.comms-field--to,.comms-field--subject{padding-bottom:var(--space-3);border-bottom:1px solid var(--rule)}.comms-field--to{align-items:center}.comms-field-label{width:4rem;font-size:var(--text-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);flex-shrink:0;font-weight:700}.comms-field-value{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.comms-chip{color:var(--blue);border-radius:var(--radius-pill);font-size:var(--text-small);background:#026cb614;border:1px solid #026cb640;align-items:center;gap:.4rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}.comms-chip-icon{width:12px;height:12px}.comms-field-hint{font-size:var(--text-small);color:var(--ink-soft)}.comms-subject{letter-spacing:-.015em;color:var(--ink);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:800;line-height:1.15}.comms-field--body{align-items:flex-start}.comms-body{flex:1}.comms-body p{color:var(--ink);margin:0;line-height:1.6}.comms-body-sig{font-size:var(--text-small);margin-top:var(--space-3)!important;color:var(--ink-soft)!important}.comms-footer{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--rule);gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.comms-footer-item{font-size:var(--text-small);color:var(--ink-soft);align-items:center;gap:.5rem;display:inline-flex}.comms-footer-item strong{color:var(--ink);font-weight:600}.comms-footer-icon{width:16px;height:16px;color:var(--blue)}.comms-footnote{font-size:var(--text-small);color:var(--ink-soft);margin:0}.comms-inbox{background:var(--white);border-radius:var(--radius-lg);border:1px solid #fdb9244d;overflow:hidden}.comms-inbox-head{border-bottom:1px solid var(--rule);padding:.75rem 1rem}.comms-inbox-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.comms-inbox-tag{background:var(--paper-soft);border:1px solid var(--rule);color:var(--ink-soft);border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.comms-inbox-time{color:var(--ink-soft);font-size:.625rem}.comms-inbox-from{color:var(--ink-soft);margin:.5rem 0 0;font-size:.75rem}.comms-inbox-subject{color:var(--ink);margin:.125rem 0 0;font-size:.875rem;font-weight:600}.comms-inbox-body{padding:.75rem 1rem}.comms-inbox-body p{color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.6}.comms-channels{flex-direction:column;gap:.375rem;display:flex}.comms-channel{border-radius:var(--radius-md);color:var(--ink);background:#ffffffb3;border:1px solid #fdb9244d;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.6875rem;display:flex}.comms-channel-icon{color:#92400e;flex-shrink:0;width:14px;height:14px}.comms-resident-strap{padding-top:var(--space-2);color:var(--ink-soft);margin:auto 0 0;font-size:.6875rem;line-height:1.6}.comms-strap{max-width:42rem;margin:var(--space-12) auto 0;text-align:center;color:var(--ink-soft);font-size:var(--text-lede);line-height:1.6}.comms-attribution{max-width:42rem;margin:var(--space-3) auto 0;text-align:center;color:var(--ink-soft);font-size:var(--text-small)}.comms-attribution a{color:var(--blue);font-weight:500;text-decoration:none}.comms-attribution a:hover{text-decoration:underline}