/* Food Be Good editorial layout: only the approved brand palette and type. */
.knowledge-main { background:var(--white); }
.knowledge-intro { max-width:1200px; padding:72px 32px 42px; margin:auto; }
.knowledge-intro .eyebrow { font:800 11px/1.6 'Open Sans',sans-serif; color:var(--ink); letter-spacing:.12em; }
.knowledge-intro h1 { max-width:1000px; font:400 clamp(38px,4.8vw,62px)/1.08 'Lilita One',sans-serif; text-transform:uppercase; letter-spacing:-.02em; margin:0 0 24px; hyphens:auto; overflow-wrap:break-word; }
.knowledge-intro > p:last-child { max-width:740px; font:400 18px/1.75 'Open Sans',sans-serif; margin:0; color:var(--ink); }
.knowledge-grid { max-width:1200px; padding:0 32px 76px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.knowledge-card,.knowledge-card:nth-child(n) { background:var(--white); color:var(--ink); box-shadow:6px 6px 0 var(--ink); border:3px solid var(--ink); border-radius:20px; min-height:0; padding:22px; display:flex; flex-direction:column; min-width:0; }
.knowledge-cover { display:block; overflow:hidden; border:2px solid var(--ink); border-radius:12px; background:var(--white); aspect-ratio:16/10; }
.knowledge-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.knowledge-cover img[src$="viadrina-bifi-team.jpg"] { object-position:50% 24% !important; }
.knowledge-copy { padding:22px 0 0; display:flex; flex-direction:column; flex:1; min-width:0; }
.knowledge-meta { display:flex; flex-wrap:wrap; gap:0 6px; font:800 10px/1.7 'Open Sans',sans-serif; color:var(--ink); text-transform:uppercase; margin:0 0 14px!important; letter-spacing:.04em; }
.knowledge-card h2 { font:400 clamp(25px,2.2vw,31px)/1.12 'Lilita One',sans-serif; text-transform:uppercase; letter-spacing:0; overflow-wrap:break-word; hyphens:auto; margin:0 0 16px; }
.knowledge-card h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.knowledge-card .knowledge-summary { font:400 15px/1.75 'Open Sans',sans-serif; color:var(--ink); margin:0 0 24px; }
.knowledge-read { font:800 12px/1.6 'Open Sans',sans-serif; border:2px solid var(--ink); border-radius:10px; box-shadow:3px 3px 0 var(--ink); background:var(--lime); padding:10px 15px; margin-top:auto; align-self:start; display:inline-flex; gap:10px; transition:transform 160ms ease-out,box-shadow 160ms ease-out; }
.knowledge-read:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }
.knowledge-read:active { transform:translate(3px,3px); box-shadow:none; }
.knowledge-featured { grid-column:1/-1; display:grid!important; grid-template-columns:1.15fr 1fr; gap:36px; }
.knowledge-featured .knowledge-copy { justify-content:center; padding:10px 0; }
.knowledge-featured h2 { font-size:clamp(28px,3.2vw,42px); line-height:1.1; }
.knowledge-featured .knowledge-summary { font-size:16px; }
.knowledge-featured .knowledge-read { margin-top:0; }
.knowledge-tool { max-width:1136px; margin:0 auto 80px; padding:30px 32px; background:var(--mint); border:3px solid var(--ink); border-radius:20px; box-shadow:6px 6px 0 var(--ink); display:flex; gap:28px; align-items:center; justify-content:space-between; }
.knowledge-tool > div { max-width:660px; }
.knowledge-tool h2 { font:400 30px/1.15 'Lilita One',sans-serif; text-transform:uppercase; margin:0 0 14px; }
.knowledge-tool p { font:400 15px/1.75 'Open Sans',sans-serif; color:var(--ink); margin:0; }
.knowledge-tool .eyebrow { font:800 10px/1.6 'Open Sans',sans-serif; margin-bottom:12px; }
.knowledge-tool .fx-button { font-size:12px; max-width:270px; flex-shrink:0; }
.knowledge-main :focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.journal-article { font-weight:400; }
.journal-article .article-header { background:var(--white); border-bottom:3px solid var(--ink); padding:48px 28px 44px; }
.journal-article .article-header-inner { max-width:840px; }
.article-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font:600 12px/1.6 'Open Sans',sans-serif; color:var(--ink); margin-bottom:30px; }
.article-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.journal-article .article-meta { font:800 10px/1.8 'Open Sans',sans-serif; letter-spacing:.06em; color:var(--ink); }
.journal-article .article-header h1 { font:400 clamp(34px,4.2vw,51px)/1.08 'Lilita One',sans-serif; text-transform:uppercase; letter-spacing:-.02em; max-width:840px; margin:0; }
.journal-article .article-lead { font:400 19px/1.7 'Open Sans',sans-serif; color:var(--ink); margin-top:24px; }
.article-cover { max-width:840px; margin:36px auto 0; padding:0 28px; }
.article-cover img { display:block; width:100%; height:auto; aspect-ratio:2.2/1; object-fit:cover; border:3px solid var(--ink); border-radius:20px; box-shadow:6px 6px 0 var(--ink); }
.article-cover figcaption { font:400 12px/1.65 'Open Sans',sans-serif; color:var(--ink); padding:16px 0 0; }
.journal-article .article-shell { max-width:840px; padding:28px 28px 80px; font-size:17px; line-height:1.85; }
.journal-article .article-shell h2 { font:400 clamp(27px,2.7vw,34px)/1.12 'Lilita One',sans-serif; text-transform:uppercase; letter-spacing:-.015em; margin:48px 0 20px; }
.journal-article .article-shell h3 { font:400 25px/1.15 'Lilita One',sans-serif; text-transform:uppercase; margin:32px 0 14px; }
.journal-article .article-shell p { margin:0 0 22px; }
.journal-article .article-shell ul,.journal-article .article-shell ol { margin:20px 0 30px; }
.journal-article .article-callout,.journal-article .formula { background:var(--white); border:3px solid var(--ink); border-radius:20px; box-shadow:4px 4px 0 var(--ink); padding:24px; margin:30px 0; }
.journal-article .article-callout { border-top:7px solid var(--lime); }
.journal-article .formula { border-top:7px solid var(--mint); }
.journal-article .article-callout > strong,.journal-article .formula strong { font:400 23px/1.2 'Lilita One',sans-serif; text-transform:uppercase; }
.journal-article .article-callout p:last-child { margin-bottom:0; }
/* Shared by every article: black grid, mint headers, white rows. */
.journal-article .article-table { border:3px solid var(--ink); box-shadow:5px 5px 0 var(--ink); border-radius:20px; margin:30px 0; overflow:auto; background:var(--white); }
.journal-article .article-table table { width:100%; min-width:540px; border-collapse:separate; border-spacing:0; }
.journal-article .article-table caption { caption-side:top; padding:18px 20px; text-align:left; background:var(--white); color:var(--ink); border-bottom:2px solid var(--ink); font:400 13px/1.65 'Open Sans',sans-serif; }
.journal-article .article-table td,.journal-article .article-table th { padding:18px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink); color:var(--ink); font-size:15px; line-height:1.65; text-align:left; vertical-align:top; }
.journal-article .article-table thead th { font:400 19px/1.2 'Lilita One',sans-serif; text-transform:uppercase; background:var(--mint); }
.journal-article .article-table tbody th { font:800 15px/1.65 'Open Sans',sans-serif; text-transform:none; }
.journal-article .article-table tbody tr > *,.journal-article .article-table tbody tr:nth-child(even) > * { background:var(--white); }
.journal-article .article-table tr > :last-child { border-right:0; }
.journal-article .article-table tbody tr:last-child > * { border-bottom:0; }
.journal-article .ed-toc { border-color:var(--ink); border-width:2px; font-size:14px; }
.journal-article .ed-toc strong { font:400 21px/1.2 'Lilita One',sans-serif; }
.journal-article .article-shell .faq-list summary { font:400 21px/1.25 'Lilita One',sans-serif; text-transform:uppercase; }
.journal-article .article-shell .faq-list p { font-size:15px; }
.journal-article .article-sources { font-size:12px; color:var(--ink); }
@media(max-width:1000px) { .knowledge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .knowledge-featured { gap:28px; } .knowledge-tool { margin-inline:32px; flex-direction:column; align-items:start; } }
@media(max-width:620px) { .knowledge-intro { padding:42px 22px 32px; } .knowledge-intro h1 { font-size:36px; } .knowledge-intro > p:last-child { font-size:16px; } .knowledge-grid { padding:0 22px 48px; grid-template-columns:minmax(0,1fr); gap:28px; } .knowledge-card,.knowledge-card:nth-child(n) { padding:18px; } .knowledge-featured { grid-template-columns:minmax(0,1fr); gap:0; } .knowledge-featured .knowledge-copy { padding-top:22px; } .knowledge-card h2 { font-size:27px; } .knowledge-cover { aspect-ratio:16/9; } .knowledge-tool { margin:0 22px 48px; padding:24px; } .knowledge-tool h2 { font-size:27px; } .journal-article .article-header { padding:32px 22px; } .journal-article .article-header h1 { font-size:34px; } .journal-article .article-lead { font-size:17px; } .article-cover { padding:0 22px; margin-top:24px; } .article-cover img { aspect-ratio:16/10; } .journal-article .article-shell { padding:24px 22px 60px; font-size:16px; line-height:1.8; } .journal-article .article-callout { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .knowledge-read { transition:none; } }
