:root { --journal-blue:#0c29ab; --journal-navy:#001368; --journal-ink:#172640; --journal-muted:#66758d; --journal-line:#e1e7f0; --journal-soft:#f4f7fc; --journal-coral:#ff8068; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--journal-ink); background: #fff; }
.blog-skip { position: fixed; top: -60px; left: 16px; z-index: 100; padding: 10px 13px; border-radius: 7px; background: var(--journal-navy); color: #fff; font-weight: 700; text-decoration: none; }.blog-skip:focus { top: 14px; }
.journal-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .7fr); gap: 58px; align-items: end; padding: 83px max(24px, calc((100vw - 1176px) / 2)) 66px; background: linear-gradient(135deg,#f4f7ff,#fbfbf8); border-bottom: 1px solid var(--journal-line); }.journal-eyebrow { margin: 0 0 14px; color: var(--journal-blue); font-size: 10px; font-weight: 800; letter-spacing: 1.25px; }.journal-hero h1,.section-label h2,.journal-search-heading h2 { margin: 0; font: 800 clamp(34px,4.5vw,58px)/1.08 var(--font-display,"Manrope",sans-serif); letter-spacing: -2.8px; color: var(--journal-navy); }.journal-hero h1 span { color: var(--journal-blue); }.journal-hero > div > p:not(.journal-eyebrow) { max-width: 625px; margin: 20px 0 0; color: var(--journal-muted); font-size: 15px; line-height: 1.75; }
.journal-search { padding: 18px; border: 1px solid #dae3f1; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px rgba(20,41,99,.07); }.journal-search label,.blog-filter-bar label { display: block; color: #53637a; font-size: 10px; font-weight: 800; letter-spacing: .4px; }.journal-search > div { display: flex; gap: 8px; margin-top: 9px; }.journal-search input { width: 100%; min-width: 0; height: 45px; padding: 0 12px; border: 1px solid #d9e1ec; border-radius: 7px; color: var(--journal-ink); outline: none; }.journal-search input:focus { border-color: var(--journal-blue); box-shadow: 0 0 0 3px rgba(12,41,171,.1); }.journal-search button,.article-cta a { border: 0; border-radius: 7px; background: var(--journal-blue); color: #fff; padding: 0 15px; font-size: 12px; font-weight: 750; white-space: nowrap; cursor: pointer; }.journal-search button:hover,.article-cta a:hover { background: var(--journal-navy); }
.journal-section { max-width: 1176px; padding: 82px 24px; margin: auto; }.feature-section { padding-bottom: 72px; }.hot-section { max-width: none; padding-left: max(24px, calc((100vw - 1176px) / 2)); padding-right: max(24px, calc((100vw - 1176px) / 2)); background: #f7f8f5; }.section-label h2,.journal-search-heading h2 { font-size: 34px; letter-spacing: -1.8px; }.section-label.split,.journal-search-heading { display: flex; justify-content: space-between; gap: 35px; align-items: end; }.section-label.split > p { max-width: 275px; margin: 0; color: var(--journal-muted); font-size: 12px; line-height: 1.65; }
.featured-post { margin-top: 31px; }.featured-card { display: grid; grid-template-columns: .88fr 1.12fr; min-height: 340px; overflow: hidden; border: 1px solid var(--journal-line); border-radius: 15px; background: #fff; text-decoration: none; color: inherit; }.post-art { display: grid; place-items: end start; min-height: 172px; padding: 22px; background: linear-gradient(145deg,#dce5ff,#dfeedd); position: relative; overflow: hidden; }.post-art::after { content:""; position:absolute; right:-46px; bottom:-80px; width:220px; height:220px; border:26px solid rgba(255,255,255,.58); border-radius:50%; }.post-art[data-category="landlord"] { background:linear-gradient(145deg,#e4edff,#dce9d7); }.post-art[data-category="tenant"] { background:linear-gradient(145deg,#fff0e5,#dce7ff); }.post-art[data-category="market-insights"] { background:linear-gradient(145deg,#e9e3ff,#d6edf0); }.post-art[data-category="rental-laws"] { background:linear-gradient(145deg,#fff2cf,#e4ecff); }.post-art[data-category="guides"] { background:linear-gradient(145deg,#e4f1e3,#dce8ff); }.post-art[data-category="platform-updates"] { background:linear-gradient(145deg,#e4e8ff,#f0e0ff); }.post-art.has-image { background-size:cover; background-position:center; }.post-art.has-image::after { background:rgba(0,19,104,.15); border:0; inset:0; width:auto; height:auto; border-radius:0; }.post-art span { position: relative; z-index: 1; display: inline-flex; padding: 7px 9px; border-radius: 5px; background: rgba(255,255,255,.9); color: var(--journal-blue); font-size: 9px; font-weight: 800; letter-spacing: .9px; }.featured-copy { display: flex; flex-direction: column; align-items: start; padding: 42px; }.post-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #77869b; font-size: 10px; }.post-category { color: var(--journal-blue); font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }.featured-copy h3 { margin: 17px 0 12px; font: 800 29px/1.2 var(--font-display,"Manrope",sans-serif); letter-spacing: -1.3px; color: var(--journal-navy); }.featured-copy p { margin: 0; color: var(--journal-muted); font-size: 13px; line-height: 1.7; }.post-read-link { margin-top: auto; padding-top: 23px; color: var(--journal-blue); font-size: 12px; font-weight: 800; }
.hot-grid,.blog-results { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 31px; }.topic-card,.blog-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--journal-line); border-radius: 11px; overflow: hidden; background: #fff; text-decoration: none; color: inherit; transition: transform .2s, box-shadow .2s; }.topic-card:hover,.blog-card:hover { transform: translateY(-3px); box-shadow: 0 14px 25px rgba(21,42,88,.1); }.topic-card .post-art,.blog-card .post-art { min-height: 145px; padding: 16px; }.topic-card-copy,.blog-card-copy { padding: 19px; }.topic-card h3,.blog-card h3 { margin: 11px 0 9px; font: 750 17px/1.35 var(--font-display,"Manrope",sans-serif); letter-spacing: -.5px; color: var(--journal-navy); }.topic-card p,.blog-card p { margin: 0; color: var(--journal-muted); font-size: 11px; line-height: 1.65; }.topic-card .post-read-link,.blog-card .post-read-link { margin-top: 13px; padding: 0; }
.search-section { padding-top: 92px; }.journal-search-heading { align-items: center; }.journal-search-heading button { padding: 9px 0; border: 0; background: transparent; color: var(--journal-blue); font-size: 11px; font-weight: 750; cursor: pointer; }.blog-filter-bar { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 16px; margin-top: 30px; border: 1px solid var(--journal-line); border-radius: 10px; background: var(--journal-soft); }.blog-filter-bar select { width: 100%; height: 38px; margin-top: 7px; padding: 0 10px; border: 1px solid #d4ddeb; border-radius: 6px; background: #fff; color: #32435c; font: 600 12px var(--font-body,"Inter",sans-serif); outline: none; }.blog-filter-bar select:focus { border-color: var(--journal-blue); }.blog-results-meta { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 24px; }.blog-results-meta > p { margin: 0; color: #5f6e84; font-size: 12px; font-weight: 700; }.blog-active-filters { display: flex; gap: 7px; flex-wrap: wrap; }.blog-active-filters span { padding: 6px 8px; border-radius: 99px; background: #edf1fa; color: #52647e; font-size: 10px; font-weight: 700; }.journal-loading,.journal-empty { grid-column: 1 / -1; padding: 34px; border: 1px dashed #cbd7e7; border-radius: 10px; color: #65758c; font-size: 13px; line-height: 1.6; text-align: center; }.journal-empty strong { display:block; margin-bottom: 4px; color: #34465e; }
.journal-article { max-width: 790px; padding: 72px 24px 100px; margin: auto; }.article-back { display: inline-flex; margin-bottom: 37px; color: var(--journal-blue); font-size: 12px; font-weight: 800; text-decoration: none; }.article-back:hover { text-decoration: underline; }.article-header { max-width: 735px; }.article-header h1 { margin: 15px 0 19px; color: var(--journal-navy); font: 800 clamp(35px,5vw,55px)/1.1 var(--font-display,"Manrope",sans-serif); letter-spacing: -2.5px; }.article-excerpt { margin: 0; color: var(--journal-muted); font-size: 16px; line-height: 1.7; }.article-cover { height: 340px; margin: 36px 0 45px; border-radius: 14px; background-size: cover; background-position: center; }.article-cover:not(.has-image) { height: 185px; }.article-body { max-width: 680px; margin: auto; }.article-body h2,.article-body h3 { color: var(--journal-navy); font-family: var(--font-display,"Manrope",sans-serif); }.article-body h2 { margin: 42px 0 13px; font-size: 28px; letter-spacing: -1.1px; }.article-body h3 { margin: 31px 0 10px; font-size: 21px; letter-spacing: -.7px; }.article-body p,.article-body li { color: #43536b; font-size: 15px; line-height: 1.8; }.article-body p { margin: 0 0 18px; }.article-body ul,.article-body ol { margin: 4px 0 22px; padding-left: 23px; }.article-body li { margin: 7px 0; }.article-body blockquote { margin: 34px 0; padding: 4px 0 4px 23px; border-left: 3px solid var(--journal-coral); color: #32435c; font: 650 21px/1.45 var(--font-display,"Manrope",sans-serif); letter-spacing: -.5px; }.article-body blockquote footer { display:block !important; padding: 11px 0 0 !important; color: #7b899b; font: 600 11px var(--font-body,"Inter",sans-serif); }.article-callout { margin: 31px 0; padding: 21px 23px; border: 1px solid #cbd8f3; border-radius: 10px; background: #f1f5ff; }.article-callout[data-tone="warm"] { border-color:#ecd9aa; background:#fff9eb; }.article-callout[data-tone="green"] { border-color:#cce5d2; background:#f2faf3; }.article-callout strong { display:block; margin-bottom: 7px; color: var(--journal-navy); font-size: 13px; }.article-callout p { margin: 0; font-size: 13px; }.article-inline-link { display: inline-flex; margin: 8px 0 18px; color: var(--journal-blue); font-size: 14px; font-weight: 800; }.article-rule { height: 1px; margin: 36px 0; border: 0; background: var(--journal-line); }.article-cta { margin: 42px 0 0; padding: 31px; border-radius: 13px; background: var(--journal-navy); color: #fff; }.article-cta p { margin: 0; color: #d3dcfa; font-size: 12px; }.article-cta h2 { margin: 7px 0 10px; color: #fff; font: 800 28px/1.2 var(--font-display,"Manrope",sans-serif); }.article-cta a { display:inline-flex; align-items:center; height:40px; margin-top: 18px; padding: 0 14px; background:#fff; color:var(--journal-blue); text-decoration:none; }.article-not-found { max-width: 560px; padding: 100px 24px; margin:auto; text-align:center; }.article-not-found h1 { font:800 34px var(--font-display,"Manrope",sans-serif); color:var(--journal-navy); }.article-not-found p { color:var(--journal-muted); line-height:1.6; }.article-not-found a { color:var(--journal-blue); font-weight:800; }
@media (max-width: 820px) { .journal-hero { grid-template-columns:1fr; gap:30px; padding-top:58px; }.featured-card { grid-template-columns:1fr; }.featured-copy { padding:28px; }.hot-grid,.blog-results { grid-template-columns:repeat(2,1fr); }.journal-article { padding-top:48px; }.article-cover { height:270px; } }
@media (max-width: 540px) { .journal-hero { padding-bottom:45px; }.journal-hero h1 { font-size:39px; }.journal-search > div { flex-direction:column; }.journal-search button { height:42px; }.journal-section { padding-top:56px; padding-bottom:56px; }.section-label.split,.journal-search-heading,.blog-results-meta { align-items:start; flex-direction:column; gap:12px; }.featured-copy h3 { font-size:25px; }.hot-grid,.blog-results { grid-template-columns:1fr; }.blog-filter-bar { grid-template-columns:1fr; }.article-header h1 { font-size:37px; }.article-cover { height:210px; margin-top:28px; margin-bottom:34px; }.article-body h2 { font-size:25px; }.article-body p,.article-body li { font-size:14px; }.article-body blockquote { font-size:18px; }.article-cta { padding:24px; } }

.journal-article{max-width:none;padding:64px 24px 120px}.journal-article>.article-back,.journal-article>.article-header{display:block;width:min(930px,100%);margin-left:auto;margin-right:auto}.journal-article>.article-back{margin-bottom:42px}.journal-article>.article-header{text-align:center}.article-header .post-meta{justify-content:center}.article-header h1{max-width:900px;margin:20px auto 22px;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-3.8px}.article-header .article-excerpt{max-width:760px;margin:auto;font-size:18px;line-height:1.75}.article-cover-image{width:min(1180px,100%);margin:48px auto 82px;overflow:hidden;border-radius:22px;background:#edf1f7;box-shadow:0 24px 65px rgba(12,28,72,.12)}.article-cover-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-layout{display:grid;grid-template-columns:220px minmax(0,840px);gap:clamp(42px,6vw,84px);width:min(1180px,100%);margin:auto;align-items:start}.article-layout>.article-body{width:100%;max-width:none;margin:0}.article-toc{position:sticky;top:104px;padding-top:6px}.article-toc>p{margin:0 0 15px;color:#8090a8;font-size:9px;font-weight:850;letter-spacing:1.3px}.article-toc nav{display:grid;border-left:1px solid #dfe5ee}.article-toc a{display:grid;grid-template-columns:27px 1fr;gap:4px;margin-left:-1px;padding:10px 0 10px 16px;border-left:2px solid transparent;color:#68778e;font-size:10px;font-weight:700;line-height:1.45;text-decoration:none;transition:.18s}.article-toc a span{color:#a1acbc;font-size:9px;letter-spacing:.7px}.article-toc a:hover{color:var(--journal-blue)}.article-toc a.is-active{border-left-color:var(--journal-blue);color:var(--journal-navy)}.article-toc a.is-active span{color:var(--journal-blue)}.article-section{scroll-margin-top:118px;margin-bottom:112px}.article-section:last-child{margin-bottom:0}.section-intro{display:grid;grid-template-columns:42px 1fr;gap:18px;margin-bottom:40px;padding-bottom:26px;border-bottom:1px solid var(--journal-line)}.section-intro>span{padding-top:8px;color:var(--journal-coral);font:800 11px var(--font-display,"Manrope",sans-serif);letter-spacing:1px}.section-intro h2{margin:0;color:var(--journal-navy);font:800 clamp(31px,4vw,46px)/1.12 var(--font-display,"Manrope",sans-serif);letter-spacing:-2px}.section-intro p{max-width:650px;margin:12px 0 0;color:#718097;font-size:13px;line-height:1.7}.section-blocks{display:grid;gap:0}.article-block{width:100%;margin-left:auto;margin-right:auto}.block-width-narrow{max-width:650px}.block-width-standard{max-width:740px}.block-width-wide{max-width:840px}.block-width-full{max-width:none}.block-align-center{text-align:center}.block-align-right{text-align:right}.block-spacing-compact{margin-top:14px;margin-bottom:14px}.block-spacing-standard{margin-top:24px;margin-bottom:24px}.block-spacing-generous{margin-top:46px;margin-bottom:46px}.article-prose p{margin:0;color:#405168;font-size:16px;line-height:1.9}.article-body .article-list ul,.article-body .article-list ol{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:editorial-list}.article-list li{position:relative;min-height:30px;margin:0;padding-left:42px;color:#405168;font-size:15px;line-height:1.7;counter-increment:editorial-list}.article-list li:before{content:"";position:absolute;left:8px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--journal-blue);box-shadow:0 0 0 6px #edf2ff}.article-list ol li:before{content:counter(editorial-list,decimal-leading-zero);top:0;left:0;width:28px;height:auto;border-radius:0;background:none;box-shadow:none;color:var(--journal-blue);font:800 10px/1.7 var(--font-display,"Manrope",sans-serif)}.article-list li strong,.article-list li span{display:block}.article-list li strong{margin-bottom:2px;color:var(--journal-navy);font:800 13px var(--font-display,"Manrope",sans-serif)}.article-image{margin:0}.article-image img{display:block;width:100%;height:100%;object-fit:cover;background:#edf1f7}.article-image figcaption,.video-block figcaption{padding-top:10px;color:#8290a3;font-size:9px;line-height:1.55}.article-image.is-unavailable{display:none}.image-block>h3,.gallery-heading h3,.split-copy h3,.comparison-block h3{color:var(--journal-navy);font:800 25px/1.2 var(--font-display,"Manrope",sans-serif);letter-spacing:-.9px}.image-block>h3{margin:0 0 18px}.single-editorial-image{overflow:hidden;border-radius:15px}.single-editorial-image img{aspect-ratio:16/10}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.gallery-heading h3{margin:0}.gallery-heading p{max-width:360px;margin:0;color:#6f7e93;font-size:11px;line-height:1.65}.editorial-gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns),1fr);gap:10px}.gallery-image{min-width:0}.gallery-image img{aspect-ratio:4/5;border-radius:10px}.gallery-image figcaption{padding:8px 3px 0}.image-split{display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border-radius:18px}.image-split.image-right .split-image{order:2}.image-split.image-right .split-copy{order:1}.image-split .split-image img{min-height:390px}.split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,58px);background:#f1f5fb}.block-theme-mist .split-copy{background:linear-gradient(145deg,#edf3ff,#f4f7f2)}.block-theme-green .split-copy{background:#eff8f2}.block-theme-warm .split-copy{background:#fff7eb}.block-theme-navy .split-copy{background:var(--journal-navy);color:#fff}.split-copy h3{margin:0 0 14px}.block-theme-navy .split-copy h3{color:#fff}.split-copy p{margin:0;color:#55667d;font-size:13px;line-height:1.75}.block-theme-navy .split-copy p{color:#d6def5}.split-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:24px;color:var(--journal-blue);font-size:11px;font-weight:850;text-decoration:none}.block-theme-navy .split-cta{color:#fff}.editorial-callout{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:21px 23px;border-left:3px solid var(--journal-blue);background:#f4f7ff}.editorial-callout.callout-tip{border-color:#169376;background:#f1faf6}.editorial-callout.callout-warning{border-color:#d88a19;background:#fff8eb}.callout-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:var(--journal-blue);font-size:12px;font-weight:900}.callout-tip .callout-icon{color:#087660}.callout-warning .callout-icon{color:#a8680c}.editorial-callout strong{display:block;margin:1px 0 6px;color:var(--journal-navy);font:800 13px var(--font-display,"Manrope",sans-serif)}.editorial-callout p{margin:0;color:#526279;font-size:12px;line-height:1.7}.article-body blockquote.article-block{padding:4px 0;text-align:center;border:0}.article-body blockquote.article-block:before{content:"“";display:block;height:36px;color:var(--journal-coral);font:800 55px/1 var(--font-display,"Manrope",sans-serif)}.article-body blockquote.article-block p{margin:0;color:var(--journal-navy);font:700 clamp(22px,3.2vw,32px)/1.45 var(--font-display,"Manrope",sans-serif);letter-spacing:-1px}.article-body blockquote.article-block footer{padding-top:16px!important;color:#7c899c;font-size:10px;letter-spacing:.4px}.comparison-block{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--journal-line);border-radius:15px;background:var(--journal-line)}.comparison-block>div{padding:27px;background:#fff}.comparison-block>div:first-child{background:#f4f8ff}.comparison-block h3{margin:0 0 15px;font-size:18px}.article-body .comparison-block ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.comparison-block li{position:relative;margin:0;padding-left:21px;color:#53637a;font-size:11px;line-height:1.6}.comparison-block li:before{content:"✓";position:absolute;left:0;color:#178a70;font-weight:900}.comparison-block>div:last-child li:before{content:"—";color:#c27618}.video-block>div{position:relative;overflow:hidden;padding-top:56.25%;border-radius:14px;background:#0b173d}.video-block iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-body .article-rule{height:1px;border:0;background:linear-gradient(90deg,transparent,#ccd6e5,transparent)}.article-body .article-cta{padding:clamp(30px,5vw,52px);border-radius:18px;background:linear-gradient(135deg,#001368,#0c29ab);box-shadow:0 22px 48px rgba(0,19,104,.17)}.article-cta .journal-eyebrow{color:#aebcf4}.article-body .article-cta h2{max-width:600px;margin:8px 0 12px;color:#fff;font-size:clamp(27px,4vw,39px);letter-spacing:-1.5px}.article-body .article-cta>p:not(.journal-eyebrow){max-width:580px;color:#d7def7;font-size:13px;line-height:1.7}.article-body .article-cta a{background:#fff;color:var(--journal-blue)}.article-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.article-reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-toc{position:relative;top:auto;overflow-x:auto;padding:0 0 9px}.article-toc>p{margin-bottom:10px}.article-toc nav{display:flex;width:max-content;border:0}.article-toc a{grid-template-columns:auto 1fr;min-width:200px;margin:0;border:0;border-bottom:2px solid #e0e5ed;padding:10px 16px}.article-toc a.is-active{border-left:0;border-bottom-color:var(--journal-blue)}.article-cover-image{margin-bottom:58px}.article-section{margin-bottom:88px}}
@media(max-width:700px){.journal-article{padding:42px 18px 86px}.article-header h1{font-size:39px;letter-spacing:-2.3px}.article-header .article-excerpt{font-size:15px}.article-cover-image{margin-top:32px;margin-bottom:48px;border-radius:13px}.section-intro{grid-template-columns:30px 1fr;gap:8px;margin-bottom:28px}.section-intro h2{font-size:30px;letter-spacing:-1.3px}.article-prose p{font-size:15px;line-height:1.82}.image-split{grid-template-columns:1fr}.image-split.image-right .split-image,.image-split.image-right .split-copy{order:initial}.image-split .split-image img{min-height:0;aspect-ratio:4/3}.split-copy{padding:28px}.editorial-gallery{grid-template-columns:1fr 1fr}.gallery-heading{align-items:start;flex-direction:column;gap:8px}.comparison-block{grid-template-columns:1fr}.article-body .article-cta{padding:28px}.article-reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.article-reveal{opacity:1;transform:none;transition:none}.article-toc a{transition:none}}
.article-list li>ul,.article-list li>ol{margin-top:12px!important;padding-left:24px!important}.article-list li>ul li,.article-list li>ol li{font-size:14px}.article-list li>ul li:before{width:6px;height:6px;box-shadow:0 0 0 4px #edf2ff}.responsive-images{display:grid;gap:12px}.responsive-images .article-image{min-width:0;overflow:hidden;border-radius:13px}.responsive-images img{aspect-ratio:4/3}.responsive-images.images-single{grid-template-columns:1fr}.responsive-images.images-single img{aspect-ratio:16/9}.responsive-images.images-compact{grid-template-columns:repeat(4,1fr)}.responsive-images.images-horizontal{grid-template-columns:repeat(2,1fr)}.responsive-images.images-vertical{grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,1fr)}.responsive-images.images-vertical .article-image:first-child{grid-row:1/-1}.responsive-images.images-grid{grid-template-columns:repeat(3,1fr)}.responsive-images.images-grid img,.responsive-images.images-compact img{aspect-ratio:1}.article-internal-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #d8e1f2;border-radius:12px;background:#f3f6ff;color:var(--journal-navy);text-decoration:none}.article-internal-link span{color:#71809a;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.9px}.article-internal-link strong{color:var(--journal-blue);font-size:13px}.keep-reading{width:min(1180px,100%);margin:120px auto 0;padding-top:48px;border-top:1px solid var(--journal-line)}.keep-reading>h2{margin:8px 0 30px;color:var(--journal-navy);font:800 clamp(30px,4vw,44px)/1.15 var(--font-display,"Manrope",sans-serif);letter-spacing:-1.7px}.keep-reading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.keep-reading .blog-card-copy{display:flex;flex:1;flex-direction:column}.keep-reading .post-read-link{margin-top:auto;padding-top:16px}
@media(max-width:980px){.keep-reading-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.responsive-images.images-compact,.responsive-images.images-grid{grid-template-columns:repeat(2,1fr)}.responsive-images.images-horizontal,.responsive-images.images-vertical{grid-template-columns:1fr;grid-template-rows:auto}.responsive-images.images-vertical .article-image:first-child{grid-row:auto}.responsive-images.images-horizontal img,.responsive-images.images-vertical img{aspect-ratio:4/3}.article-internal-link{align-items:flex-start;flex-direction:column}.keep-reading{margin-top:76px}.keep-reading-grid{grid-template-columns:1fr}.keep-reading .blog-card{display:grid;grid-template-columns:120px 1fr}.keep-reading .post-art{min-height:100%}}
.preview-banner{position:sticky;z-index:25;top:10px;width:max-content;margin:-36px auto 31px;padding:7px 12px;border:1px solid rgba(255,141,119,.48);border-radius:999px;background:rgba(255,249,246,.94);color:#923f31;font-size:9px;font-weight:850;letter-spacing:1px;box-shadow:0 8px 24px rgba(69,32,26,.1);backdrop-filter:blur(9px)}
.article-skeleton{width:100%;min-height:1100px}.article-skeleton .skeleton-line,.article-skeleton .skeleton-title span,.article-skeleton .skeleton-excerpt span,.article-skeleton .skeleton-cover,.article-skeleton .skeleton-content span{display:block;overflow:hidden;position:relative;background:#e9edf3}.article-skeleton .skeleton-line:after,.article-skeleton .skeleton-title span:after,.article-skeleton .skeleton-excerpt span:after,.article-skeleton .skeleton-cover:after,.article-skeleton .skeleton-content span:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:article-shimmer 1.55s ease-in-out infinite}.skeleton-back{width:118px;height:12px;margin:4px auto 44px;border-radius:6px}.skeleton-header{width:min(930px,100%);margin:auto;text-align:center}.skeleton-meta{width:270px;height:10px;margin:0 auto 25px;border-radius:6px}.skeleton-title{display:grid;gap:12px;justify-items:center}.skeleton-title span{width:min(790px,90%);height:55px;border-radius:10px}.skeleton-title span:nth-child(2){width:min(690px,82%)}.skeleton-title span:nth-child(3){width:min(520px,66%)}.skeleton-excerpt{display:grid;gap:11px;margin-top:28px;justify-items:center}.skeleton-excerpt span{width:min(720px,82%);height:17px;border-radius:8px}.skeleton-excerpt span:last-child{width:min(620px,72%)}.skeleton-cover{width:min(1180px,100%);aspect-ratio:16/9;margin:48px auto 82px;border-radius:22px}.skeleton-content{display:grid;width:min(840px,100%);gap:14px;margin:auto}.skeleton-content span{height:16px;border-radius:7px}.skeleton-content span:nth-child(2){width:92%}.skeleton-content span:nth-child(3){width:76%}@keyframes article-shimmer{to{transform:translateX(100%)}}
@media(max-width:700px){.preview-banner{top:7px;margin-top:-19px}.article-skeleton{min-height:780px}.skeleton-back{margin-bottom:34px}.skeleton-meta{width:220px}.skeleton-title{gap:9px}.skeleton-title span{height:38px;width:96%}.skeleton-title span:nth-child(2){width:88%}.skeleton-title span:nth-child(3){width:70%}.skeleton-excerpt span{width:94%}.skeleton-excerpt span:last-child{width:82%}.skeleton-cover{margin-top:32px;margin-bottom:48px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.article-skeleton *:after{animation:none!important}}
.post-art-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.editorial-gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.editorial-gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.editorial-gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}