/* Website card layout, following the dashboard's 24 / 20 px content grid. */
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {--review-card:24px;--review-gap:24px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .page-head {margin-bottom:24px!important;gap:16px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main details:not(.reels-info):not(.reels-replies)>summary {display:flex;align-items:center;gap:12px!important;padding:20px var(--review-card)!important;margin:0!important;min-height:64px;box-sizing:border-box;line-height:1.4}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main details:not(.reels-info):not(.reels-replies)>summary::before {position:static!important;inset:auto!important;flex:0 0 8px!important;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main details:not(.reels-info):not(.reels-replies)>.disclosure-content {padding:var(--review-card)!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.optional-fields,.advanced-disclosure,.cash-maintenance,.event-admin) {background:#e9e9e9!important;border-radius:2px;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .table-wrap details>summary {padding:8px 12px!important;min-height:40px;font-size:15px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .table-wrap details>.disclosure-content {padding:12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main>.actions {margin:0 0 24px!important;flex-wrap:wrap}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.media-submenu,.feedback-tabs) {display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:0 0 24px!important;min-height:48px;align-items:center}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.media-submenu,.feedback-tabs)>a {padding:12px 16px!important;min-height:48px;display:inline-flex;align-items:center;border:0!important;border-radius:2px;background:#f4f4f4!important;color:#171717!important;text-decoration:none}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.media-submenu,.feedback-tabs)>a[aria-current=page] {background:#171717!important;color:#fff!important;font-weight:600}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.media-submenu,.feedback-tabs)>a:not([aria-current=page]):hover {background:#e5e5e5!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.profile-layout,.notifications-layout,.feedback-workspace,.calendar-overview,.cash-manage-columns,.penalty-tools,.personal-finance) {gap:var(--review-gap)!important;align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.profile-editor,.notifications-layout>.panel,.feedback-compose,.feedback-board,.cash-contributions,.cash-manage-settings>.panel,.calendar-overview>.panel,.event-detail-layout>.event-details,.event-detail-layout>#attendance,.personal-finance>.panel,.penalty-catalog) {padding:var(--review-card)!important;background:#f4f4f4!important;border:0!important;border-radius:2px!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.profile-editor,.notifications-layout,.feedback-workspace,.calendar-overview,.cash-manage-columns,.event-detail-layout,.personal-finance,.penalty-tools) h2 {margin:0 0 16px!important;font-size:24px!important;line-height:1.3}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-layout {grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-editor .profile-roles {margin:16px 0 24px!important;padding:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-photo-section {background:#e9e9e9!important;margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-editor .form-section {margin-bottom:24px!important;padding-bottom:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-head {padding:var(--review-card)!important;background:#f4f4f4!important;gap:24px;margin-bottom:24px!important;border:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-head>.avatar {width:128px;height:128px;flex:none;border-radius:50%!important;clip-path:circle(50%);object-fit:cover}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .search {display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:760px;margin:0 0 24px!important;align-items:end;gap:12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .search>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .search>button {height:48px;min-height:48px;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.filter-disclosure,.media-filter-panel) {padding:0!important;background:#f4f4f4!important;margin:0 0 16px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main details.filter-disclosure>summary {padding:20px var(--review-card)!important;min-height:64px;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main details.filter-disclosure>.disclosure-content {padding:0 var(--review-card) var(--review-card)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.filter-grid,.media-filter-bar) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px!important;align-items:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.filter-grid,.media-filter-bar)>.field {margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.filter-grid,.media-filter-bar)>.form-actions {display:flex;flex-wrap:wrap;gap:12px!important;margin:0!important;grid-column:1/-1}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .filter-disclosure form>.form-actions {display:flex;flex-wrap:wrap;gap:12px!important;margin:16px 0 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-filter-panel {padding:var(--review-card)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .quick-filters {display:flex;flex-wrap:wrap;gap:8px!important;margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-overview {grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-next {padding:var(--review-card)!important;margin:0 0 24px!important;min-height:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-next h2 {margin:8px 0 12px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-picker {display:grid!important;grid-template-areas:"month year action"!important;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr) auto!important;gap:12px!important;padding:0!important;margin:0 0 20px!important;align-items:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-picker>.field {margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-picker>button {grid-area:action!important;height:48px!important;min-height:48px!important;margin:0!important;align-self:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-display-controls {margin:0 0 16px!important;gap:8px;flex-wrap:wrap}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .event-detail-layout {gap:var(--review-gap)!important;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .event-detail-layout .event-roster {padding:0!important;margin:24px 0 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .event-roster>summary {background:#f4f4f4!important;padding:20px var(--review-card)!important;min-height:64px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .event-roster>.disclosure-content {padding:var(--review-card)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .feedback-workspace:not(.is-inbox) {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .feedback-workspace.is-inbox {display:block;max-width:1100px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .feedback-compose-heading {margin:0 0 20px!important;gap:16px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .feedback-compose-heading h2 {margin:0 0 8px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .notifications-layout .checkbox {display:flex;align-items:flex-start;gap:12px;margin:0 0 16px!important;line-height:1.5}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .notifications-layout .checkbox>input {flex:none;margin-top:4px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .notifications-layout h3 {margin:24px 0 16px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .personal-finance {display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .personal-finance-summary>a {display:flex;width:100%;justify-content:center;margin:12px 0 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main>.finance-disclosure {padding:0!important;margin:0 0 16px!important;background:#f4f4f4!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main>details.finance-disclosure>summary {padding:20px var(--review-card)!important;min-height:64px;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main>details.finance-disclosure>.disclosure-content {padding:0 var(--review-card) var(--review-card)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-manage-actions {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-actions {gap:12px!important;margin:20px 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-actions>a {padding:16px!important;margin:0!important;background:#e9e9e9!important;border-radius:2px;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-actions>a:is(:hover,:focus-visible) {background:#353535!important;color:#fff!important;transform:none;text-decoration:none}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-actions>a:is(:hover,:focus-visible) :is(strong,small,.ui-icon,.cash-action-icon) {color:#fff!important;background:transparent!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-manage-settings {display:grid;gap:16px!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-manage-settings>details.panel {padding:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-audit {padding:0!important;margin:16px 0 0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-audit>details {background:#f4f4f4!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .cash-audit>details>summary {padding:20px var(--review-card)!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/catalog"] main#main>.section-layout {display:block}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor-heading {margin:0 0 24px!important;gap:16px;flex-wrap:wrap}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0!important;border:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor>.panel:last-child>form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor>.panel:last-child>form>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor>.panel:last-child>form>.form-actions {grid-column:1/-1;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-category-grid>a {padding:var(--review-card)!important;background:#f4f4f4!important;border-radius:2px;margin:0!important;text-decoration:none;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-category-grid>a:is(:hover,:focus-visible) {background:#e5e5e5!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-category-grid h2 {margin:12px 0!important;font-size:24px!important;overflow-wrap:anywhere}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-detail {padding:var(--review-card)!important;background:#f4f4f4!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth):is([data-page="/password"],[data-page="/opening"],[data-page="/book"],[data-page="/media/categories/new"],[data-page="/media/upload"],[data-page="/media/remove"],[data-page="/admin/user"],[data-page="/admin/password"]) main#main>.panel {max-width:860px;width:100%;padding:var(--review-card)!important;background:#f4f4f4!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/book"] main#main>.penalty-booking-panel {max-width:none}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth):is([data-page="/event/edit"],[data-page="/media/apps"]) main#main .section-layout>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/event/edit"] main#main .section-layout {grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .payment-booking-heading {margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor {padding:0!important;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-picker {display:grid;grid-template-columns:minmax(0,280px) auto;gap:12px!important;align-items:end;justify-content:start;margin:0 0 24px!important;max-width:600px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-picker>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-picker>button {height:48px;min-height:48px;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-grid {grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr);gap:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-grid>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;border:0!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/finance/report"] main#main>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0 0 24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/media/apps"] main#main .section-layout>.media-submenu {grid-column:1/-1;margin-bottom:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/media/apps"] main#main .section-layout>.panel {grid-column:auto!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/book"] main#main>.panel:not(.payment-booking-panel):not(.penalty-booking-panel)>form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/book"] main#main>.panel:not(.payment-booking-panel):not(.penalty-booking-panel)>form>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/book"] main#main>.panel:not(.payment-booking-panel):not(.penalty-booking-panel)>form>.form-actions {grid-column:1/-1;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main .section-layout {gap:24px!important;align-items:start}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main .section-layout>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0!important;min-width:0}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main .section-layout>.panel h2 {margin:0 0 16px!important;font-size:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main .section-layout>.panel>form+form {margin-top:24px!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #roles {grid-column:1/-1}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #functions>form {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #functions>form>:is(.field,.form-actions) {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #media-permissions>form[method=get] {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #media-permissions>form[method=get]>.field {margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #media-permissions>form[method=get]>button {min-height:48px;margin:0!important}
html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin/health"] main#main>.panel {padding:var(--review-card)!important;background:#f4f4f4!important;margin:0 0 24px!important}
@media(min-width:761px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-filter-bar {grid-template-columns:repeat(3,minmax(0,1fr)) auto}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .media-filter-bar>.form-actions {grid-column:auto}
}
@media(max-width:1100px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.profile-layout,.calendar-overview,.feedback-workspace:not(.is-inbox),.event-detail-layout,.personal-finance) {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/event/edit"] main#main .section-layout {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px) {
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) {--review-card:20px;--review-gap:20px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor {grid-template-columns:minmax(0,1fr);gap:20px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .catalog-editor>.panel:last-child>form {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/admin"] main#main #media-permissions>form[method=get] {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.filter-grid,.media-filter-bar) {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-head {display:flex;flex-direction:column;align-items:flex-start}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .profile-head>.avatar {width:96px;height:96px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main :is(.profile-editor,.notifications-layout,.feedback-workspace,.calendar-overview,.cash-manage-columns,.event-detail-layout,.personal-finance,.penalty-tools) h2 {font-size:22px!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-picker {grid-template-areas:"month year" "action action"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .calendar-picker>button {width:100%}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .search {grid-template-columns:minmax(0,1fr);max-width:none}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .search>button {width:100%}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth)[data-page="/book"] main#main>.panel:not(.payment-booking-panel):not(.penalty-booking-panel)>form {grid-template-columns:minmax(0,1fr)}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-picker {grid-template-columns:minmax(0,1fr);max-width:none;width:100%}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .report-picker>button {width:100%}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-install .app-download-intro {display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}
 html[data-theme] body.web-ui:not(.pwa-view):not(.pwa-auth) main#main .website-install .app-download-intro>div {grid-column:1/-1}
}