.content-container{width:100%;max-width:590px;margin:0 auto;&.content-container--wide{width:100%;max-width:800px}&.columns{margin:unset;max-width:unset;width:unset}}@media(width>=768px){.content-container{width:calc(100% - 40px);&.content-container--wide{width:calc(100% - 32px)}}}.content-container__content{margin:var(--md-padding) 0;grid-column:1/7;align-items:start;& a{color:var(--color__aa-bright-blue)}&.content-container__content--center{text-align:center}&.content-container__content--blog-listing{row-gap:56px;column-gap:var(--gutter);flex-direction:column;display:flex;.blog-listing__item{color:var(--color__aa-navy);flex-direction:column;gap:16px;text-decoration:none;display:flex;& img{object-fit:cover;width:100%;height:100%}.blog-listing__title,.blog-listing__blurb{margin:0}}.blog-listing__item .blog-listing__image{aspect-ratio:16/9;border-radius:13px;position:relative;overflow:hidden;&:after{content:"";background-color:var(--color__aa-navy);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s ease-in-out;display:block;position:absolute;inset:0}}.blog-listing__item .blog-listing__meta{flex-direction:row;gap:0;display:flex;.date{margin:0}.read-time{padding-left:44px;position:relative;&:before{content:"";background-color:var(--color__aa-navy);width:24px;height:1px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:10px}}}.blog-listing__item .blog-listing__content{.title{margin-bottom:8px}.author{margin:0}}}&.content-container__content--blog{& img{border-radius:13px;max-width:100%}& button{margin:32px 0;display:block}.highlight-box+p{padding-top:32px}& h1,h2,h3,h4,h5,h6{margin-top:64px;margin-bottom:40px;&:first-child{margin-top:0}}& p{margin-bottom:18px}& ol,ul{margin-top:0;margin-bottom:40px;padding-left:56px;>li{margin-bottom:12px;& ol,ul{margin-top:24px}}}& ul{list-style:none;>li{position:relative;&:before{content:"";background-color:var(--color__aa-navy);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:-38px}}}& ol{counter-reset:list-counter;list-style:none;>li{counter-increment:list-counter;position:relative;&:before{content:counter(list-counter) ".";font-weight:700;position:absolute;top:0;left:-40px}}}& table{border-collapse:collapse;width:100%;margin-bottom:40px;font-size:18px;& th{border-bottom:1px solid var(--color__grey--mid-dark);padding:10px;font-weight:700}& td{font-weight:400;padding:6px 9px!important}}}@media(width>=768px){&.content-container__content--blog-listing .blog-listing__item{&:hover .blog-listing__image:after{opacity:.2}&:hover .title{text-decoration:underline}}&.content-container__content--blog-listing{column-gap:var(--gutter);grid-column:1/13;grid-template-columns:1fr 1fr;row-gap:80px;display:grid}&.content-container__content--blog-listing .blog-listing__item .blog-listing__meta{margin-bottom:4px}&.content-container__content--blog-listing .blog-listing__item .blog-listing__content{.title{margin-bottom:16px}}}@media(width>=1024px){&.content-container__content--blog-listing{grid-template-columns:repeat(3,1fr);margin-top:80px}}@media(width>=1200px){&.content-container__content--blog-listing{row-gap:120px}&.content-container__content--blog-listing .blog-listing__item{row-gap:24px}}}.blog-details,.blog-author,.blog-image{margin:var(--md-padding) 0 0;grid-column:1/7}.blog-details{align-items:center;column-gap:var(--sm-padding);flex-wrap:wrap;row-gap:10px;display:flex;& caption{font-size:15px}}.blog-author{align-items:center;gap:var(--sm-padding);flex-wrap:wrap;display:flex;.blog-author__name{letter-spacing:.8px;margin:0;font-size:16px;font-weight:700}.blog-author__image{width:55px;margin-left:var(--sm-padding);position:relative;&:before{content:"";z-index:1;background-color:var(--color__aa-bright-blue);width:2px;height:100%;margin:auto;display:block;position:absolute;top:0;bottom:0;left:-24px}& img{aspect-ratio:1;border-radius:50%;width:100%;height:100%}}.blog-author__intro{color:var(--color__aa-dark-blue);flex-basis:100%;& p{font-size:16px}& a{color:var(--color__aa-bright-blue)}}}.blog-image{width:100%;position:relative;overflow:hidden;& img{object-fit:cover;border-radius:13px;width:100%;height:100%}}@media(width>=768px){.content-container__content{position:relative;&:after{content:"";background-color:#b8c7d4;width:1px;position:absolute;top:0;bottom:0;left:-32px}grid-column:1/11;&.content-container__content--blog{grid-column:2/12}}.blog-details,.blog-image{grid-column:1/13}.blog-details{column-gap:0;.blog-details__read-time,.blog-details__author{padding-left:68px;position:relative;&:before{content:"";background-color:var(--color__aa-navy);width:48px;height:1px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:10px}}.blog-details__author{padding-left:34px;position:relative;&:before{width:12px;left:10px}}}.blog-author{grid-area:2/1/auto/12;grid-template-columns:68px 1fr;gap:0 16px;margin:32px 0;display:grid;.blog-author__image{margin-left:10px}.blog-author__image:before{left:-10px}.blog-author__intro{grid-column:2/3;max-width:600px}}}@media(width>=1024px){.content-container__content{grid-column:3/11;&.content-container__content--blog{grid-column:3/11}}.blog-details{grid-column:2/11;margin:56px 0 0}.blog-image{grid-column:2/11}.blog-author{grid-column:2/11;margin-top:56px;.blog-author__image{margin-left:0}.blog-author__image:before{left:-24px}}}@media(width>=1200px){.content-container__content{&.content-container__content--blog{grid-area:4/3/auto/9;&.content-container__content--blog-no-image{grid-row:2;margin-top:0}}}.blog-details,.blog-image{grid-area:1/2/auto/9}.blog-details,.blog-author{margin:60px 0}.blog-image{margin-top:140px}.blog-author{grid-area:1/9/3/12}.blog-author .blog-author__image{width:66px;height:66px;margin-left:0}.blog-author .blog-author__image:before{height:66px;left:-10px}.blog-author .blog-author__name{font-size:16px}}
