/* aitism learn: Time, money and shapes activities. Classes start ms-. Sizes in em of the sheet base; Print Black on white,
   line art in SVG; dashed only for a place to cut, a gap to fill or an edge at the back of a 3D shape. */

/* shared */
.ms-ask { font-weight: 700; font-size: .8em; line-height: 1.25; text-wrap: pretty; }
.ms-note { font-size: .66em; line-height: 1.35; color: #111; text-wrap: pretty; }
.ms-kt { font-size: 1em; }
.ms-pic { position: relative; flex: none; line-height: 0; }
.ms-pic .q-em { position: absolute; right: -.5em; bottom: -.2em; font-size: .72em; line-height: 1; }
.ms-chip { display: inline-flex; align-items: baseline; gap: .2em; white-space: nowrap; }
.ms-chip .em { font-size: 1.15em; line-height: 1; }

/* telling the time to the minute (ms-min) and in 24 hours (ms-24). The long hand reaches the minute marks, passing under the
   numbers, which keep a white edge. 24-hour clocks go three to a row with the part of the day under each, over a key. */
.ms-halo text { paint-order: stroke; stroke: #fff; stroke-width: 3.6px; stroke-linejoin: round; }
.qs.clocks:is(.ms-min, .ms-24) .tframe { flex-wrap: nowrap; }
.qs.clocks.one.ms-min .choices.tc, .qs.clocks.ms-24 .choices.tc { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.sheet .qs.clocks.ms-24 .clock { width: 6.2em; height: 6.2em; }
.sheet .qs.clocks.ms-24.one .clock { width: 7em; height: 7em; }
.sheet.big .qs.clocks.ms-24 .clock { width: 4.3em; height: 4.3em; }
.sheet.big .qs.clocks.ms-24:not(.one) .tframe { gap: .2em; }
.qs.clocks.ms-24 .q.tq { gap: .35em; }
.ms-cue { display: flex; align-items: center; justify-content: center; gap: .3em; font-size: .7em; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.ms-day { display: block; flex: none; width: 1.25em; height: 1.25em; overflow: visible; }
.ms-day > * { fill: #fff; stroke: #111; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.ms-tkey { display: grid; gap: .15em; font-size: .62em; line-height: 1.3; padding: 0 .3em; }
.ms-tkey p { display: flex; align-items: center; gap: .4em; }
.ms-tkey .ms-day { width: 1.35em; height: 1.35em; }
.ms-tkey .ms-day + .ms-day { margin-left: -.15em; }

/* draw the hands: the time sheet's clock with no hands, bigger, under a key to the two hands */
.ms-key { display: flex; flex-wrap: wrap; align-items: center; gap: .25em 1.2em; font-size: .64em; line-height: 1.3; padding: 0 .3em; }
.ms-kh { display: inline-flex; align-items: center; gap: .5em; white-space: nowrap; }
.ms-hand { display: block; flex: none; overflow: visible; }
.qs.clocks.ms-hands .clock { width: 4.8em; height: 4.8em; }
.qs.clocks.ms-hands.one .clock { width: 5.5em; height: 5.5em; }
.qs.clocks.ms-hands.few .clock { width: 7.4em; height: 7.4em; }
.sheet.big .qs.clocks.ms-hands.few .clock { width: 6.1em; height: 6.1em; }
/* Years 3 to 6 have a longer tip in the key, so with Bigger text and Fewer the clocks give up a little to keep a long name on the page */
.sheet.big .qs.clocks.ms-hands.few.ms-hl .clock { width: 5.4em; height: 5.4em; }
.ms-hands .q.tq { padding: .5em .55em .45em; gap: .3em; }
.ms-hq .clock-w .q-em { font-size: .9em; right: -.45em; }
.ms-time { font-weight: 700; font-size: .92em; line-height: 1.1; text-align: center; white-space: nowrap; }
/* three across (Bigger text): a long time may take two lines rather than spill out of its card */
.qs.clocks.ms-hands:not(.one) .ms-time { font-size: .8em; white-space: normal; text-wrap: balance; }
.qs.clocks.ms-hands:not(.one) .q.tq { padding: .45em .4em .4em; }
.ms-hands:is(.l4, .ms-hl) .ms-time { font-size: 1.1em; letter-spacing: .03em; }

/* money: coins drawn as line art, the value in the middle */
.ms-ckey { display: flex; align-items: center; flex-wrap: wrap; gap: .25em .6em; font-size: .78em; font-weight: 700; }
.ms-coins { display: flex; flex-wrap: wrap; align-items: center; gap: .3em .42em; min-width: 0; }
.ms-ckey .ms-coins { gap: .25em .35em; }
.ms-coin { display: block; flex: none; overflow: visible; }
.ms-co > * { fill: #fff; stroke: #111; stroke-linejoin: round; }
.ms-rim, .ms-rim > *, .ms-ring { fill: none; stroke: #111; }
.ms-cv { font-family: var(--kidfont); font-weight: 700; fill: #111; text-anchor: middle; dominant-baseline: central; }
.ms-tag { display: block; flex: none; overflow: visible; }
.ms-tag path, .ms-tag circle { fill: #fff; stroke: #111; stroke-width: 3; stroke-linejoin: round; }
.ms-tag text { font-family: var(--kidfont); font-weight: 700; fill: #111; text-anchor: middle; dominant-baseline: central; }
.qs.ms-money { gap: .3em; }
.ms-money .q.ms-mq { justify-content: flex-start; gap: .8em; padding: .28em .7em .28em .95em; }
.ms-hm { margin-left: auto; display: flex; align-items: center; gap: .5em; flex: none; }
.ms-amt { display: inline-flex; align-items: center; gap: .15em; font-weight: 700; flex: none; }
.ms-pt { font: 700 1.1em/1 var(--kidfont); }
.ms-buy { display: flex; align-items: center; gap: .2em; flex: none; }
.ms-buy .pbox { font-size: 1em; }
.ms-pr { display: flex; flex-direction: column; align-items: flex-start; gap: .2em; min-width: 0; flex: 1; }
.ms-pr .ms-ask { line-height: 1.15; }
/* money at Years 3 to 6: each question is one sum, [picture and price] + [picture and price] = answer. The answer keeps to the
   right; when the sum leaves it no room (three prices, or choices to circle), it goes under the sum, still at the right. */
.ms-money .q.ms-eq { flex-wrap: wrap; gap: .3em .5em; }
.ms-eql { display: flex; flex-wrap: wrap; align-items: center; gap: .3em; min-width: 0; }
.ms-eqa { display: flex; align-items: center; gap: .3em; margin-left: auto; }
.ms-op { font: 700 1.1em/1 var(--ui); white-space: nowrap; }
.ms-eq .choice { font-size: .8em; }
.ms-bnote { display: block; flex: none; overflow: visible; }
.ms-bnote rect { fill: #fff; stroke: #111; }

/* shapes */
.ms-shape, .ms-solid, .ms-frac { display: block; flex: none; overflow: visible; }
.ms-shape g > *, .ms-fo > * { fill: #fff; stroke: #111; stroke-linejoin: round; }
.ms-cut { fill: none; stroke: #111; stroke-linecap: round; }
.ms-seen { fill: none; stroke: #111; stroke-linejoin: round; stroke-linecap: round; }
.ms-hid { fill: none; stroke: #111; stroke-dasharray: 6 5; }
.sh-body.ms-shp { justify-content: space-evenly; }
.ms-sample { display: flex; align-items: center; justify-content: center; gap: .7em; }
.ms-say { font-size: 1.15em; font-weight: 700; }
.ms-sbody { display: flex; flex-direction: column; gap: .7em; }
.q.ms-field { flex-direction: column; align-items: stretch; gap: .45em; padding: .55em .7em .55em 1em; }
.ms-frow { display: flex; align-items: center; gap: .6em; min-height: 2.6em; }
.ms-rowpic { font-size: .95em; }
.ms-fsh { flex: 1; display: flex; justify-content: space-around; align-items: center; min-width: 0; }
.q.ms-cnt { justify-content: flex-start; gap: .8em; }
.ms-shapes1 .q.ms-sq { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; justify-items: start; gap: .35em .9em; padding: .55em .6em .55em .9em; }
.ms-sq .ms-sides { grid-column: 1 / -1; justify-self: stretch; justify-content: center; }
.ms-sr { display: flex; flex-direction: column; align-items: flex-start; gap: .35em; min-width: 0; }
.ms-names { flex-direction: column; align-items: flex-start; gap: .12em; }
.choices.words.ms-names .choice { font-size: .7em; min-height: 1.5em; padding: .02em .6em; }
.ms-sides { display: flex; align-items: center; gap: .4em; }
.ms-k { font-weight: 700; font-size: .78em; }
.ms-table { display: grid; gap: .35em; align-content: space-evenly; flex: 1 0 auto; }
.ms-th, .q.ms-tr { display: grid; grid-template-columns: 3.5em minmax(0, 1fr) 2.9em 2.9em; align-items: center; gap: .4em; }
.ms-t3 .ms-th, .ms-t3 .q.ms-tr { grid-template-columns: 3.9em minmax(0, 1fr) 2.9em 2.9em 2.9em; gap: .35em; }
.ms-table.circ .ms-th, .ms-table.circ .q.ms-tr { grid-template-columns: 3.5em minmax(0, 1fr) 3.8em 3.8em; }
.ms-t3.circ .ms-th, .ms-t3.circ .q.ms-tr { grid-template-columns: 3.9em minmax(0, 1fr) 3.8em 3.8em 3.8em; }
.sheet.big .ms-th, .sheet.big .q.ms-tr { grid-template-columns: 3.1em minmax(0, 1fr) 2.9em 2.9em; }
.sheet.big .ms-t3 .ms-th, .sheet.big .ms-t3 .q.ms-tr { grid-template-columns: 3.1em minmax(0, 1fr) 2.9em 2.9em 2.9em; }
.sheet.big .ms-table.circ .ms-th, .sheet.big .ms-table.circ .q.ms-tr { grid-template-columns: 3.1em minmax(0, 1fr) 3.8em 3.8em; }
.sheet.big .ms-t3.circ .ms-th, .sheet.big .ms-t3.circ .q.ms-tr { grid-template-columns: 3.1em minmax(0, 1fr) 3.8em 3.8em 3.8em; }
.ms-th { padding: 0 .6em 0 .85em; border: 2px solid transparent; font-weight: 700; text-align: center; line-height: 1.1; }
.ms-th > span { font-size: .7em; }
.ms-t3 .ms-th > span { font-size: .66em; }
.ms-th > span:nth-child(-n+2) { visibility: hidden; }
.q.ms-tr { padding: .28em .6em .28em .85em; }
.sheet.big .q.ms-tr { padding-top: .15em; padding-bottom: .15em; }
.sheet.big .ms-note { font-size: .6em; }
.ms-nm { font-weight: 700; font-size: .8em; line-height: 1.15; overflow-wrap: normal; }
.ms-t3 .ms-nm { font-size: .72em; }
.ms-cell { display: flex; justify-content: center; }
.ms-cell .choices { gap: .12em; }
.ms-cell .choice { font-size: .7em; min-width: 1.5em; padding: 0 .12em; }
/* Years 3 and 4: a table of flat shapes and a table of 3D shapes, each under its own short note */
.ms-table.ms-t4 { gap: .3em; }
.ms-table.ms-t4 .ms-th, .ms-table.ms-t4 .q.ms-tr { grid-template-columns: 3.3em minmax(0, 1fr) repeat(3, 2.9em); gap: .35em; }
.ms-table.ms-t4.circ .ms-th, .ms-table.ms-t4.circ .q.ms-tr { grid-template-columns: 3.3em minmax(0, 1fr) repeat(3, 3.8em); }
.sheet.big .ms-table.ms-t4 .ms-th, .sheet.big .ms-table.ms-t4 .q.ms-tr { grid-template-columns: 2.8em minmax(0, 1fr) repeat(3, 2.9em); gap: .3em; }
.sheet.big .ms-table.ms-t4.circ .ms-th, .sheet.big .ms-table.ms-t4.circ .q.ms-tr { grid-template-columns: 2.8em minmax(0, 1fr) repeat(3, 3.6em); }
.ms-t4 .ms-th > span, .ms-t5 .ms-th > span { font-size: .66em; }
.ms-t4 .ms-nm { font-size: .72em; }
.sheet.big .ms-t4 .ms-nm { font-size: .66em; }
/* Years 5 and 6: angles two to a row, the arms in a heavier line than the arc; then a table of shapes to draw lines of symmetry on */
.qs.ms-angs { gap: .5em .7em; }
.q.ms-angq { justify-content: flex-start; gap: .7em; padding: .35em .6em .35em .9em; }
.ms-angle { display: block; flex: none; overflow: visible; }
.ms-arm, .ms-arc { fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; }
.choices.ms-angc { flex-wrap: wrap; gap: .2em; min-width: 0; flex: 1; }
.ms-angc .choice { font-size: .72em; font-weight: 400; padding: .05em .4em; height: auto; min-height: 1.5em; }
.box.ms-wword { width: 4.6em; }
.sheet.big .box.ms-wword { width: 4.2em; }
.ms-angq .lineans.wide { width: 4.6em; }
.ms-table.ms-t5 .ms-th, .ms-table.ms-t5 .q.ms-tr { grid-template-columns: 3.9em minmax(0, 1fr) 3.4em 3.8em; gap: .35em; }
.sheet.big .ms-table.ms-t5 .ms-th, .sheet.big .ms-table.ms-t5 .q.ms-tr { grid-template-columns: 3.2em minmax(0, 1fr) 3.4em 3.8em; gap: .3em; }

/* halves and quarters */
.sh-body.ms-frb { justify-content: space-evenly; }
.ms-fsec { display: grid; gap: .3em; }
.ms-sec { font-weight: 700; font-size: .82em; }
.qs.ms-fr { grid-template-columns: repeat(3, minmax(0, 1fr)); flex: none; }
.qs.ms-fr.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.q.ms-fq { flex-direction: column; justify-content: center; gap: .45em; padding: .55em .5em; }
.ms-yn { justify-content: center; }
.box.ms-wbox { width: 3.2em; }
.qs.ms-amts { flex: 1 0 auto; }
.q.ms-aq { justify-content: flex-start; gap: .45em; padding: .55em .6em .6em .9em; }
.ms-fs { display: block; font-weight: 700; font-size: .8em; line-height: 1.5; text-wrap: pretty; }
.ms-fs > span:first-child { margin-right: .35em; }
.ms-fs .box, .ms-fs .lineans, .ms-fs .choices { font-size: 1.25em; vertical-align: middle; }
.ms-fs .choice { font-size: .72em; }
.ms-gw { flex: 1; align-self: stretch; display: grid; place-items: center; }
.ms-grp { display: grid; gap: .3em 0; font-family: var(--emoji); line-height: 1.15; text-align: center; }
.ms-grp i { font-style: normal; }
/* Years 3 to 6: a fraction is one number over a line over the other; a fraction to write is a box over a box (or over its given
   bottom number); shaded parts are black hatching */
.ms-sf { display: inline-flex; flex-direction: column; align-items: stretch; vertical-align: middle; text-align: center; line-height: 1.1; margin: 0 .08em; }
.ms-sf > span { display: block; padding: 0 .14em; }
.ms-sf > span:first-child { border-bottom: .09em solid #111; padding-bottom: .05em; }
.ms-sf > span:last-child { padding-top: .05em; }
.ms-sfw > span:first-child { border-bottom-width: 3px; padding-bottom: .12em; }
.ms-sfw > span:last-child { padding-top: .12em; }
.ms-sfw .box { display: block; margin: 0 auto; width: 1.5em; height: 1.15em; }
.choices.ms-sfc .choice { height: auto; min-height: 0; padding: .12em .3em; border-radius: .7em; line-height: 1; }
.ms-pc { display: inline-flex; align-items: center; gap: .1em; vertical-align: middle; }
.ms-hatch, .ms-bo { fill: none; stroke: #111; }
.ms-bx { fill: #fff; stroke: #111; }
.ms-bmn { font-family: var(--kidfont); font-weight: 700; fill: #111; text-anchor: middle; dominant-baseline: central; }
.qs.ms-f4 { gap: .55em .7em; }
.q.ms-fcq { gap: .4em; padding: .5em .6em .55em .9em; }
.q.ms-fcq .ms-gw { align-self: stretch; }
.ms-feq { align-self: center; }
.q.ms-fdq { grid-column: 1 / -1; justify-content: flex-start; gap: .9em; padding: .45em .7em .45em .95em; }
/* the topic picture keeps to the card's top right, off the hundred square, so it never covers a square to count */
.q.ms-fdq > .q-em { margin-left: auto; align-self: flex-start; }
.q.ms-fsq { justify-content: center; padding: .5em .6em .5em .9em; }
.q.ms-fbq { gap: .5em; }

/* count and graph */
.sh-body.ms-gb { justify-content: space-evenly; }
.ms-scat { position: relative; flex: none; border: 2px solid #BDBDBD; border-radius: 14px; line-height: 1; }
.ms-scat .em { position: absolute; translate: -50% -50%; }
.ms-grow { display: flex; align-items: flex-start; justify-content: center; gap: .7em; }
.q.ms-gq { flex: none; padding: .55em .7em .45em .85em; }
.ms-graph { display: flex; align-items: flex-start; gap: .3em; }
.ms-gaxis, .ms-gcol { display: flex; flex-direction: column; }
.ms-gaxis { padding-top: 2px; }
.ms-gaxis span { height: var(--ch); display: flex; align-items: center; justify-content: flex-end; }
.ms-gaxis b { font: 700 .5em/1 var(--ui); }
.ms-gbars { display: flex; flex-direction: column; width: var(--cw); border: 2px solid #111; border-bottom: 0; }
.ms-gbars i { display: block; height: var(--ch); border-bottom: 2px solid #111; }
.ms-gfoot { display: grid; place-items: center; height: 1.45em; width: var(--cw); }
/* the picture under a column is sized from the column, so it never sticks out of it */
.ms-gfoot .em { font-size: calc(var(--cw) * .66); line-height: 1; }
.ms-gqs { display: flex; flex-direction: column; gap: .6em; flex: 1; min-width: 0; max-width: 13em; }
.ms-gqs.ms-row { flex: none; flex-direction: row; max-width: none; }
.ms-gqs.ms-row > .q { flex: 1; }
.q.ms-gqq { gap: .4em; }
.ms-pcs { flex-wrap: wrap; gap: .3em; }
.ms-pcs .pchoice { font-size: .9em; }
.q.ms-tally { flex: none; flex-direction: column; align-items: stretch; gap: .2em; padding: .5em .7em .55em .9em; }
.ms-tk { font-weight: 700; font-size: .7em; text-align: center; }
.ms-trow { display: flex; align-items: center; gap: .35em; }
.ms-tp { width: 1.4em; text-align: center; }
.ms-tp .em { font-size: 1.1em; line-height: 1.25; }
.ms-tc { width: 4.6em; height: 1.35em; border: 2px solid #111; border-radius: .3em; }
/* Years 3 to 6: a bar chart or a line graph, one SVG measured in tenths of an em, numbers in Atkinson; the questions under it */
.ms-chw { display: flex; justify-content: center; }
.ms-chb { position: relative; line-height: 0; }
.ms-ch { display: block; overflow: visible; }
.ms-grl { fill: none; stroke: #111; stroke-width: .35; }
.ms-axl { fill: none; stroke: #111; stroke-width: .8; stroke-linecap: square; }
.ms-chn text, .ms-chx text, .ms-cht { font-family: var(--ui); font-weight: 700; fill: #111; dominant-baseline: central; }
.ms-chn text { text-anchor: end; }
.ms-chx text, .ms-chtt { text-anchor: middle; }
.ms-ch .ms-bx, .ms-ch .ms-bo { stroke-width: .7; }
.ms-gline { fill: none; stroke: #111; stroke-width: .9; stroke-linejoin: round; stroke-linecap: round; }
.ms-dot circle { fill: #111; }
.ms-blab .em { font-size: 1.2em; line-height: 1; }
.qs.ms-gq4 { gap: .45em; }
.q.ms-gqr { gap: .6em; padding: .4em .6em .4em .9em; }
.ms-gqr .ms-ask { flex: 1; min-width: 0; }

/* longer and shorter */
.sh-body.ms-lb { justify-content: space-evenly; }
.qs.ms-len { flex: 1 0 auto; }
.q.ms-lq { justify-content: flex-start; gap: .7em; padding: .55em .7em .55em .95em; }
.ms-ribs { display: flex; flex-direction: column; align-items: flex-start; gap: .28em; border-left: 3px solid #111; padding: .1em 0; min-width: 0; }
.ms-rib { display: flex; align-items: center; gap: .15em; }
.ms-bar { display: block; height: .62em; border: 2.5px solid #111; border-left: 0; border-radius: 0 .3em .3em 0; background: #fff; flex: none; }
.ms-end { line-height: 1; flex: none; }
.ms-end .em { font-size: 1.3em; line-height: 1; }
.ms-lb.l0 .ms-bar { height: .75em; }
.ms-lb.l0 .ms-end .em { font-size: 1.55em; }
.ms-lb.l0 .ms-ribs { gap: .55em; }
.ms-orow { display: flex; align-items: center; gap: .55em; margin-left: -4.6em; }
.ms-lb.l1 .q.ms-lq { padding-top: .4em; padding-bottom: .4em; }
.ms-lb.l1 .ms-ribs { gap: .2em; }
.ms-len .ms-ribs:has(.ms-orow) { margin-left: 4.6em; }
.ms-orow > .choices, .ms-orow > .box, .ms-orow > .lineans { width: 4.2em; flex: none; justify-content: center; }
.ms-orow > .box { width: 1.9em; margin: 0 1.15em; }
.ms-orow > .lineans { width: 2.8em; margin: 0 .7em; }
.ms-cbar { display: flex; flex-direction: column; align-items: flex-start; gap: .12em; border-left: 3px solid #111; padding: .1em 0; min-width: 0; flex: 1 1 0; container-type: inline-size; }
.ms-cubes { display: flex; }
.ms-cubes i { display: block; width: var(--u); height: var(--u); outline: 2px solid #111; outline-offset: -1px; }
.ms-cans { margin-left: auto; display: flex; align-items: center; gap: .35em; flex: none; }
.ms-cans b { font-size: .8em; }
.ms-cmw { display: flex; justify-content: center; }
.ms-cmb { position: relative; line-height: 0; }
.ms-cm { display: block; overflow: visible; }
.sheet.big .ms-cm { font-size: .8235em; }
.ms-sbar { fill: #fff; stroke: #111; stroke-width: .07; }
.ms-st { stroke: #111; stroke-width: .08; stroke-linecap: round; }
.ms-rul { fill: #fff; stroke: #111; stroke-width: .06; }
.ms-tick { stroke: #111; stroke-width: .035; }
.ms-rnum text, .ms-rcm { font-family: var(--ui); font-weight: 700; fill: #111; text-anchor: middle; }
.ms-cutl { fill: none; stroke: #666; stroke-width: .055; stroke-dasharray: .2 .14; }
.ms-pin { position: absolute; translate: -50% -50%; line-height: 1; }
.ms-cmb .q-n { top: auto; left: auto; translate: -50% -50%; }
.ms-cma { position: absolute; display: flex; align-items: center; gap: .3em; line-height: 1.3; }
.ms-cma b { font-size: .8em; }
.ms-scis { font: 400 .7em/1 "Segoe UI Symbol", var(--ui); color: #444; background: #fff; padding: 0 .12em; }
.q.ms-cmq { gap: .8em; }
/* Years 3 and 4: the ruler marked in millimetres (finer ticks), and an answer in centimetres and millimetres under each ribbon */
.ms-mmt { stroke-width: .022; }
.ms-cma2 { display: inline-flex; align-items: center; gap: .25em; }
.ms-cma2 b { font-size: .8em; margin-right: .2em; }
/* three lengths to circle under a ribbon, a little smaller so the row stays inside the page beside a real-size ruler with Bigger text */
.ms-lb.l4 .ms-cma .choice { font-size: .8em; padding: 0 .2em; }
.qs.ms-cvs { flex: none; gap: .45em; }
.q.ms-cvq { gap: .6em; padding: .4em .7em .4em .95em; }
/* Years 5 and 6: a centimetre grid at real size, the shapes in a heavier line than the grid; perimeter and area for each */
.sheet.big .ms-grid { font-size: .8235em; }
.ms-gridl { fill: none; stroke: #111; stroke-width: .02; }
.ms-shp { fill: none; stroke: #111; stroke-width: .075; stroke-linejoin: round; }
.q.ms-pq { flex-wrap: wrap; gap: .3em 1.2em; padding: .4em .7em .4em .95em; }
.ms-pa { display: inline-flex; align-items: center; gap: .35em; }
.ms-pa b { font-size: .8em; }