.mch-byline-frame {
display: flex;
align-items: center;
gap: 14px;
box-sizing: border-box;
}
.mch-byline-frame-reverse {
flex-direction: row-reverse;
}
.mch-byline-frame-avatar {
flex-shrink: 0;
overflow: hidden;
}
.mch-byline-frame-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mch-byline-frame-copytext {
display: flex;
flex-direction: column;
min-width: 0;
}
.mch-byline-frame-day {
color: var(--mch-paint);
}
.mch-byline-frame-name a {
font-weight: 600;
text-decoration: none;
}
.mch-byline-frame-name a:hover {
text-decoration: underline;
}
.mch-ask {
display: flex;
flex-direction: column;
gap: var(--mch-ask-spacing, 10px);
margin: 0 0 1.5em;
}
.mch-ask.mch-ask--columns {
display: grid;
grid-template-columns: repeat(var(--mch-ask-columns, 3), minmax(0, 1fr));
align-items: start;
}
.mch-ask-pillar {
display: flex;
flex-direction: column;
gap: var(--mch-ask-spacing, 10px);
min-width: 0;
}
@media (max-width: 767px) {
.mch-ask.mch-ask--columns {
grid-template-columns: minmax(0, 1fr);
}
}
.mch-ask-unititem {
border-style: solid;
border-width: var(--mch-ask-rim-widesize, 1px);
border-color: var(--mch-ask-rim-colour, var(--mch-shade));
border-radius: var(--mch-ask-round, 6px);
overflow: hidden;
background: var(--mch-ask-reply-back, transparent);
}
.mch-ask .mch-ask-question {
margin: 0;
padding: 0;
font-size: var(--mch-ask-qn-size, 1.1em);
font-weight: var(--mch-ask-qn-wt, 600);
line-height: 1.4;
}
.mch-ask .mch-ask-switcherbtn,
.mch-ask .mch-ask-switcherbtn:hover,
.mch-ask .mch-ask-switcherbtn:focus {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
margin: 0;
padding: var(--mch-ask-qn-padding, 14px 18px);
border: 0;
border-radius: 0;
background: var(--mch-ask-qn-back, transparent);
color: var(--mch-ask-qn-colour, inherit);
font: inherit;
letter-spacing: inherit;
text-align: left;
text-transform: none;
text-decoration: none;
box-shadow: none;
cursor: pointer;
}
.mch-ask--icon-left .mch-ask-switcherbtn,
.mch-ask--icon-left .mch-ask-switcherbtn:hover,
.mch-ask--icon-left .mch-ask-switcherbtn:focus {
justify-content: flex-start;
}
.mch-ask--icon-left .mch-ask-icon {
order: -1;
}
.mch-ask .mch-ask-switcherbtn[aria-expanded="true"] {
background: var(--mch-ask-qn-shown-back, var(--mch-ask-qn-back, transparent));
}
.mch-ask .mch-ask-switcherbtn:focus-visible {
outline: 2px solid currentColor;
outline-offset: -4px;
}
.mch-ask-icon {
display: flex;
flex: 0 0 auto;
align-items: center;
color: var(--mch-ask-icon-colour, currentColor);
}
.mch-ask-icon svg {
display: block;
}
.mch-ask-icon .mch-ask-icon-shown,
.mch-ask-switcherbtn[aria-expanded="true"] .mch-ask-icon .mch-ask-icon-collapsed {
display: none;
}
.mch-ask-switcherbtn[aria-expanded="true"] .mch-ask-icon .mch-ask-icon-shown {
display: block;
}
.mch-ask-resolve {
padding: var(--mch-ask-reply-padding, 14px 18px);
color: var(--mch-ask-reply-colour, inherit);
}
.mch-ask-resolve[hidden] {
padding: 0;
}
.mch-ask-resolve > :first-child {
margin-top: 0;
}
.mch-ask-resolve > :last-child {
margin-bottom: 0;
}
.mch-jumpmenu {
box-sizing: border-box;
margin: var(--mch-jumpmenu-outerspace-headtop, 0) 0 var(--mch-jumpmenu-outerspace-btm, 1.5em);
border-style: solid;
border-width: var(--mch-jumpmenu-rim-widesize, 1px);
border-color: var(--mch-jumpmenu-rim-colour, var(--mch-shade));
border-radius: var(--mch-jumpmenu-round, 6px);
background: var(--mch-jumpmenu-frame-back, transparent);
overflow: hidden;
}
.mch-jumpmenu .mch-jumpmenu-headlinetext {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0;
padding: var(--mch-jumpmenu-headlinetext-padding, 14px 18px);
background: var(--mch-jumpmenu-headlinetext-back, transparent);
color: var(--mch-jumpmenu-headlinetext-colour, inherit);
font-size: var(--mch-jumpmenu-headlinetext-size, 1.1em);
font-weight: var(--mch-jumpmenu-headlinetext-wt, 600);
line-height: 1.4;
list-style: none;
cursor: pointer;
}
.mch-jumpmenu .mch-jumpmenu-headlinetext::-webkit-details-marker {
display: none;
}
.mch-jumpmenu .mch-jumpmenu-headlinetext::marker {
content: "";
}
.mch-jumpmenu .mch-jumpmenu-headlinetext:focus-visible {
outline: 2px solid currentColor;
outline-offset: -4px;
}
.mch-jumpmenu--icon-left .mch-jumpmenu-headlinetext {
justify-content: flex-start;
}
.mch-jumpmenu--icon-left .mch-jumpmenu-icon {
order: -1;
}
.mch-jumpmenu-icon {
display: flex;
flex: 0 0 auto;
align-items: center;
color: var(--mch-jumpmenu-icon-colour, currentColor);
}
.mch-jumpmenu-icon svg {
display: block;
}
.mch-jumpmenu-icon .mch-jumpmenu-icon-shown,
.mch-jumpmenu[open] .mch-jumpmenu-icon .mch-jumpmenu-icon-collapsed {
display: none;
}
.mch-jumpmenu[open] .mch-jumpmenu-icon .mch-jumpmenu-icon-shown {
display: block;
}
.mch-jumpmenu .mch-jumpmenu-core {
padding: var(--mch-jumpmenu-ul-padding, 4px 18px 16px);
font-size: var(--mch-jumpmenu-ul-size, inherit);
}
.mch-jumpmenu .mch-jumpmenu-ul {
margin: 0;
padding: 0 0 0 1.4em;
}
.mch-jumpmenu .mch-jumpmenu-ul .mch-jumpmenu-ul {
margin-top: var(--mch-jumpmenu-unititem-spacing, 6px);
}
.mch-jumpmenu .mch-jumpmenu-unititem {
margin: var(--mch-jumpmenu-unititem-spacing, 6px) 0 0;
line-height: 1.5;
}
.mch-jumpmenu .mch-jumpmenu-ul > .mch-jumpmenu-unititem:first-child {
margin-top: 0;
}
.mch-jumpmenu--points .mch-jumpmenu-ul {
list-style: disc;
}
.mch-jumpmenu--points .mch-jumpmenu-ul .mch-jumpmenu-ul {
list-style: circle;
}
.mch-jumpmenu--numbered .mch-jumpmenu-ul {
list-style: decimal;
}
.mch-jumpmenu--sub-numbered .mch-jumpmenu-ul {
list-style: none;
padding-left: 0;
counter-reset: toc-item;
}
.mch-jumpmenu--sub-numbered .mch-jumpmenu-ul .mch-jumpmenu-ul {
padding-left: 1.4em;
}
.mch-jumpmenu--sub-numbered .mch-jumpmenu-unititem {
counter-increment: toc-item;
}
.mch-jumpmenu--sub-numbered .mch-jumpmenu-unititem::before {
content: counters(toc-item, ".") ". ";
}
.mch-jumpmenu--nomark .mch-jumpmenu-ul {
list-style: none;
padding-left: 0;
}
.mch-jumpmenu--nomark .mch-jumpmenu-ul .mch-jumpmenu-ul {
padding-left: 1.2em;
}
.mch-jumpmenu--anchor-colour .mch-jumpmenu-unititem a {
color: var(--mch-jumpmenu-anchor-colour);
}
.mch-jumpmenu--anchor-pointer .mch-jumpmenu-unititem a:hover,
.mch-jumpmenu--anchor-pointer .mch-jumpmenu-unititem a:focus {
color: var(--mch-jumpmenu-anchor-pointer);
}
.mch-pill-ul {
display: flex;
flex-wrap: wrap;
gap: var(--mch-pill-spacing, 6px);
line-height: 1.4;
}
.mch-pill {
display: inline-block;
background: var(--mch-pill-back, var(--mch-tone));
color: var(--mch-pill-copytext, inherit);
font-size: var(--mch-pill-size, 13px);
font-weight: var(--mch-pill-wt, 600);
border-radius: var(--mch-pill-round, 999px);
padding: var(--mch-pill-padding, 4px 12px);
border: var(--mch-pill-rim-widesize, 0) solid var(--mch-pill-rim-colour, transparent);
white-space: nowrap;
}
.mch-pill-readmore .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}