/* One phone-width canvas for all public pages, matching the home dashboard. */
html{background:#e5e9e3}
body{max-width:430px;margin:0 auto;min-height:100vh;background:#f7f5ef;box-shadow:0 0 50px #173d3614}
body>header{max-width:100%;padding:14px 12px;background:#f7f5ef;color:#173d36;gap:12px}
body>header .brand{font-size:23px;color:#173d36}
body>header .brand span{color:#d8653d}
body>header .brand small{display:block;font-size:10px;letter-spacing:2px;color:#697b73;margin-top:4px}
body>header .account-indicator,body>header .btn{color:#173d36;border-color:#173d36;font-size:13px}
body>main{max-width:100%!important;width:100%;margin:18px auto;padding:0 12px}
body>main h1{font-family:Georgia,serif;font-size:27px;line-height:1.2;margin:14px 0 8px}
body>main>p{font-size:13px;line-height:1.45;margin:8px 0 14px}
body>main>a{font-size:12px}
body>main .form-control,body>main .form-select{max-width:100%}
body>main .actions{flex-wrap:wrap}
body>main .message,body>main .empty{max-width:100%;min-width:0;overflow-wrap:anywhere}
body>main .directory-search{background:#fff;border:1px solid #dce3dd;border-radius:12px}
body>main .directory-search .form-control,body>main .directory-search .form-select{font-size:16px;min-height:42px;height:42px}
body>main .directory-search .btn{min-height:42px}
body>main .compact-card.message{padding:12px;border-radius:12px;margin-bottom:10px}
body>main .compact-card .btn{min-height:42px}
body>main .compact-card h2{font-size:16px}
body>main .compact-card p{font-size:12px;line-height:1.4}
@media(max-width:430px){body{width:100%;box-shadow:none}}

/* Keep the return link within reach while scrolling a public section. */
body>main>a.dashboard-back{position:sticky;top:0;z-index:50;display:block;padding:10px 0;margin:0;background:#f7f5ef;border-bottom:1px solid #dce3dd;font-size:12px;line-height:1.5;color:#173d36;text-underline-offset:3px}

/* Persistent public navigation: brand, home and account. */
body>header{position:sticky;top:0;z-index:100;background:#f7f5ef;border-bottom:1px solid #dce3dd;display:flex;align-items:center;gap:8px}
body>header .brand{margin-right:auto;white-space:nowrap;font-size:21px}
body>header .header-home{flex-shrink:0;min-height:36px;padding:6px 9px;font-size:12px;border-radius:9px;white-space:nowrap}
body>header .account-indicator{flex-shrink:0;max-width:120px;font-size:12px;padding:6px 9px;border-radius:9px;min-height:36px}
body>header .account-indicator strong{overflow-wrap:anywhere;font-size:12px}
@media(max-width:350px){body>header .brand{font-size:18px}body>header .header-home,body>header .account-indicator{font-size:11px;padding:6px 7px}body>header .account-indicator{max-width:90px}}

body>header .header-home,body>header .account-indicator.account-guest{display:inline-flex;align-items:center;justify-content:center;min-height:32px;height:32px;padding:0 9px;line-height:1;text-align:center;border-radius:8px}