@property --underline-width{syntax:"<percentage>";initial-value:0%;inherits:false}@property --timeline-height{syntax:"<percentage>";initial-value:0%;inherits:false}@property --nutrition-num{syntax:"<integer>";initial-value:0;inherits:false}:root{--color-primary:#b5451b;--color-primary-dark:#8c3415;--color-primary-light:#f9e8df;--color-accent-saffron:#d4940a;--color-accent-olive:#6b7c3e;--color-accent-turmeric:#c89b3c;--color-bg:#faf6f1;--color-bg-warm:#f5ede3;--color-bg-card:#ffffff;--color-text:#3a2e24;--color-text-muted:#7a6b5d;--color-border:#e8dfd4;--color-border-light:#f0e8dd;--shadow-soft:0 2px 12px rgba(90,50,20,0.06);--shadow-hover:0 8px 28px rgba(90,50,20,0.13);--font-size-sm:0.9375rem;--font-size-base:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--line-height-base:1.85;--line-height-heading:1.4;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--max-width:1100px;--font-heading:"Shippori Mincho","Noto Serif JP",serif;--font-body:"Noto Sans JP",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary-dark);text-decoration:none;transition:color .2s ease;&:hover{color:var(--color-primary)}}ol,ul{list-style:none}.site-header{background:#ffffff;border-bottom:4px solid var(--color-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);& .site-header__inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-lg) 0;display:flex;align-items:baseline;justify-content:space-between}& .site-header__title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-text);letter-spacing:.06em;line-height:1.2;& a{color:inherit;text-decoration:none;&:hover{color:var(--color-primary)}}}& .site-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px;font-family:var(--font-body)}}.site-nav{max-width:var(--max-width);margin:0 auto;padding:var(--space-sm) var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}& .site-nav__list{display:flex;gap:var(--space-xs);white-space:nowrap}& .site-nav__link{display:inline-block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);padding:6px 14px;border-radius:999px;transition:background .25s ease,color .25s ease,box-shadow .25s ease;text-decoration:none;&:hover{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:0 2px 8px rgba(181,69,27,.1)}}}.hero{background:radial-gradient(circle at 25% 25%,rgba(181,69,27,.03) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(212,148,10,.03) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(107,124,62,.02) .5px,transparent .5px),linear-gradient(160deg,var(--color-bg-warm) 0,#f9e8df 50%,#fdf2e9 100%);background-size:20px 20px,24px 24px,16px 16px,100% 100%;padding:var(--space-2xl) var(--space-lg) calc(var(--space-2xl) + 12px);text-align:center;position:relative;overflow:hidden;& .hero__inner{max-width:720px;margin:0 auto}& .hero__tagline{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);line-height:var(--line-height-heading);margin-bottom:var(--space-md);letter-spacing:.06em}& .hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1.7;max-width:560px;margin:0 auto}&:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:24px;background:var(--color-bg);animation:waveShift 6s ease-in-out infinite alternate;-webkit-clip-path:polygon(0 100%,0 40%,4% 55%,8% 40%,12% 55%,16% 40%,20% 55%,24% 40%,28% 55%,32% 40%,36% 55%,40% 40%,44% 55%,48% 40%,52% 55%,56% 40%,60% 55%,64% 40%,68% 55%,72% 40%,76% 55%,80% 40%,84% 55%,88% 40%,92% 55%,96% 40%,100% 55%,100% 100%);clip-path:polygon(0 100%,0 40%,4% 55%,8% 40%,12% 55%,16% 40%,20% 55%,24% 40%,28% 55%,32% 40%,36% 55%,40% 40%,44% 55%,48% 40%,52% 55%,56% 40%,60% 55%,64% 40%,68% 55%,72% 40%,76% 55%,80% 40%,84% 55%,88% 40%,92% 55%,96% 40%,100% 55%,100% 100%)}}@keyframes waveShift{0%{-webkit-clip-path:polygon(0 100%,0 40%,4% 55%,8% 40%,12% 55%,16% 40%,20% 55%,24% 40%,28% 55%,32% 40%,36% 55%,40% 40%,44% 55%,48% 40%,52% 55%,56% 40%,60% 55%,64% 40%,68% 55%,72% 40%,76% 55%,80% 40%,84% 55%,88% 40%,92% 55%,96% 40%,100% 55%,100% 100%);clip-path:polygon(0 100%,0 40%,4% 55%,8% 40%,12% 55%,16% 40%,20% 55%,24% 40%,28% 55%,32% 40%,36% 55%,40% 40%,44% 55%,48% 40%,52% 55%,56% 40%,60% 55%,64% 40%,68% 55%,72% 40%,76% 55%,80% 40%,84% 55%,88% 40%,92% 55%,96% 40%,100% 55%,100% 100%)}to{-webkit-clip-path:polygon(0 100%,0 50%,4% 35%,8% 50%,12% 35%,16% 50%,20% 35%,24% 50%,28% 35%,32% 50%,36% 35%,40% 50%,44% 35%,48% 50%,52% 35%,56% 50%,60% 35%,64% 50%,68% 35%,72% 50%,76% 35%,80% 50%,84% 35%,88% 50%,92% 35%,96% 50%,100% 35%,100% 100%);clip-path:polygon(0 100%,0 50%,4% 35%,8% 50%,12% 35%,16% 50%,20% 35%,24% 50%,28% 35%,32% 50%,36% 35%,40% 50%,44% 35%,48% 50%,52% 35%,56% 50%,60% 35%,64% 50%,68% 35%,72% 50%,76% 35%,80% 50%,84% 35%,88% 50%,92% 35%,96% 50%,100% 35%,100% 100%)}}.main-content{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg)}.section{margin-bottom:var(--space-2xl)}.section__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:var(--line-height-heading);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);position:relative;display:inline-block;&:after{content:"";position:absolute;bottom:0;left:0;width:var(--underline-width);height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent-saffron) 100%);border-radius:2px;transition:--underline-width .6s ease}}.section:has(.section__title) .section__title:after{--underline-width:100%}.section__description{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:720px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.category-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:flex-start;gap:var(--space-lg);border:1px solid var(--color-border);border-top:4px solid var(--color-border);position:relative;overflow:hidden;container-type:inline-size;&:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}&:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);color:inherit;&:before{opacity:1}}}.category-card--africa{border-top-color:#c96b2e;&:before{background:linear-gradient(180deg,rgba(201,107,46,.08),transparent 60%)}}.category-card--middle-east{border-top-color:#c89b3c;&:before{background:linear-gradient(180deg,rgba(200,155,60,.08),transparent 60%)}}.category-card--south-america{border-top-color:#b5451b;&:before{background:linear-gradient(180deg,rgba(181,69,27,.08),transparent 60%)}}.category-card--east-europe{border-top-color:#6b5d8e;&:before{background:linear-gradient(180deg,rgba(107,93,142,.08),transparent 60%)}}.category-card--southeast-asia{border-top-color:#4a8b6e;&:before{background:linear-gradient(180deg,rgba(74,139,110,.08),transparent 60%)}}.category-card--europe{border-top-color:#7b6b4a;&:before{background:linear-gradient(180deg,rgba(123,107,74,.08),transparent 60%)}}.category-card--east-asia{border-top-color:#b54545;&:before{background:linear-gradient(180deg,rgba(181,69,69,.08),transparent 60%)}}.category-card__icon{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:#ffffff;line-height:1;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease;.category-card:hover &{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,.15)}}.category-card__icon--africa{background-color:#c96b2e}.category-card__icon--middle-east{background-color:#c89b3c}.category-card__icon--south-america{background-color:#b5451b}.category-card__icon--east-europe{background-color:#6b5d8e}.category-card__icon--southeast-asia{background-color:#4a8b6e}.category-card__icon--europe{background-color:#7b6b4a}.category-card__icon--east-asia{background-color:#b54545}.category-card__body{flex:1 1;min-width:0;position:relative;z-index:1}.category-card__name{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs);line-height:var(--line-height-heading)}.category-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-sm)}.category-card__tags{display:flex;flex-wrap:wrap;gap:6px}.category-card__tag{display:inline-block;font-size:.8125rem;color:var(--color-primary-dark);background:var(--color-primary-light);padding:3px 12px;border-radius:999px;font-weight:500;white-space:nowrap;transition:background .2s ease,color .2s ease;.category-card:hover &{background:rgba(181,69,27,.12);color:var(--color-primary)}}@container (max-width: 380px){.category-card__icon{width:48px;height:48px;font-size:1.3rem}}.about-section{background:var(--color-bg-warm);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);border-left:5px solid var(--color-accent-saffron);position:relative;overflow:hidden;&:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(212,148,10,.04) 1px,transparent 0),radial-gradient(circle at 80% 20%,rgba(181,69,27,.03) 1px,transparent 0);background-size:24px 24px,32px 32px;pointer-events:none}& .about-section__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-md);position:relative}& .about-section__text{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-base);margin-bottom:var(--space-md);position:relative;&:last-child{margin-bottom:0}}& .about-section__highlight{display:inline;background:linear-gradient(transparent 60%,rgba(212,148,10,.25) 0);font-weight:600;color:var(--color-text)}}.site-footer{background:#2a2118;color:rgba(255,255,255,.65);padding:var(--space-xl) var(--space-lg);font-size:var(--font-size-sm);& .site-footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}& .site-footer__nav{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center;& a{color:rgba(255,255,255,.75);font-size:var(--font-size-sm);transition:color .2s ease;&:hover{color:#ffffff}}}& .site-footer__copy{color:rgba(255,255,255,.45);font-size:.8125rem}}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:8px;border-radius:8px;min-height:48px;min-width:48px;align-items:center;justify-content:center;z-index:210;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hamburger:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.menu-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop--open{opacity:1;pointer-events:auto}.menu-drawer{position:fixed;top:0;right:0;bottom:0;width:min(85vw,360px);z-index:9999;background:var(--color-bg,#faf6f1);box-shadow:-4px 0 24px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0)}.menu-drawer--open{transform:translateX(0)}.menu-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:3px solid var(--color-primary);flex-shrink:0}.menu-drawer__title{font-weight:700;font-size:1.15rem;color:var(--color-primary);font-family:var(--font-heading,"Shippori Mincho"),serif}.menu-drawer__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#666;padding:8px;min-height:48px;min-width:48px;border-radius:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .15s}.menu-drawer__close:hover{background:rgba(0,0,0,.05)}.menu-drawer__close:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.menu-drawer__nav{flex:1 1;padding:8px 0}.menu-drawer__group-title{font-size:.72rem;font-weight:700;color:#999;letter-spacing:.1em;text-transform:uppercase;padding:20px 20px 8px}.menu-drawer__link{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;border-left:4px solid transparent;min-height:48px;transition:background .15s;-webkit-tap-highlight-color:transparent}.menu-drawer__link:active,.menu-drawer__link:hover{background:var(--color-primary-light,#f9e8df)}.menu-drawer__link:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.menu-drawer__link-icon{flex-shrink:0;display:flex;align-items:center}.menu-drawer__link-label{flex:1 1}.menu-drawer__chevron{color:#ccc;flex-shrink:0}.menu-drawer__footer{padding:20px;text-align:center;font-size:.75rem;color:#aaa;border-top:1px solid var(--color-border,#e8dfd4);flex-shrink:0}@media (prefers-reduced-motion:reduce){.menu-backdrop,.menu-drawer{transition:none}}@media (max-width:768px){:root{--font-size-base:1.0625rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem}.site-header .site-header__inner{flex-direction:row;align-items:center;justify-content:space-between;padding:10px var(--space-md) 0}.site-header .site-header__title{font-size:1.2rem}.desktop-nav,.site-header .site-header__subtitle{display:none}.hamburger{display:flex}.hero{padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + 12px)}.hero .hero__tagline{font-size:var(--font-size-2xl);letter-spacing:.03em}.hero .hero__subtitle{font-size:var(--font-size-sm)}.category-grid{grid-template-columns:1fr}.category-card{flex-direction:row;align-items:flex-start}.category-card__icon{width:48px;height:48px;font-size:1.3rem}.category-card__name{font-size:var(--font-size-lg)}.category-card__tag{font-size:.75rem;padding:2px 8px}.main-content{padding:var(--space-lg) 16px}.about-section{padding:var(--space-lg)}.section__title{font-size:var(--font-size-xl)}.site-footer .site-footer__nav{gap:var(--space-md)}.recipe-header__title{font-size:var(--font-size-2xl)}.recipe-header__description{font-size:var(--font-size-base)}.recipe-header__meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media (max-width:480px){.site-header .site-header__title{font-size:1.1rem}.hero .hero__tagline{font-size:1.35rem}.main-content{padding:var(--space-md) 12px}.category-card{padding:var(--space-md);gap:var(--space-sm)}.category-card__icon{width:40px;height:40px;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.breadcrumb{margin-bottom:var(--space-xl);& .breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}& .breadcrumb__item a{color:var(--color-primary-dark);text-decoration:none;&:hover{text-decoration:underline}}& .breadcrumb__item--current{color:var(--color-text-muted);font-weight:500}& .breadcrumb__separator{color:var(--color-text-muted);font-size:.8rem}}.recipe-article{max-width:780px}.recipe-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:2px solid var(--color-border)}.recipe-header__region{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-light);padding:4px 14px;border-radius:999px;margin-bottom:var(--space-md)}.recipe-header__title{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-heading);color:var(--color-text);margin-bottom:var(--space-md)}.recipe-header__description{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-lg)}.recipe-header__meta{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.recipe-header__author:before{content:"\270D\FE0F";margin-right:4px}.recipe-header__date:before{content:"\1F4C5";margin-right:4px}.recipe-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.recipe-tag{display:inline-block;font-size:.8125rem;color:var(--color-primary-dark);background:var(--color-primary-light);padding:3px 12px;border-radius:999px;border:1px solid var(--color-border)}.recipe-body{line-height:var(--line-height-base);color:var(--color-text);& h2{font-size:var(--font-size-xl);font-weight:700;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-primary-light)}& h2,& h3{color:var(--color-text)}& h3{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}& p{margin-bottom:var(--space-md)}& ol,& ul{margin-bottom:var(--space-lg);padding-left:1.5em}& ul{list-style:disc}& ol{list-style:decimal}& li{margin-bottom:var(--space-xs);line-height:1.8}& strong{color:var(--color-primary-dark);font-weight:600}& em{font-style:italic}}.recipe-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border)}.recipe-footer__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-base);font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:background .2s ease,transform .2s ease;&:hover{background:var(--color-primary);color:#fff;transform:translateX(-4px)}}.recipe-filter{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.recipe-filter__chip{display:inline-block;font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);padding:6px 16px;border-radius:999px;transition:all .2s ease;cursor:pointer;text-decoration:none;&:hover{background:var(--color-bg-warm);border-color:var(--color-primary-light);color:var(--color-primary-dark)}}.recipe-filter__chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600;&:hover{background:var(--color-primary-dark);color:#fff}}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.recipe-card{display:block;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit;&:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);color:inherit}}.recipe-card__region{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.recipe-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:var(--line-height-heading);margin-bottom:var(--space-sm)}.recipe-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recipe-card__meta{font-size:.8125rem;color:var(--color-text-muted)}.recipe-list-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}@media (max-width:768px){.recipe-header__title{font-size:var(--font-size-2xl)}.recipe-header__meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.recipe-grid{grid-template-columns:1fr}.recipe-filter{gap:var(--space-xs)}.recipe-filter__chip{font-size:.8125rem;padding:4px 12px}}.breadcrumb a{color:var(--color-primary-dark);text-decoration:none;&:hover{text-decoration:underline}}.breadcrumb span[aria-hidden]{margin:0 .4em;color:var(--color-text-muted)}.region-header{margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-warm);border-radius:var(--radius-lg);border-left:5px solid var(--color-primary)}.region-header__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.region-header__description{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-md)}.region-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.region-header__tag{display:inline-block;font-size:.8125rem;color:var(--color-primary-dark);background:var(--color-primary-light);padding:3px 12px;border-radius:999px;border:1px solid var(--color-border)}.recipe-card__image-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) 0;width:calc(100% + 2 * var(--space-lg));margin-bottom:var(--space-md)}.recipe-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;.recipe-card:hover &{transform:scale(1.03)}}.recipe-card__body{display:flex;flex-direction:column;gap:.4rem}.recipe-card__date{font-size:.8125rem;color:var(--color-text-muted)}.recipe-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty-message{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.recent-articles{margin-top:var(--space-lg,1.5rem)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.2rem;gap:1.2rem;margin-top:1rem}.recent-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}.recent-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.recent-card-image{width:100%;height:180px;object-fit:cover}.recent-card-body{padding:1rem}.recent-card-cat{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;display:inline-block;margin-bottom:.4rem}.recent-card-title{font-size:1rem;font-weight:700;margin-bottom:.3rem;line-height:1.4}.recent-card-desc{font-size:.8rem;color:var(--color-text-muted,#666);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-card-date{font-size:.7rem;color:var(--color-text-muted,#999);margin-top:.4rem}.recent-empty{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.9rem}.recent-card-placeholder{width:100%;height:180px;background:var(--color-primary-light,#f9e8df);font-size:2.5rem}.img-modal-overlay,.recent-card-placeholder{display:flex;align-items:center;justify-content:center}.img-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.9);cursor:zoom-out;opacity:0;pointer-events:none;transition:opacity .25s ease}.img-modal-overlay.active{opacity:1;pointer-events:auto}.img-modal-overlay img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:4px}.img-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:10001}