/* Clean article layout for the four existing recipes in Hodarikoju 2.0. */
body.hk-recipe-2{background:#fffaf4!important;color:#302724}
body.hk-recipe-2 #top.site{width:100%!important;max-width:none!important;min-width:0;box-shadow:none!important;background:#fffaf4}
body.hk-recipe-2 .hk-recipe-main{float:none!important;width:100%!important;max-width:1000px;margin:0 auto;padding:30px clamp(20px,4vw,48px) 40px;box-sizing:border-box}
body.hk-recipe-2 .hk-recipe-article{margin:0}
body.hk-recipe-2 .hk-recipe-article .entry-wrap{padding:0!important;border:0!important;box-shadow:none!important;background:transparent}
body.hk-recipe-2 .hk-recipe-article .entry-header{margin:0 0 20px}
body.hk-recipe-2 .hk-recipe-photo{margin:0 0 22px;border:0;padding:0;box-shadow:none}
body.hk-recipe-2 .hk-recipe-image{display:block;width:100%;height:auto;max-height:380px;object-fit:cover;margin:0;border:0;box-shadow:none}
body.hk-recipe-2 .hk-recipe-article .entry-content{max-width:76ch;margin:0 auto}
body.hk-recipe-2 .hk-recipe-article .entry-content p{margin:0 0 12px}
body.hk-recipe-2 .hk-recipe-article .entry-content img{max-width:100%;height:auto;border:0;box-shadow:none}
body.hk-recipe-2 .hk-recipe-skip:focus{position:fixed;top:8px;left:8px;z-index:10000;width:auto;height:auto;clip:auto;padding:12px;background:#fffaf4;color:#302724}
@media(max-width:760px){body.hk-recipe-2 .hk-recipe-main{padding-top:24px}body.hk-recipe-2 .hk-recipe-image{max-height:none}}
/* Typography for the four existing recipe articles in Hodarikoju 2.0. */
body.hk-recipe-2,
body.hk-recipe-2 :is(input,button,select,textarea){
  font-family:"Barlow",Arial,sans-serif!important;
}
body.hk-recipe-2 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.x-text-headline){
  font-family:"Barlow Condensed",Arial,sans-serif!important;
}
body.hk-recipe-2 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.x-text-headline) :is(span,a,b,strong,em){
  font-family:inherit!important;
}
/* The old Blogi landmark duplicates the article heading and leaves a tall gap. */
body.hk-recipe-2 .x-header-landmark{display:none!important}
body.hk-recipe-2 .x-container.offset{margin-top:0!important}
body.hk-recipe-2 .x-main > article .entry-wrap{
  color:#635951;
  font-family:"Barlow",Arial,sans-serif!important;
}
body.hk-recipe-2 .x-main > article .entry-content{
  font-family:"Barlow",Arial,sans-serif!important;
  font-size:18px;
  line-height:1.6;
}
body.hk-recipe-2 .x-main > article .entry-content :where(p,ul,ol,li,span,a,b,strong,em,i,blockquote,figcaption,table,td,th){
  font-family:inherit!important;
}
body.hk-recipe-2 .x-main > article :is(h1,h2,h3,h4,h5,h6){
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-weight:800!important;
  line-height:1.12;
  letter-spacing:-.02em;
  text-transform:uppercase;
  text-shadow:none;
  color:#302724;
}
body.hk-recipe-2 .x-main > article :is(h1,h2,h3,h4,h5,h6) :is(span,a,b,strong,em){
  font-family:inherit!important;
  font-weight:inherit;
}
body.hk-recipe-2 .x-main > article h1.entry-title{font-size:clamp(34px,3.7vw,50px);line-height:1.04;margin:0 0 14px}
body.hk-recipe-2 .x-main > article .x-entry-title-icon{display:none!important}
body.hk-recipe-2 .x-main > article .entry-content :is(h2,h3,h4,h5,h6){margin:24px 0 12px}
body.hk-recipe-2 .x-main > article h2{font-size:clamp(28px,2.6vw,36px)}
body.hk-recipe-2 .x-main > article h3{font-size:clamp(24px,2.2vw,30px)}
body.hk-recipe-2 .x-main > article :is(h4,h5,h6){font-size:22px}
body.hk-recipe-2 .x-main > article .p-meta,
body.hk-recipe-2 .x-main > article .p-meta :is(span,a,time),
body.hk-recipe-2 .x-main > article .entry-footer :is(p,a){
  font-family:"Barlow",Arial,sans-serif!important;
}
body.hk-recipe-2 .x-main > article .entry-content a{
  color:#85501f;
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  text-decoration-skip-ink:none;
}
body.hk-recipe-2 .x-main > article .entry-content a:focus-visible{outline:3px solid #302724;outline-offset:4px}
@media(max-width:760px){
  body.hk-recipe-2 .x-main > article h1.entry-title{font-size:36px}
}
