/* terms.css -- terms-and-conditions page: the two-column layout and its table-of-contents sidebar. Comments in terms.css.md (same folder) */

/*= Two-column page =*/
.esim-legal{grid-column-gap:1rem;grid-row-gap:1rem;grid-template:"Area"/15rem 1fr;grid-auto-columns:1fr;grid-auto-flow:row;align-items:start;margin-top:1rem;display:grid}

/*= Table of contents =*/
.esim-toc__panel{background-color:var(--gray75);border-radius:.5rem;margin-bottom:1rem;padding:.5rem;position:relative}
.esim-toc__head{padding-top:.25rem;padding-bottom:.25rem}
.esim-toc{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}
.esim-toc__link{grid-column-gap:.5rem;grid-row-gap:.5rem;width:100%;color:var(--gray600);white-space:normal;align-items:flex-start;margin-top:.25rem;margin-bottom:.25rem;padding:.5rem;font-weight:600;display:flex}
.esim-toc__link:hover{background-color:var(--white);color:var(--brand500-main);border-radius:.5rem}
.esim-toc__link.esim-is-current{background-color:var(--gray50);color:var(--gray700)}
.esim-toc__label{color:var(--gray900);text-align:center;letter-spacing:1px;text-transform:uppercase;background-color:#0000;align-self:center;padding:0;font-size:12px;font-weight:900;display:inline-block}
.esim-toc__title{overflow-wrap:break-word;min-width:0;font-size:.825rem}
.esim-toc__title:hover{color:var(--brand500-main)}

/*= Collapsed into an accordion below 768px =*/
.esim-toc__toggle{cursor:pointer;align-items:center;display:none;position:absolute;top:.75rem;right:.5rem}
@media screen and (max-width:767px){
.esim-legal{grid-row-gap:1rem;grid-template-columns:1fr;margin-top:1rem}
.esim-toc__toggle{display:block}
.esim-toc__head{justify-content:space-between;align-items:center;display:flex}
.esim-toc{overflow:scroll}
.esim-toc__list{overflow:hidden}
.esim-toc__link:hover{color:var(--gray500);background-color:#0000}
}
@media screen and (max-width:479px){
.esim-legal{grid-auto-rows:1fr}
}