/* Dense publication homepage */

.ink-frontpage { position: relative; }

.ink-edge-rail {
    position: absolute;
    top: 690px;
    bottom: 720px;
    z-index: 12;
    display: none;
    width: 160px;
}

.ink-edge-rail.is-left { left: calc((100vw - 1280px) / 2 - 190px); }
.ink-edge-rail.is-right { right: calc((100vw - 1280px) / 2 - 190px); }

.ink-edge-rail-inner {
    position: sticky;
    top: 165px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.ink-edge-card {
    overflow: hidden;
    color: var(--ink-navy-950);
    background: rgb(255 255 255 / .96);
    border: 1px solid var(--ink-line);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgb(11 31 51 / .07);
}

.ink-edge-label {
    display: block;
    color: var(--ink-teal-500);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.ink-week-card { padding-top: 17px; }
.ink-week-card > :is(span, strong) { margin-inline: 15px; }
.ink-week-card > strong { display: block; margin-top: 8px; font-family: var(--ink-serif); font-size: 1.55rem; line-height: 1.06; }
.ink-week-card ol { padding: 0; margin: 15px 0 0; list-style: none; border-top: 1px solid var(--ink-line); }
.ink-week-card li { display: grid; grid-template-columns: 31px 1fr; gap: 5px; padding: 10px 12px; border-bottom: 1px solid #edf0f1; }
.ink-week-card li:last-child { border-bottom: 0; }
.ink-week-card li b { color: var(--ink-teal-500); font-size: .68rem; letter-spacing: .04em; }
.ink-week-card li span { color: #53616c; font-size: .82rem; line-height: 1.25; }

.ink-question-card { padding: 16px 15px 18px; background: #f1f7f6; border-color: #cfe2df; }
.ink-question-card blockquote { margin-top: 10px; color: var(--ink-navy-900); font-family: var(--ink-serif); font-size: 1.35rem; font-style: italic; line-height: 1.18; }

.ink-utility-card { display: flex; flex-direction: column; padding-top: 15px; }
.ink-utility-card > .ink-edge-label { padding: 0 14px 10px; }
.ink-utility-card :is(a, button) {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    color: #40505b;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-top: 1px solid #edf0f1;
    font-size: .83rem;
    font-weight: 650;
    text-align: left;
}
.ink-utility-card :is(a, button):hover { color: var(--ink-teal-500); background: #f7f9f9; }
.ink-utility-card svg { width: 12px; }

.ink-edge-brief { padding: 18px 15px; color: var(--ink-white); background: var(--ink-navy-900); border-color: var(--ink-navy-900); }
.ink-edge-brief .ink-edge-label { color: #7ce0d3; }
.ink-edge-brief strong { display: block; margin-top: 11px; font-family: var(--ink-serif); font-size: 1.65rem; line-height: 1.06; }
.ink-edge-brief p { margin-top: 9px; color: #9eb1bd; font-size: .82rem; }
.ink-edge-brief a { display: block; margin-top: 15px; padding: 9px; color: var(--ink-navy-950); background: #7ce0d3; font-size: .8rem; font-weight: 750; text-align: center; }

@media (min-width: 1660px) {
    .ink-edge-rail { display: block; }
}

.ink-frontpage .ink-masthead-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .55fr);
    min-height: 350px;
}

.ink-frontpage .ink-masthead-title { max-width: 920px; }
.ink-masthead-actions > small { color: #8fa8b8; font-size: 1rem; text-align: center; }

.ink-headline-ticker {
    color: var(--ink-white);
    background: #0d2237;
    border-top: 1px solid rgb(255 255 255 / .1);
}

.ink-headline-ticker-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
    min-height: 54px;
}

.ink-headline-ticker-inner > strong {
    display: flex;
    gap: 9px;
    align-items: center;
    padding-right: 24px;
    color: #7ce0d3;
    font-size: 1rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    border-right: 1px solid rgb(255 255 255 / .13);
}

.ink-headline-ticker-inner > strong span {
    width: 7px;
    height: 7px;
    background: #47d7ac;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgb(71 215 172 / .12);
}

.ink-headline-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.ink-headline-track a {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 0 18px;
    color: #dbe4ea;
    font-family: var(--ink-serif);
    font-size: 1.25rem;
    line-height: 1.15;
    border-right: 1px solid rgb(255 255 255 / .1);
}

.ink-headline-track a:hover { color: #7ce0d3; }
.ink-headline-track time { color: #7891a2; font-family: var(--ink-sans); font-size: .85rem; }
.ink-front { padding: clamp(38px, 5vw, 70px) 0 clamp(46px, 6vw, 82px); }

.ink-front-heading,
.ink-rich-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--ink-line-strong);
}

.ink-front-heading > div,
.ink-rich-section-heading > div {
    display: flex;
    gap: 14px;
    align-items: baseline;
}

.ink-front-heading h2,
.ink-rich-section-heading h2 {
    color: var(--ink-navy-950);
    font-family: var(--ink-serif);
    font-size: clamp(3.3rem, 4vw, 4.8rem);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1;
}

.ink-front-heading > p,
.ink-rich-section-heading > p {
    max-width: 470px;
    color: var(--ink-muted);
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: right;
}

.ink-front-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(250px, .7fr) minmax(270px, .72fr);
    margin-top: 26px;
    background: var(--ink-white);
    border: 1px solid var(--ink-line);
    box-shadow: 0 18px 50px rgb(11 31 51 / .06);
}

.ink-front-lead { min-width: 0; border-right: 1px solid var(--ink-line); }
.ink-front-lead > a { display: flex; flex-direction: column; height: 100%; }
.ink-front-lead figure { min-height: 350px; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ink-paper-deep); }

.ink-front-lead figure img,
.ink-front-secondary figure img,
.ink-big-read figure img,
.ink-desk-grid figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 450ms ease;
}

.ink-front-lead a:hover figure img,
.ink-front-secondary a:hover figure img,
.ink-desk-grid a:hover figure img { transform: scale(1.025); }

.ink-front-lead-copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(25px, 3vw, 38px);
}

.ink-story-label {
    display: inline-block;
    padding: 5px 8px;
    color: var(--ink-teal-500);
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    background: var(--ink-teal-100);
}

.ink-front-lead h3 {
    margin-top: 16px;
    color: var(--ink-navy-950);
    font-family: var(--ink-serif);
    font-size: clamp(3.4rem, 3.8vw, 5rem);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1;
}

.ink-front-lead p { max-width: 650px; margin-top: 17px; color: var(--ink-muted); font-size: 1.4rem; line-height: 1.6; }
.ink-front-lead footer { display: flex; gap: 14px; margin-top: auto; padding-top: 25px; color: #74808a; font-size: 1rem; }
.ink-front-lead footer strong { color: var(--ink-navy-900); }

.ink-front-secondary {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    min-width: 0;
    border-right: 1px solid var(--ink-line);
}

.ink-front-secondary article + article { border-top: 1px solid var(--ink-line); }
.ink-front-secondary a { display: flex; flex-direction: column; height: 100%; }
.ink-front-secondary figure { height: 170px; overflow: hidden; background: var(--ink-paper-deep); }
.ink-front-secondary article div { padding: 20px; }

.ink-front-secondary h3 {
    margin-top: 12px;
    color: var(--ink-navy-950);
    font-family: var(--ink-serif);
    font-size: clamp(2rem, 1.9vw, 2.65rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.ink-front-secondary a:hover h3,
.ink-desk-grid a:hover h4 { color: var(--ink-teal-500); }

.ink-front-secondary small { display: block; margin-top: 13px; color: #74808a; font-size: .9rem; text-transform: uppercase; }
.ink-news-desk { min-width: 0; }

.ink-news-desk > header {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 72px;
    padding: 0 22px;
    color: var(--ink-white);
    background: var(--ink-navy-900);
}

.ink-news-desk > header div { display: flex; flex-direction: column; }
.ink-news-desk > header strong { font-family: var(--ink-serif); font-size: 1.8rem; font-weight: 600; }
.ink-news-desk > header small { color: #9eb2c0; font-size: .85rem; text-transform: uppercase; }
.ink-news-desk ol { padding: 0; margin: 0; list-style: none; }
.ink-news-desk li + li { border-top: 1px solid #e5e8ea; }
.ink-news-desk li a { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 10px; padding: 17px 20px; }
.ink-news-desk li a:hover { background: #f6f8f8; }
.ink-news-desk li time { padding-top: 2px; color: var(--ink-teal-500); font-size: .85rem; font-weight: 750; text-transform: uppercase; }
.ink-news-desk li span { color: var(--ink-navy-950); font-family: var(--ink-serif); font-size: 1.35rem; font-weight: 600; line-height: 1.18; }

.ink-news-desk > button {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
    color: var(--ink-navy-900);
    cursor: pointer;
    background: #f2f6f6;
    border: 0;
    border-top: 1px solid var(--ink-line);
    font-size: 1rem;
    font-weight: 750;
}

.ink-news-desk > button svg,
.ink-topic-tile > svg,
.ink-desk-block > header a svg,
.ink-big-read article > div > a svg { width: 15px; }

.ink-proof { color: var(--ink-white); background: var(--ink-navy-950); }
.ink-proof-inner { display: grid; grid-template-columns: repeat(4, 1fr); }
.ink-proof-inner > div { display: flex; flex-direction: column; padding: 28px clamp(20px, 3vw, 42px); border-left: 1px solid rgb(255 255 255 / .12); }
.ink-proof-inner > div:last-child { border-right: 1px solid rgb(255 255 255 / .12); }
.ink-proof strong { color: #7ce0d3; font-family: var(--ink-serif); font-size: 3rem; font-weight: 500; letter-spacing: -.04em; }
.ink-proof span { margin-top: 3px; color: #9db0bd; font-size: .95rem; letter-spacing: .06em; text-transform: uppercase; }
.ink-topic-hub, .ink-desks { padding: clamp(58px, 7vw, 92px) 0; }
.ink-topic-hub { background: var(--ink-white); }

.ink-topic-hub-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 32px;
    border-top: 1px solid var(--ink-line);
    border-left: 1px solid var(--ink-line);
}

.ink-topic-tile {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 230px;
    padding: 25px;
    overflow: hidden;
    border-right: 1px solid var(--ink-line);
    border-bottom: 1px solid var(--ink-line);
}

.ink-topic-tile:first-child {
    grid-row: span 2;
    min-height: 460px;
    color: var(--ink-white);
    background: linear-gradient(150deg, var(--ink-navy-900), var(--ink-navy-800));
}

.ink-topic-tile:first-child h3,
.ink-topic-tile:first-child strong { color: var(--ink-white); }
.ink-topic-tile:first-child p,
.ink-topic-tile:first-child .ink-topic-tile-index { color: #aebfca; }
.ink-topic-tile:hover { color: var(--ink-white); background: var(--ink-teal-500); }
.ink-topic-tile:hover :is(h3, p, strong, small, .ink-topic-tile-index) { color: var(--ink-white); }
.ink-topic-tile-index { color: #94a0a8; font-size: .9rem; font-weight: 750; }
.ink-topic-tile h3 { margin-top: 22px; color: var(--ink-navy-950); font-family: var(--ink-serif); font-size: 2.6rem; font-weight: 600; letter-spacing: -.035em; }
.ink-topic-tile p { margin-top: 9px; color: var(--ink-muted); font-size: 1.05rem; line-height: 1.5; }
.ink-topic-tile > strong { align-self: end; margin-top: 24px; color: var(--ink-navy-900); font-size: 1.35rem; }
.ink-topic-tile > strong small { color: var(--ink-muted); font-size: .9rem; font-weight: 500; }
.ink-topic-tile > svg { position: absolute; right: 22px; bottom: 27px; }

.ink-partner-unit {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) auto;
    gap: clamp(24px, 4vw, 58px);
    align-items: center;
    margin-top: 28px;
    padding: 25px 28px;
    color: var(--ink-white);
    background:
        linear-gradient(90deg, rgb(15 139 141 / .16), transparent 40%),
        var(--ink-navy-950);
    border-left: 5px solid #7ce0d3;
}

.ink-partner-brand {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
    border-right: 1px solid rgb(255 255 255 / .16);
}

.ink-partner-brand span {
    color: #7ce0d3;
    font-family: var(--ink-serif);
    font-size: 2rem;
    font-weight: 600;
}

.ink-partner-brand small {
    margin-top: 4px;
    color: #879dab;
    font-size: .85rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ink-partner-copy h3 {
    margin-top: 10px;
    font-family: var(--ink-serif);
    font-size: clamp(2rem, 2.4vw, 3rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.05;
}

.ink-partner-copy p {
    max-width: 740px;
    margin-top: 8px;
    color: #aebfca;
    font-size: 1.05rem;
    line-height: 1.5;
}

.ink-partner-unit > a {
    display: flex;
    gap: 9px;
    align-items: center;
    min-width: max-content;
    padding: 13px 17px;
    color: var(--ink-navy-950);
    background: #7ce0d3;
    font-size: 1rem;
    font-weight: 750;
}

.ink-partner-unit > a svg { width: 14px; }

.ink-intelligence { padding: clamp(50px, 6vw, 82px) 0; background: #f2f3f3; border-block: 1px solid var(--ink-line); }
.ink-intelligence-inner { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; max-width: 1280px; }
.ink-intelligence .ink-feed-header { min-height: 58px; margin-bottom: 18px; }
.ink-intelligence .ink-feed-header > div { display: flex; gap: 12px; align-items: baseline; }
.ink-intelligence .ink-feed-header h2 { font-family: var(--ink-serif); font-size: 3.5rem; font-weight: 600; }
.ink-rank-panel { border-top: 4px solid var(--ink-teal-500); }
.ink-rank-panel .ink-side-number { font-size: 1.35rem; }
.ink-brief-panel { padding-bottom: 20px; color: var(--ink-white); background: var(--ink-navy-900); border-color: var(--ink-navy-900); }
.ink-brief-panel > header { border-color: rgb(255 255 255 / .12); }
.ink-brief-panel h2 { color: var(--ink-white); }
.ink-brief-panel ul { padding: 7px 20px 0; margin: 0; list-style: none; }
.ink-brief-panel li { display: flex; gap: 10px; padding: 12px 0; color: #c1ced6; font-size: 1.1rem; border-bottom: 1px solid rgb(255 255 255 / .1); }
.ink-brief-panel li span { color: #7ce0d3; font-size: .9rem; font-weight: 700; }
.ink-brief-panel .gh-button { width: calc(100% - 40px); margin: 18px 20px 0; color: var(--ink-navy-950); background: #7ce0d3; border-radius: 3px; }

.ink-big-read { padding: clamp(58px, 7vw, 96px) 0; color: var(--ink-white); background: #0c2135; }
.ink-big-read article { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: stretch; min-height: 520px; border: 1px solid rgb(255 255 255 / .15); }
.ink-big-read figure { min-height: 520px; overflow: hidden; }

.ink-big-read article > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(34px, 5vw, 68px);
    background: radial-gradient(circle at 90% 0, rgb(15 139 141 / .28), transparent 36%), #112c45;
}

.ink-big-read h2 { margin-top: 28px; font-family: var(--ink-serif); font-size: clamp(3.8rem, 4.6vw, 6.2rem); font-weight: 500; letter-spacing: -.05em; line-height: .98; }
.ink-big-read p { margin-top: 24px; color: #bbc9d2; font-size: 1.4rem; line-height: 1.65; }
.ink-big-read footer { display: flex; gap: 18px; margin-top: 25px; color: #8fa5b3; font-size: 1rem; text-transform: uppercase; }
.ink-big-read article > div > a { display: inline-flex; gap: 9px; align-items: center; margin-top: auto; padding-top: 30px; color: #7ce0d3; font-size: 1.2rem; font-weight: 750; }

.ink-resource-shelf {
    padding: clamp(54px, 6vw, 82px) 0;
    background: var(--ink-white);
    border-bottom: 1px solid var(--ink-line);
}

.ink-resource-grid {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, 1fr);
    margin-top: 30px;
    border-top: 1px solid var(--ink-line);
    border-left: 1px solid var(--ink-line);
}

.ink-resource-grid > :is(article, a) {
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 28px;
    border-right: 1px solid var(--ink-line);
    border-bottom: 1px solid var(--ink-line);
}

.ink-resource-grid > a {
    color: var(--ink-navy-950);
    background: var(--ink-white);
}

.ink-resource-grid > a:hover {
    color: var(--ink-white);
    background: var(--ink-teal-500);
}

.ink-resource-grid span {
    color: var(--ink-teal-500);
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.ink-resource-grid > a:hover :is(span, small, b) { color: var(--ink-white); }

.ink-resource-grid strong,
.ink-resource-grid h3 {
    margin-top: 28px;
    font-family: var(--ink-serif);
    font-size: clamp(2.25rem, 2.2vw, 3rem);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.06;
}

.ink-resource-grid small,
.ink-resource-grid p {
    margin-top: 14px;
    color: var(--ink-muted);
    font-size: 1.1rem;
    line-height: 1.55;
}

.ink-resource-grid b,
.ink-resource-grid article > a {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: auto;
    padding-top: 24px;
    color: var(--ink-navy-900);
    font-size: .95rem;
    font-weight: 750;
    text-transform: uppercase;
}

.ink-resource-grid :is(b, article > a) svg { width: 14px; }

.ink-resource-grid .is-brief {
    color: var(--ink-white);
    background:
        radial-gradient(circle at 100% 0, rgb(124 224 211 / .22), transparent 36%),
        var(--ink-navy-900);
}

.ink-resource-grid .is-brief span,
.ink-resource-grid .is-brief > a { color: #7ce0d3; }
.ink-resource-grid .is-brief p { color: #b8c8d2; }

.ink-desks { background: var(--ink-paper); }
.ink-desk-block { margin-top: 48px; }
.ink-desk-block + .ink-desk-block { padding-top: 48px; border-top: 1px solid var(--ink-line-strong); }
.ink-desk-block > header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }
.ink-desk-block > header > div { display: flex; gap: 14px; align-items: baseline; }
.ink-desk-block > header span { color: var(--ink-teal-500); font-size: .9rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.ink-desk-block > header h3 { color: var(--ink-navy-950); font-family: var(--ink-serif); font-size: 3.3rem; font-weight: 600; letter-spacing: -.04em; }
.ink-desk-block > header a { display: flex; gap: 8px; align-items: center; color: var(--ink-navy-900); font-size: 1rem; font-weight: 750; text-transform: uppercase; }

.ink-desk-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, .75fr));
    border-top: 1px solid var(--ink-line);
    border-left: 1px solid var(--ink-line);
}

.ink-desk-grid article { min-width: 0; border-right: 1px solid var(--ink-line); border-bottom: 1px solid var(--ink-line); }
.ink-desk-grid a { display: flex; flex-direction: column; height: 100%; background: var(--ink-white); }
.ink-desk-grid figure { height: 170px; overflow: hidden; }
.ink-desk-grid article.is-main figure { height: 250px; }
.ink-desk-grid article > a > div { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.ink-desk-grid article > a span,
.ink-desk-grid article > a small { color: #74808a; font-size: .85rem; text-transform: uppercase; }
.ink-desk-grid h4 { margin-top: 12px; color: var(--ink-navy-950); font-family: var(--ink-serif); font-size: 2.25rem; font-weight: 600; letter-spacing: -.035em; line-height: 1.08; }
.ink-desk-grid article.is-main h4 { font-size: clamp(2.8rem, 3vw, 4rem); }
.ink-desk-grid p { margin-top: 14px; color: var(--ink-muted); font-size: 1.2rem; line-height: 1.55; }
.ink-desk-grid small { display: block; margin-top: auto; padding-top: 20px; }

.ink-authority { padding: clamp(58px, 7vw, 94px) 0; color: var(--ink-white); background: var(--ink-teal-500); }
.ink-authority-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(50px, 8vw, 110px); }
.ink-authority .ink-kicker { color: #d6fffa; }
.ink-authority-copy h2 { margin-top: 24px; font-family: var(--ink-serif); font-size: clamp(4rem, 5vw, 6rem); font-weight: 500; letter-spacing: -.05em; line-height: .98; }
.ink-authority-copy p { max-width: 560px; margin-top: 25px; color: #d9f3f0; font-size: 1.4rem; line-height: 1.65; }
.ink-authority-principles { border-top: 1px solid rgb(255 255 255 / .3); }
.ink-authority-principles > div { display: grid; grid-template-columns: 35px minmax(170px, .5fr) minmax(0, 1fr); gap: 18px; align-items: start; padding: 24px 0; border-bottom: 1px solid rgb(255 255 255 / .3); }
.ink-authority-principles span { color: #bff1eb; font-size: .95rem; font-weight: 750; }
.ink-authority-principles strong { font-family: var(--ink-serif); font-size: 2rem; font-weight: 600; }
.ink-authority-principles p { color: #d9f3f0; font-size: 1.1rem; line-height: 1.55; }

@media (max-width: 1100px) {
    .ink-front-grid { grid-template-columns: minmax(0, 1.4fr) minmax(250px, .6fr); }
    .ink-news-desk { grid-column: 1 / -1; border-top: 1px solid var(--ink-line); }
    .ink-news-desk ol { display: grid; grid-template-columns: repeat(3, 1fr); }
    .ink-news-desk li { border-right: 1px solid var(--ink-line); }
    .ink-news-desk li + li { border-top: 0; }
    .ink-topic-hub-grid { grid-template-columns: repeat(3, 1fr); }
    .ink-topic-tile:first-child { grid-row: auto; min-height: 230px; }
    .ink-partner-unit { grid-template-columns: 150px minmax(0, 1fr); }
    .ink-partner-unit > a { grid-column: 2; width: fit-content; }
    .ink-resource-grid { grid-template-columns: repeat(2, 1fr); }
    .ink-desk-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .ink-frontpage .ink-masthead-inner { grid-template-columns: 1fr; gap: 32px; }
    .ink-frontpage .ink-masthead-actions { max-width: 560px; }
    .ink-headline-track { grid-template-columns: repeat(2, minmax(260px, 1fr)); overflow-x: auto; }
    .ink-proof-inner, .ink-topic-hub-grid { grid-template-columns: repeat(2, 1fr); }
    .ink-intelligence-inner { grid-template-columns: 1fr; }
    .ink-community-sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); }
    .ink-topic-panel { grid-column: 1 / -1; }
    .ink-big-read article { grid-template-columns: 1fr; }
    .ink-big-read figure { min-height: 380px; aspect-ratio: 16 / 8; }
    .ink-authority-inner { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .ink-front-heading, .ink-rich-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .ink-front-heading > p, .ink-rich-section-heading > p { text-align: left; }
    .ink-front-grid { grid-template-columns: 1fr; }
    .ink-front-lead, .ink-front-secondary { border-right: 0; border-bottom: 1px solid var(--ink-line); }
    .ink-front-secondary { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
    .ink-front-secondary article + article { border-top: 0; border-left: 1px solid var(--ink-line); }
    .ink-news-desk ol { grid-template-columns: 1fr 1fr; }
    .ink-headline-ticker-inner { grid-template-columns: 75px minmax(0, 1fr); gap: 0; }
    .ink-headline-ticker-inner > strong { padding-right: 12px; }
    .ink-headline-track { display: flex; }
    .ink-headline-track a { flex: 0 0 280px; }
    .ink-topic-hub-grid, .ink-desk-grid { grid-template-columns: 1fr; }
    .ink-topic-tile, .ink-topic-tile:first-child { min-height: 190px; }
    .ink-partner-unit { grid-template-columns: 1fr; }
    .ink-partner-brand { padding-right: 0; padding-bottom: 16px; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / .16); }
    .ink-partner-unit > a { grid-column: auto; }
    .ink-resource-grid { grid-template-columns: 1fr; }
    .ink-resource-grid > :is(article, a) { min-height: 260px; }
    .ink-desk-grid article.is-main figure, .ink-desk-grid figure { height: auto; aspect-ratio: 16 / 8; }
    .ink-authority-principles > div { grid-template-columns: 30px 1fr; }
    .ink-authority-principles p { grid-column: 2; }
}

@media (max-width: 520px) {
    .ink-frontpage .ink-masthead-inner { min-height: 0; padding-block: 38px; }
    .ink-frontpage .ink-masthead-title { font-size: 4.2rem; }
    .ink-proof-inner { grid-template-columns: 1fr 1fr; }
    .ink-proof-inner > div { padding: 22px 15px; }
    .ink-proof strong { font-size: 2.4rem; }
    .ink-front-secondary, .ink-news-desk ol { grid-template-columns: 1fr; }
    .ink-front-secondary article + article { border-left: 0; border-top: 1px solid var(--ink-line); }
    .ink-news-desk li { border-right: 0; }
    .ink-news-desk li + li { border-top: 1px solid var(--ink-line); }
    .ink-community-sidebar { display: flex; }
    .ink-big-read article > div { padding: 30px 24px; }
    .ink-big-read figure { min-height: 250px; }
    .ink-big-read h2 { font-size: 4rem; }
}
