/* Theme Name: SiteStarter Journal Theme URI: https://sitestarter.ru/ Author: SiteStarter Description: Адаптивный журнал о сайтах, разработке и искусственном интеллекте. Поддерживает редактор блоков, логотип, миниатюры и сохранённые счётчики сайта. Version: 1.0.0 Requires at least: 6.4 Requires PHP: 7.4 Text Domain: sitestarter-journal License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html */ :root{--paper:#f5f3ed;--ink:#183039;--muted:#617075;--line:#d8dcd5;--coral:#e45d3b;--coral-dark:#a83a22;--sage:#d9e2d5;--white:#fff;--shell:1224px;--radius:12px} *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:32px} body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-wrap:break-word} body,input,button,textarea,select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} a{color:inherit;text-decoration:none;text-underline-offset:.2em} a:hover{color:var(--coral-dark)} button,input,textarea,select{font:inherit} button,a,input,textarea,summary{touch-action:manipulation} button{cursor:pointer} img{display:block;max-width:100%;height:auto} svg{display:block;flex-shrink:0} figure{margin:0} h1,h2,h3,h4,p{margin:0} h1,h2,h3,h4{font-weight:650;line-height:1.16;letter-spacing:-.04em;text-wrap:balance} p{ text-wrap:pretty } ul,ol{padding-left:1.3em} ::selection{background:var(--sage);color:var(--ink)} :focus-visible{outline:3px solid var(--coral);outline-offset:5px;border-radius:3px} .shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto} .screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important} .skip-link:focus{clip-path:none;width:auto;height:auto;top:12px;left:12px;z-index:999999;background:var(--ink);color:var(--white);padding:12px 20px} .site-header{border-bottom:1px solid var(--line)} .header-inner{display:flex;align-items:center;gap:28px;min-height:119px;padding-block:24px} .brand{display:flex;align-items:center;gap:13px;flex-shrink:0} .brand-link{display:flex;align-items:center;gap:13px} .brand-link:hover{color:var(--ink)} .brand-mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0} .brand-mark img{width:56px;height:56px;object-fit:contain} .brand-native-logo .custom-logo-link{display:block} .brand-native-logo img{max-width:64px;width:auto;height:56px;object-fit:contain} .brand-type{display:flex;flex-direction:column} .brand-wordmark{font-size:31px;line-height:1.15;font-weight:750;letter-spacing:-1.5px} .brand-dot,.footer-wordmark span{color:var(--coral)} .brand-tagline{font-size:10px;font-weight:500;letter-spacing:.01em;margin-top:6px;color:var(--muted)} .primary-nav{margin-left:auto} .nav-links{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:550;line-height:1.4} .nav-links a{display:block;padding-block:8px;border-bottom:1px solid transparent} .nav-links a:hover,.nav-links a[aria-current=page]{border-bottom-color:var(--coral);color:var(--ink)} .nav-links li{position:relative} .nav-links .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:15px;background:var(--paper);border:1px solid var(--line);list-style:none;z-index:10} .nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{display:block} .header-search{position:relative;margin-left:8px;flex-shrink:0;font-size:13px} .header-search summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;border-left:1px solid var(--line);padding:10px 0 10px 22px} .header-search summary::-webkit-details-marker{display:none} .header-search[open] summary{color:var(--coral-dark)} .search-popover{position:absolute;top:56px;right:0;z-index:20;width:360px;max-width:calc(100vw - 48px);background:var(--paper);padding:16px;border:1px solid var(--line);box-shadow:0 10px 35px #18303912;border-radius:8px} .search-form{display:flex;align-items:stretch;width:100%;border:1px solid #b7c0bc;background:transparent;border-radius:5px;overflow:hidden} .search-form:focus-within{outline:2px solid var(--coral);outline-offset:2px} .search-form input{min-width:0;flex:1;width:100%;padding:13px 15px;border:0;outline:0;background:transparent;color:inherit;font-size:14px;border-radius:0} .search-form input::placeholder{color:var(--muted);opacity:1} .search-form button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;border:0;background:transparent;color:var(--ink)} .search-form button:hover{background:var(--sage)} .journal-intro{padding-top:68px;padding-bottom:48px} .intro-eyebrow,.eyebrow{display:block;font-size:10px;line-height:1.6;font-weight:650;letter-spacing:.15em;text-transform:uppercase} .intro-eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted)} .status-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #e45d3b0d} .intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-top:22px} .intro-row h1{font-size:clamp(35px,4.1vw,58px);line-height:1.12;letter-spacing:-.055em} .intro-row h1 span{color:#73847e} .intro-row>p{max-width:325px;color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:5px} .featured-section{padding-bottom:76px} .featured-story{display:grid;grid-template-columns:1.01fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#faf9f5;min-height:426px} .featured-copy{padding:42px 40px 38px;display:flex;flex-direction:column;align-items:flex-start} .featured-copy>.eyebrow{display:flex;align-items:center;gap:9px;color:var(--coral-dark);margin-bottom:33px} .accent-line{display:inline-block;width:22px;height:1px;background:var(--coral)} .story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 17px;color:var(--muted);font-size:10px;line-height:1.6} .category-label{color:var(--ink);font-weight:650;text-transform:uppercase;letter-spacing:.075em;font-size:9px} .featured-copy .story-meta{margin-bottom:13px} .featured-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin-bottom:19px} .featured-copy h2 a:hover{color:var(--coral-dark)} .featured-excerpt{color:var(--muted);font-size:14px;line-height:1.75;margin-bottom:25px;max-width:440px} .text-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:5px;line-height:1.6} .text-link>span{font-size:19px;font-weight:400;line-height:1} .featured-copy .text-link{margin-top:auto} .featured-image{display:block;min-height:426px;background:var(--ink);overflow:hidden} .featured-image img{width:100%;height:100%;object-fit:cover} .featured-image:hover img{transform:scale(1.025)} .featured-image img,.card-image img{transition:transform .35s ease} .image-placeholder{position:relative;color:var(--paper);background:var(--sage)} .placeholder-composition{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,#f5f3ed55 0,transparent 50%),var(--sage)} .placeholder-orbit{position:absolute;left:18%;top:0;width:390px;height:390px;border:1px solid #18303920;border-radius:50%;transform:rotate(-25deg)} .placeholder-orbit:before,.placeholder-orbit:after{content:"";position:absolute;inset:38px;border:1px solid #18303920;border-radius:50%} .placeholder-orbit:after{inset:76px} .placeholder-monogram{font-size:175px;line-height:1;font-weight:750;letter-spacing:-22px;color:var(--ink);transform:rotate(-8deg)} .placeholder-monogram>span{color:var(--coral);font-size:105px;vertical-align:top;display:inline-block;margin-left:12px;margin-top:7px} .placeholder-caption{position:absolute;left:32px;bottom:28px;font-size:8px;letter-spacing:.19em;color:var(--ink)} .journal-section{padding-bottom:75px;scroll-margin-top:30px} .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:27px;margin-bottom:0;border-bottom:1px solid var(--line)} .section-heading .eyebrow{color:var(--muted);font-size:9px;margin-bottom:9px} .section-heading h1,.section-heading h2{font-size:32px;line-height:1.16;letter-spacing:-.04em} .section-note{font-size:11px;color:var(--muted);text-align:right;padding-bottom:3px} .post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px} .post-card{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--line);padding:28px 0 25px} .card-image{overflow:hidden;aspect-ratio:1.6;background:var(--sage);border-radius:7px;margin-bottom:21px} .card-image img{width:100%;height:100%;object-fit:cover} .card-image:hover img{transform:scale(1.04)} .card-body{display:flex;flex-direction:column;flex:1} .card-body .story-meta{justify-content:space-between;gap:8px;margin-bottom:13px} .post-card h3{font-size:23px;line-height:1.24;letter-spacing:-.035em;margin-bottom:13px} .post-card p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px} .card-read{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;color:var(--muted);gap:20px} .card-arrow{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:28px;height:28px;border-radius:50%;font-size:16px;color:var(--ink);transition:background .2s,border-color .2s} .card-read:hover .card-arrow{background:var(--coral);border-color:var(--coral);color:var(--paper)} .topic-band{display:flex;align-items:center;gap:35px;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:39px 42px;margin-bottom:86px;overflow:hidden} .topic-symbol{font-size:102px;line-height:1;font-weight:300;color:var(--coral);padding-right:10px} .topic-band .eyebrow{font-size:8px;color:#bdc9c6;margin-bottom:11px} .topic-band h2{font-size:29px;line-height:1.17;letter-spacing:-.035em} .topic-band p{font-size:11px;color:#c3cfcb;max-width:440px;margin-top:12px} .topic-band>.button{margin-left:auto;flex-shrink:0} .button,.wp-block-button__link,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;background:var(--ink);border:1px solid var(--ink);border-radius:5px;color:var(--paper);font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer} .button:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--coral-dark);border-color:var(--coral-dark);color:var(--paper)} .button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)} .button-light:hover{background:var(--sage);border-color:var(--sage);color:var(--ink)} .button>span{font-size:19px;font-weight:400} .site-footer{border-top:1px solid var(--line);padding-top:43px} .footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding-bottom:36px} .footer-wordmark{font-size:25px;font-weight:750;letter-spacing:-1.1px;line-height:1.2} .footer-intro p{font-size:11px;line-height:1.75;margin-top:12px;color:var(--muted)} .footer-links{display:grid;grid-template-columns:1fr;align-content:start;gap:7px;font-size:11px} .footer-search{padding-top:2px} .footer-search .search-form input{font-size:11px;padding:11px 12px} .footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;padding-bottom:26px} .footer-bottom>p{font-size:9px;line-height:1.7;max-width:550px;color:var(--muted)} .pagination{margin-top:35px;text-align:center} .nav-links.page-numbers,.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:12px} .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;border:1px solid var(--line);border-radius:4px;padding:5px 10px} .pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--paper)} .pagination a:hover{border-color:var(--ink)} body:not(.home) .journal-section{padding-top:63px} .archive-description{max-width:760px;font-size:16px;line-height:1.8;margin-top:24px;color:var(--muted)} .empty-state{max-width:600px;padding-block:55px 20px} .empty-state h2{font-size:29px;margin-bottom:15px} .empty-state p{color:var(--muted);margin-bottom:25px;font-size:15px} .empty-state .search-form{max-width:460px} .article-main{padding-top:49px} .back-link{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:31px} .article-header{max-width:1100px} .article-header .story-meta{margin-bottom:18px;font-size:11px} .article-header h1{font-size:clamp(35px,4.65vw,62px);max-width:1050px;line-height:1.12;letter-spacing:-.05em;margin-bottom:25px} .article-deck{color:var(--muted);font-size:20px;line-height:1.65;max-width:760px;margin-bottom:35px} .article-cover{max-width:1100px;margin-top:30px;margin-bottom:52px} .article-cover>img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:10px} .article-cover figcaption{color:var(--muted);font-size:12px;line-height:1.65;margin-top:12px;max-width:900px} .article-layout{max-width:1100px;margin-top:35px;margin-bottom:70px} .article-content{max-width:760px;margin-inline:auto;min-width:0} .article-layout.has-toc{display:grid;grid-template-columns:minmax(0,760px) minmax(170px,1fr);gap:60px} .has-toc .article-content{width:100%;margin:0} .article-toc{position:sticky;top:32px;padding-top:4px;border-top:2px solid var(--ink)} .article-toc>.eyebrow{font-size:9px;padding-top:18px} .article-toc ol{padding:0;margin:17px 0 20px;list-style:none} .article-toc li{font-size:11px;line-height:1.65;margin:0 0 12px;color:var(--muted)} .article-toc li.toc-level-3{padding-left:12px;font-size:10px} .article-toc li a{display:block} .article-toc li a:hover{color:var(--coral-dark)} .toc-top{font-size:10px;color:var(--muted);border-top:1px solid var(--line);display:block;padding-top:15px} .entry-content{font-size:18px;line-height:1.85;color:#273d44} .entry-content p{margin:0 0 1.45em} .entry-content>p:first-child{font-size:20px;line-height:1.8;color:var(--ink)} .entry-content h2{font-size:34px;line-height:1.2;color:var(--ink);margin:1.9em 0 .72em;scroll-margin-top:28px} .entry-content h3{font-size:25px;line-height:1.3;color:var(--ink);margin:1.7em 0 .65em;scroll-margin-top:28px} .entry-content h4{font-size:21px;margin:1.5em 0 .6em} .entry-content a{color:var(--coral-dark);text-decoration:underline;text-decoration-thickness:1px} .entry-content a:hover{color:var(--ink)} .entry-content ul,.entry-content ol{margin:0 0 1.5em;padding-left:1.4em} .entry-content li{padding-left:.15em;margin-bottom:.55em} .entry-content li::marker{color:var(--coral-dark)} .entry-content strong{font-weight:650;color:var(--ink)} .entry-content hr{border:0;border-top:1px solid var(--line);margin:2.5em 0} .entry-content blockquote,.entry-content .wp-block-quote{border-left:3px solid var(--coral);background:#eeeee6;margin:2em 0;padding:23px 28px;border-radius:0 7px 7px 0} .entry-content blockquote p:last-child{margin-bottom:0} .entry-content blockquote cite{font-style:normal;font-size:13px;color:var(--muted);display:block;margin-top:14px} .entry-content img{max-width:100%;height:auto;border-radius:7px} .entry-content figure,.entry-content .wp-block-image{margin:2em 0} .entry-content figure img{margin-inline:auto} .entry-content figcaption,.entry-content .wp-caption-text{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px;text-align:left} .entry-content .wp-caption{max-width:100%} .entry-content .alignleft{float:left;margin:8px 24px 18px 0;max-width:45%} .entry-content .alignright{float:right;margin:8px 0 18px 24px;max-width:45%} .entry-content .aligncenter{margin-left:auto;margin-right:auto} .entry-content .wp-block-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2em 0} .entry-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;margin-bottom:1.5em} .entry-content .wp-block-table table{margin:0} .entry-content td,.entry-content th{padding:13px 16px;border:1px solid var(--line);text-align:left;vertical-align:top;min-width:110px} .entry-content th{background:var(--sage);font-weight:650;color:var(--ink)} .entry-content tr:nth-child(even){background:#eeeee680} .entry-content pre{overflow:auto;padding:22px;background:var(--ink);color:var(--paper);border-radius:8px;max-width:100%;font-size:14px;line-height:1.8;margin:1.8em 0} .entry-content code{font-family:Consolas,"Liberation Mono",monospace;font-size:.86em;background:#e8ebe4;border-radius:3px;padding:.12em .3em} .entry-content pre code{background:none;padding:0;color:inherit;font-size:inherit} .entry-content iframe,.entry-content video{max-width:100%} .entry-content .wp-block-embed{margin:2em 0} .entry-content .wp-element-button{color:var(--paper);text-decoration:none} .entry-content::after{content:"";display:table;clear:both} .article-end{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:50px;padding-top:26px} .article-end-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:var(--ink);color:var(--paper);font-size:25px;font-weight:650;letter-spacing:-2px} .article-end strong{font-size:14px} .article-end p{font-size:11px;line-height:1.5;margin:3px 0 0;color:var(--muted)} .edit-post{font-size:11px;margin-left:auto} .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px} .article-tags a{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:5px 10px;color:var(--muted);text-decoration:none} .article-tags a:hover{border-color:var(--ink)} .related-section{padding-top:30px;padding-bottom:76px;border-top:1px solid var(--line)} .related-section .section-heading{border:0;padding-bottom:0} .page-main{max-width:1100px;padding-top:67px;padding-bottom:85px} .page-header{margin-bottom:39px} .page-header .eyebrow{color:var(--muted);margin-bottom:18px} .page-header h1{font-size:clamp(38px,5vw,62px)} .page-content{max-width:760px} .page-article>.edit-post{margin-top:35px} .not-found{padding-top:85px;padding-bottom:110px;max-width:1100px} .not-found>.eyebrow{color:var(--coral-dark);margin-bottom:20px} .not-found h1{font-size:clamp(38px,5vw,63px);margin-bottom:22px} .not-found p{color:var(--muted);margin-bottom:28px} .not-found .search-form{max-width:520px;margin-bottom:35px} .comments-area{margin-top:50px;border-top:1px solid var(--line);padding-top:30px} .comments-area h2,.comment-reply-title{font-size:26px;margin-top:0;margin-bottom:25px} .comment-list{list-style:none;padding:0!important} .comment-list .children{list-style:none;border-left:1px solid var(--line);padding-left:24px} .comment-body{padding-block:20px;border-bottom:1px solid var(--line)} .comment-author{font-size:14px;display:flex;align-items:center;gap:10px} .comment-author img{border-radius:50%;width:40px;height:40px;margin:0} .comment-metadata,.reply{font-size:11px;margin-top:10px} .comment-content{font-size:15px;line-height:1.8;margin-top:18px} .comment-form{font-size:13px} .comment-form label{display:block;margin-bottom:6px} .comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{width:100%;border:1px solid #b7c0bc;border-radius:5px;background:#faf9f5;padding:11px 13px;color:var(--ink)} .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px} .comment-form-cookies-consent label{display:inline;font-size:11px} .comment-notes,.logged-in-as{font-size:12px;color:var(--muted)} .page-links{font-size:13px;display:flex;flex-wrap:wrap;gap:10px} @media(min-width:1450px){.journal-intro{padding-top:77px}.featured-story{min-height:462px}.featured-image{min-height:462px}.featured-copy{padding:47px}.featured-copy h2{font-size:42px}} @media(max-width:1120px){.shell{width:calc(100% - 64px)}.header-inner{gap:20px}.brand-wordmark{font-size:27px}.brand-tagline{font-size:9px}.brand-mark,.brand-mark img{width:48px;height:48px}.nav-links{gap:20px;font-size:12px}.header-search summary{padding-left:18px}.intro-row{gap:36px}.intro-row h1{font-size:43px}.intro-row>p{max-width:280px;font-size:13px}.featured-copy{padding:33px 30px}.featured-copy h2{font-size:33px}.featured-story,.featured-image{min-height:410px}.featured-copy>.eyebrow{margin-bottom:25px}.post-grid{gap:0 25px}.post-card h3{font-size:21px}.article-layout.has-toc{gap:36px;grid-template-columns:minmax(0,1fr) 185px}.topic-band{padding:35px 30px;gap:25px}.topic-band h2{font-size:26px}.topic-symbol{font-size:90px}.footer-top{gap:30px}} @media(max-width:900px){.header-inner{flex-wrap:wrap;min-height:105px;padding-block:20px;gap:17px 25px}.primary-nav{order:3;width:100%;margin:0}.nav-links{gap:30px;font-size:12px}.header-search{margin-left:auto}.header-search summary{border:0;padding-left:0}.header-search summary span{display:none}.brand-wordmark{font-size:28px}.brand-tagline{font-size:10px}.header-search .search-popover{top:43px}.intro-row{align-items:flex-start;flex-direction:column;gap:20px}.intro-row>p{max-width:510px;font-size:14px}.journal-intro{padding-top:45px;padding-bottom:35px}.intro-row h1{font-size:clamp(35px,5vw,47px)}.featured-copy h2{font-size:29px}.featured-copy{padding:29px 26px}.featured-excerpt{font-size:13px}.featured-copy>.eyebrow{font-size:8px;margin-bottom:24px}.featured-story,.featured-image{min-height:385px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.topic-band{position:relative;display:grid;grid-template-columns:70px 1fr;gap:22px}.topic-symbol{font-size:85px;padding:0;align-self:start}.topic-band>.button{grid-column:2;justify-self:start;margin:0}.article-layout.has-toc{display:block}.article-content{max-width:760px!important;margin-inline:auto!important}.article-aside{display:none}.article-header h1{font-size:45px}.article-deck{font-size:19px}.footer-top{grid-template-columns:1.2fr 1fr;gap:30px}.footer-search{grid-column:1/-1;max-width:420px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom>p{max-width:none}} @media(max-width:640px){.shell{width:calc(100% - 40px)}.header-inner{padding-block:19px 16px;gap:17px 15px}.brand-link{gap:10px}.brand-mark,.brand-mark img{width:43px;height:43px}.brand-native-logo img{height:43px;max-width:45px}.brand-wordmark{font-size:26px}.brand-tagline{font-size:8px;letter-spacing:0;margin-top:5px}.nav-links{gap:17px;justify-content:space-between;font-size:10px;flex-wrap:wrap}.nav-links a{padding-block:5px}.nav-links .sub-menu{left:0;min-width:175px}.header-search summary{padding:6px 0}.header-search summary svg{width:19px;height:19px}.search-popover{right:-2px}.journal-intro{padding-top:34px;padding-bottom:29px}.intro-eyebrow{font-size:8px;letter-spacing:.11em}.intro-row{margin-top:19px;gap:19px}.intro-row h1{font-size:clamp(30px,7.8vw,42px);line-height:1.13}.intro-row>p{font-size:13px;line-height:1.8;max-width:96%;padding:0}.featured-story{display:flex;flex-direction:column;border-radius:9px}.featured-image{order:-1;min-height:0;aspect-ratio:1.6}.featured-image img{height:100%;width:100%}.featured-copy{padding:27px 24px 29px}.featured-copy>.eyebrow{margin-bottom:23px;font-size:8px}.featured-copy h2{font-size:31px;line-height:1.15;letter-spacing:-.04em;margin-bottom:15px}.featured-excerpt{font-size:13px;margin-bottom:25px}.story-meta{gap:9px 14px;font-size:9px}.category-label{font-size:8px}.featured-copy .text-link{font-size:11px}.featured-section{padding-bottom:45px}.section-heading{padding-bottom:21px;align-items:flex-start}.section-heading h1,.section-heading h2{font-size:27px}.section-heading .eyebrow{font-size:8px;max-width:240px;letter-spacing:.11em;margin-bottom:7px}.section-note{display:none}.post-grid{grid-template-columns:1fr;gap:0}.post-card{padding:25px 0 24px}.post-card h3{font-size:25px;margin-bottom:12px}.post-card p{font-size:13px;margin-bottom:20px}.card-body .story-meta{justify-content:flex-start;gap:17px;margin-bottom:12px}.card-read{font-size:10px}.card-arrow{width:29px;height:29px}.card-image{aspect-ratio:1.6;margin-bottom:20px}.journal-section{padding-bottom:45px}.topic-band{grid-template-columns:1fr;gap:20px;margin-bottom:49px;padding:30px 26px;border-radius:9px}.topic-symbol{position:absolute;right:23px;top:19px;font-size:57px;opacity:.8}.topic-band>div:not(.topic-symbol){position:relative;z-index:1}.topic-band h2{font-size:27px;max-width:235px}.topic-band p{max-width:280px;font-size:12px;margin-top:16px}.topic-band>.button{grid-column:auto;margin-top:0;position:relative;z-index:1;font-size:11px}.topic-band .eyebrow{font-size:8px;max-width:200px}.site-footer{padding-top:32px}.footer-top{gap:26px;grid-template-columns:1.2fr 1fr;padding-bottom:29px}.footer-wordmark{font-size:24px}.footer-intro p{font-size:10px;margin-top:11px}.footer-links{font-size:10px;gap:10px}.footer-search{max-width:none}.footer-bottom{padding-block:20px 23px;gap:18px}.footer-bottom>p{font-size:8px}.article-main{padding-top:30px}.article-header h1{font-size:clamp(32px,8.2vw,43px);line-height:1.13;margin-bottom:22px}.back-link{font-size:10px;margin-bottom:26px}.article-header .story-meta{font-size:10px;gap:8px 13px;margin-bottom:17px}.article-deck{font-size:17px;line-height:1.7;margin-bottom:25px}.article-cover{margin-top:25px;margin-bottom:32px}.article-cover>img{border-radius:7px}.article-cover figcaption{font-size:10px;line-height:1.7;margin-top:10px}.article-layout{margin-top:27px;margin-bottom:45px}.entry-content{font-size:17px;line-height:1.85}.entry-content>p:first-child{font-size:18px;line-height:1.8}.entry-content h2{font-size:28px;line-height:1.22;margin-top:1.8em}.entry-content h3{font-size:23px;line-height:1.3}.entry-content blockquote{padding:18px 21px;margin:1.8em 0}.entry-content figcaption{font-size:11px}.entry-content figure{margin:1.7em 0}.entry-content table{font-size:12px;line-height:1.65;display:block;overflow-x:auto}.entry-content td,.entry-content th{padding:10px 12px;min-width:120px}.entry-content .wp-block-table table{display:table}.entry-content pre{font-size:12px;padding:17px}.entry-content .alignleft,.entry-content .alignright{float:none;max-width:100%;margin:1.4em auto}.article-end{margin-top:35px;padding-top:23px;gap:12px;flex-wrap:wrap}.article-end strong{font-size:13px}.article-end p{font-size:10px}.article-end .edit-post{width:100%;margin:0;font-size:10px}.article-end-mark{width:38px;height:38px;font-size:23px}.related-section{padding-top:27px;padding-bottom:45px}.related-section .section-heading{align-items:flex-start;gap:18px;flex-wrap:wrap}.related-section .text-link{font-size:10px}.related-section .post-card h3{font-size:23px}.page-main{padding-top:41px;padding-bottom:55px}.page-header{margin-bottom:30px}.page-header h1{font-size:38px}.page-header .eyebrow{font-size:9px;margin-bottom:14px}.not-found{padding-top:51px;padding-bottom:70px}.not-found h1{font-size:38px}.not-found p{font-size:15px}.not-found .search-form input{font-size:13px}body:not(.home) .journal-section{padding-top:39px}.empty-state{padding-block:35px 10px}.empty-state h2{font-size:27px}.comments-area{margin-top:35px}.comment-list .children{padding-left:16px}.comment-author{font-size:12px}.comment-content{font-size:14px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} @media print{.site-header,.site-footer,.article-aside,.related-section,.article-tags,.edit-post,.back-link,.comments-area{display:none!important}.shell{width:100%;max-width:none}.article-main{padding:0}.article-header h1{font-size:30pt}.entry-content{font-size:11pt;line-height:1.6}.article-layout.has-toc{display:block}.article-content{max-width:none}.article-cover{max-width:100%;margin:15pt 0}.entry-content a{color:inherit;text-decoration:underline}.article-end{page-break-inside:avoid}body{background:#fff;color:#000}} /* Keep the deck on the same reading column as the article body. Covers stay wide. */ .article.no-article-toc .article-header { max-width: 760px; } @media (min-width: 901px) and (max-width: 1120px) { .article.has-article-toc .article-deck { max-width: min(760px, calc(100% - 221px)); } } @media (max-width: 900px) { .article.has-article-toc .article-header { max-width: 760px; } .article .article-deck { max-width: 100%; } } /* Article-specific editorial blocks; scoped to published article content. */ .entry-content p.ss-article-meta { margin: 0 0 28px; padding-bottom: 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.7; letter-spacing: .01em; } .entry-content p.ss-lead { margin-bottom: 1.6em; color: var(--ink); font-size: 21px; line-height: 1.78; letter-spacing: -.012em; } .entry-content .ss-stats { margin: 2.2em 0; } .entry-content .ss-stats dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; } .entry-content .ss-stats dl > div { min-width: 0; padding: 23px 18px 24px; border: 1px solid #d4dcd1; border-radius: 9px; background: #eaf0e6; } .entry-content .ss-stats dt { margin: 0; color: var(--ink); font-size: 42px; font-weight: 650; line-height: 1.12; letter-spacing: -.055em; white-space: nowrap; } .entry-content .ss-stats dd { margin: 15px 0 0; color: #4b6066; font-size: 15px; line-height: 1.7; } .entry-content .ss-sources { margin: 3em 0 0; padding: 27px 29px; border: 1px solid var(--line); border-radius: 9px; background: #efefe8; font-size: 15px; line-height: 1.8; } .entry-content .ss-sources h3 { margin: 0 0 17px; font-size: 22px; line-height: 1.3; } .entry-content .ss-sources ul { margin: 0; padding-left: 1.25em; } .entry-content .ss-sources li { margin-bottom: 12px; padding-left: .2em; } .entry-content .ss-sources li:last-child { margin-bottom: 0; } .entry-content .ss-sources a { overflow-wrap: anywhere; text-decoration-color: #a83a2266; } .entry-content figure.ss-article-image { margin: 2.25em 0; } .entry-content .ss-article-image img { width: 100%; height: auto; border-radius: 9px; } .entry-content .ss-article-image figcaption { margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.75; } @media (max-width: 680px) { .entry-content p.ss-article-meta { font-size: 12px; margin-bottom: 24px; } .entry-content p.ss-lead { font-size: 19px; line-height: 1.8; } .entry-content .ss-stats dl { grid-template-columns: 1fr; gap: 12px; } .entry-content .ss-stats dl > div { padding: 21px 23px 23px; } .entry-content .ss-stats dt { font-size: 39px; } .entry-content .ss-stats dd { margin-top: 11px; font-size: 15px; } .entry-content .ss-sources { padding: 23px 21px; font-size: 14px; } .entry-content .ss-sources h3 { font-size: 21px; } .entry-content .ss-article-image figcaption { font-size: 12px; } } @media print { .entry-content .ss-stats dl { grid-template-columns: repeat(3, minmax(0, 1fr)); } .entry-content .ss-stats dl > div { padding: 12pt; break-inside: avoid; } .entry-content .ss-stats dt { font-size: 25pt; } .entry-content .ss-stats dd, .entry-content .ss-sources { font-size: 10pt; } .entry-content p.ss-lead { font-size: 13pt; } }