/* LIO-MOLOHOVETS · compact mobile navigation / related reading.
   Desktop header remains unchanged. Native details works without JS. */
.site-header .mobile-header-actions{display:none}
@media(max-width:900px){
  .site-header{position:sticky!important;top:0;z-index:60}
  .site-header>.wrap{
    width:min(calc(100% - 24px),var(--wrap));
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;padding:9px 0!important;min-height:64px!important
  }
  .site-header .brand-lockup{width:auto!important;min-width:0;flex:0 1 auto;display:flex!important;align-items:center!important}
  .site-header .brand img{display:block;width:clamp(138px,29vw,226px)!important;max-width:100%;height:auto}
  .site-header .brand-tagline{display:none!important}
  .site-header .site-nav-desktop{display:none!important}
  .site-header .mobile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
  .site-header .mobile-search-link,.site-header .mobile-nav summary{
    display:flex;align-items:center;justify-content:center;min-height:44px;
    border:1px solid var(--line);border-radius:6px;background:#fffdf8;
    color:var(--accent);text-decoration:none;
    font:700 12px/1.2 Arial,sans-serif;letter-spacing:.025em;cursor:pointer;
  }
  .site-header .mobile-search-link{padding:0 12px}
  .site-header .mobile-nav summary{gap:10px;padding:0 12px;list-style:none;user-select:none}
  .site-header .mobile-nav summary::-webkit-details-marker{display:none}
  .site-header .mobile-nav summary:focus-visible,.site-header .mobile-search-link:focus-visible{
    outline:3px solid rgba(122,48,47,.45);outline-offset:2px
  }
  .site-header .mobile-nav[open] summary{background:var(--accent);color:white;border-color:var(--accent)}
  .mobile-nav__icon{position:relative;display:block;width:17px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
  .mobile-nav__icon:before{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
  .site-header .mobile-nav__panel{
    position:absolute;left:0;right:0;top:calc(100% - 1px);z-index:70;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;padding:16px!important;width:auto!important;
    background:#fffdf8;border:1px solid var(--line);border-top:3px solid var(--accent);
    box-shadow:0 16px 35px rgba(45,30,20,.17);
    max-height:min(76vh,590px);overflow-y:auto;overscroll-behavior:contain;
  }
  .site-header .mobile-nav__panel a{
    box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    min-width:0;min-height:48px!important;white-space:normal!important;overflow-wrap:break-word;
    padding:10px 13px;border:1px solid var(--line);background:var(--paper);border-radius:4px;
    font:600 13px/1.3 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
    text-decoration:none;color:var(--ink)
  }
  .site-header .mobile-nav__panel a:hover,.site-header .mobile-nav__panel a:focus-visible{background:var(--soft);border-color:var(--accent)}
  .lio-breadcrumbs{min-width:0}
  .lio-breadcrumbs ol{align-items:center;font-size:12px;line-height:1.35;gap:5px;margin-bottom:15px}
  .lio-breadcrumbs li{min-width:0;overflow-wrap:anywhere}
  .lio-breadcrumbs li:first-child{max-width:min(38vw,170px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lio-breadcrumbs li:first-child a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lio-breadcrumbs li+li:before{margin-right:5px}
  .page-hero{scroll-margin-top:80px}
  main.wrap{padding-top:24px}
}
@media(max-width:380px){
  .site-header .brand img{width:clamp(128px,39vw,155px)!important}
  .site-header .mobile-header-actions{gap:5px}
  .site-header .mobile-search-link{padding:0 9px}
  .site-header .mobile-nav summary{gap:7px;padding:0 9px}
  .site-header .mobile-nav__panel{gap:7px!important;padding:11px!important}
  .site-header .mobile-nav__panel a{padding:8px 10px;font-size:12px!important}
}
/* Distinct editorial context, separate from the historical original. */
.recipe-related-reading{clear:both;margin:34px 0 16px;padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--accent);background:rgba(255,253,248,.68)}
.recipe-related-reading__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.recipe-related-reading__head>span{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.recipe-related-reading__head>strong{font:normal clamp(22px,2vw,29px)/1.25 Georgia,serif;color:var(--ink)}
.recipe-related-reading__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recipe-related-reading__items a{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid var(--line);text-decoration:none!important;color:var(--ink)!important;background:#fffdf8}
.recipe-related-reading__items a:hover,.recipe-related-reading__items a:focus-visible{border-color:var(--accent);background:#fbf5ea}
.recipe-related-reading__items strong{font:normal 19px/1.35 Georgia,serif;color:var(--accent)}
.recipe-related-reading__items span{font:14px/1.5 Georgia,serif;color:var(--muted)}
@media(max-width:700px){
  .recipe-related-reading{margin:25px 0;padding:17px 15px}
  .recipe-related-reading__head{gap:5px}
  .recipe-related-reading__head>span{display:block;width:100%}
  .recipe-related-reading__items{grid-template-columns:minmax(0,1fr);gap:9px}
  .recipe-related-reading__items a{min-height:60px;padding:13px 14px}
  .recipe-related-reading__items strong{font-size:17px}
}