/* Bill Tracker only: slightly wider, centered page container with safe side gutters. */
html body.articleDocument { margin:0; }
html body.articleDocument > main.articlePage {
  box-sizing:border-box !important;
  width:calc(100% - 28px) !important;
  max-width:940px !important;
  margin:0 auto !important;
  padding:24px 8px 36px !important;
}
html body.articleDocument > main.articlePage > nav.articleNav {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 0 24px !important;
  padding:0 !important;
}
html body.articleDocument > main.articlePage > nav.articleNav > a.articleHome {
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
html body.articleDocument > main.articlePage > nav.articleNav > a.articleBack { flex:0 0 auto !important; }

/* N311: maintain navigation and prevent action-button wrapping or overlap. */
html body.articleDocument > main.articlePage { width:calc(100% - 20px) !important; max-width:980px !important; padding:24px 10px 36px !important; }
html body.articleDocument > main.articlePage > nav.articleNav { min-width:0 !important; }
html body.articleDocument > main.articlePage > nav.articleNav > a.articleHome { position:static !important; right:auto !important; top:auto !important; transform:none !important; flex-shrink:0 !important; }
.changeTool .changeActions { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:10px; min-width:0; }
.changeTool .changeActions button { flex:0 0 auto; max-width:100%; white-space:nowrap; box-sizing:border-box; }
@media(max-width:420px){ .changeTool .changeActions button { font-size:clamp(15px,4.5vw,20px); padding:10px 14px; } }