@media(max-width:1100px){
.advisory-committee-page[data-style]{
display:flex;
flex-direction:column;
gap:18px;
padding:0;
border:none;
background:transparent;
}
.advisory-committee-page[data-style="5"]::before{
font-size:24px;
padding:28px 16px;
}
.advisory-committee-page[data-style] > .sidebar,
.advisory-committee-page[data-style] > aside{
width:100%;
max-width:100%;
margin:0;
padding:0;
border-left:none;
display:block;
}
.advisory-committee-page[data-style] > .edit{
width:100%;
max-width:100%;
margin:0;
}
.advisory-committee-page[data-style="3"] > .sidebar{
display:block;
border-top:5px solid #0e7c80;
border-bottom:1px solid #d4d4d4;
padding:14px 0;
}
.advisory-committee-page[data-style="3"] .ac-month-grid{
grid-template-columns:repeat(4,1fr);
}
.advisory-committee-page[data-style="6"] > aside,
.advisory-committee-page[data-style="10"] > aside,
.advisory-committee-page[data-style="7"] > .sidebar{
display:block;
}
.advisory-committee-page[data-style="10"]{
border:none;
}
.advisory-committee-page[data-style="10"] > .sidebar{
border-right:none;
border-bottom:4px solid #000;
padding:18px;
}
.advisory-committee-page[data-style="10"] > .edit{
padding:18px;
}
.advisory-committee-page[data-style="10"] > aside{
padding:18px;
}
.advisory-committee-page[data-style="9"]{
padding:18px;
}
}
@media(max-width:600px){
.advisory-committee-page .ac-members th,
.advisory-committee-page .ac-members td{
padding:6px 4px;
font-size:12px;
}
.advisory-committee-page .ac-month-grid > .ac-month{
font-size:13px;
min-height:48px;
}
.ac-variant-badge{
font-size:11px;
padding:7px 10px;
}
}