/* Blog Makkai: editorial preview. All selectors are scoped to this module. */
.m-journal{--j-ink:#10443d;--j-muted:#5c6d6a;--j-line:#d3dfdd;--j-paper:#ffffff;background:var(--j-paper);color:var(--j-ink)}
.m-journal [hidden]{display:none!important}
.m-journal main{overflow:clip}
.m-journal .m-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.m-journal a:focus-visible,.m-journal button:focus-visible,.m-journal input:focus-visible,.m-journal summary:focus-visible{outline:2px solid #006b5d;outline-offset:5px}
.j-skip{position:fixed;top:12px;left:16px;z-index:1000;background:#10443d;color:white;padding:12px 20px;transform:translateY(-160%)}
.j-skip:focus{transform:none}
.j-cover{display:grid;grid-template-columns:1.02fr 1fr;gap:4vw;align-items:center;padding-block:72px 85px}
.j-cover-copy{padding-block:22px}
.m-journal main .m-eyebrow{font:500 10px/1.2 var(--font-b,Arial,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#566f6b;margin:0 0 25px}
.m-journal main h1,.m-journal main h2,.m-journal main h3{font-family:var(--font-d,Georgia,serif);font-weight:400;color:var(--j-ink)}
.j-cover h1{font-size:clamp(55px,6.3vw,92px);line-height:.98;letter-spacing:-.035em;margin:0 0 30px}
.j-cover h1 em{color:inherit;font-weight:400}
.j-intro{font-size:17px;line-height:1.2;color:var(--j-muted);font-weight:400;margin:0 0 30px;max-width:35ch}
.j-text-link{display:inline-flex;gap:26px;align-items:center;min-height:44px;border-bottom:1px solid #7a908c;font-size:12px;font-weight:500;letter-spacing:.025em;padding:8px 0;color:var(--j-ink)}
.j-text-link>span[aria-hidden]{font-size:22px;font-weight:300;line-height:1}
.j-text-link:hover{border-color:var(--j-ink)}
.j-cover-image{margin:0;position:relative}
.j-cover-image img{width:100%;height:590px;object-fit:cover;object-position:center}
.j-cover-image figcaption{font-size:10px;color:var(--j-muted);letter-spacing:.07em;margin-top:12px}
.j-review{font-size:10px;line-height:1.2;letter-spacing:.035em;color:#647572;margin:20px 0 0}
.j-library{padding-bottom:90px;scroll-margin-top:110px}
.j-library-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-top:1px solid var(--j-line);padding-top:42px;margin-bottom:34px}
.j-library-heading .m-eyebrow{margin-bottom:13px}
.j-library-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.08;max-width:22ch}
.j-library-note{font-size:12px;color:var(--j-muted);line-height:1.2;margin:0;padding-bottom:5px;white-space:nowrap}
.j-tools{display:flex;flex-direction:column;gap:25px;margin-bottom:22px}
.j-search{display:flex;align-items:center;gap:26px;padding:20px 0;border-block:1px solid var(--j-line)}
.j-search label{font-size:11px;letter-spacing:.06em;min-width:130px}
.j-search>div{display:flex;align-items:center;flex:1}
.j-search input{width:100%;min-width:0;background:none;border:0;border-radius:0;color:var(--j-ink);font:400 19px/1.2 var(--font-b,Arial,sans-serif);padding:7px 10px}
.j-search input::placeholder{color:#717d7b;opacity:1}
.j-search button{display:grid;place-items:center;width:44px;height:44px;flex:none}
.j-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}
.j-categories{display:flex;flex-wrap:wrap;gap:10px 25px}
.j-categories button{font-size:12px;min-height:44px;padding:8px 0;border-bottom:1px solid transparent;color:var(--j-muted)}
.j-categories button[aria-pressed=true]{color:var(--j-ink);border-bottom-color:var(--j-ink);font-weight:500}
.j-count{font-size:11px;color:var(--j-muted);margin:25px 0 28px;letter-spacing:.035em}
.j-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}
.j-entry{min-width:0}
.j-entry-image{display:block;overflow:hidden;background:#f0f5f4}
.j-entry-image img{width:100%;height:300px;object-fit:cover;transition:transform .6s ease}
.j-entry:hover .j-entry-image img{transform:scale(1.025)}
.j-entry-copy{padding-top:24px}
.j-entry h3{font-size:36px;line-height:1.05;margin:12px 0 14px;max-width:20ch}
.j-entry h3 a{text-decoration:none}
.j-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.j-entry-copy>p:not(.j-meta){font-size:14px;line-height:1.2;color:var(--j-muted);font-weight:400;margin-bottom:14px}
.j-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;line-height:1.2;color:#4f6b66;margin:0}
.j-meta span+span{color:#687875}
.j-entry--lead{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;border-bottom:1px solid var(--j-line);padding-bottom:50px}
.j-entry--lead .j-entry-image img{height:420px}
.j-entry--lead .j-entry-copy{padding:15px 40px 15px 0}
.j-entry--lead h3{font-size:clamp(42px,4.6vw,66px);max-width:15ch}
.j-entry--lead .j-entry-copy>p:not(.j-meta){font-size:16px}
.j-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}
.j-grid.is-filtered .j-entry{grid-column:auto;display:block;padding:0;border:0}
.j-grid.is-filtered .j-entry-image img{height:350px}
.j-grid.is-filtered .j-entry-copy{padding:24px 0 0}
.j-grid.is-filtered h3{font-size:42px;max-width:none}
.j-empty{text-align:center;padding:70px 24px;border-block:1px solid var(--j-line)}
.j-empty h3{font-size:42px;margin-bottom:15px}
.j-empty>p:not(.m-eyebrow){color:var(--j-muted)}
.j-empty button{margin-top:16px}
.j-stay{text-align:center;border-top:1px solid var(--j-line);padding:65px 0 90px}
.j-stay h2{font-size:clamp(38px,4.2vw,60px);line-height:1.1;margin:0 0 30px}


.j-reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#e5722f;z-index:1100;pointer-events:none}
.j-article-head{padding-top:52px;padding-bottom:45px;text-align:center}
.j-back{display:inline-flex;align-items:center;gap:14px;font-size:11px;min-height:44px;margin-bottom:30px;border-bottom:1px solid var(--j-line)}
.j-article-head .j-meta{justify-content:center;margin-bottom:24px}
.j-article-head h1{font-size:clamp(48px,6.4vw,88px);line-height:1.02;letter-spacing:-.025em;max-width:19ch;margin:0 auto 24px}
.j-deck{font-size:18px;color:var(--j-muted);line-height:1.2;max-width:54ch;margin:0 auto 26px;font-weight:400}
.j-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;font-size:11px;color:#5b726e}
.j-article-head .j-review{margin-top:10px}
.j-article-head>p,.j-stay>p{margin-inline:auto}
.j-article-photo{margin-top:0;margin-bottom:65px}
.j-article-photo img{width:100%;height:min(590px,52vw);object-fit:cover;object-position:center}
body[data-article-slug=bombinhas-em-dias-de-chuva] .j-article-photo img{object-position:center 58%}
.j-article-photo figcaption{font-size:10px;color:var(--j-muted);padding-top:12px;letter-spacing:.025em}
.j-reading-layout{display:grid;grid-template-columns:220px minmax(0,710px);justify-content:center;gap:70px;align-items:start}
.j-toc{position:sticky;top:110px;padding-bottom:30px}
.j-toc details{border-top:1px solid var(--j-line)}
.j-toc summary{list-style:none;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:500;padding:22px 0;cursor:pointer}
.j-toc summary::-webkit-details-marker{display:none}
.j-toc summary span{float:right;font-size:18px;line-height:1}
.j-toc details[open] summary span{transform:rotate(45deg)}
.j-toc ol{list-style:none;padding:0;margin:0}
.j-toc li{border-bottom:1px solid var(--j-line)}
.j-toc li a{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:14px 0;font-size:12px;line-height:1.2;color:var(--j-muted)}
.j-toc li span{font-size:9px;padding-top:2px;color:#768885}
.j-toc a[aria-current=location]{color:var(--j-ink);font-weight:500}
.j-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.j-toc-sources{display:inline-block;font-size:10px;padding:20px 0;min-height:44px}
.j-prose{min-width:0}
.j-prose section{scroll-margin-top:110px;margin-bottom:48px}
.j-prose h2{font-size:clamp(32px,3.2vw,44px);line-height:1.1;margin:0 0 22px}
.j-prose p{font-size:16px;line-height:1.2;font-weight:400;color:#1c7a6d;margin-bottom:22px}
.j-prose .j-source-inline{font-size:10px;line-height:1.2;color:var(--j-muted);margin-top:8px}
.j-prose a:not(.j-text-link){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.j-pullquote{margin:50px -35px;padding:40px 35px;border-block:1px solid var(--j-line)}
.j-pullquote p{font-family:var(--font-d,Georgia,serif);font-size:clamp(34px,3.7vw,49px);line-height:1.18;color:var(--j-ink);font-style:italic;margin:0 0 20px}
.j-pullquote span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--j-muted)}
.j-prose .j-sources{background:#f0f5f4;padding:28px 30px;margin-top:55px}
.j-sources h2{font-family:var(--font-b,Arial,sans-serif);font-size:13px;font-weight:500;line-height:1.2;margin-bottom:14px}
.j-sources p,.j-sources li{font-size:12px;line-height:1.2}
.j-sources ul{padding-left:18px;margin:18px 0}
.j-sources li{margin-bottom:10px}
.j-sources .j-review{font-size:10px;margin-bottom:0}
.j-article-end{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:10px 0 40px}
.j-back-top{font-size:12px}
.j-related{padding-block:50px 100px}
.j-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.j-related .j-entry-image img{height:270px}
.j-related .j-entry h3{font-size:32px}
.j-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1450px){.j-cover-image img{height:650px}}
@media(max-width:1050px){.m-journal .m-wrap{width:calc(100% - 60px)}.j-cover{gap:30px;padding-top:45px}.j-cover h1{font-size:62px}.j-cover-image img{height:500px}.j-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.j-pullquote{margin-inline:0;padding-inline:0}.j-entry--lead{gap:30px}.j-entry--lead .j-entry-copy{padding-right:0}.j-grid,.j-related-grid{gap:40px 24px}.j-entry-image img{height:250px}.j-entry h3{font-size:31px}}
@media(max-width:760px){.m-journal .m-wrap{width:calc(100% - 40px)}.j-cover{grid-template-columns:1fr;padding-top:25px;padding-bottom:55px;gap:35px}.j-cover-copy{padding:20px 0 0}.j-cover h1{font-size:clamp(52px,10vw,74px)}.j-cover-image img{height:430px}.j-intro{max-width:40ch;font-size:16px}.j-cover .j-review{margin-top:18px}.j-library-heading{padding-top:30px;align-items:flex-start}.j-library-heading h2{font-size:42px}.j-library-note{display:none}.j-search{display:block;padding:15px 0}.j-search label{display:block;margin-bottom:8px}.j-search input{padding-left:0;font-size:17px}.j-categories{gap:3px 22px}.j-grid,.j-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.j-entry--lead{grid-template-columns:1fr;gap:0;padding-bottom:35px}.j-entry--lead .j-entry-image img{height:340px}.j-entry--lead .j-entry-copy{padding-top:24px}.j-entry--lead h3{font-size:44px;max-width:none}.j-grid .j-entry-image img,.j-grid.is-filtered .j-entry-image img{height:280px}.j-grid .j-entry--lead .j-entry-image img{height:360px}.j-grid.is-filtered .j-entry--lead{grid-column:auto}.j-grid.is-filtered h3,.j-entry h3{font-size:32px}.j-article-head{padding-top:25px;padding-bottom:30px}.j-article-head h1{font-size:56px}.j-deck{font-size:16px}.j-article-photo{margin-bottom:35px}.j-article-photo img{height:390px}.j-reading-layout{display:block}.j-toc{position:static;padding-bottom:35px}.j-toc nav{max-width:none}.j-toc li a{min-height:44px}.j-prose{max-width:690px;margin-inline:auto}.j-prose p{font-size:16px}.j-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.j-related .j-entry-image img{height:180px}.j-related .j-entry h3{font-size:28px}.j-related .j-entry-copy>p:not(.j-meta){display:none}.j-related .j-meta{font-size:9px;gap:2px}.j-article-end{flex-wrap:wrap}.j-stay{padding-bottom:65px}}
@media(max-width:520px){.j-cover-image img{height:360px}.j-cover h1{font-size:54px}.j-grid,.j-grid.is-filtered,.j-related-grid{grid-template-columns:1fr}.j-entry--lead{grid-column:auto}.j-grid .j-entry-image img,.j-grid .j-entry--lead .j-entry-image img,.j-grid.is-filtered .j-entry-image img{height:300px}.j-entry--lead h3,.j-grid.is-filtered h3,.j-entry h3{font-size:39px}.j-article-head h1{font-size:48px}.j-byline{flex-direction:column}.j-article-photo img{height:310px}.j-prose h2{font-size:35px}.j-prose .j-sources{padding:23px 20px}.j-pullquote p{font-size:36px}.j-related .j-entry{display:grid;grid-template-columns:115px 1fr;gap:20px}.j-related .j-entry-image img{height:160px}.j-related .j-entry-copy{padding:0}.j-related .j-entry h3{font-size:28px;margin-top:9px}.j-related .j-text-link{font-size:11px;gap:20px}.j-related .j-meta span+span{display:none}.j-library-heading{flex-wrap:wrap}.j-library-heading h2{font-size:39px}.j-library{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.m-journal{scroll-behavior:auto}.m-journal *{scroll-behavior:auto!important}.j-entry-image img{transition:none}.j-entry:hover .j-entry-image img{transform:none}}


/* Blog index (20/10): reads as a blog. Site container, visually hidden h1 (no visible head), pill search + topic chips, a featured post card
   and a grid of post cards (white card, photo on top, orange category, standard button, grow on hover). */
.m-blog-index .m-wrap{width:min(var(--m-width,1104px),calc(100% - 96px))}
.m-blog-index .j-library{padding-top:48px;padding-bottom:calc(var(--m-space,120px) - 40px)} /* no visible head: the search starts 64px under the header */
.m-blog-index .j-tools{align-items:center;gap:16px;margin-bottom:36px}
.m-blog-index .j-search{width:min(560px,100%);gap:10px;padding:5px 5px 5px 22px;border:1px solid var(--m-line,#e1e8e6);border-radius:999px;background:#fff;box-shadow:0 12px 30px -22px rgba(11,58,52,.5)}
.m-blog-index .j-search input{font-size:15px}
.m-blog-index .j-search button{width:40px;height:40px;border-radius:50%;background:var(--m-orange,#c2561a);color:#fff}
.m-blog-index .j-search svg{width:18px;height:18px;stroke-width:2}
.m-blog-index .j-categories{justify-content:center;gap:4px;width:fit-content;max-width:100%;padding:5px;border-radius:999px;background:rgba(243,247,246,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(11,58,52,.06)}
.m-blog-index .j-categories button{min-height:38px;padding:8px 16px;border:0;border-radius:999px;font-size:13px;color:var(--m-muted,#5d6b67)}
.m-blog-index .j-categories button[aria-pressed=true]{background:var(--m-green,#016157);color:#fff;font-weight:500}
.m-blog-index .j-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.m-blog-index .j-grid.is-filtered{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.m-blog-index .j-grid .j-entry{display:flex;flex-direction:column;grid-column:auto;padding:8px 8px 20px;border:1px solid transparent;border-radius:var(--m-r-xl,36px);background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.9)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(16,32,29,.09) 42%,rgba(16,32,29,.07) 76%,rgba(255,255,255,.8)) border-box;box-shadow:var(--m-glass-shadow);cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.m-blog-index .j-grid .j-entry-image{border-radius:calc(var(--m-r-xl,36px) - 8px)}
.m-blog-index .j-grid .j-entry-image img{height:auto;aspect-ratio:16/10}
.m-blog-index .j-grid .j-entry-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 14px 0}
.m-blog-index .j-meta{gap:8px 14px;font-size:10.5px}
.m-blog-index .j-meta span:first-child{display:inline-flex;align-items:center;gap:7px;color:#a64a17;font-weight:600}
.m-blog-index .j-meta span:first-child::before{content:'';width:6px;height:6px;border:2px solid var(--m-orange,#c2561a);border-radius:50%}
.m-blog-index .j-grid .j-entry h3{max-width:none;margin:10px 0;font-size:24px;line-height:1.08;text-wrap:balance}
.m-blog-index .j-grid .j-entry-copy>p:not(.j-meta){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 20px}
.m-blog-index .j-read{margin-top:auto}
.m-blog-index .j-grid .j-entry--lead{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch;padding:8px}
.m-blog-index .j-grid .j-entry--lead .j-entry-image img{height:100%;min-height:400px;aspect-ratio:auto}
.m-blog-index .j-grid .j-entry--lead .j-entry-copy{justify-content:center;padding:32px 40px}
.m-blog-index .j-grid .j-entry--lead h3{font-size:40px}
.m-blog-index .j-grid .j-entry--lead .j-read{margin-top:12px}
.m-blog-index .j-grid.is-filtered .j-entry--lead{grid-column:auto;display:flex;gap:0;padding:8px 8px 20px}
.m-blog-index .j-grid.is-filtered .j-entry--lead .j-entry-image img{height:auto;min-height:0;aspect-ratio:16/10}
.m-blog-index .j-grid.is-filtered .j-entry--lead .j-entry-copy{justify-content:flex-start;padding:18px 14px 0}
.m-blog-index .j-grid.is-filtered .j-entry--lead h3{font-size:24px}
.m-blog-index .j-grid.is-filtered .j-entry--lead .j-read{margin-top:auto}
.m-blog-index .j-entry:hover .j-entry-image img{transform:none}
@media(hover:hover){.m-blog-index .j-grid .j-entry:hover{transform:scale(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 30px 50px -28px rgba(11,58,52,.45)}.m-blog-index .j-grid .j-entry:hover .j-read>.m-arrow{transform:rotate(45deg);background:var(--m-green,#016157)}}
@media(max-width:1100px){.m-blog-index .m-wrap{width:calc(100% - 64px)}.m-blog-index .j-grid,.m-blog-index .j-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.m-blog-index .j-grid .j-entry--lead h3{font-size:34px}}
@media(max-width:760px){.m-blog-index .m-wrap{width:calc(100% - 40px)}.m-blog-index .j-library{padding-top:32px}.m-blog-index .j-categories{border-radius:var(--m-r-lg,28px)}.m-blog-index .j-grid,.m-blog-index .j-grid.is-filtered{grid-template-columns:1fr;gap:16px}.m-blog-index .j-grid .j-entry--lead{display:flex}.m-blog-index .j-grid .j-entry--lead .j-entry-image img{min-height:0;height:auto;aspect-ratio:16/10}.m-blog-index .j-grid .j-entry--lead .j-entry-copy{padding:18px 14px 0}.m-blog-index .j-grid .j-entry--lead h3,.m-blog-index .j-grid .j-entry h3{font-size:22px}.m-blog-index .j-grid .j-entry--lead .j-read{margin-top:auto}}
@media(prefers-reduced-motion:reduce){.m-blog-index .j-grid .j-entry{transition:none}}
.m-blog-index .j-entry h3 a:hover{text-decoration:none}
/* Blog text (20/10): body copy and titles in the site's near-black ink instead of green. Secondary greys stay. */
.m-journal{--j-ink:var(--m-ink,#10201d)}
.j-prose p{color:var(--m-ink,#10201d)}
.j-prose li,.j-prose blockquote{color:var(--m-ink,#10201d)}

/* Related posts on article pages (20/10): same post card as the blog index, inside the site container. */
.m-journal .j-related.m-wrap{width:min(var(--m-width,1104px),calc(100% - 96px))}
.m-journal .j-related .j-library-heading{align-items:center}
.m-journal .j-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.m-journal .j-related .j-entry{display:flex;flex-direction:column;min-width:0;padding:8px 8px 20px;border:1px solid transparent;border-radius:var(--m-r-xl,36px);background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.9)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(16,32,29,.09) 42%,rgba(16,32,29,.07) 76%,rgba(255,255,255,.8)) border-box;box-shadow:var(--m-glass-shadow);cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.m-journal .j-related .j-entry-image{border-radius:calc(var(--m-r-xl,36px) - 8px)}
.m-journal .j-related .j-entry-image img{height:auto;aspect-ratio:16/10;transform:none}
.m-journal .j-related .j-entry-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 14px 0}
.m-journal .j-related .j-meta{gap:8px 14px;font-size:10.5px}
.m-journal .j-related .j-meta span:first-child{display:inline-flex;align-items:center;gap:7px;color:#a64a17;font-weight:600}
.m-journal .j-related .j-meta span:first-child::before{content:'';width:6px;height:6px;border:2px solid var(--m-orange,#c2561a);border-radius:50%}
.m-journal .j-related .j-entry h3{max-width:none;margin:10px 0;font-size:24px;line-height:1.08;text-wrap:balance}
.m-journal .j-related .j-entry h3 a:hover{text-decoration:none}
.m-journal .j-related .j-entry-copy>p:not(.j-meta){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 20px}
.m-journal .j-related .j-read{margin-top:auto}
@media(hover:hover){.m-journal .j-related .j-entry:hover{transform:scale(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 30px 50px -28px rgba(11,58,52,.45)}.m-journal .j-related .j-entry:hover .j-read>.m-arrow{transform:rotate(45deg);background:var(--m-green,#016157)}}
@media(max-width:760px){.m-journal .j-related.m-wrap{width:calc(100% - 40px)}.m-journal .j-related-grid{grid-template-columns:1fr;gap:16px}.m-journal .j-related .j-entry{display:flex}.m-journal .j-related .j-entry-image img{height:auto}.m-journal .j-related .j-entry-copy{padding:18px 14px 0}.m-journal .j-related .j-entry-copy>p:not(.j-meta){display:-webkit-box}.m-journal .j-related .j-entry h3{margin-top:10px;font-size:22px}.m-journal .j-related .j-library-heading{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.m-journal .j-related .j-entry{transition:none}}
/* Blog review fixes (20/10): uniform filtered lead card, readable search placeholder, article related section aligned. */
.m-blog-index .j-grid.is-filtered .j-entry--lead .j-entry-copy>p:not(.j-meta){font-size:14px}
.m-blog-index .j-search input::placeholder{color:var(--m-muted,#5d6b67);opacity:1}
@media(max-width:1050px){.m-journal .j-related.m-wrap{width:calc(100% - 60px)}}
@media(max-width:760px){.m-blog-index .j-grid .j-entry--lead{padding:8px 8px 20px}.m-blog-index .j-grid .j-entry--lead .j-entry-copy>p:not(.j-meta){font-size:14px}.m-blog-index .j-grid.is-filtered .j-entry--lead h3{font-size:22px}.m-journal .j-related.m-wrap{width:calc(100% - 40px)}}
/* Article pages (20/10): compact head and a cover that matches the reading width (TOC + text, 1000px) instead of
   an edge-to-edge giant photo, so the text starts much higher. */
.m-journal-article .j-article-head{padding-top:40px;padding-bottom:26px}
.m-journal-article .j-back{margin-bottom:16px}
.m-journal-article .j-article-head .j-meta{margin-bottom:12px}
.m-journal-article .j-article-head h1{margin-bottom:12px}
.m-journal-article .j-deck{margin-bottom:14px}
.m-journal-article .j-article-photo.m-wrap{width:min(1000px,calc(100% - 96px))}
.m-journal-article .j-article-photo{margin-bottom:44px}
.m-journal-article .j-article-photo img{height:min(400px,38vw);border-radius:var(--m-r-xl,36px)}
@media(max-width:1050px){.m-journal-article .j-article-photo.m-wrap{width:calc(100% - 60px)}.m-journal-article .j-article-photo img{height:320px}}
@media(max-width:760px){.m-journal-article .j-article-head{padding-top:24px;padding-bottom:20px}.m-journal-article .j-article-photo.m-wrap{width:calc(100% - 40px)}.m-journal-article .j-article-photo{margin-bottom:30px}.m-journal-article .j-article-photo img{height:230px;border-radius:var(--m-r-lg,28px)}}
/* Article pages (20/10): photo on top; below it the title block starts in the right column, aligned with the text,
   and the TOC sits in the left column from the title down. On phones the title comes before the TOC (DOM order). */
.m-journal-article .j-article-head .j-meta,.m-journal-article .j-byline{justify-content:flex-start}
.m-journal-article .j-article-head h1{max-width:none;margin:0 0 12px}
.m-journal-article .j-article-head>p,.m-journal-article .j-deck{margin-inline:0}
@media(max-width:760px){.m-journal-article .j-reading-layout>.j-article-head{padding:0 0 24px}}
/* Article hero (20/10): the title sits over the cover photo in a dark glass card with category + reading time. */
.m-journal-article .j-article-hero{position:relative;width:min(1000px,calc(100% - 96px));margin-top:40px;border-radius:var(--m-r-xl,36px);overflow:hidden;isolation:isolate}
.m-journal-article .j-article-hero>img{display:block;width:100%;height:min(480px,44vw);object-fit:cover;object-position:center 58%}
.m-journal-article .j-article-hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,39,35,0) 45%,rgba(7,39,35,.45) 100%)}
.j-article-glass{position:absolute;z-index:1;left:24px;bottom:24px;max-width:min(640px,calc(100% - 48px));padding:24px 28px;border:1px solid transparent;border-radius:24px;color:#fff;text-align:left;background:linear-gradient(rgba(8,30,26,.46),rgba(8,30,26,.34)) padding-box,linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.1) 40%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.45)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px -28px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.j-article-glass .j-meta{justify-content:flex-start;gap:8px 16px;margin:0 0 12px;font-size:11px;color:rgba(255,255,255,.88)}
.j-article-glass .j-meta span:first-child{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600}
.j-article-glass .j-meta span:first-child::before{content:'';width:6px;height:6px;border:2px solid var(--m-orange-hot,#f28c45);border-radius:50%}
.j-article-glass .j-meta span+span{color:rgba(255,255,255,.88)}
.m-journal main .j-article-glass h1{max-width:none;margin:0 0 10px;color:#fff;font-size:44px;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.j-article-glass .j-deck{max-width:52ch;margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.2}
.m-journal-article .j-article-caption{width:min(1000px,calc(100% - 96px));margin:10px auto 40px;font-size:10px;line-height:1.2;color:var(--j-muted);letter-spacing:.025em}
.m-journal-article .j-reading-layout>.j-article-head{padding:0 0 28px}
.m-journal-article .j-article-head .j-back{margin-bottom:10px}
@media(max-width:1050px){.m-journal-article .j-article-hero,.m-journal-article .j-article-caption{width:calc(100% - 60px)}.m-journal main .j-article-glass h1{font-size:38px}}
@media(max-width:760px){.m-journal-article .j-article-hero,.m-journal-article .j-article-caption{width:calc(100% - 40px)}.m-journal-article .j-article-hero{margin-top:24px;border-radius:var(--m-r-lg,28px)}.m-journal-article .j-article-hero>img{height:420px}.j-article-glass{left:12px;right:12px;bottom:12px;max-width:none;padding:18px}.m-journal main .j-article-glass h1{font-size:30px}.j-article-glass .j-deck{font-size:14px}.m-journal-article .j-article-caption{margin-bottom:28px}}
/* Article pages (20/10): no byline/back/review block and no caption; the TOC and the text start side by side under the photo. */
.m-journal-article .j-article-hero{margin-bottom:44px}
@media(max-width:760px){.m-journal-article .j-article-hero{margin-bottom:28px}}
/* Favorites (22/10): heart on the cards (over the photo) and a pill in the article hero. */
.j-entry { position:relative; }
.j-fav { position:absolute; top:14px; right:14px; z-index:2; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(255,255,255,.82); color:var(--m-ink,#10201d); cursor:pointer; box-shadow:0 8px 20px -10px rgba(0,0,0,.45); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:transform .2s,background .2s; }
.j-fav:hover { transform:scale(1.06); background:#fff; }
.j-fav svg, .j-fav-pill svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; }
.j-fav[aria-pressed=true], .j-fav-pill[aria-pressed=true] { color:#c2561a; }
.j-fav[aria-pressed=true] svg, .j-fav-pill[aria-pressed=true] svg { fill:currentColor; }
.j-fav-pill { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:18px; padding:0 18px 0 14px; border:1px solid rgba(255,255,255,.75); border-radius:999px; background:rgba(255,255,255,.88); color:var(--m-ink,#10201d); font:500 14px/1 var(--m-sans); cursor:pointer; }
.j-fav-pill:hover { background:#fff; }
.j-fav:focus-visible, .j-fav-pill:focus-visible { outline:2px solid var(--m-green,#016157); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .j-fav { transition:none; } .j-fav:hover { transform:none; } }
@media(forced-colors:active) { .j-fav, .j-fav-pill { border:1px solid ButtonText; } .j-fav[aria-pressed=true], .j-fav-pill[aria-pressed=true] { border:2px solid Highlight; } }
/* 24/10: the favourite pill (44 px + 18 px margin) is added by blog.js; its space is kept from the start so the title does not jump. */
.j-article-glass:not(.has-fav)::after { content:''; display:block; height:62px; }
/* Mobile round (26/10): on phones the title card sits under the cover photo (it hid the subject), the article title is
   the largest heading again, support text is 12 px or more, the end links share one style and the category chips
   wrap left-aligned. */
.j-article-end .j-back-link{gap:12px}
@media(max-width:760px){
.m-journal-article .j-article-hero{background:var(--m-green-deep,#0b3a34)}
.m-journal-article .j-article-hero::after{display:none}
.m-journal-article .j-article-hero>img{height:300px}
.m-journal-article .j-article-glass{position:static;max-width:none;padding:20px 20px 22px;border:0;border-radius:0;background:var(--m-green-deep,#0b3a34);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.m-journal main .j-article-glass h1{font-size:36px;line-height:1.05}
.j-article-glass .j-meta{font-size:12px}
.j-article-glass .j-deck{font-size:15px;line-height:1.3}
.j-pullquote p{font-size:26px}
.j-pullquote span,.j-toc summary,.j-toc li span,.j-toc-sources,.j-prose .j-source-inline,.j-sources .j-review,.j-review,.m-journal-article .j-article-caption{font-size:12px}
.j-prose .j-source-inline{line-height:1.5}
.j-toc li a{font-size:14px}
.j-article-end{flex-wrap:wrap;gap:4px 24px}
.m-blog-index .j-tools{align-items:stretch}
.m-blog-index .j-categories{flex-wrap:wrap;justify-content:flex-start;width:auto;max-width:none;padding:0;gap:8px;border-radius:0;background:none;box-shadow:none}
.m-blog-index .j-categories button{flex:none;min-height:40px;border:1px solid var(--m-line,#dfe7e5);white-space:nowrap}
.m-blog-index .j-categories button:not([aria-pressed=true]){background:#fff;color:var(--m-ink,#10201d)}
.m-blog-index .j-categories button[aria-pressed=true]{border-color:var(--m-green,#016157)}
}
/* Mobile round, part 3 (26/10): one reference per line. */
@media(max-width:760px){
.j-source-inline a{display:block;padding-block:6px}
.j-source-sep{display:none}
}