:root{
--link-color:#00a1ff;
--border-color:#e1e5ea;
--cell-padding:0.75rem;
--font-base:0.95rem;
--hover-bg:#f9fbfc;
} .table-container{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin-bottom:1rem;
border:0 !important;
} .cmp-table{
width:100%;
font-size:var(--font-base);
table-layout:fixed;
border-collapse:separate !important;
border-spacing:0;
border:0 !important;
outline:0 !important;
box-shadow:none !important;
font-family:inherit;
} .cmp-table--assignment-deadlines col.col-assignment{
width:22%;
}
.cmp-table--assignment-deadlines col.col-due{
width:18%;
}
.cmp-table--assignment-deadlines col.col-mini{
width:60%;
} .cmp-table thead th{
background:#fafafa;
font-weight:600;
padding:var(--cell-padding);
border:1px solid var(--border-color);
text-align:left;
line-height:1.45;
white-space:normal !important;
word-break:keep-all;
overflow:hidden;
} .cmp-table thead th .technique-note{
font-weight:400;
font-size:0.85em;
} .cmp-table td{
padding:var(--cell-padding);
border:1px solid var(--border-color);
vertical-align:top;
background:#fff;
line-height:1.55;
white-space:normal !important;
overflow-wrap:anywhere;
word-break:normal;
hyphens:auto;
overflow:hidden;
font-family:inherit;
} .cmp-table--assignment-deadlines td > p{
margin:0;
padding:0;
} .cmp-table--assignment-deadlines ol.steps{
margin:0; padding-left:1.15rem; font-size:inherit;
line-height:inherit;
font-family:inherit;
list-style-position:outside;
}
.cmp-table--assignment-deadlines td > p > ol.steps{
margin:0;
padding-left:1.15rem;
}
.cmp-table--assignment-deadlines ol.steps li{
margin:0 0 0.15rem 0;
font-size:inherit;
line-height:inherit;
font-family:inherit;
} .cmp-table tbody tr:hover td{
background:var(--hover-bg);
} .cmp-table a{
color:var(--link-color);
} @media (min-width:769px){
.cmp-table--assignment-deadlines td::before{
content:none;
}
} @media (max-width:768px){
.table-container{
overflow-x:visible;
}
.cmp-table--assignment-deadlines colgroup,
.cmp-table--assignment-deadlines thead{
display:none;
}
.cmp-table--assignment-deadlines,
.cmp-table--assignment-deadlines tbody{
display:block;
width:100%;
}
.cmp-table--assignment-deadlines tr{
display:block;
margin-bottom:1rem;
border:1px solid var(--border-color);
border-radius:0.35rem;
overflow:hidden;
}
.cmp-table--assignment-deadlines td{
display:block;
border-left:0;
border-right:0;
border-top:0;
border-bottom:1px solid var(--border-color);
}
.cmp-table--assignment-deadlines td:last-child{
border-bottom:0;
}
.cmp-table--assignment-deadlines td::before{
content:attr(data-label);
display:block;
font-weight:600;
margin-bottom:0.25rem;
color:#5e6a72;
}
.cmp-table--assignment-deadlines td[data-label="Assignment"]{
background:#fafafa;
font-weight:600;
}
.cmp-table--assignment-deadlines td[data-label="Assignment"]::before{
font-size:0.8em;
text-transform:uppercase;
letter-spacing:0.04em;
}
.cmp-table--assignment-deadlines tbody tr:hover td{
background:#fff;
} .cmp-table--assignment-deadlines ol.steps{
padding-left:1.25rem;
}
} @media (max-width:480px){
.cmp-table{
font-size:0.9rem;
}
}