.notice-preview{margin-block:var(--space-2xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;container-type:inline-size}.notice-preview.reveal{transition:opacity var(--duration-slow) var(--ease-out);transform:none}.notice-preview figure{margin:0}.notice-preview__header{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.notice-preview__header h2{font-size:var(--text-h3);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.notice-preview__header p{margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm)}.notice-preview__body{grid-template-columns:43% minmax(0,1fr);display:grid}.notice-preview__list{border-right:1px solid var(--color-border);margin:0;padding:0;list-style:none}.notice-preview__item{align-items:center;gap:var(--space-lg);padding:var(--space-xl);min-height:100px;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-normal);display:flex;position:relative}.notice-preview__item svg{flex-shrink:0}.notice-preview__item+.notice-preview__item:before{content:"";inset:0 var(--space-xl) auto;border-top:1px solid var(--color-border);position:absolute}.notice-preview__item--selected{background:var(--color-bg-subtle);box-shadow:inset 3px 0 var(--color-text)}.notice-preview__detail{min-width:0;padding:var(--space-xl);align-self:stretch}.notice-preview__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-secondary)}.notice-preview__detail h3{margin:var(--space-lg) 0;font-size:var(--text-h3);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.notice-preview__message{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.notice-preview__audience{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary)}@container (max-width:560px){.notice-preview__body{grid-template-columns:minmax(0,1fr)}.notice-preview__list{border-right:0;border-bottom:1px solid var(--color-border)}.notice-preview__header,.notice-preview__detail,.notice-preview__item{padding:var(--space-lg)}.notice-preview__item{gap:var(--space-md);min-height:76px}}@media (prefers-reduced-motion:reduce){.notice-preview.reveal{opacity:1;transition:none}}