@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/assets/Vazirmatn-Regular.ttf?v=2942a2439851) format("truetype")}
@font-face{font-family:Vazirmatn;font-weight:500;font-display:swap;src:url(/assets/Vazirmatn-Medium.ttf?v=2942a2439851) format("truetype")}
@font-face{font-family:Vazirmatn;font-weight:600 700;font-display:swap;src:url(/assets/Vazirmatn-Bold.ttf?v=2942a2439851) format("truetype")}
*{box-sizing:border-box}
body{margin:0;background:#E4E6EB;font-family:Vazirmatn,Tahoma,'Segoe UI',system-ui,sans-serif}
a{color:#0F62D6} a:hover{color:#0F62D6}
svg{display:block;flex:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #0F62D6;outline-offset:2px}
input[type=radio]{appearance:none;width:16px;height:16px;margin:0;border:2px solid #CED0D4;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center}
input[type=radio]:checked{border-color:#0F62D6}
input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:4px;background:#0F62D6}
label:has(>input[type=radio]:checked){font-weight:600}
select{appearance:none;cursor:pointer}
/* Every list opens from a box drawn with the canvas's arrow (gen: expand_more, 16 px, secondary); a box that draws its own
   arrow beside the list (.box) keeps it. The pages' boxes set background inline, hence the weight. */
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%2365676B' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-inline-end:30px!important}
select:dir(rtl){background-position:left 10px center!important}
.box select{background-image:none!important;padding-inline-end:0!important}
input.tg{appearance:none;width:40px;height:22px;margin:0;border-radius:11px;background:#CED0D4;position:relative;flex:none;cursor:pointer}
input.tg::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:8px;background:#FFFFFF}
input.tg:checked{background:#0F62D6}
input.tg:checked::after{inset-inline-start:auto;inset-inline-end:3px}
.alt{display:none}
/* A row that opens as a whole (RD187): its cover link lies under the cells, which let a click through to it except on
   their own links and buttons. */
.covered>.cell{position:relative;z-index:1;pointer-events:none}
.covered>.cell a,.covered>.cell button,.covered>.cell input,.covered>.cell select{pointer-events:auto}
.covered:hover{background:#F7F8FA}
/* Metrics' bars answer the pointer (RD214): a bar lights, and its day and count show over it. */
.bar{position:relative;outline-offset:1px}
.bar:hover>.fill,.bar:focus-visible>.fill{opacity:1!important;filter:brightness(0.85)}
.bar>.tip{display:none;position:absolute;padding:2px 8px;border-radius:6px;background:#050505;color:#FFFFFF;font-size:11px;line-height:1.65;font-weight:500;white-space:nowrap;z-index:3;pointer-events:none}
.bar>.tip-start{inset-inline-start:0}
.bar>.tip-end{inset-inline-end:0}
.bar>.tip-mid{left:50%;transform:translateX(-50%)}
.bar:hover>.tip,.bar:focus-visible>.tip{display:block}
.chip{flex-shrink:0;max-width:100%}
.cell .chip{max-width:calc(100% + 8px)}
.box:focus-within{outline:2px solid #0F62D6;outline-offset:1px}
.box>input[type=search]{align-self:stretch}
/* The top bar's box opened with nothing typed (frame.ts opened; RD159): shown while the box is empty and in focus, and
   while the pointer or the keyboard is in it, so a press on it lands before the box loses its focus. */
/* A tap takes the focus from the box before the press lands (C21): the panel stays a moment after the box loses it,
   so the tap reaches the row, and it takes no press while hidden. */
.suggest{display:flex;visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity 0s linear .3s}
.box>input[type=search]:focus:placeholder-shown~.suggest,.suggest:hover,.suggest:focus-within{visibility:visible;opacity:1;transition-delay:0s}
.suggest a:hover,.suggest button:hover{background:#F0F2F5}
/* What was just done, said once, fades away after about six seconds and gives its room back (C24): no script, a
   keyframe of the stylesheet. With less motion asked for, it goes at once at the end instead of fading. */
@keyframes gone{0%,88%{opacity:1;max-height:120px}100%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-12px;visibility:hidden}}
.fades{animation:gone 6.5s ease-in forwards;overflow:hidden}
@media (prefers-reduced-motion:reduce){.fades{animation-timing-function:steps(1,end)}}
.fades a{color:inherit}
/* The photo and video viewer (viewer.ts; C20): an item over the whole window while the address names it, so opening,
   stepping and closing load no page and keep what was typed. A tap outside the picture closes it. */
.lb{display:none;position:fixed;inset:0;z-index:60;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:68px 76px 16px;background:rgba(5,5,5,0.92);color:#FFFFFF}
.lb:target{display:flex}
.lb>.lb-shut{position:absolute;inset:0}
.lb>.lb-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0;max-width:100%}
.lb img,.lb video{display:block;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:8px;background:#1E1F22}
.lb-pic{display:block;cursor:pointer}
.lb>.lb-bars{position:relative;z-index:1;display:flex;gap:4px;width:min(480px,100%)}
.lb-bars>a{flex:1;display:flex;padding:8px 0}
.lb-bars span{flex:1;height:3px;border-radius:2px}
.lb>.lb-cap{position:relative;z-index:1;font-size:13px;line-height:1.65;font-weight:500;color:#E4E6EB}
/* A narrower window (RD215; checked at 1440, 1280, 1024 and 768 px). Under 1366 px the rail folds to its icons, a
   module's waiting count at its icon's corner and its name beside it under the pointer or the keyboard; the person's
   card keeps the avatar and the sign-out. So a window of 1280 px gives the pages a little more room than the canvas's
   1440, and they are drawn as there. Under 1280 px the top bar keeps the mark without the console's name, and its
   search box is as wide as the words it shows while empty, never narrower: the page's title takes a second line first.
   Under 1024 px the top bar leaves out the crumbs, and under 900 px the search box has a line of its own under it.
   Before that the crumbs give way: a listing's title in them ends with "…", as a member's words may. */
.top .crumbs{min-width:0;overflow:hidden}
@media (max-width:1365.98px){
.rail{width:57px!important;padding:8px!important;overflow:visible!important}
.rail>a{position:relative;justify-content:center;padding:0!important}
.rail .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rail>a:hover>.lbl,.rail>a:focus-visible>.lbl{clip:auto;width:auto;height:auto;inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:2px 8px;border-radius:6px;background:#050505;color:#FFFFFF;font-size:12px!important;font-weight:500!important;z-index:40}
.rail .rb{position:absolute;top:0;inset-inline-end:0;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:8px!important;font-size:10px!important;line-height:16px!important}
.rail .who{padding:6px 0!important}
.rail .who>div{flex-direction:column}
.rail .who form{margin:0!important}
}
@media (max-width:1279.98px){
.top .cname{display:none}
.find{width:250px!important;flex:none}
}
@media (max-width:1023.98px){
.top{gap:10px!important;padding:0 12px!important}
.top .crumbs{display:none}
}
@media (max-width:899.98px){
.top{flex-wrap:wrap;height:auto!important;padding:8px 12px!important;row-gap:8px!important}
.find{order:1;width:100%!important}
}
/* A table whose box is narrower than its columns need lays its rows out as cards (ui.ts table, RD215), in a window
   under 1280 px: from 1280 up the pages have the canvas's room, and a table is drawn as there. */
@media (max-width:1279.98px){
@container (max-width:299.98px){.tq-300>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-300 .th{display:none!important}.tq-300 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-300 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-300 .tr>.cell:first-of-type{flex-basis:100%}.tq-300 .tr>.cell:empty{display:none}.tq-300 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-300 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:349.98px){.tq-350>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-350 .th{display:none!important}.tq-350 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-350 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-350 .tr>.cell:first-of-type{flex-basis:100%}.tq-350 .tr>.cell:empty{display:none}.tq-350 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-350 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:399.98px){.tq-400>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-400 .th{display:none!important}.tq-400 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-400 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-400 .tr>.cell:first-of-type{flex-basis:100%}.tq-400 .tr>.cell:empty{display:none}.tq-400 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-400 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:449.98px){.tq-450>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-450 .th{display:none!important}.tq-450 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-450 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-450 .tr>.cell:first-of-type{flex-basis:100%}.tq-450 .tr>.cell:empty{display:none}.tq-450 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-450 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:499.98px){.tq-500>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-500 .th{display:none!important}.tq-500 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-500 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-500 .tr>.cell:first-of-type{flex-basis:100%}.tq-500 .tr>.cell:empty{display:none}.tq-500 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-500 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:549.98px){.tq-550>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-550 .th{display:none!important}.tq-550 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-550 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-550 .tr>.cell:first-of-type{flex-basis:100%}.tq-550 .tr>.cell:empty{display:none}.tq-550 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-550 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:599.98px){.tq-600>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-600 .th{display:none!important}.tq-600 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-600 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-600 .tr>.cell:first-of-type{flex-basis:100%}.tq-600 .tr>.cell:empty{display:none}.tq-600 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-600 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:649.98px){.tq-650>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-650 .th{display:none!important}.tq-650 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-650 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-650 .tr>.cell:first-of-type{flex-basis:100%}.tq-650 .tr>.cell:empty{display:none}.tq-650 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-650 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:699.98px){.tq-700>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-700 .th{display:none!important}.tq-700 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-700 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-700 .tr>.cell:first-of-type{flex-basis:100%}.tq-700 .tr>.cell:empty{display:none}.tq-700 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-700 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:749.98px){.tq-750>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-750 .th{display:none!important}.tq-750 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-750 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-750 .tr>.cell:first-of-type{flex-basis:100%}.tq-750 .tr>.cell:empty{display:none}.tq-750 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-750 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:799.98px){.tq-800>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-800 .th{display:none!important}.tq-800 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-800 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-800 .tr>.cell:first-of-type{flex-basis:100%}.tq-800 .tr>.cell:empty{display:none}.tq-800 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-800 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:849.98px){.tq-850>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-850 .th{display:none!important}.tq-850 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-850 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-850 .tr>.cell:first-of-type{flex-basis:100%}.tq-850 .tr>.cell:empty{display:none}.tq-850 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-850 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:899.98px){.tq-900>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-900 .th{display:none!important}.tq-900 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-900 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-900 .tr>.cell:first-of-type{flex-basis:100%}.tq-900 .tr>.cell:empty{display:none}.tq-900 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-900 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:949.98px){.tq-950>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-950 .th{display:none!important}.tq-950 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-950 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-950 .tr>.cell:first-of-type{flex-basis:100%}.tq-950 .tr>.cell:empty{display:none}.tq-950 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-950 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:999.98px){.tq-1000>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1000 .th{display:none!important}.tq-1000 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1000 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1000 .tr>.cell:first-of-type{flex-basis:100%}.tq-1000 .tr>.cell:empty{display:none}.tq-1000 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1000 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1049.98px){.tq-1050>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1050 .th{display:none!important}.tq-1050 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1050 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1050 .tr>.cell:first-of-type{flex-basis:100%}.tq-1050 .tr>.cell:empty{display:none}.tq-1050 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1050 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1099.98px){.tq-1100>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1100 .th{display:none!important}.tq-1100 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1100 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1100 .tr>.cell:first-of-type{flex-basis:100%}.tq-1100 .tr>.cell:empty{display:none}.tq-1100 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1100 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1149.98px){.tq-1150>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1150 .th{display:none!important}.tq-1150 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1150 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1150 .tr>.cell:first-of-type{flex-basis:100%}.tq-1150 .tr>.cell:empty{display:none}.tq-1150 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1150 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1199.98px){.tq-1200>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1200 .th{display:none!important}.tq-1200 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1200 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1200 .tr>.cell:first-of-type{flex-basis:100%}.tq-1200 .tr>.cell:empty{display:none}.tq-1200 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1200 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1249.98px){.tq-1250>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1250 .th{display:none!important}.tq-1250 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1250 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1250 .tr>.cell:first-of-type{flex-basis:100%}.tq-1250 .tr>.cell:empty{display:none}.tq-1250 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1250 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1299.98px){.tq-1300>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1300 .th{display:none!important}.tq-1300 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1300 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1300 .tr>.cell:first-of-type{flex-basis:100%}.tq-1300 .tr>.cell:empty{display:none}.tq-1300 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1300 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1349.98px){.tq-1350>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1350 .th{display:none!important}.tq-1350 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1350 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1350 .tr>.cell:first-of-type{flex-basis:100%}.tq-1350 .tr>.cell:empty{display:none}.tq-1350 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1350 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1399.98px){.tq-1400>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1400 .th{display:none!important}.tq-1400 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1400 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1400 .tr>.cell:first-of-type{flex-basis:100%}.tq-1400 .tr>.cell:empty{display:none}.tq-1400 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1400 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1449.98px){.tq-1450>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1450 .th{display:none!important}.tq-1450 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1450 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1450 .tr>.cell:first-of-type{flex-basis:100%}.tq-1450 .tr>.cell:empty{display:none}.tq-1450 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1450 .tr>.note{flex-basis:100%;padding:0!important}}
@container (max-width:1499.98px){.tq-1500>.grid{display:flex!important;flex-direction:column;overflow:visible!important}.tq-1500 .th{display:none!important}.tq-1500 .grid>.tr{display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 14px;padding:8px 10px}.tq-1500 .tr>.cell{width:auto!important;min-width:0!important;max-width:100%;padding:0!important}.tq-1500 .tr>.cell:first-of-type{flex-basis:100%}.tq-1500 .tr>.cell:empty{display:none}.tq-1500 .tr>.cell[data-h]:not(:first-of-type)::before{content:attr(data-h);color:#65676B;font-size:12px;font-weight:600}.tq-1500 .tr>.note{flex-basis:100%;padding:0!important}}
}
/* A page's columns (a list and the item open beside it, a form and its record) stand one under the other when the page
   area is narrower than 800 px, each as tall as it holds, and the page area scrolls; columns whose list needs more room
   (.wide: Staff's eleven columns, a listing's edit beside its 600 px record, Locations' two lists of provinces beside
   the place's card) when it is narrower than 1000 px. */
main{container:page/inline-size}
@container page (max-width:799.98px){
.cols{flex-direction:column!important;flex:none!important;min-height:auto!important;overflow:visible!important}
.cols>*{width:auto!important;max-width:none!important;flex:none!important;max-height:none!important;align-self:stretch!important}
}
@container page (max-width:999.98px){
.cols.wide{flex-direction:column!important;flex:none!important;min-height:auto!important;overflow:visible!important}
.cols.wide>*{width:auto!important;max-width:none!important;flex:none!important;max-height:none!important;align-self:stretch!important}
}