/* Editorial companion to the existing LINEDot landing page. */
.article-header{border-bottom:1px solid #dce7de;background:#fff}.article-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}.article-nav nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.article-download{display:inline-flex;gap:8px;align-items:center;padding:12px 20px;border-radius:999px;background:var(--ink);color:#fff}.article-download:hover{background:var(--green)}.article-heading{padding:100px 28px 70px;text-align:center;background:linear-gradient(180deg,#eff5f0,#fff)}.article-heading .eyebrow{margin-bottom:24px}.article-heading h1{max-width:1040px;margin:auto;font-size:clamp(34px,4.5vw,66px);font-weight:750;line-height:1.4;letter-spacing:-.04em;text-shadow:none;text-wrap:balance}.article-prose{max-width:760px;width:calc(100% - 56px);margin:0 auto;font-size:19px;line-height:2.1;overflow-wrap:break-word}.article-prose p{margin-bottom:32px}.article-prose h2{font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.5;letter-spacing:-.035em;margin-bottom:30px}.article-prose blockquote{margin:34px 0;padding:28px 32px;background:#eff5f0;border-left:3px solid var(--green);border-radius:0 18px 18px 0;line-height:2.1;color:#29493c}.article-prose .article-pivot{font-size:clamp(25px,3vw,36px);font-weight:700;line-height:1.6;color:var(--green);margin:60px 0 36px;letter-spacing:-.025em}.article-prose .article-conclusion{max-width:660px;margin:56px auto 12px;padding:30px 20px 0;border-top:1px solid #dce7de;font-size:clamp(17px,1.6vw,20px);font-weight:500;line-height:2;letter-spacing:.04em;text-align:center;text-wrap:balance;color:var(--green)}.article-art{max-width:1120px;width:calc(100% - 56px);margin:42px auto 0}.article-art img{width:100%;height:auto}.article-divider{max-width:760px;width:calc(100% - 56px);height:1px;border:0;background:#dce7de;margin:64px auto 70px}.article-actions{display:flex;justify-content:center;align-items:center;gap:32px;padding:55px 28px 85px}.article-actions .pill-link{margin-top:0;gap:12px}.article-page footer{border-top:1px solid #dce7de}
@media(max-width:767px){.article-nav{padding-block:18px;gap:12px}.article-nav .brand{font-size:23px;gap:8px}.article-nav .brand img{width:31px;height:31px}.article-nav nav{font-size:11px;gap:16px}.article-download{padding:10px 14px}.article-heading{padding:66px 24px 44px}.article-heading h1{font-size:36px;line-height:1.5}.article-heading .eyebrow{font-size:9px}.article-prose{font-size:17px;line-height:2;width:calc(100% - 48px)}.article-prose p{margin-bottom:27px}.article-prose blockquote{padding:22px 20px;line-height:2}.article-art{width:100%;margin-top:32px}.article-divider{margin:44px auto 50px;width:calc(100% - 48px)}.article-actions{gap:24px;padding:38px 24px 55px}.article-actions .text-link{font-size:12px}.article-prose .article-pivot{margin-top:42px}}
@media(max-width:359px){.article-nav nav{gap:8px}.article-nav .brand{font-size:21px}.article-nav .brand img{width:28px;height:28px}.article-download{padding:9px 10px}.article-heading h1{font-size:32px}.article-prose{font-size:16px}}

/* Keep the mobile header clear in both languages; the logo also links home. */
.article-nav .brand{flex-shrink:0;white-space:nowrap}.article-download{white-space:nowrap}
@media(max-width:767px){.article-nav nav>a:first-child{display:none}.article-nav nav{flex-shrink:0}}

.article-breadcrumb{display:flex;gap:12px;max-width:1040px;width:calc(100% - 56px);margin:24px auto 0;font-size:12px;color:var(--muted)}.article-breadcrumb a{color:var(--green)}.article-heading .article-meta{font-size:12px;color:var(--muted);margin-top:22px;letter-spacing:.04em}