/* WebClinic journal — readable long-form layer */
.journal { background: var(--paper); color: var(--ink); }
.journal-hero { padding: 155px clamp(24px,5vw,72px) 72px; background: linear-gradient(90deg, rgba(16,42,60,.93), rgba(16,42,60,.48)), url('/assets/images/webclinic-journal-still-life.png') center / cover no-repeat; color: #fff; }
.journal-hero__inner, .journal-main { max-width: 960px; margin: 0 auto; }
.journal-hero h1 { max-width: 820px; margin: 20px 0 0; font-size: clamp(2.75rem,6vw,5.3rem); font-weight: 500; letter-spacing: -.07em; line-height: .97; }
.journal-hero p { max-width: 680px; margin: 24px 0 0; color: #d0dfeb; font-size: 1.12rem; line-height: 1.7; }
.journal-main { padding: clamp(58px,8vw,110px) 24px; }
.journal-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.journal-card { min-height: 255px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.55); text-decoration: none; transition: background .2s, transform .2s; }
.journal-card:hover { background: #fff; transform: translateY(-3px); }
.journal-card__meta, .article-meta { color: #52708b; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.journal-card h2 { margin: 28px 0 11px; font-size: clamp(1.25rem,2vw,1.7rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.12; }
.journal-card p { margin: 0; color: #53687b; font-size: .9rem; line-height: 1.65; }
.article-header { padding: 150px clamp(24px,5vw,72px) 70px; background: #e6eee9; }
.article-header__inner, .article-body, .article-next { max-width: 780px; margin: 0 auto; }
.article-header h1 { margin: 21px 0 0; max-width: 900px; font-size: clamp(2.6rem,5.5vw,4.8rem); font-weight: 500; letter-spacing: -.07em; line-height: .99; }
.article-dek { max-width: 650px; margin: 25px 0 0; color: #39546c; font-size: 1.1rem; line-height: 1.75; }
.article-meta { margin-top: 26px; color: #507287; }
.article-body { padding: 70px 24px 32px; font-size: 1.03rem; line-height: 1.8; color: #243b51; }
.article-body > p:first-child { font-size: 1.24rem; color: var(--ink); }
.article-body h2 { margin: 58px 0 17px; color: var(--ink); font-size: clamp(1.6rem,3.4vw,2.4rem); font-weight: 600; letter-spacing: -.05em; line-height: 1.08; }
.article-body h3 { margin: 32px 0 10px; color: var(--ink); font-size: 1.2rem; letter-spacing: -.03em; }
.article-body p, .article-body ul { margin: 0 0 19px; }
.article-body li { margin-bottom: 9px; }
.article-body a { color: #0769ae; font-weight: 600; }
.article-callout { margin: 36px 0; padding: 24px; border-left: 3px solid var(--blue); background: #edf1e8; color: #294a63; }
.article-callout strong { color: var(--ink); }
.article-next { margin-top: 40px; padding: 32px 24px 88px; border-top: 1px solid var(--line); }
.article-next p { margin: 0 0 10px; color: #557087; font-size: .72rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.article-next a { font-size: 1.35rem; font-weight: 600; letter-spacing: -.035em; }
@media (max-width:650px) { .journal-grid { grid-template-columns: 1fr; }.journal-card { min-height: 0; }.article-header { padding-top: 122px; }.article-body { padding-top: 48px; } }