@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:wght@700;900&display=swap');
:root{--primary:#e52d27;--nav:#23282d;--ink:#20242a;--muted:#68707b;--line:#e6e8eb;--bg:#f5f6f7;--white:#fff;--blue:#2879d0;--green:#2b9b61;--orange:#f28b24;--purple:#8256c7;--teal:#159b9b;--sans:'Inter',Arial,sans-serif;--serif:'Merriweather',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.top-strip{background:#171a1e;color:#cfd2d6;font-size:12px}.top-strip>div,.site-header,.page,footer{width:min(1180px,calc(100% - 36px));margin:auto}.top-strip>div{height:38px;display:flex;align-items:center;gap:22px}.top-message{margin-right:auto;color:#959ba2}.top-strip a{color:#fff;font-weight:600}.site-header{background:var(--white)}.brand-row{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:30px}.masthead{display:flex;flex-direction:column;color:#1d2126;font:900 clamp(34px,5vw,58px)/.95 var(--serif);letter-spacing:-.055em}.masthead::first-letter{color:var(--primary)}.masthead small{margin-top:10px;color:#7b828a;font:600 10px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}.header-promo{width:380px;min-height:72px;padding:15px 20px;border-left:4px solid var(--primary);background:linear-gradient(135deg,#f0f2f4,#fff);display:flex;flex-direction:column;justify-content:center}.header-promo span{text-transform:uppercase;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.14em}.header-promo strong{font-size:17px;margin-top:5px}.site-header nav{display:flex;align-items:center;overflow:auto;background:var(--nav);color:#fff;white-space:nowrap;box-shadow:0 2px 8px #0002}.site-header nav a{position:relative;padding:17px 15px;font-size:12px;font-weight:700;text-transform:uppercase;transition:.2s}.site-header nav a:hover{background:#343a40}.site-header nav .home-link{background:var(--primary);font-size:18px;padding:13px 19px}.cat-link::after{content:'';position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--primary)}.cat-2::after{background:var(--blue)}.cat-3::after{background:var(--green)}.cat-4::after{background:var(--orange)}.cat-5::after{background:var(--purple)}.cat-6::after{background:var(--teal)}.page{background:var(--white);padding:0 22px 45px}.breaking{height:48px;display:flex;align-items:center;margin:20px 0;overflow:hidden;border:1px solid var(--line);background:#fff}.breaking b{align-self:stretch;display:flex;align-items:center;padding:0 22px;background:var(--primary);color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.breaking span:not(.ticker-arrow){padding:0 18px;color:#4d555e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-arrow{margin-left:auto;padding:0 18px;color:var(--primary);font-size:28px}.magazine-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:4px;height:510px;margin-bottom:34px}.hero-feature,.stack-card{position:relative;overflow:hidden;background:#1d2125}.image-wrap,.image-wrap img,.image-shade{position:absolute;inset:0}.image-wrap img{height:100%;transition:transform .4s ease}.image-shade{background:linear-gradient(transparent 25%,rgba(0,0,0,.86))}.hero-feature:hover img,.stack-card:hover img{transform:scale(1.035)}.hero-copy,.stack-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.hero-copy .kicker,.stack-copy .kicker{display:inline-block;margin:0 0 10px;padding:5px 8px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.hero-copy h1{font:900 clamp(30px,3.5vw,48px)/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 12px}.hero-copy p{max-width:720px;color:#e7e9eb;line-height:1.55;margin:0 0 14px}.hero-copy small,.stack-copy small{color:#d6d9dc}.hero-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.stack-card:first-child{grid-column:1/-1}.stack-copy{left:18px;right:18px;bottom:18px}.stack-copy h2{font:800 18px/1.25 var(--serif);margin:0 0 7px}.section-heading{display:flex;align-items:center;gap:15px;margin:0 0 22px;border-bottom:3px solid var(--nav)}.section-heading h2{margin:0;padding:10px 18px;background:var(--nav);color:#fff;font-size:17px;text-transform:uppercase}.section-heading span{width:52px;height:3px;background:var(--primary);align-self:end}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.story-card{min-width:0}.card-image{position:relative;display:block;overflow:hidden}.story-card img{aspect-ratio:16/9;transition:transform .35s}.story-card:hover img{transform:scale(1.035)}.story-card .card-image .kicker{position:absolute;left:0;bottom:0;margin:0;background:var(--primary);color:#fff;padding:6px 9px}.story-card.color-2 .kicker{background:var(--blue)}.story-card.color-3 .kicker{background:var(--green)}.story-card.color-4 .kicker{background:var(--orange)}.story-card.color-5 .kicker{background:var(--purple)}.story-card.color-6 .kicker{background:var(--teal)}.kicker{margin-top:13px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.story-card h2{font:800 21px/1.3 var(--serif);letter-spacing:-.018em;margin:12px 0 8px}.story-card h2 a:hover,.trend-item strong:hover{color:var(--primary)}.story-card small,.byline{color:#8a9097;font-size:11px}.story-card p{color:var(--muted);font-size:13px;line-height:1.65}.news-sidebar{border-top:3px solid var(--primary);background:#f7f8f9;padding:0 18px 12px}.widget-title{display:inline-block;margin:0 0 8px;padding:10px 15px;background:var(--primary);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase}.trend-item{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.trend-item>span{color:#ccd0d5;font:900 28px var(--serif)}.trend-item strong{display:block;font:700 13px/1.4 var(--serif)}.trend-item small{display:block;margin-top:6px;color:var(--primary);font-size:9px;text-transform:uppercase}.empty{text-align:center;padding:100px 20px}.empty h1,.section-title h1{font:900 48px var(--serif);margin:10px}.button{display:inline-block;border:0;background:var(--primary);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer}.section-title{padding:38px 0 16px;margin-bottom:25px;border-bottom:3px solid var(--nav)}.section-title span{display:inline-block;background:var(--primary);color:#fff;padding:6px 10px;text-transform:uppercase;font-weight:800;font-size:10px}.section-title h1{margin:8px 0 0}.article{max-width:830px;margin:45px auto}.article .kicker{text-align:left}.article h1{font:900 clamp(35px,5vw,58px)/1.13 var(--serif);letter-spacing:-.035em;margin:12px 0}.article .dek{color:var(--muted);font-size:18px;line-height:1.6}.byline{margin:18px 0 25px}.article-image{margin:25px 0 32px;max-height:580px}.prose{font:400 18px/1.85 Georgia,serif;color:#30363d}.comments{max-width:760px;margin:65px auto}.comments>h2{font:900 30px var(--serif);border-bottom:3px solid var(--nav);padding-bottom:12px}.comments article{padding:20px 0;border-bottom:1px solid var(--line)}.comments time{margin-left:12px;color:var(--muted);font-size:11px}.comments form{margin-top:30px;padding:25px;border:1px solid var(--line);background:#f8f9fa}.comments label{display:grid;gap:7px;margin:14px 0;font-weight:700;font-size:12px}.comments input,.comments textarea{font:inherit;padding:12px;border:1px solid #d9dde1;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trap{position:absolute!important;left:-10000px!important}.notice{padding:14px;margin:15px 0;border-left:4px solid var(--primary);background:#fff}.notice.success{border-color:var(--green)}footer{background:#20252a;color:#d9dde0;padding:48px max(18px,calc((100% - 1180px)/2)) 25px;margin-top:0;width:100%}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-grid strong{font:900 27px var(--serif);color:#fff}.footer-grid b{display:block;color:#fff;text-transform:uppercase;font-size:12px;margin-bottom:12px}.footer-grid p{color:#aeb4ba;line-height:1.6}.footer-grid a{display:block;color:#aeb4ba;margin:8px 0;font-size:13px}footer>small{display:block;padding-top:22px;color:#818990}.site-header,.page{box-shadow:0 0 28px #1f273015}
@media(max-width:900px){.header-promo{display:none}.brand-row{min-height:105px}.magazine-hero{grid-template-columns:1fr;height:auto}.hero-feature{height:450px}.hero-stack{height:360px}.content-layout{grid-template-columns:1fr}.news-sidebar{margin-top:10px}.top-strip>div,.site-header,.page{width:min(100% - 22px,1180px)}}@media(max-width:650px){.top-message{display:none}.top-strip>div{gap:12px}.brand-row{min-height:90px}.masthead{font-size:33px}.site-header nav a{padding:14px 12px}.page{padding:0 14px 35px}.breaking b{padding:0 12px}.breaking span:not(.ticker-arrow){padding:0 10px}.hero-feature{height:390px}.hero-copy{left:18px;right:18px;bottom:20px}.hero-copy h1{font-size:31px}.hero-copy p{display:none}.hero-stack{grid-template-columns:1fr;height:auto}.stack-card,.stack-card:first-child{grid-column:auto;height:240px}.story-grid{grid-template-columns:1fr}.form-row,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:22px}.article{margin:30px auto}.article h1{font-size:37px}}

/* Public mobile feature and comparison tables */
.public-feature-table{margin:34px 0;border:1px solid var(--line);background:#fff;font-family:var(--sans)}.public-feature-table>header{padding:18px 20px;border-bottom:3px solid var(--primary);background:#f7f8f9}.public-feature-table>header h2{margin:0!important;font:800 22px/1.3 var(--sans)!important}.public-feature-table>header p{margin:7px 0 0;color:var(--muted);font-size:13px}.public-feature-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.public-feature-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.5}.public-feature-table th,.public-feature-table td{padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.public-feature-table thead th{background:#22272d;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.public-feature-table tbody th{width:30%;background:#f4f5f6;color:#252a30;font-weight:700}.public-feature-table tr:last-child th,.public-feature-table tr:last-child td{border-bottom:0}.public-feature-table th:last-child,.public-feature-table td:last-child{border-right:0}@media(max-width:650px){.public-feature-table{margin:25px -4px}.public-feature-table>header{padding:15px}.public-feature-table table{font-size:13px}.public-feature-table th,.public-feature-table td{padding:11px 12px}}

.article-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.article-categories .kicker{display:inline-block;margin:0;padding:5px 8px;background:var(--primary);color:#fff}.article-categories .kicker:nth-child(2n){background:var(--blue)}.article-categories .kicker:nth-child(3n){background:var(--green)}

/* Responsive logo and header advertisement bar */
.brand-row{
    display:grid;
    grid-template-columns:minmax(190px,.7fr) minmax(320px,1.3fr);
    align-items:center;
    gap:clamp(24px,4vw,58px);
    min-height:128px;
    padding:18px clamp(18px,3vw,34px);
}
.masthead{
    min-width:0;
    max-width:360px;
}
.masthead img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:88px;
    object-fit:contain;
    object-position:left center;
}
.header-promo{
    justify-self:end;
    width:min(100%,728px);
    min-width:0;
}
.header-ad{
    position:relative;
    display:flex;
    min-height:0;
    padding:0;
    border-left:0;
    background:transparent;
}
.header-ad-label{
    position:absolute;
    top:-15px;
    right:0;
    z-index:1;
    color:#8a9097!important;
    font-size:8px!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    line-height:1!important;
}
.header-ad-media{
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    justify-content:flex-end;
    overflow:hidden;
}
.header-ad-media img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100px;
    margin-left:auto;
    object-fit:contain;
    object-position:right center;
}

@media(max-width:900px){
    .brand-row{
        grid-template-columns:minmax(160px,.65fr) minmax(260px,1.35fr);
        gap:20px;
        min-height:110px;
        padding:17px 16px;
    }
    .header-promo{
        display:flex;
        width:100%;
    }
    .masthead img{
        max-height:74px;
    }
    .header-ad-media img{
        max-height:82px;
    }
}

@media(max-width:650px){
    .brand-row{
        grid-template-columns:1fr;
        gap:17px;
        min-height:0;
        padding:19px 13px 17px;
    }
    .masthead{
        justify-self:center;
        width:100%;
        max-width:300px;
        align-items:center;
        text-align:center;
    }
    .masthead img{
        max-height:68px;
        margin-inline:auto;
        object-position:center;
    }
    .masthead small{
        max-width:100%;
        overflow-wrap:anywhere;
    }
    .header-promo{
        justify-self:stretch;
        min-height:58px;
        padding:11px 15px;
    }
    .header-ad{
        min-height:0;
        padding:0;
    }
    .header-ad-label{
        top:-12px;
        right:2px;
    }
    .header-ad-media{
        justify-content:center;
    }
    .header-ad-media img{
        width:100%;
        max-height:90px;
        margin:0 auto;
        object-position:center;
    }
}

/* Centered homepage advertisement */
.homepage-center-ad{
    position:relative;
    display:flex;
    width:100%;
    margin:30px 0 35px;
    padding:22px clamp(14px,3vw,28px);
    align-items:center;
    justify-content:center;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(135deg,rgba(245,246,247,.96),rgba(255,255,255,.98));
}
.homepage-center-ad-label{
    position:absolute;
    top:7px;
    left:50%;
    color:#92989f;
    font-size:8px;
    font-weight:700;
    letter-spacing:.14em;
    line-height:1;
    text-transform:uppercase;
    transform:translateX(-50%);
}
.homepage-center-ad-frame{
    display:flex;
    width:min(100%,970px);
    min-height:70px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.homepage-center-ad-media{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
}
.homepage-center-ad-media img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:250px;
    margin-inline:auto;
    object-fit:contain;
    object-position:center;
}

@media(max-width:650px){
    .homepage-center-ad{
        margin:23px 0 28px;
        padding:19px 8px 13px;
    }
    .homepage-center-ad-frame{
        min-height:48px;
    }
    .homepage-center-ad-media img{
        width:100%;
        max-height:150px;
    }
}

@media(max-width:380px){
    .masthead{
        max-width:260px;
    }
    .masthead small{
        font-size:9px;
        letter-spacing:.1em;
    }
    .header-promo:not(.header-ad) strong{
        font-size:14px;
    }
}

/* Responsive post sharing */
.post-share{
    margin:22px 0 28px;
    padding:17px 18px 14px;
    border:1px solid var(--line);
    border-top:3px solid var(--primary);
    background:linear-gradient(135deg,#f8f9fa 0%,#fff 72%);
}
.post-share-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:13px;
}
.post-share-heading strong{
    display:block;
    color:var(--ink);
    font-size:14px;
    font-weight:800;
    letter-spacing:.02em;
}
.post-share-heading small{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:10px;
    line-height:1.45;
}
.share-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.share-button{
    display:inline-flex;
    min-height:40px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:4px;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#fff;
    font:700 11px/1 var(--sans);
    cursor:pointer;
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}
.share-button[hidden]{
    display:none;
}
.share-button:hover,
.share-button:focus-visible{
    color:#fff;
    filter:brightness(.93);
    transform:translateY(-1px);
    box-shadow:0 5px 13px rgba(27,35,45,.14);
}
.share-button:focus-visible{
    outline:3px solid rgba(40,121,208,.22);
    outline-offset:2px;
}
.share-button-icon{
    display:inline-grid;
    width:23px;
    height:23px;
    flex:0 0 23px;
    border-radius:50%;
    place-items:center;
    background:rgba(255,255,255,.17);
    color:#fff;
    font-size:10px;
    font-weight:900;
    letter-spacing:-.03em;
}
.share-facebook{
    background:#1877f2;
}
.share-x{
    background:#111;
}
.share-whatsapp{
    background:#168a45;
}
.share-linkedin{
    background:#0a66c2;
}
.share-telegram{
    background:#168bd2;
}
.share-native{
    background:var(--primary);
}
.share-copy{
    border-color:#cfd4da;
    background:#fff;
    color:#343a40;
}
.share-copy .share-button-icon{
    background:#eceff2;
    color:#343a40;
}
.share-copy:hover,
.share-copy:focus-visible{
    color:#20252a;
}
.share-copy.is-copied{
    border-color:#168a45;
    background:#edf9f2;
    color:#116d38;
}
.share-copy.is-copied .share-button-icon{
    background:#168a45;
    color:#fff;
}
.share-status{
    min-height:14px;
    margin:8px 0 0;
    color:#116d38;
    font-size:10px;
    font-weight:700;
}

@media(max-width:650px){
    .post-share{
        margin:19px 0 24px;
        padding:15px 13px 12px;
    }
    .post-share-heading small{
        max-width:310px;
    }
    .share-actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .share-button{
        width:100%;
        min-width:0;
        padding-inline:10px;
    }
}

/* Responsive AJAX post search in the top bar */
.screen-reader-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.top-strip,
.website-topbar{
    position:relative;
    z-index:1500;
    overflow:visible;
}
.website-topbar .topbar-container{
    position:relative;
    overflow:visible;
}
.top-strip>div{
    min-height:44px;
    height:auto;
}
.top-search{
    position:relative;
    z-index:2;
    flex:0 1 290px;
    width:min(290px,30vw);
    margin:0;
}
.top-search-control{
    display:grid;
    grid-template-columns:minmax(0,1fr) 36px;
    min-height:32px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:4px;
    background:#282d33;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}
.top-search:focus-within .top-search-control{
    border-color:rgba(255,255,255,.58);
    box-shadow:0 0 0 3px rgba(255,255,255,.09);
}
.top-search input{
    width:100%;
    min-width:0;
    height:32px;
    padding:0 11px;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font:500 12px/1 var(--sans);
}
.top-search input::placeholder{
    color:#aeb4bb;
    opacity:1;
}
.top-search input::-webkit-search-cancel-button{
    filter:invert(1);
}
.top-search button{
    display:grid;
    width:36px;
    min-width:36px;
    height:32px;
    padding:0;
    border:0;
    background:var(--primary);
    color:#fff;
    cursor:pointer;
    place-items:center;
    font:900 20px/1 var(--sans);
    transition:filter .18s ease;
}
.top-search button:hover{
    filter:brightness(.92);
}
.top-search button:focus-visible{
    outline:2px solid #fff;
    outline-offset:-3px;
}
.top-search-results{
    position:absolute;
    z-index:1600;
    top:calc(100% + 7px);
    right:0;
    width:min(390px,calc(100vw - 24px));
    max-height:min(440px,70vh);
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #dfe3e7;
    border-top:3px solid var(--primary);
    border-radius:3px;
    background:#fff;
    color:var(--ink);
    box-shadow:0 17px 38px rgba(20,26,32,.24);
    white-space:normal;
}
.top-search-results[hidden]{
    display:none;
}
.top-strip .top-search-result,
.website-topbar .top-search-result{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:12px;
    min-height:72px;
    padding:10px;
    border-bottom:1px solid #eceff1;
    align-items:center;
    background:#fff;
    color:var(--ink);
    font-weight:400;
    text-transform:none;
    transition:
        background-color .16s ease,
        color .16s ease;
}
.top-strip .top-search-result:hover,
.top-strip .top-search-result:focus-visible,
.website-topbar .top-search-result:hover,
.website-topbar .top-search-result:focus-visible{
    background:#f6f7f8;
    color:var(--ink);
    outline:0;
}
.top-search-result img,
.top-search-no-image{
    display:block;
    width:72px;
    height:50px;
    border-radius:2px;
    object-fit:cover;
}
.top-search-no-image{
    display:grid;
    background:linear-gradient(135deg,#30363d,#171a1e);
    color:#fff;
    place-items:center;
    font:900 17px/1 var(--serif);
}
.top-search-result-copy{
    min-width:0;
}
.top-search-result-copy strong{
    display:-webkit-box;
    overflow:hidden;
    color:#252a30;
    font:800 13px/1.35 var(--serif);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.top-search-result-copy small{
    display:block;
    margin-top:6px;
    overflow:hidden;
    color:#858c94;
    font-size:9px;
    font-weight:700;
    letter-spacing:.035em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}
.top-search-message{
    padding:17px 15px;
    color:#6f767e;
    font-size:12px;
    line-height:1.5;
    text-align:center;
}
.top-strip .top-search-all,
.website-topbar .top-search-all{
    display:block;
    padding:11px 14px;
    background:#f4f5f6;
    color:var(--primary);
    font-size:10px;
    font-weight:800;
    letter-spacing:.05em;
    text-align:center;
    text-transform:uppercase;
}
.top-strip .top-search-all:hover,
.top-strip .top-search-all:focus-visible,
.website-topbar .top-search-all:hover,
.website-topbar .top-search-all:focus-visible{
    background:#e9ecef;
    color:#b9211e;
    outline:0;
}

@media(max-width:900px){
    .top-message{
        display:none;
    }
    .top-search{
        margin-left:auto;
    }
    .website-topbar .topbar-container{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px 12px;
        align-items:center;
        padding-top:8px;
        padding-bottom:10px;
    }
    .website-topbar .topbar-datetime{
        grid-column:1;
        min-width:0;
    }
    .website-topbar .topbar-socials{
        grid-column:2;
        min-width:0;
    }
    .website-topbar .top-search{
        grid-row:2;
        grid-column:1/-1;
        width:100%;
        max-width:none;
        margin:0;
    }
}

@media(max-width:760px){
    .top-strip>div{
        width:min(100% - 22px,1180px);
        padding:8px 0 10px;
        flex-wrap:wrap;
        gap:8px 12px;
    }
    .top-date{
        margin-right:auto;
    }
    .top-search{
        order:3;
        flex:1 0 100%;
        width:100%;
        margin:0;
    }
    .top-search-control,
    .top-search input,
    .top-search button{
        height:36px;
    }
    .top-search-control{
        grid-template-columns:minmax(0,1fr) 42px;
    }
    .top-search button{
        width:42px;
        min-width:42px;
    }
    .top-search-results{
        right:auto;
        left:0;
        width:100%;
        max-height:min(390px,62vh);
    }
}

@media(max-width:400px){
    .top-strip>div{
        font-size:11px;
    }
    .top-search-result img,
    .top-search-no-image{
        width:64px;
        height:46px;
    }
    .top-strip .top-search-result{
        grid-template-columns:64px minmax(0,1fr);
        gap:10px;
    }
}

@media(max-width:650px){
    .website-topbar .topbar-container{
        grid-template-columns:1fr;
    }
    .website-topbar .topbar-datetime,
    .website-topbar .topbar-socials,
    .website-topbar .top-search{
        grid-column:1;
    }
    .website-topbar .topbar-datetime{
        grid-row:1;
        justify-content:center;
    }
    .website-topbar .topbar-socials{
        grid-row:2;
        flex-wrap:wrap;
        justify-content:center;
    }
    .website-topbar .top-search{
        grid-row:3;
    }
}

/* Tablets: five-card moving carousel */
.tablets-carousel-section{
    width:min(calc(100% - 32px),1180px);
    margin:44px auto 0;
    padding:25px 0 10px;
    border-top:4px solid #111827;
    position:relative;
}

.tablets-carousel-section::before{
    content:"";
    position:absolute;
    top:-4px;
    left:0;
    width:96px;
    height:4px;
    background:#e11d2e;
}

.tablets-carousel-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
}

.tablets-carousel-heading{
    display:flex;
    align-items:flex-end;
    gap:15px;
    min-width:0;
}

.tablets-carousel-kicker{
    color:#e11d2e;
    font-size:11px;
    line-height:1;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}

.tablets-carousel-heading h2{
    margin:0;
    color:#111827;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(30px,4vw,48px);
    line-height:.9;
    letter-spacing:-.045em;
}

.tablets-carousel-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.tablets-carousel-counter{
    min-width:58px;
    margin-right:4px;
    color:#71717a;
    font-size:12px;
    letter-spacing:.06em;
    text-align:center;
}

.tablets-carousel-counter strong{
    color:#111827;
    font-size:15px;
}

.tablets-carousel-button{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid #d4d4d8;
    border-radius:50%;
    background:#fff;
    color:#111827;
    font:500 28px/1 Arial,sans-serif;
    cursor:pointer;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.tablets-carousel-button:hover,
.tablets-carousel-button:focus-visible{
    border-color:#e11d2e;
    background:#e11d2e;
    color:#fff;
    transform:translateY(-2px);
    outline:none;
}

.tablets-carousel-button:disabled{
    opacity:.35;
    cursor:not-allowed;
    transform:none;
}

.tablets-carousel-viewport{
    width:100%;
    overflow:hidden;
    touch-action:pan-y;
}

.tablets-carousel-track{
    --tablets-gap:18px;
    display:flex;
    gap:var(--tablets-gap);
    align-items:stretch;
    transform:translate3d(0,0,0);
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.tablets-carousel-card{
    flex:0 0 calc((100% - 72px)/5);
    min-width:0;
    border-bottom:1px solid #d4d4d8;
    background:#fff;
}

.tablets-carousel-image{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:4/3;
    background:
        linear-gradient(135deg,#202938,#111827);
}

.tablets-carousel-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.tablets-carousel-card:hover .tablets-carousel-image img{
    transform:scale(1.045);
}

.tablets-carousel-image::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:40%;
    pointer-events:none;
    background:linear-gradient(transparent,rgba(0,0,0,.52));
}

.tablets-carousel-no-image{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.88);
    font:700 20px/1 Georgia,"Times New Roman",serif;
    letter-spacing:.04em;
}

.tablets-carousel-category{
    position:absolute;
    z-index:1;
    left:10px;
    bottom:10px;
    display:inline-flex;
    max-width:calc(100% - 20px);
    padding:5px 8px;
    background:#e11d2e;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.tablets-carousel-copy{
    padding:13px 1px 17px;
}

.tablets-carousel-copy time{
    display:block;
    margin-bottom:7px;
    color:#71717a;
    font-size:11px;
    line-height:1.2;
    text-transform:uppercase;
}

.tablets-carousel-copy h3{
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    line-height:1.25;
}

.tablets-carousel-copy h3 a{
    color:#18181b;
    text-decoration:none;
    background-image:linear-gradient(#e11d2e,#e11d2e);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 1px;
    transition:
        color .2s ease,
        background-size .25s ease;
}

.tablets-carousel-copy h3 a:hover,
.tablets-carousel-copy h3 a:focus-visible{
    color:#e11d2e;
    background-size:100% 1px;
}

.tablets-carousel-empty{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    padding:28px;
    border:1px dashed #cbd5e1;
    background:#f8fafc;
    color:#64748b;
}

.tablets-carousel-empty strong{
    color:#111827;
}

@media(max-width:1050px){
    .tablets-carousel-card{
        flex-basis:calc((100% - 36px)/3);
    }
}

@media(max-width:720px){
    .tablets-carousel-section{
        width:min(calc(100% - 24px),1180px);
        margin-top:34px;
        padding-top:20px;
    }

    .tablets-carousel-header{
        align-items:center;
        gap:16px;
    }

    .tablets-carousel-heading{
        gap:10px;
    }

    .tablets-carousel-kicker{
        display:none;
    }

    .tablets-carousel-card{
        flex-basis:calc((100% - 18px)/2);
    }

    .tablets-carousel-counter{
        display:none;
    }
}

@media(max-width:520px){
    .tablets-carousel-heading h2{
        font-size:32px;
    }

    .tablets-carousel-button{
        width:36px;
        height:36px;
    }

    .tablets-carousel-card{
        flex-basis:100%;
    }

    .tablets-carousel-copy h3{
        font-size:18px;
    }
}

@media(prefers-reduced-motion:reduce){
    .tablets-carousel-track,
    .tablets-carousel-image img,
    .tablets-carousel-button{
        transition:none;
    }
}

/* Eight-section editorial footer */
.site-footer{
    --footer-bg:#0b1220;
    --footer-panel:#111c2c;
    --footer-card:#152235;
    --footer-text:#aeb9c9;
    --footer-heading:#fff;
    --footer-line:rgba(255,255,255,.1);
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background:var(--footer-bg);
    color:var(--footer-text);
}

.site-footer-accent{
    display:grid;
    grid-template-columns:1.45fr 1fr .75fr .55fr;
    height:6px;
}

.site-footer-accent span:nth-child(1){
    background:var(--primary,#e52d27);
}

.site-footer-accent span:nth-child(2){
    background:#f59e0b;
}

.site-footer-accent span:nth-child(3){
    background:#2563eb;
}

.site-footer-accent span:nth-child(4){
    background:#14b8a6;
}

.site-footer-upper,
.site-footer-lower,
.site-footer-copyright>div{
    width:min(calc(100% - 40px),1180px);
    margin-inline:auto;
}

.site-footer-upper{
    display:grid;
    grid-template-columns:1.35fr .85fr 1.05fr 1.4fr;
    gap:clamp(28px,4vw,60px);
    padding:64px 0 50px;
}

.site-footer-column{
    min-width:0;
}

.site-footer-column h2{
    position:relative;
    margin:0 0 20px;
    padding-bottom:11px;
    color:var(--footer-heading);
    font:800 13px/1.2 var(--sans,Arial,sans-serif);
    letter-spacing:.09em;
    text-transform:uppercase;
}

.site-footer-column h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:34px;
    height:2px;
    background:var(--primary,#e52d27);
}

.site-footer-brand{
    display:inline-block;
    color:#fff;
    font:900 clamp(28px,3vw,38px)/1 var(--serif,Georgia,serif);
    letter-spacing:-.045em;
}

.site-footer-brand::first-letter{
    color:var(--primary,#e52d27);
}

.site-footer-about p,
.site-footer-newsletter>p{
    margin:17px 0;
    color:var(--footer-text);
    font-size:13px;
    line-height:1.75;
}

.site-footer-column nav{
    display:grid;
    gap:11px;
}

.site-footer-column nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin:0;
    color:var(--footer-text);
    font-size:13px;
    line-height:1.45;
    transition:
        color .2s ease,
        transform .2s ease;
}

.site-footer-column nav a::before{
    content:"";
    width:0;
    height:1px;
    margin-right:0;
    background:var(--primary,#e52d27);
    transition:
        width .2s ease,
        margin-right .2s ease;
}

.site-footer-column nav a:hover,
.site-footer-column nav a:focus-visible{
    color:#fff;
    transform:translateX(3px);
    outline:none;
}

.site-footer-column nav a:hover::before,
.site-footer-column nav a:focus-visible::before{
    width:13px;
    margin-right:7px;
}

.site-footer-read-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:3px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}

.site-footer-read-more span{
    color:var(--primary,#e52d27);
    font-size:18px;
    transition:transform .2s ease;
}

.site-footer-read-more:hover span,
.site-footer-read-more:focus-visible span{
    transform:translateX(5px);
}

.site-footer-newsletter form{
    margin-top:20px;
}

.site-footer-newsletter label{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
}

.site-footer-subscribe-control{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    min-height:48px;
    padding:4px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:6px;
    background:#fff;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.site-footer-subscribe-control:focus-within{
    border-color:var(--primary,#e52d27);
    box-shadow:0 0 0 3px rgba(229,45,39,.24);
}

.site-footer-subscribe-control input{
    min-width:0;
    padding:0 12px;
    border:0;
    outline:0;
    background:transparent;
    color:#111827;
    font:inherit;
    font-size:13px;
}

.site-footer-subscribe-control button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:112px;
    padding:0 14px;
    border:0;
    border-radius:4px;
    background:var(--primary,#e52d27);
    color:#fff;
    font:800 11px/1 var(--sans,Arial,sans-serif);
    letter-spacing:.04em;
    text-transform:uppercase;
    cursor:pointer;
    transition:
        filter .2s ease,
        transform .2s ease;
}

.site-footer-subscribe-control button:hover,
.site-footer-subscribe-control button:focus-visible{
    filter:brightness(1.08);
    transform:translateX(1px);
    outline:none;
}

.site-footer-newsletter form>small{
    display:block;
    margin-top:9px;
    color:#77859a;
    font-size:10px;
    line-height:1.5;
}

.site-footer-lower{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid var(--footer-line);
    border-left:1px solid var(--footer-line);
    background:var(--footer-panel);
}

.site-footer-trust-card{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:14px;
    min-width:0;
    min-height:190px;
    padding:28px 24px;
    border-right:1px solid var(--footer-line);
    border-bottom:1px solid var(--footer-line);
    transition:
        background .25s ease,
        transform .25s ease;
}

.site-footer-trust-card:hover{
    z-index:1;
    background:var(--footer-card);
    transform:translateY(-4px);
}

.site-footer-card-number{
    color:var(--primary,#e52d27);
    font:900 11px/1 var(--sans,Arial,sans-serif);
    letter-spacing:.08em;
}

.site-footer-trust-card h2{
    margin:0 0 10px;
    color:#fff;
    font:800 14px/1.3 var(--sans,Arial,sans-serif);
}

.site-footer-trust-card p{
    margin:0 0 15px;
    color:#8f9caf;
    font-size:12px;
    line-height:1.65;
}

.site-footer-trust-card a{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    margin:0;
    color:#fff;
    font-size:11px;
    line-height:1.5;
    font-weight:800;
    text-decoration:underline;
    text-decoration-color:var(--primary,#e52d27);
    text-underline-offset:4px;
}

.site-footer-category-links{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.site-footer-category-links a{
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:3px;
    color:#bdc7d4;
    font-size:10px;
    text-decoration:none;
    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.site-footer-category-links a:hover,
.site-footer-category-links a:focus-visible{
    border-color:var(--primary,#e52d27);
    background:var(--primary,#e52d27);
    color:#fff;
    outline:none;
}

.site-footer-copyright{
    margin-top:50px;
    background:var(--primary,#e52d27);
    color:#fff;
}

.site-footer-copyright>div{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}

.site-footer-copyright small{
    padding:0;
    color:#fff;
    font-size:11px;
}

.site-footer-copyright nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:18px;
}

.site-footer-copyright nav a{
    position:relative;
    color:#fff;
    font-size:11px;
    font-weight:800;
}

.site-footer-copyright nav a:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:-10px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:rgba(255,255,255,.75);
}

.site-footer a:focus-visible,
.site-footer button:focus-visible,
.site-footer input:focus-visible{
    outline:2px solid #fff;
    outline-offset:3px;
}

/* Information and policy pages linked from the footer */
.information-page{
    max-width:900px;
    margin:0 auto;
    padding:42px 0 25px;
}

.information-page-header{
    margin-bottom:34px;
    padding:34px clamp(22px,5vw,55px);
    border-left:6px solid var(--primary,#e52d27);
    background:
        linear-gradient(135deg,#101827,#243249);
    color:#fff;
}

.information-page-header span{
    display:block;
    margin-bottom:10px;
    color:#fca5a5;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.information-page-header h1{
    margin:0;
    font:900 clamp(34px,6vw,58px)/1 var(--serif,Georgia,serif);
    letter-spacing:-.045em;
}

.information-page-header p{
    max-width:680px;
    margin:15px 0 0;
    color:#d6deea;
    font-size:15px;
    line-height:1.65;
}

.information-page-content{
    color:#303946;
    font:400 16px/1.8 Georgia,"Times New Roman",serif;
}

.information-page-content h2{
    margin:36px 0 10px;
    padding-bottom:9px;
    border-bottom:1px solid #e2e8f0;
    color:#111827;
    font:900 25px/1.25 var(--serif,Georgia,serif);
}

.information-page-content h3{
    margin:27px 0 8px;
    color:#172033;
    font:800 18px/1.35 var(--sans,Arial,sans-serif);
}

.information-page-content p,
.information-page-content ul{
    margin:0 0 17px;
}

.information-page-content li+li{
    margin-top:8px;
}

.information-page-content a{
    color:#c81e2b;
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:3px;
}

.information-page-note{
    margin:24px 0;
    padding:18px 20px;
    border:1px solid #dbe4ee;
    border-left:4px solid var(--primary,#e52d27);
    background:#f8fafc;
    color:#475569;
    font-family:var(--sans,Arial,sans-serif);
    font-size:13px;
    line-height:1.65;
}

@media(max-width:980px){
    .site-footer-upper{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:38px 55px;
    }

    .site-footer-lower{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px){
    .site-footer-upper,
    .site-footer-lower,
    .site-footer-copyright>div{
        width:min(calc(100% - 28px),1180px);
    }

    .site-footer-upper{
        grid-template-columns:1fr;
        gap:34px;
        padding:46px 0 38px;
    }

    .site-footer-lower{
        grid-template-columns:1fr;
    }

    .site-footer-trust-card{
        min-height:0;
        padding:24px 20px;
    }

    .site-footer-copyright{
        margin-top:38px;
    }

    .site-footer-copyright>div{
        min-height:84px;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        gap:9px;
    }

    .site-footer-copyright nav{
        justify-content:flex-start;
    }

    .information-page{
        padding-top:25px;
    }

    .information-page-header{
        padding:28px 20px;
    }
}

@media(max-width:400px){
    .site-footer-subscribe-control{
        grid-template-columns:1fr;
        gap:5px;
        padding:5px;
    }

    .site-footer-subscribe-control input{
        min-height:42px;
    }

    .site-footer-subscribe-control button{
        min-height:42px;
    }
}

@media(prefers-reduced-motion:reduce){
    .site-footer *,
    .site-footer *::before,
    .site-footer *::after{
        transition:none!important;
    }
}

/* Equal Reviews + Tablets category section */
.paired-category-section{
    width:min(calc(100% - 32px),1180px);
    margin:48px auto 0;
    padding:29px 0 8px;
    border-top:1px solid #d9dee7;
}

.paired-category-intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:24px;
}

.paired-category-intro>div{
    min-width:0;
}

.paired-category-intro>div>span{
    display:block;
    margin-bottom:7px;
    color:var(--primary,#e52d27);
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.paired-category-intro h2{
    margin:0;
    color:#111827;
    font:900 clamp(30px,4.4vw,48px)/1 var(--serif,Georgia,serif);
    letter-spacing:-.045em;
}

.paired-category-intro p{
    max-width:430px;
    margin:0;
    color:#667085;
    font-size:13px;
    line-height:1.65;
    text-align:right;
}

.paired-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
    align-items:stretch;
}

.paired-category-panel{
    --paired-accent:#e52d27;
    position:relative;
    display:grid;
    grid-template-rows:auto auto 1fr;
    min-width:0;
    height:100%;
    padding:0 20px 5px;
    border-top:5px solid var(--paired-accent);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb,var(--paired-accent) 5%,#fff) 0,
            #fff 150px
        );
}

.paired-category-panel.is-reviews{
    --paired-accent:#e11d2e;
}

.paired-category-panel.is-tablets{
    --paired-accent:#2563eb;
}

.paired-category-panel-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    min-height:88px;
    padding:18px 0 15px;
    border-bottom:1px solid #dce1e8;
}

.paired-category-panel-header>div{
    min-width:0;
}

.paired-category-panel-header>div>span{
    display:block;
    margin-bottom:5px;
    color:#747e8d;
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.paired-category-panel-header h3{
    margin:0;
    color:#101828;
    font:900 29px/1 var(--serif,Georgia,serif);
    letter-spacing:-.035em;
}

.paired-category-panel-header>a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    padding-bottom:3px;
    color:#344054;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.paired-category-panel-header>a span{
    color:var(--paired-accent);
    font-size:17px;
    transition:transform .2s ease;
}

.paired-category-panel-header>a:hover,
.paired-category-panel-header>a:focus-visible{
    color:var(--paired-accent);
    outline:none;
}

.paired-category-panel-header>a:hover span,
.paired-category-panel-header>a:focus-visible span{
    transform:translateX(4px);
}

.paired-category-feature{
    min-width:0;
    padding:18px 0 17px;
}

.paired-category-feature-image{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:16/8.7;
    background:
        linear-gradient(135deg,#172033,#334155);
}

.paired-category-feature-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease;
}

.paired-category-feature:hover .paired-category-feature-image img{
    transform:scale(1.035);
}

.paired-category-feature-image::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:42%;
    background:linear-gradient(transparent,rgba(0,0,0,.58));
    pointer-events:none;
}

.paired-category-image-label{
    position:absolute;
    z-index:1;
    left:12px;
    bottom:11px;
    padding:6px 9px;
    background:var(--paired-accent);
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.paired-category-no-image{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.9);
    font:900 29px/1 var(--serif,Georgia,serif);
}

.paired-category-feature-copy{
    padding-top:14px;
}

.paired-category-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin-bottom:8px;
    color:#7a8493;
    font-size:10px;
    line-height:1.4;
    text-transform:uppercase;
}

.paired-category-meta span:first-child{
    color:var(--paired-accent);
    font-weight:800;
}

.paired-category-feature-copy h4{
    margin:0;
    color:#111827;
    font:900 clamp(21px,2.1vw,28px)/1.2 var(--serif,Georgia,serif);
    letter-spacing:-.025em;
}

.paired-category-feature-copy h4 a:hover,
.paired-category-feature-copy h4 a:focus-visible,
.paired-category-list-item h4 a:hover,
.paired-category-list-item h4 a:focus-visible{
    color:var(--paired-accent);
    outline:none;
}

.paired-category-feature-copy p{
    margin:10px 0 0;
    color:#667085;
    font-size:12px;
    line-height:1.65;
}

.paired-category-list{
    display:grid;
    align-content:start;
    border-top:1px solid #dce1e8;
}

.paired-category-list-item{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-width:0;
    padding:14px 0;
    border-bottom:1px solid #e4e7ec;
}

.paired-category-thumb{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:16/10;
    background:
        linear-gradient(135deg,var(--paired-accent),#172033);
}

.paired-category-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

.paired-category-list-item:hover .paired-category-thumb img{
    transform:scale(1.05);
}

.paired-category-thumb>span{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#fff;
    font:900 25px/1 var(--serif,Georgia,serif);
}

.paired-category-list-item>div{
    min-width:0;
}

.paired-category-list-item time{
    display:block;
    margin-bottom:5px;
    color:#8a94a3;
    font-size:9px;
    line-height:1.2;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.paired-category-list-item h4{
    margin:0;
    color:#1d2939;
    font:800 15px/1.35 var(--serif,Georgia,serif);
}

.paired-category-empty{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:6px;
    min-height:360px;
    margin:18px 0;
    padding:28px;
    border:1px dashed #cbd5e1;
    background:#f8fafc;
    color:#667085;
}

.paired-category-empty strong{
    color:#101828;
    font:800 18px/1.3 var(--serif,Georgia,serif);
}

@supports not (
    background:color-mix(in srgb,#000 5%,#fff)
){
    .paired-category-panel{
        background:linear-gradient(180deg,#f8fafc 0,#fff 150px);
    }
}

@media(max-width:840px){
    .paired-category-intro{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .paired-category-intro p{
        max-width:620px;
        text-align:left;
    }

    .paired-category-grid{
        grid-template-columns:1fr;
        gap:34px;
    }

    .paired-category-feature-copy h4{
        font-size:27px;
    }
}

@media(max-width:560px){
    .paired-category-section{
        width:min(calc(100% - 24px),1180px);
        margin-top:36px;
        padding-top:22px;
    }

    .paired-category-intro h2{
        font-size:34px;
    }

    .paired-category-panel{
        padding-inline:14px;
    }

    .paired-category-panel-header{
        min-height:78px;
    }

    .paired-category-panel-header h3{
        font-size:25px;
    }

    .paired-category-panel-header>div>span{
        max-width:210px;
    }

    .paired-category-feature-copy h4{
        font-size:23px;
    }

    .paired-category-list-item{
        grid-template-columns:92px minmax(0,1fr);
        gap:12px;
    }

    .paired-category-list-item h4{
        font-size:14px;
    }
}

@media(prefers-reduced-motion:reduce){
    .paired-category-section *,
    .paired-category-section *::before,
    .paired-category-section *::after{
        transition:none!important;
    }
}

/* Rich post content */
.prose>:first-child{
    margin-top:0;
}

.prose>:last-child{
    margin-bottom:0;
}

.prose p{
    margin:0 0 1.35em;
}

.prose h2,
.prose h3,
.prose h4{
    color:#171b20;
    font-family:var(--serif,Georgia,serif);
    letter-spacing:-.02em;
}

.prose h2{
    margin:1.7em 0 .65em;
    font-size:32px;
    line-height:1.25;
}

.prose h3{
    margin:1.55em 0 .6em;
    font-size:26px;
    line-height:1.3;
}

.prose h4{
    margin:1.4em 0 .55em;
    font-size:21px;
    line-height:1.35;
}

.prose ul,
.prose ol{
    margin:0 0 1.45em;
    padding-left:1.55em;
}

.prose li{
    margin:.42em 0;
    padding-left:.2em;
}

.prose blockquote{
    margin:1.8em 0;
    padding:7px 0 7px 23px;
    border-left:5px solid var(--primary);
    color:#565f68;
    font-size:1.06em;
    font-style:italic;
}

.prose a{
    color:var(--primary);
    font-weight:700;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.prose a:hover{
    text-decoration-thickness:2px;
}

.prose figure{
    margin:1.8em 0;
}

.prose img{
    max-width:100%;
    height:auto;
    margin:1.65em auto;
}

.prose figure img{
    margin:0;
}

.prose figcaption{
    margin-top:8px;
    color:var(--muted);
    font:500 12px/1.5 var(--sans,Arial,sans-serif);
    text-align:center;
}

.prose hr{
    height:1px;
    margin:2.2em 0;
    border:0;
    background:var(--line);
}

.prose code{
    padding:.15em .35em;
    border-radius:3px;
    background:#f0f2f4;
    font:500 .88em/1.5 Consolas,'Courier New',monospace;
}

.prose pre{
    overflow:auto;
    margin:1.6em 0;
    padding:18px;
    border-radius:5px;
    background:#20252a;
    color:#eef1f3;
    font:500 13px/1.65 Consolas,'Courier New',monospace;
}

.prose pre code{
    padding:0;
    background:transparent;
    color:inherit;
}

@media(max-width:650px){
    .prose h2{
        font-size:27px;
    }

    .prose h3{
        font-size:23px;
    }

    .prose h4{
        font-size:19px;
    }
}

/* Sticky logo/advertisement and primary navigation */
.sticky-site-bars{
    position:-webkit-sticky;
    position:sticky;
    z-index:2000;
    top:0;
    width:100%;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.13);
    isolation:isolate;
}

.sticky-site-bars .logo-ad-bar{
    width:100%;
    border-bottom:1px solid #e8ebef;
    background:#fff;
}

.sticky-site-bars .logo-ad-container{
    display:grid;
    grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);
    gap:clamp(24px,4vw,58px);
    width:min(1180px,calc(100% - 36px));
    min-height:126px;
    margin-inline:auto;
    padding:14px 18px;
    align-items:center;
}

.sticky-site-bars .logo-ad-container .masthead{
    min-width:0;
    width:100%;
    max-width:430px;
}

.sticky-site-bars .logo-ad-container .masthead img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100px;
    object-fit:contain;
    object-position:left center;
}

.sticky-site-bars .logo-ad-container .header-ad{
    position:relative;
    display:flex;
    width:min(100%,728px);
    min-width:0;
    min-height:0;
    margin-left:auto;
    padding:0;
    border:0;
    background:transparent;
    align-items:center;
    justify-content:flex-end;
}

.sticky-site-bars .logo-ad-container .header-ad .ad-label{
    position:absolute;
    z-index:1;
    top:-10px;
    right:0;
    color:#7b828a;
    font-size:8px;
    font-weight:700;
    letter-spacing:.12em;
    line-height:1;
    text-transform:uppercase;
}

.sticky-site-bars .logo-ad-container .header-ad>a{
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    justify-content:flex-end;
    overflow:hidden;
}

.sticky-site-bars .logo-ad-container .header-ad img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:90px;
    margin-left:auto;
    object-fit:contain;
    object-position:right center;
}

.sticky-site-bars .site-header{
    width:min(1180px,calc(100% - 36px));
    margin-inline:auto;
    background:transparent;
    box-shadow:none;
}

html{
    scroll-padding-top:190px;
}

@media(max-width:760px){
    .sticky-site-bars .logo-ad-container{
        grid-template-columns:minmax(135px,.95fr) minmax(145px,1.05fr);
        gap:12px;
        width:100%;
        min-height:78px;
        padding:8px 12px;
    }

    .sticky-site-bars .logo-ad-container .masthead{
        width:100%;
        max-width:230px;
        justify-self:start;
        align-items:flex-start;
        text-align:left;
    }

    .sticky-site-bars .logo-ad-container .masthead img{
        max-height:62px;
        margin:0;
        object-position:left center;
    }

    .sticky-site-bars .logo-ad-container .masthead small{
        max-width:100%;
        margin-top:4px;
        overflow:hidden;
        font-size:7px;
        letter-spacing:.08em;
        line-height:1.1;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .sticky-site-bars .logo-ad-container .header-ad{
        width:100%;
    }

    .sticky-site-bars .logo-ad-container .header-ad .ad-label{
        top:-7px;
        font-size:6px;
    }

    .sticky-site-bars .logo-ad-container .header-ad img{
        width:100%;
        max-height:52px;
    }

    .sticky-site-bars .site-header{
        width:100%;
    }

    .sticky-site-bars .main-nav.is-open{
        max-height:calc(100vh - 126px);
        overflow-y:auto!important;
        overscroll-behavior:contain;
    }

    html{
        scroll-padding-top:132px;
    }
}

@media(max-width:420px){
    .sticky-site-bars .logo-ad-container{
        grid-template-columns:minmax(125px,1fr) minmax(125px,1fr);
        gap:9px;
        padding-inline:10px;
    }

    .sticky-site-bars .logo-ad-container .masthead small{
        display:none;
    }
}

/* Article tags */
.tag-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:2rem 0}.tag-list a{display:inline-flex;padding:.45rem .75rem;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:700}.tag-list a:hover{text-decoration:underline}