.pageHelpButton{position:fixed;top:auto;left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:100001;border:1px solid #d9bdb4;background:#fff;color:#7d180b;border-radius:24px;padding:10px 16px;min-height:44px;font:600 15px system-ui,sans-serif;box-shadow:0 4px 16px #50110715;cursor:pointer}.pageHelpDialog{width:min(660px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #e8ded7;border-radius:20px;padding:24px;background:#fff;color:#30201c;font:16px/1.65 system-ui,sans-serif}.pageHelpDialog::backdrop{background:#30201c88}.pageHelpHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pageHelpHead h2{margin:0;color:#7d180b;font-size:23px}.pageHelpHead button{flex:none;border:1px solid #e8ded7;border-radius:10px;padding:10px;min-height:44px;background:#faf7f3;color:#7d180b;font:inherit;cursor:pointer}.staffView .pageHelpButton{display:none}body:has(#adminView:not([hidden]))>.pageHelpButton{z-index:100001}@media(max-width:600px){.pageHelpButton{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:10px 13px}.pageHelpDialog{padding:18px}.pageHelpHead{flex-wrap:wrap}}@media print{.pageHelpButton,.pageHelpDialog{display:none}}


.pageHelpDialog{width:min(900px,calc(100vw - 24px));max-height:90dvh;font-size:18px;line-height:1.75;padding:30px}.pageHelpDialog h3{font-size:20px;color:#7d180b;margin:24px 0 6px}.pageHelpDialog p{margin:10px 0 18px}.pageHelpHead h2{font-size:27px}@media(max-width:600px){.pageHelpDialog{padding:20px;font-size:17px}.pageHelpHead h2{font-size:23px}.pageHelpDialog h3{font-size:19px}}
/* Långa rubriker, rollnamn och sidnamn ska rymmas även på smal mobil. */
.pageHelpDialog{overflow-wrap:anywhere;box-sizing:border-box}.pageHelpHead,.pageHelpHead h2,.pageHelpDialog h3{min-width:0;max-width:100%}