/* Responsive community enhancements, additive to the scoped base stylesheet. */
.ipmi-nav-shell { margin: 0; }
.ipmi-nav-shell > summary { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem 1rem; border: 1px solid #c6dacb; border-radius: .65rem; background: #f7faf6; color: #19352e; font-weight: 700; cursor: pointer; }
.ipmi-nav-shell > summary:focus-visible { outline: 3px solid #f1d5a3; outline-offset: 3px; }
.ipmi-nav-shell[open] > .ipmi-navigation { margin-top: .5rem; }
@media (min-width: 768px) {
  .ipmi-nav-shell[open] > summary { display: none; }
  .ipmi-nav-shell[open] > .ipmi-navigation { margin-top: 0; }
}
.community-dashboard .dashboard-welcome { padding: clamp(1rem, 2.5vw, 1.5rem); }
.community-dashboard .dashboard-welcome :is(h1,h2) { margin-block: 0 .35rem; line-height: 1.16; }
.community-dashboard .dashboard-welcome p { margin-block: .35rem .75rem; }
.community-dashboard .dashboard-quick { gap: .5rem; margin-block: .75rem; }
.community-dashboard .dashboard-quick a { padding: .65rem .8rem; }
.community-dashboard .dashboard-quick a small { line-height: 1.25; }
.community-dashboard .dashboard-shortcuts { margin-block: .5rem .75rem; border: 1px solid #c6dacb; border-radius: .75rem; background: #f7faf6; }
.community-dashboard .dashboard-shortcuts > summary { min-height: 44px; padding: .7rem .9rem; box-sizing: border-box; cursor: pointer; color: #19352e; font-weight: 700; }
.community-dashboard .dashboard-shortcuts > summary:focus-visible { outline: 3px solid #a86805; outline-offset: 3px; }
.community-dashboard .dashboard-shortcuts .dashboard-quick { padding-inline: .6rem; }
.community-dashboard .ipmi-feed-header { padding: .75rem 1rem; margin-bottom: .5rem; }
.community-dashboard .ipmi-feed-header h2 { margin-block: .15rem .35rem; }
.community-dashboard .ipmi-feed-search { margin: .5rem 0 .6rem; }
.community-dashboard .ipmi-feed-search input { flex: 1 1 0; min-width: 0; }
.community-dashboard .ipmi-feed-card { border-radius: .9rem; margin-block: .6rem; }
/* The classes distinguish actual author identity from already-authorized data;
   no status, presence, name, new content, or action is invented. */
:is(.ipmi-message-thread,.ipmi-group-thread) .ipmi-message { width: min(100%, 38rem); box-sizing: border-box; justify-self: start; }
:is(.ipmi-message-thread,.ipmi-group-thread) .ipmi-message--own { justify-self: end; background: #e2f1e5; border-color: #b8d5bf; }
:is(.ipmi-message-thread,.ipmi-group-thread) .ipmi-message--other { background: #fff; }
:is(.ipmi-message-thread,.ipmi-group-thread) .ipmi-message p { margin-block: .5rem; }
@media (max-width: 480px) {
  .community-dashboard .dashboard-welcome { padding: .8rem 1rem; }
  .community-dashboard .dashboard-welcome :is(h1,h2) { font-size: 1.45rem; }
  .community-dashboard .dashboard-welcome p { margin-block: .2rem .45rem; }
  .community-dashboard .dashboard-quick { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .community-dashboard .dashboard-quick a { min-height: 44px; }
  .community-dashboard .ipmi-feed-search > div > input { flex-basis: 0; }
}