/* Shared layout for every page rendered by lib/user-home-ui.php. */
table.user-page-layout > tbody > tr > td.minwidth {
    width: 15rem;
    min-width: 15rem;
    max-width: 15rem;
    white-space: normal;
}

table.user-page-layout > tbody > tr > td.minwidth nav {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

table.user-page-layout > tbody > tr > td.minwidth nav .menuItem {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 1rem;
    line-height: 1.35;
}

table.user-page-layout > tbody > tr > td.minwidth nav .menuItem.header {
    font-size: 1.2rem;
    line-height: 1.35;
}

table.user-page-layout > tbody > tr > td.minwidth
> nav:first-of-type > .menuItem.header {
    font-size: 1.65rem;
    line-height: 1.3;
}

table.user-page-layout > tbody > tr > td.fullwidth {
    min-width: 0;
}

table.user-page-layout > tbody > tr > td.fullwidth
table.layout-frame td,
table.user-page-layout > tbody > tr > td.fullwidth
table.layout-frame td :is(p, li, label, a, strong, em, code),
table.user-page-layout > tbody > tr > td.fullwidth
table.layout-frame td table :is(th, td, a, label) {
    font-size: 1rem;
    line-height: 1.4;
}

table.user-page-layout > tbody > tr > td.fullwidth
:is(input:not([type="hidden"]), select, button, textarea) {
    font-size: 1rem;
    line-height: 1.35;
    max-width: 100%;
    box-sizing: border-box;
}

table.user-page-layout > tbody > tr > td.fullwidth
input[type="file"]::file-selector-button {
    font-size: 1rem;
}

table.user-page-layout > tbody > tr > td.fullwidth
table.layout-frame th.layout-strong {
    font-size: 1rem;
    line-height: 1.35;
}

table.user-page-layout > tbody > tr > td.fullwidth
table.layout-frame > tbody > tr:first-child > th.layout-strong {
    font-size: 1.2rem;
}

/* The previously styled access-denied page keeps its own heading size. */
table.user-page-layout:not(.user-access-shell) > tbody > tr > td.fullwidth
> table.layout-frame.fullwidth:first-of-type
> tbody > tr:first-child > th.layout-strong {
    position: relative;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
    font-size: 1.65rem;
    line-height: 1.3;
}

/* jsc/always.js moves the footer gear into the first heading cell. */
table.user-page-layout > tbody > tr > td.fullwidth
> table.layout-frame.fullwidth:first-of-type
> tbody > tr:first-child > th.layout-strong > .topcorner {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: auto;
    transform: translateY(-50%);
    z-index: 1000;
    font-size: 1rem;
    font-weight: normal;
}

table.user-page-layout .topcorner .lang-menu-trigger {
    width: 38px;
    height: 38px;
}

table.user-page-layout .topcorner .lang-menu-trigger-icon {
    width: 22px;
    height: 22px;
}