@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-VariableFont_wght.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--green-900:#0a3520;--green-800:#0f4a2c;--green-700:#146a38;--green-600:#1a8545;--green-500:#22a355;--green-400:#4bc475;--green-100:#e8f5ee;--green-50:#f2faf5;--amber-500:#d97706;--amber-400:#f59e0b;--amber-100:#fef3c7;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-400:#94a3b8;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--color-primary:var(--green-700);--color-primary-dark:var(--green-800);--color-primary-light:var(--green-100);--color-text:var(--slate-800);--color-muted:var(--slate-600);--color-subtle:var(--slate-400);--color-border:var(--slate-200);--color-bg:var(--slate-50);--color-surface:var(--white);--font:Montserrat, system-ui, sans-serif;--text-xs:1.2rem;--text-sm:1.4rem;--text-base:1.6rem;--text-lg:1.8rem;--text-xl:2rem;--text-2xl:2.4rem;--text-3xl:3rem;--text-4xl:3.8rem;--text-5xl:4.8rem;--space-1:.4rem;--space-2:.8rem;--space-3:1.2rem;--space-4:1.6rem;--space-5:2rem;--space-6:2.4rem;--space-8:3.2rem;--space-10:4rem;--space-12:4.8rem;--space-16:6.4rem;--space-20:8rem;--radius-sm:.6rem;--radius-md:1rem;--radius-lg:1.6rem;--radius-xl:2.4rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000024;--z-base:10;--z-sticky:20;--z-modal:30;--z-toast:50;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition:.2s var(--ease-out)}*,:before,:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--slate-400) var(--slate-100)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--slate-400);border-radius:var(--radius-full)}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%}body{font-family:var(--font);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0;font-weight:400;line-height:1.65}h1,h2,h3,h4,h5{font-family:var(--font);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty;margin:0}figure,ul,ol{margin:0;padding:0;list-style:none}a{color:var(--color-primary);transition:color var(--transition);font-weight:600;text-decoration:none}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}img{object-fit:cover;max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}main{max-width:130rem;min-height:70dvh;padding:var(--space-6) var(--space-5);margin:0 auto}.site-header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition);background:#ffffffeb;position:sticky;top:0}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{max-width:130rem;padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.site-logo{align-items:center;gap:var(--space-3);color:var(--color-text);font-weight:800;font-size:var(--text-xl);letter-spacing:-.03em;transition:opacity var(--transition);flex-shrink:0;text-decoration:none;display:flex}.site-logo:hover{color:var(--color-text);opacity:.85}.site-logo img{border-radius:var(--radius-md);width:4rem;height:4rem}.logo-text{color:var(--color-primary)}.site-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);white-space:nowrap;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--slate-100)}.nav-link.active{color:var(--color-primary)}.nav-cta{font-size:var(--text-sm);color:var(--white);background:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:background var(--transition), transform var(--transition);white-space:nowrap;font-weight:700;text-decoration:none}.nav-cta:hover{background:var(--color-primary-dark);color:var(--white);transform:translateY(-1px)}.menu-toggle{cursor:pointer;width:4.4rem;height:4.4rem;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none}.menu-toggle:hover{background:var(--slate-100)}.menu-toggle span{background:var(--color-text);width:22px;height:2px;transition:transform .3s var(--ease-out), opacity .3s;border-radius:2px;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{gap:var(--space-1);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);background:var(--white);flex-direction:column;display:none}.mobile-nav.open{display:flex}.mobile-nav-link{font-size:var(--text-base);color:var(--color-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:color var(--transition), background var(--transition);font-weight:600;text-decoration:none}.mobile-nav-link:hover{color:var(--color-text);background:var(--slate-100)}.mobile-nav-cta{text-align:center;margin-top:var(--space-3);font-size:var(--text-base);color:var(--white);background:var(--color-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);transition:background var(--transition);font-weight:700;text-decoration:none;display:block}.mobile-nav-cta:hover{background:var(--color-primary-dark);color:var(--white)}.site-footer{background:var(--slate-900);color:var(--slate-400);margin-top:var(--space-20)}.footer-inner{max-width:130rem;padding:var(--space-16) var(--space-6) var(--space-10);margin:0 auto}.footer-top{gap:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);text-decoration:none;display:flex}.footer-logo img{border-radius:var(--radius-sm);width:3.6rem;height:3.6rem}.footer-logo-name{color:var(--white);font-size:var(--text-xl);letter-spacing:-.03em;font-weight:800}.footer-tagline{font-size:var(--text-sm);max-width:28rem;margin-bottom:var(--space-5);line-height:1.7}.footer-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--green-400);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#4ac4751f;border:1px solid #4ac47540;font-weight:600;display:inline-flex}.footer-col-title{font-size:var(--text-sm);color:var(--white);margin-bottom:var(--space-5);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a{font-size:var(--text-sm);color:var(--slate-400);transition:color var(--transition);font-weight:400;text-decoration:none}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.footer-copyright{font-size:var(--text-sm)}.footer-legal{gap:var(--space-5);display:flex}.footer-legal a{font-size:var(--text-sm);color:var(--slate-400);transition:color var(--transition);font-weight:400;text-decoration:none}.footer-legal a:hover{color:var(--white)}.hero-banner{border-radius:var(--radius-xl);background:var(--slate-900);position:relative;overflow:hidden}.hero-banner img{object-fit:cover;object-position:center;width:100%;height:52rem;display:block}.hero-banner-overlay{background:linear-gradient(#0000 0%,#0a352059 50%,#0a3520e0 100%);position:absolute;inset:0}.hero-banner-content{padding:var(--space-12) var(--space-10);position:absolute;bottom:0;left:0;right:0}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--green-400);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);letter-spacing:.06em;text-transform:uppercase;background:#4ac47526;border:1px solid #4ac4754d;font-weight:700;display:inline-flex}.hero-title{color:var(--white);letter-spacing:-.03em;margin-bottom:var(--space-4);max-width:70rem;font-size:clamp(2.8rem,4vw,4.8rem);font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:#fffc;max-width:55rem;margin-bottom:var(--space-8);line-height:1.6}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:2px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{color:var(--white);background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px #146a3859}.btn-ghost{color:var(--white);backdrop-filter:blur(4px);background:#ffffff26;border-color:#fff6}.btn-ghost:hover{color:var(--white);background:#ffffff40;transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--white);transform:translateY(-2px)}.section{margin-bottom:var(--space-12)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.section-title{font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.03em;align-items:center;gap:var(--space-3);font-weight:800;display:flex}.section-title-accent{background:var(--color-primary);border-radius:var(--radius-full);width:4px;height:2.4rem;display:inline-block}.section-link{font-size:var(--text-sm);color:var(--color-primary);align-items:center;gap:var(--space-2);transition:gap var(--transition);font-weight:700;display:inline-flex}.section-link:hover{gap:var(--space-3)}.cards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(32rem,1fr));display:grid}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--slate-300);transform:translateY(-4px)}.card a{color:inherit;height:100%;text-decoration:none;display:block}.card-image{background:var(--slate-100);position:relative;overflow:hidden}.card-image img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .4s var(--ease-out)}.card:hover .card-image img{transform:scale(1.04)}.card-badge{top:var(--space-3);left:var(--space-3);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);backdrop-filter:blur(8px);font-weight:700;position:absolute}.badge-recipe{color:var(--amber-500);background:#fdf3c7e6;border:1px solid #d9770633}.badge-article{color:var(--color-primary);background:#e8f5eee6;border:1px solid #146a3833}.card-body{padding:var(--space-5)}.card-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.card-meta-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted);font-weight:500;display:inline-flex}.card-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.015em;font-weight:700;line-height:1.3}.card-description{font-size:var(--text-sm);color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--slate-50);justify-content:space-between;align-items:center;display:flex}.card-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:600}.breadcrumb{margin-bottom:var(--space-6)}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{font-size:var(--text-sm);color:var(--color-muted);align-items:center;display:inline-flex}.breadcrumb li a{color:var(--color-muted);transition:color var(--transition);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500;text-decoration:none}.breadcrumb li a:hover{color:var(--color-primary);background:var(--slate-100)}.breadcrumb li[aria-current=page]{color:var(--color-text);padding:var(--space-1) var(--space-2);font-weight:600}.breadcrumb-sep{color:var(--slate-400);user-select:none;padding:0 var(--space-1);align-items:center;display:inline-flex}.article-wrapper{max-width:76rem;margin:0 auto}.article-hero{border-radius:var(--radius-xl);margin-bottom:var(--space-10);position:relative;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:44rem}.article-hero-overlay{background:linear-gradient(#0000 40%,#0a3520bf 100%);position:absolute;inset:0}.article-hero-title{bottom:var(--space-8);left:var(--space-8);right:var(--space-8);color:var(--white);letter-spacing:-.03em;font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:800;line-height:1.15;position:absolute}.article-header{margin-bottom:var(--space-8)}.article-meta-bar{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--slate-50);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.article-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);font-weight:500;display:inline-flex}.article-meta-item strong{color:var(--color-text);font-weight:600}.article-intro{font-size:var(--text-lg);color:var(--color-muted);border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);background:var(--green-50);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-8);font-style:italic;line-height:1.7}.article-content{font-size:var(--text-base);color:var(--color-text);line-height:1.75}.article-content>*+*{margin-top:var(--space-5)}.article-content h2{font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.025em;margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);font-weight:800}.article-content h3{font-size:var(--text-xl);color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3);font-weight:700}.article-content p{margin-bottom:var(--space-5)}.article-content ul,.article-content ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.article-content li{margin-bottom:var(--space-2)}.article-content strong{color:var(--color-text);font-weight:700}.article-content table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;border-radius:var(--radius-md);overflow:hidden}.article-content th{background:var(--color-primary);color:var(--white);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm)}.article-content td{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.article-content tr:last-child td{border-bottom:none}.article-content tr:nth-child(2n) td{background:var(--slate-50)}.recipe-no-image-header{padding:var(--space-8) 0;margin-bottom:var(--space-6)}.recipe-no-image-header .recipe-hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.recipe-no-image-header .recipe-hero-title{color:var(--color-text);letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;line-height:1.1}.recipe-no-image-header .recipe-meta-strip{gap:var(--space-4);flex-wrap:wrap;display:flex}.recipe-hero{border-radius:var(--radius-xl);margin-bottom:var(--space-8);position:relative;overflow:hidden}.recipe-hero img{object-fit:cover;width:100%;height:48rem}.recipe-hero-overlay{background:linear-gradient(#0000 0%,#0a352033 40%,#0a3520d9 100%);position:absolute;inset:0}.recipe-hero-content{bottom:var(--space-8);left:var(--space-8);right:var(--space-8);position:absolute}.recipe-hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--amber-400);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);letter-spacing:.06em;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b4d;font-weight:700;display:inline-flex}.recipe-hero-title{color:var(--white);letter-spacing:-.03em;margin-bottom:var(--space-5);font-size:clamp(2.4rem,4vw,4rem);font-weight:800;line-height:1.1}.recipe-meta-strip{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.recipe-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffd9;font-weight:500;display:inline-flex}.recipe-layout{gap:var(--space-10);grid-template-columns:1fr 32rem;align-items:start;display:grid}.recipe-sidebar{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);top:calc(7rem + var(--space-4));position:sticky}.recipe-sidebar-title{font-size:var(--text-base);color:var(--color-text);letter-spacing:-.015em;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border);text-transform:uppercase;font-weight:800;font-size:var(--text-xs);letter-spacing:.1em}.ingredients-list{margin:0;padding:0;list-style:none}.ingredients-list li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--slate-100);font-size:var(--text-sm);display:flex}.ingredients-list li:last-child{border-bottom:none}.ingredient-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.recipe-intro-block{font-size:var(--text-lg);color:var(--color-muted);border-left:4px solid var(--amber-400);padding:var(--space-4) var(--space-6);background:var(--amber-100);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-8);line-height:1.7}.recipe-instructions-list{counter-reset:steps;margin:0;padding:0;list-style:none}.recipe-instructions-list li{counter-increment:steps;padding-left:5.5rem;padding-bottom:var(--space-8);font-size:var(--text-base);line-height:1.7;position:relative}.recipe-instructions-list li:before{content:counter(steps);background:var(--color-primary);width:3.6rem;height:3.6rem;color:var(--white);font-weight:800;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-2px;left:0}.recipe-instructions-list li:after{content:"";background:var(--color-border);width:2px;position:absolute;top:3.6rem;bottom:0;left:1.8rem}.recipe-instructions-list li:last-child:after{display:none}.recipe-tips-block,.recipe-variations-block{background:var(--slate-50);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);margin-top:var(--space-8)}.recipe-tips-block ul,.recipe-variations-block ul{margin:var(--space-4) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.recipe-tips-block li,.recipe-variations-block li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6;display:flex}.tip-icon{width:2rem;height:2rem;color:var(--color-primary);flex-shrink:0}.nutrition-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.nutrition-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.nutrition-value{font-size:var(--text-xl);color:var(--color-primary);letter-spacing:-.025em;font-weight:800}.nutrition-label{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-1)}.surface{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-8);box-shadow:var(--shadow-xs)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.faq-item:has(details[open]){border-color:var(--color-primary);box-shadow:0 0 0 3px #146a3814}.faq-item summary{cursor:pointer;padding:var(--space-5) var(--space-6);font-weight:700;font-size:var(--text-base);color:var(--color-text);user-select:none;justify-content:space-between;align-items:center;gap:var(--space-4);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{width:2rem;height:2rem;color:var(--color-primary);transition:transform .3s var(--ease-out);flex-shrink:0}details[open] .faq-icon{transform:rotate(45deg)}.faq-item details p{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--color-muted);margin:0;line-height:1.7}.faq-page-section{width:100%;margin-top:var(--space-12)}.faq-page-section .section-title{margin-bottom:var(--space-6)}.expertise-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));display:grid}.expertise-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.expertise-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-3px)}.expertise-icon{background:var(--color-primary-light);border-radius:var(--radius-md);width:4.8rem;height:4.8rem;margin-bottom:var(--space-4);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.expertise-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.expertise-desc{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}.tips-checklist{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tips-checklist li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text);line-height:1.6;display:flex}.tips-checklist li svg{color:var(--color-primary);flex-shrink:0;margin-top:.2rem}.stats-bar{gap:var(--space-1);margin:var(--space-10) 0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.stat-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.stat-value{font-size:var(--text-3xl);color:var(--color-primary);letter-spacing:-.04em;font-weight:800;line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2);font-weight:500}.notfound{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;min-height:60dvh;display:flex}.notfound h1{font-size:var(--text-5xl);color:var(--color-primary)}.notfound p{font-size:var(--text-xl);color:var(--color-muted)}.reading-progress{background:var(--color-primary);z-index:100;border-radius:0 var(--radius-full) var(--radius-full) 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.related-section{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.related-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.related-title{font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:var(--space-3);margin:0;font-weight:800;display:flex}.related-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);white-space:nowrap;transition:gap var(--transition);font-weight:600;text-decoration:none;display:inline-flex}.related-link:hover{gap:var(--space-2)}.related-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);overflow:hidden}.related-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-3px)}.related-card>a{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.related-card-image{aspect-ratio:16/10;position:relative;overflow:hidden}.related-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.related-card:hover .related-card-image img{transform:scale(1.04)}.related-card-badge{top:var(--space-3);left:var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--text-xs);padding:.2rem var(--space-2);border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;font-weight:700;position:absolute}.related-card-body{padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.related-card-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);display:flex}.related-card-meta span{align-items:center;gap:var(--space-1);display:flex}.related-card-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:700;line-height:1.35}.related-card-desc{font-size:var(--text-sm);color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.pseo-header{padding:var(--space-10) 0 var(--space-8)}.pseo-badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);background:color-mix(in srgb, var(--color-primary) 10%, transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.pseo-header h1{color:var(--color-text);letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1.1}.pseo-intro{font-size:var(--text-lg);color:var(--color-muted);max-width:65rem;line-height:1.6}.pseo-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;margin:var(--space-10) 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border);font-weight:800;display:flex}.pseo-tips{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0}.pseo-tips-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pseo-tips-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text);line-height:1.5;display:flex}.pseo-tips-list svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.pseo-editorial{margin:var(--space-10) 0;padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.pseo-editorial-content{max-width:72rem}.pseo-editorial-content h2{font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.02em;margin:var(--space-8) 0 var(--space-4);font-weight:800}.pseo-editorial-content h2:first-child{margin-top:0}.pseo-editorial-content p{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--space-4);line-height:1.75}.pseo-editorial-content ul{margin:var(--space-4) 0 var(--space-6) var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.pseo-editorial-content li{font-size:var(--text-base);color:var(--color-muted);line-height:1.65}.pseo-editorial-content strong{color:var(--color-text);font-weight:600}.pseo-tags-grid{gap:var(--space-3);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.pseo-tag-chip{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text);font-weight:600;text-decoration:none;transition:all .2s}.pseo-tag-chip:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pseo-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.pseo-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}@media (width<=1024px){.recipe-layout{grid-template-columns:1fr}.recipe-sidebar{order:-1;position:static}.footer-top{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){html{font-size:58%}main{padding:var(--space-4) var(--space-4)}.site-nav{display:none}.menu-toggle{display:flex}.header-inner{padding:var(--space-3) var(--space-4)}.hero-banner img{height:38rem}.hero-title{font-size:2.8rem}.hero-banner-content{padding:var(--space-6)}.cards-grid{grid-template-columns:1fr}.article-hero img{height:28rem}.article-hero-title{left:var(--space-5);right:var(--space-5);bottom:var(--space-5);font-size:2.2rem}.recipe-hero img{height:32rem}.recipe-hero-content{left:var(--space-5);right:var(--space-5);bottom:var(--space-5)}.footer-top{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}.footer-inner{padding:var(--space-10) var(--space-5) var(--space-8)}.expertise-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}}@media (width<=480px){html{font-size:55%}.hero-banner img{height:28rem}.stats-bar{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}}