/* Public articles only; exact razbory/razbor geometry and mobile fragments. */
.articles-design .articles-page{padding-top:72px;padding-bottom:96px}
.articles-design .articles-hero{padding-bottom:48px;border-bottom:1px solid var(--c-line)}
.articles-design .articles-hero h1{font-size: min(var(--public-text-cap, 44px), 44px);line-height:1.05;letter-spacing:-.03em;margin:0 0 20px;font-weight:600}
.articles-design .articles-hero p{max-width:720px;font-size:19px;line-height:1.6;color:var(--c-ink-2);margin:0}
.articles-design .articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.articles-design .article-list-card-public{display:block;min-width:0;padding:44px 0;border-bottom:1px solid var(--c-line);color:var(--c-ink);overflow-wrap:anywhere}
.articles-design .article-list-card-public:hover h2{color:var(--c-accent-hover)}
.articles-design .article-list-cover,.articles-design .article-cover{height:200px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-bg);margin:0 0 24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;position:relative}
.articles-design .article-list-cover:has(img),.articles-design .article-cover:has(img){padding:0}
.articles-design .article-list-cover img,.articles-design .article-cover img{width:100%;height:100%;object-fit:cover}
.articles-design .article-cover-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-2)}
.articles-design .article-cover-name{font:600 min(var(--public-text-cap, 40px), 40px)/1 var(--f-display);letter-spacing:-.03em}
.articles-design .article-list-copy h2{font-size: min(var(--public-text-cap, 28px), 28px);line-height:1.18;letter-spacing:-.02em;font-weight:600;margin:0 0 14px}
.articles-design .article-list-copy p{font-size:17px;line-height:1.55;color:var(--c-ink-2);margin:0 0 20px}
.articles-design .article-list-meta{font:500 15px/1.5 var(--f-display);color:var(--c-ink-2)}
.articles-design .article-kicker{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-2);margin-bottom:18px}
.articles-design .article-featured{grid-column:1/-1;padding:48px 0 56px}
.articles-design .article-featured .article-list-cover{height:380px;margin-bottom:36px}
.articles-design .article-featured .article-list-copy{max-width:860px}
.articles-design .article-featured h2{font-size: min(var(--public-text-cap, 44px), 44px);line-height:1.12;letter-spacing:-.025em;margin-bottom:20px}
.articles-design .article-featured p{max-width:720px;font-size:19px;line-height:1.6;margin-bottom:24px}
.articles-design .article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,700px) minmax(0,1fr);gap:48px;padding:64px 40px 96px;align-items:start}
.articles-design .article-detail{grid-column:2;min-width:0;width:100%;overflow-wrap:anywhere}
.articles-design .article-detail h1{font-size: min(var(--public-text-cap, 52px), 52px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0 0 24px}
.articles-design .article-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--c-ink-2);margin-bottom:24px;align-items:center}
.articles-design .article-breadcrumbs a{display:inline-flex;align-items:center;min-height:48px}
.articles-design .article-lead{font-size:22px;line-height:1.55;color:var(--c-ink-2);margin:0 0 32px}
.articles-design .article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 15px/1.5 var(--f-display);color:var(--c-ink-2);padding-bottom:32px;border-bottom:1px solid var(--c-line)}
.articles-design .article-cover{height:400px;margin:40px 0 48px}
.articles-design .article-body{font-size:19px;line-height:1.7}
.articles-design .article-body p{margin:0 0 24px}
.articles-design .article-body h2{font-size: min(var(--public-text-cap, 32px), 32px);line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:48px 0 20px}
.articles-design .article-body h3{font-size: min(var(--public-text-cap, 26px), 26px);line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:32px 0 18px}
.articles-design .article-body ul{padding-left:24px;margin:0 0 32px}
.articles-design .article-body li{padding-left:10px;margin:0 0 14px}
.articles-design .article-body li::marker{color:var(--c-accent)}
.articles-design .article-body strong{font-weight:600}
.articles-design .article-body ol{margin:0 0 32px;padding:0;list-style:none;counter-reset:article-step;display:flex;flex-direction:column;gap:16px}
.articles-design .article-body ol>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:0;margin:0;counter-increment:article-step}
.articles-design .article-body ol>li::before{content:counter(article-step);font:700 17px/min(var(--public-text-cap, 32px), 32px) var(--f-display);color:var(--c-accent);background:var(--c-accent-bg);border-radius:var(--r);height:32px;text-align:center}
.articles-design .article-body blockquote{margin:32px 0;padding:0 0 0 28px;border-left:2px solid var(--c-accent)}
.articles-design .article-body blockquote p{font:500 23px/1.45 var(--f-display);letter-spacing:-.01em;margin:0}
.articles-design .article-inline-link{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.articles-design .article-table-group{margin:32px 0;min-width:0}
.articles-design .article-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface)}
.articles-design .article-body table{width:100%;min-width:470px;border-collapse:collapse;font:400 15px/1.35 Arial,"Helvetica Neue",sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.articles-design .article-body th,.articles-design .article-body td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--c-line);min-width:90px;vertical-align:top}
.articles-design .article-body th:first-child,.articles-design .article-body td:first-child{min-width:230px}
.articles-design .article-body .article-table-align-right{text-align:right}
.articles-design .article-body .article-table-align-center{text-align:center}
.articles-design .article-body th{background:var(--c-bg);font-weight:600}
.articles-design .article-body tr:last-child td{border-bottom:0}
.articles-design .article-body .article-table-hint{display:none}
.articles-design .article-body h2,.articles-design .article-source-item{scroll-margin-top:100px}
.articles-design .source-ref{color:var(--c-accent);font-size:.8em;vertical-align:super;text-decoration:underline;text-underline-offset:3px}
.articles-design .article-sources{margin-top:56px}
.articles-design .article-sources h2{font-size: min(var(--public-text-cap, 26px), 26px);letter-spacing:-.02em;font-weight:600;margin:0 0 24px}
.articles-design .article-source-item{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;padding:11px 0;border-top:1px solid var(--c-line);font-size:16px;line-height:1.45;font-weight:500}
.articles-design .article-source-item:last-child{border-bottom:1px solid var(--c-line)}
.articles-design .source-number{font:600 13px/1.45 var(--f-display);color:var(--c-ink-2);white-space:nowrap}
.articles-design .article-source-item a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;min-height:0}
.articles-design .article-back{margin-top:64px;padding-top:32px;border-top:1px solid var(--c-line)}
.articles-design .article-toc-rail{width:230px;max-width:100%;justify-self:end;position:sticky;top:108px;overflow-wrap:anywhere}
.articles-design .article-toc-rail nav{border-left:1px solid var(--c-line)}
.articles-design .article-toc-rail a{display:block;padding:8px 0 8px 16px;font-size:15px;line-height:1.4;color:var(--c-ink-2)}
.articles-design .article-toc-rail a:hover{color:var(--c-accent)}
.articles-design .article-toc-mobile{display:none}
.articles-design .articles-empty-clean,.articles-design .article-loading{grid-column:1/-1;padding:48px 0;max-width:700px;width:100%;margin:auto}
.articles-design .articles-empty-clean h2{font-size: min(var(--public-text-cap, 30px), 30px)}
.articles-design .articles-empty-clean p{color:var(--c-ink-2);margin-bottom:24px}
@media(min-width:861px) and (max-width:1200px){.articles-design .article-layout{display:block}.articles-design .article-detail{max-width:700px;margin:auto}.articles-design .article-toc-rail{display:none}.articles-design .article-toc-mobile{display:block}}
.articles-design .article-toc-mobile details{margin-top:16px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}
.articles-design .article-toc-mobile summary{min-height:56px;padding:16px;cursor:pointer;font-weight:600}
.articles-design .article-toc-mobile a{display:block;border-top:1px solid var(--c-line);padding:14px 16px;min-height:48px;font-size:15px}
@media(max-width:860px){
.articles-design .articles-page{padding-top:24px;padding-bottom:32px}
.articles-design .articles-hero{padding-bottom:16px}
.articles-design .articles-hero h1{font-size: min(var(--public-text-cap, 32px), 32px);line-height:1.1;margin-bottom:12px}
.articles-design .articles-hero p{font-size:16px;line-height:1.55}
.articles-design .articles-grid{display:block}
.articles-design .article-list-card-public{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:16px;padding:20px 0}
.articles-design .article-list-cover{grid-column:2;grid-row:1;height:96px;margin:0;padding:12px}
.articles-design .article-list-copy{grid-column:1;grid-row:1}
.articles-design .article-list-copy h2{font-size:19px;line-height:1.25;margin-bottom:8px}
.articles-design .article-list-card-public:not(.article-featured) .article-list-copy p{display:none}
.articles-design .article-cover-label{font-size:12px;letter-spacing:0}
.articles-design .article-cover-name{font-size:18px}
.articles-design .article-list-meta{font-size:14px}
.articles-design .article-featured{display:block;padding:20px 0 24px}
.articles-design .article-featured .article-list-cover{height:200px;margin-bottom:16px;padding:20px 24px}
.articles-design .article-featured .article-list-cover:has(img){padding:0}
.articles-design .article-featured .article-cover-name{font-size: min(var(--public-text-cap, 32px), 32px)}
.articles-design .article-featured h2{font-size: min(var(--public-text-cap, 26px), 26px);line-height:1.15;letter-spacing:-.03em;margin-bottom:10px}
.articles-design .article-featured p{font-size:16px;line-height:1.55;margin-bottom:12px}
.articles-design .article-kicker{font-size:12px;margin-bottom:10px}
.articles-design .article-layout{display:block;padding:24px 20px 32px}
.articles-design .article-detail{max-width:700px;margin:auto}
.articles-design .article-detail h1{font-size: min(var(--public-text-cap, 30px), 30px);line-height:1.12;margin-bottom:14px}
.articles-design .article-lead{font-size:17px;line-height:1.55;margin-bottom:16px}
.articles-design .article-meta{font-size:14px;padding-bottom:20px}
.articles-design .article-cover{height:200px;margin:24px 0}
.articles-design .article-body{font-size:17px;line-height:1.7}
.articles-design .article-body p{margin-bottom:18px}
.articles-design .article-body h2{font-size:24px;margin:28px 0 14px}
.articles-design .article-body h3{font-size:22px;margin:24px 0 14px}
.articles-design .article-body blockquote p{font-size:19px}
.articles-design .article-body table{font-size:13px;line-height:1.32}
.articles-design .article-body th,.articles-design .article-body td{padding:8px 10px}
.articles-design .article-body th:first-child,.articles-design .article-body td:first-child{min-width:190px}
.articles-design .article-body .article-table-hint{display:block;font-size:14px;color:var(--c-ink-2);margin:0 0 8px}
.articles-design .article-toc-rail{display:none}
.articles-design .article-toc-mobile{display:block}
.articles-design .article-sources{margin-top:32px}
.articles-design .article-source-item{font-size:15px;gap:5px;padding:9px 0}
.articles-design .article-back{margin-top:32px;padding-top:20px}
.articles-design .article-loading,.articles-design .articles-empty-clean{padding:32px 20px}
}

/* Generated and prepared covers retain their entire 16:9 composition. */
.articles-design .article-list-cover:has(img),
.articles-design .article-featured .article-list-cover:has(img),
.articles-design .article-cover:has(img){height:auto;aspect-ratio:16/9;padding:0}
.articles-design .article-list-cover img,.articles-design .article-cover img{object-fit:contain;display:block;aspect-ratio:16/9}