/* In-flow notice: keeps home controls available and follows both existing themes. */
#screen-menu .plan-notice {
  box-sizing:border-box;
  width:100%; max-width:1080px; min-width:0;
  margin:0 auto 24px; padding:12px 16px 16px;
  border:1px solid var(--p-line); border-inline-start:3px solid var(--p-accent);
  border-radius:14px; background:var(--p-paper); color:var(--p-ink);
  text-align:start; overflow-wrap:anywhere;
}
#screen-menu .plan-notice[hidden],
#screen-menu .plan-notice-dismiss[hidden] { display:none !important; }
#screen-menu .plan-notice-heading { display:flex; align-items:center; gap:8px; }
#screen-menu .plan-notice h2 {
  flex:1; min-width:0; margin:0; padding:0;
  font:600 14px/1.55 var(--p-font); letter-spacing:0;
}
#screen-menu .plan-notice-dismiss {
  display:grid; place-items:center; flex:0 0 44px;
  width:44px; height:44px; min-height:44px; margin:-4px -8px -4px 0; padding:0;
  border:0; border-radius:10px; background:transparent; color:var(--p-muted);
  box-shadow:none; cursor:pointer; transform:none; transition:none;
}
#screen-menu .plan-notice-dismiss:hover,
#screen-menu .plan-notice-dismiss:active { background:var(--p-raised); color:var(--p-ink); transform:none; }
#screen-menu .plan-notice-dismiss svg {
  width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round;
}
#screen-menu .plan-notice-body {
  margin:6px 0 0; padding:0; max-width:86ch;
  font:400 13px/1.75 var(--p-font); color:var(--p-ink); letter-spacing:0;
}
#screen-menu .plan-notice-reassurance {
  margin:8px 0 0; padding:0;
  font:400 12px/1.7 var(--p-font); color:var(--p-muted); letter-spacing:0;
}
@media (max-width:359px) {
  #screen-menu .plan-notice { padding-inline:12px; }
}
