/* Readability fixes found in the 23 September walkthrough: nothing may squeeze text to a word per line. */
/* Page titles keep their width: buttons and tabs move under the title when space runs out. */
.page-head{flex-wrap:wrap;row-gap:14px}
.page-head>div:first-child{flex:1 1 auto;min-width:min(100%,280px)}
.w-schedule{display:flex;flex-wrap:wrap;align-items:flex-start}
.w-schedule>.w-calendar{flex:0 1 300px;min-width:260px}
.w-schedule>.w-day-agenda{flex:1 1 320px}
.detail-data strong{overflow-wrap:normal;word-break:keep-all}
.detail-data>div{min-width:0}
.pp-filter-row{flex-wrap:wrap}
.pp-filter-row select{min-width:0;max-width:100%;text-overflow:ellipsis}
.empty-guide{grid-column:1/-1;text-align:center;padding:36px 20px}.empty-guide h3{font-size:18px;margin:0 0 8px}.empty-guide p{max-width:420px;margin:0 auto 16px}
/* Tabs of a menu section, above the page title. */
.hz-subtabs{width:max-content;max-width:100%;margin:0 0 18px;overflow-x:auto;scrollbar-width:none}
.hz-subtabs::-webkit-scrollbar{display:none}.hz-subtabs button{flex-shrink:0}
/* Eight entries, read top to bottom: aligned left like a list. The top layout keeps its own centring. */
:root:not([data-nav-position=top]) .hz-menu .navbtn{justify-content:flex-start}
@media(max-width:760px){.hz-menu .navbtn{justify-content:flex-start}}
/* Accounts */
.acc-me,.acc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.acc-me{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:10px}.acc-me p,.acc-row p{margin:2px 0 0}
.acc-row{padding:10px 0;border-bottom:1px solid var(--line)}
.acc-invite{margin-top:18px}.acc-invite h3{font-size:15px;margin:0 0 10px}
.acc-link{margin-top:14px;padding:14px;border-radius:12px;background:var(--selected)}.acc-link code{display:block;overflow-wrap:anywhere;font-size:12px;margin:8px 0 10px}
/* Long forms: the essentials first, the rest in folded groups. */
.form-group{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:0 16px}
.form-group>summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 0;cursor:pointer;list-style:none}
.form-group>summary::-webkit-details-marker{display:none}
.form-group>summary::after{content:"+";margin-left:auto;font-size:18px;color:var(--muted)}
.form-group[open]>summary::after{content:"–"}
.form-group>summary b{font-weight:600;font-size:14px}.form-group>summary span{font-size:12px;color:var(--muted)}
.form-group>.form-grid{padding-bottom:16px}