/* Mobile readability for Sacralium patch notes. Scoped so the article editor and other pages are untouched. */
@media (max-width: 760px) {
  #patch-notesView .patch-notes-page {
    width: calc(100% - 16px) !important;
    max-width: 100% !important;
    margin: 0 auto 28px !important;
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    font-size: 14px !important;
    line-height: 1.48;
    overflow-wrap: break-word;
    word-break: normal;
  }
  #patch-notesView .patch-notes-hero {
    padding: 14px 14px 15px !important;
    margin-bottom: 12px !important;
    gap: 7px;
    border-radius: 10px;
  }
  #patch-notesView .patch-notes-hero h2 {font-size: 22px !important;line-height:1.22 !important;}
  #patch-notesView .patch-notes-hero .eyebrow {font-size: 12px !important;}
  #patch-notesView .patch-notes-intro {font-size:13px !important;line-height:1.45 !important;white-space:normal !important;}
  #patch-notesView .patch-notes-channel {min-height:29px;font-size:12px !important;padding:4px 9px;}
  #patch-notesView .patch-notes-controls {padding:11px !important;gap:8px !important;grid-template-columns:1fr 1fr;border-radius:9px;}
  #patch-notesView .patch-notes-controls label {font-size:12px !important;gap:4px;}
  #patch-notesView .patch-notes-controls input,
  #patch-notesView .patch-notes-controls select {min-height:36px !important;padding:6px 9px;font-size:14px !important;}
  #patch-notesView .patch-notes-search {grid-column:1/-1;}
  #patch-notesView .patch-notes-status {font-size:12px !important;line-height:1.35 !important;padding:10px 2px 8px !important;min-height:0;}
  #patch-notesView .patch-notes-feed {gap:10px !important;}
  #patch-notesView .patch-note-card {padding:13px 14px !important;border-radius:10px;}
  #patch-notesView .patch-note-meta {flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:9px;font-size:12px !important;}
  #patch-notesView .patch-note-kind {font-size:12px !important;min-height:24px;padding:2px 8px;letter-spacing:0;}
  #patch-notesView .patch-note-meta time {font-size:12px !important;line-height:1.3 !important;}
  #patch-notesView .patch-note-card h3 {font-size:18px !important;line-height:1.28 !important;margin:0 0 10px !important;overflow-wrap:break-word;}
  #patch-notesView .patch-note-text {font-size:14px !important;line-height:1.47 !important;gap:7px !important;overflow-wrap:break-word;word-break:normal;}
  #patch-notesView .patch-note-paragraph,
  #patch-notesView .patch-note-point-text {font-size:14px !important;line-height:1.47 !important;margin:0;}
  #patch-notesView .patch-note-point {grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;}
  #patch-notesView .patch-note-point-number {width:21px;height:21px;font-size:11px !important;border-radius:6px;margin-top:0;}
  #patch-notesView .patch-note-card footer {margin-top:12px;padding-top:10px;gap:6px 12px;}
  #patch-notesView .patch-note-card footer a {font-size:12px !important;}
}
@media (max-width: 390px) {
  #patch-notesView .patch-notes-controls {grid-template-columns:1fr;}
  #patch-notesView .patch-notes-search {grid-column:auto;}
  #patch-notesView .patch-note-card {padding:12px !important;}
  #patch-notesView .patch-note-card h3 {font-size:17px !important;}
  #patch-notesView .patch-note-text,
  #patch-notesView .patch-note-paragraph,
  #patch-notesView .patch-note-point-text {font-size:13.5px !important;}
}