:root{--journal-width:min(820px,calc(100% - 48px));--journal-wide:min(1080px,calc(100% - 48px))}
.journal-hero{padding:96px 0 56px;background:#fff}.journal-hero .journal-inner,.article-hero .article-inner,.article-layout{width:var(--journal-width);margin-inline:auto}.journal-hero .eyebrow,.article-hero .eyebrow{margin:0 0 20px;min-width:0;width:max-content;max-width:calc(100vw - 48px)}.journal-hero h1,.article-hero h1{margin:0;font-size:clamp(40px,5vw,56px);line-height:1.08;letter-spacing:-.025em;font-weight:520}.journal-hero .section-intro,.article-deck{margin:24px 0 0;color:var(--muted);font-size:18px;max-width:680px}.journal-count{display:flex;width:max-content;max-width:100%;margin-top:20px;padding:6px 11px;border-radius:999px;background:#fff0eb;color:#a82900;font-size:13px;font-weight:700}.journal-list{padding:0 0 112px}.journal-grid{width:var(--journal-wide);margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.journal-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:var(--radius3);background:#fff;transition:transform .18s ease,border-color .18s ease}.journal-card:hover{transform:translateY(-3px);border-color:#aeb0b8}.journal-card:focus-within{border-color:var(--ink)}.journal-card .card-tag{display:flex;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:var(--mist);color:#4f535b;font-size:12px}.journal-card .card-tag+h2{margin-top:16px}.journal-card h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.015em}.journal-card p{margin:16px 0 0;color:var(--muted)}.journal-card .card-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#51555d}.journal-card .card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.journal-card .card-link:focus{outline:none}
.article-hero{padding:88px 0 48px;background:var(--mist)}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;color:#5b5f67;font-size:13px}.article-breadcrumb li+li::before{content:"/";margin-right:8px;color:#92959c}.article-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.meta-pill{display:inline-flex;width:max-content;padding:6px 10px;border:1px solid #d2d2da;border-radius:999px;background:#fff;color:#4e525a;font-size:13px}.article-layout{padding:56px 0 112px}.article-toc{position:relative;z-index:2;margin-bottom:48px;padding:24px;border:1px solid var(--line);border-radius:var(--radius2);background:#fff}.article-toc h2{margin:0;font-size:20px}.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:16px 0 0;padding-left:22px}.article-toc li{margin:0 0 6px;color:#4e525a}.article-toc a:hover{color:var(--brand)}.toc-count{display:flex;width:max-content;max-width:100%;margin-top:16px;padding:5px 9px;border-radius:999px;background:#fff0eb;color:#a82900;font-size:12px;font-weight:700}.article-body{font-size:17px;line-height:1.82}.article-body>p:first-child{font-size:19px;color:#40444b}.article-body h2{margin:56px 0 20px;font-size:28px;line-height:1.25;letter-spacing:-.015em}.article-body h3{margin:32px 0 12px;font-size:21px}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body a{color:#b62b00;text-decoration:underline;text-underline-offset:3px}.article-body table{width:100%;margin:24px 0 32px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius2);overflow:hidden;font-size:15px}.article-body th,.article-body td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.article-body th{background:var(--mist);font-weight:700}.article-body tr:last-child td{border-bottom:0}.article-note{margin:28px 0;padding:20px 22px;border-radius:var(--radius2);background:var(--mist);color:#444850}.article-cta{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:64px;padding:28px;border-radius:var(--radius3);background:var(--night);color:#fff}.article-cta .cta-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:12px;background:#ff3d00}.article-cta svg{width:28px;height:28px}.article-cta h2{margin:0;font-size:22px}.article-cta p{margin:6px 0 0;color:#c8ccd2;font-size:15px}.article-cta .button{background:#fff;color:var(--ink)}.article-cta .button:hover{background:#f0f0f3;color:var(--ink)}.article-recommend{position:fixed;z-index:50;right:24px;bottom:24px;width:min(360px,calc(100% - 32px));padding:22px 56px 22px 22px;border:1px solid #343b45;border-radius:var(--radius3);background:var(--night);color:#fff;box-shadow:0 16px 38px rgba(0,7,16,.22)}.article-recommend strong{display:block;font-size:16px}.article-recommend a{display:inline-flex;margin-top:8px;color:#ff6a38;font-size:14px;font-weight:700}.article-recommend .float-icon{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px}.recommend-float-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#202833;color:#fff;font-size:0}.recommend-float-close::before,.recommend-float-close::after{content:"";position:absolute;left:9px;top:15px;width:14px;height:1.5px;background:currentColor}.recommend-float-close::before{transform:rotate(45deg)}.recommend-float-close::after{transform:rotate(-45deg)}.recommend-float-close:hover{background:#343e4b;color:#fff}
@media(max-width:760px){:root{--journal-width:min(100% - 32px,820px);--journal-wide:min(100% - 32px,1080px)}.site-footer .footer-languages{flex-wrap:wrap;justify-content:flex-start}.site-footer .footer-languages a{white-space:normal}.journal-hero,.article-hero{padding:64px 0 40px}.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-card{padding:24px}.article-layout{padding:40px 0 88px}.article-toc ol{grid-template-columns:minmax(0,1fr)}.article-body{font-size:16px}.article-body h2{font-size:25px}.article-body table{display:block;overflow-x:auto}.article-cta{grid-template-columns:48px minmax(0,1fr);padding:24px}.article-cta .cta-icon{width:48px;height:48px}.article-cta .button{grid-column:1/-1;width:100%}.article-recommend{right:16px;bottom:16px}.site-footer{padding-bottom:124px}}

.article-recommend .float-links{display:flex;gap:14px;flex-wrap:wrap}
