/* Chefolio Journal · main-site design language verified 2026-09-27.
   Source: https://www.chefolio.app/style.css. Reading colors extend the brand. */
@font-face{font-family:"DM Sans Local";src:url("./assets/dm-sans.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed Local";src:url("./assets/barlow-condensed-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed Local";src:url("./assets/barlow-condensed-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{
 --color-ink:#121110;--color-paper:#f2efeb;--color-orange:#e95721;--color-orange-hover:#ff723e;
 --color-paper-soft:#e7e2da;--color-muted-light:#615c56;--color-muted-dark:#b6b1aa;
 --color-link-light:#9d330e;--color-border-dark:#ffffff26;--color-border-light:#1211102b;
 --font-sans:"DM Sans Local","Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 --font-display:"Barlow Condensed Local","Arial Narrow","PingFang SC","Microsoft YaHei",sans-serif;
 --max:1440px;--gutter:clamp(20px,4vw,64px);--space-section:clamp(56px,7vw,100px);
}
.cf-blog,.theme-dark{
 --surface:var(--color-ink);--surface-soft:#201e1b;--text:var(--color-paper);--muted:var(--color-muted-dark);
 --line:var(--color-border-dark);--line-strong:#ffffff55;--accent-text:var(--color-orange);
 --blog-copy:#ddd7cf;--blog-meta:var(--muted);--panel:var(--surface-soft);color-scheme:dark;
}
.theme-light,.surface-light{
 --surface:var(--color-paper);--surface-soft:var(--color-paper-soft);--text:var(--color-ink);--muted:var(--color-muted-light);
 --line:var(--color-border-light);--line-strong:#12111066;--accent-text:var(--color-link-light);
 --blog-copy:#302d29;--blog-meta:var(--muted);--panel:var(--surface-soft);color-scheme:light;
 background:var(--surface);color:var(--text);
}
.cf-blog{margin:0;min-height:100vh;background:var(--surface);color:var(--text);font:400 16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased}
.cf-blog *,.cf-blog *::before,.cf-blog *::after{box-sizing:border-box}
.cf-blog img{display:block;max-width:100%;height:auto}
.cf-blog a{color:inherit}
.cf-blog button,.cf-blog input,.cf-blog textarea{font:inherit}
.cf-blog button{cursor:pointer}
.cf-blog button:disabled{opacity:.5;cursor:default}
.cf-blog :focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}
.cf-blog ::selection{color:var(--color-ink);background:var(--color-orange-hover)}
.cf-container{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin-inline:auto}
.cf-section{padding-block:var(--space-section)}
.cf-display,.section-heading h2,.download-cta h2{font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.cf-display{font-size:clamp(52px,6vw,88px);margin:20px 0;max-width:18em}
.cf-display em{color:var(--color-orange);font-style:normal}
.cf-lead{max-width:42em;color:var(--blog-copy);font-size:18px;line-height:1.75}
.cf-meta{color:var(--blog-meta);font-size:13px;line-height:1.65}
.eyebrow{display:inline-block;font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.11em;color:var(--accent-text)}
.cf-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px;line-height:1.3;text-decoration:none;background:transparent;transition:background .18s,color .18s,border-color .18s}
.cf-pill[aria-current="page"]{background:var(--text);color:var(--surface);border-color:var(--text)}
a.cf-pill:hover{border-color:var(--text)}
.cf-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center;color:var(--color-ink);background:var(--color-orange);transition:background .18s,transform .18s}
.cf-blog a.cf-button{color:var(--color-ink)}
.cf-button:hover{background:var(--color-orange-hover);transform:translateY(-2px)}
.cf-button--secondary,.cf-blog a.cf-button--secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}
.cf-button--secondary:hover{background:var(--surface-soft)}
.cf-button--ink,.cf-blog a.cf-button--ink{background:var(--color-ink);color:var(--color-paper)}
.cf-button--ink:hover{background:#302d29}
.cf-button--outline,.cf-blog a.cf-button--outline{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}
.cf-button--outline:hover{background:#ffffff22}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:500;text-decoration:none;text-underline-offset:5px}
.text-link:hover{text-decoration:underline}
.cf-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.cf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.cf-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.cf-card-cover{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface-soft)}
.cf-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cf-card-body{display:flex;flex-direction:column;flex:1;padding:22px 0 18px}
.cf-card h2,.cf-card h3{margin:15px 0 10px;font:600 24px/1.25 var(--font-sans);letter-spacing:-.025em;overflow-wrap:anywhere}
.cf-card h2 a,.cf-card h3 a{text-decoration:none;text-underline-offset:5px;text-decoration-thickness:1px}
.cf-card h2 a:hover,.cf-card h3 a:hover{text-decoration:underline}
.cf-card p{margin:0 0 22px;font-size:15px;line-height:1.75;color:var(--muted)}
.cf-prose{max-width:720px;margin-inline:auto;color:var(--blog-copy);font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.cf-prose p{margin:0 0 1.25em}
.cf-prose h2,.cf-prose h3{color:var(--text);scroll-margin-top:110px}
.cf-prose h2{margin:1.6em 0 .6em;font:700 38px/1.15 var(--font-display);letter-spacing:-.01em}
.cf-prose h3{margin:1.8em 0 .7em;font:600 24px/1.4 var(--font-sans)}
.cf-prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:.2em}
.cf-prose li+li{margin-top:.5em}
.cf-prose figure{margin:2em 0}
.cf-prose figure img{border-radius:0}
.cf-prose figcaption{margin-top:12px;color:var(--muted);font-size:14px}
.cf-prose blockquote{margin:1.8em 0;padding:22px 26px;background:var(--panel);border-left:3px solid var(--color-orange)}
.cf-prose blockquote>:last-child{margin-bottom:0}
.cf-prose pre{max-width:100%;overflow:auto;background:var(--color-ink);color:var(--color-paper);padding:20px;font-size:14px;line-height:1.65}
.cf-prose :not(pre)>code{font-size:.86em;background:var(--surface-soft);padding:2px 5px}
.cf-table-scroll{max-width:100%;overflow-x:auto}
.cf-prose table{display:block;max-width:100%;overflow-x:auto;width:100%;border-collapse:collapse;font-size:16px}
.cf-prose th,.cf-prose td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.cf-prose th{color:var(--text);background:var(--panel)}
@media(hover:hover){.cf-card:hover .cf-card-cover img{transform:scale(1.025)}}
@media(max-width:1120px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cf-grid{grid-template-columns:minmax(0,1fr);gap:34px}.cf-card h2,.cf-card h3{font-size:23px}.cf-prose{font-size:17px;line-height:1.8}.cf-prose h2{font-size:32px}.cf-prose h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cf-blog *,.cf-blog *::before,.cf-blog *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cf-card:hover .cf-card-cover img,.cf-button:hover{transform:none}}