:root{--ink:#2b2320;--muted:#675d56;--tomato:#d63b22;--tomato-dark:#b0301b;--basil:#2f7d4f;--mint:#edf5ee;--butter:#ffe28a;--line:#cfc7bf}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:var(--tomato-dark);text-underline-offset:3px}
a:hover{color:var(--ink)}
a:focus-visible{outline:3px solid var(--basil);outline-offset:3px;border-radius:3px}

h1,h2,h3,.name{font-family:"Marker Felt","Chalkboard SE","Segoe Print","Bradley Hand",cursive;font-weight:700;line-height:1.2}
h1{font-size:clamp(1.8rem,5vw,2.4rem);margin:0 0 .5em}
h2{font-size:1.55rem;margin:1.8em 0 .6em}
h3{font-size:1.25rem;margin:0 0 .2em}

.band{padding:36px 16px 0;border-bottom:5px solid var(--tomato);background-color:#fff;background-image:repeating-linear-gradient(0deg,rgba(214,59,34,.3) 0 14px,transparent 14px 28px),repeating-linear-gradient(90deg,rgba(214,59,34,.3) 0 14px,transparent 14px 28px)}
.plate{max-width:760px;margin:0 auto;padding:18px 24px 0;background:#fff;border:3px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0}
.name{display:inline-block;font-size:clamp(2rem,6vw,2.9rem);line-height:1.1;color:var(--ink);text-decoration:none}
.name:hover{color:var(--tomato-dark)}
.tag{margin:6px 0 14px;color:var(--muted);font-size:.95rem}
.menu{display:flex;flex-wrap:wrap;gap:4px 22px;padding:10px 0 12px;border-top:2px dashed var(--line)}
.menu a{color:var(--ink);font-weight:600;text-decoration:none;padding:2px 0;border-bottom:3px solid transparent}
.menu a:hover{border-bottom-color:var(--butter)}
.menu a[aria-current="page"]{border-bottom-color:var(--tomato)}

.wrap{max-width:760px;margin:0 auto;padding:30px 24px 48px}
.wrap p{margin:0 0 1em}

.intro{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center;margin-bottom:34px}
.intro img{border-radius:16px}

.entry{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:20px 0;border-top:2px dashed var(--line)}
.entry img{border-radius:12px}
.entry h3 a{color:var(--ink);text-decoration:none}
.entry h3 a:hover{color:var(--tomato-dark);text-decoration:underline}
.entry p{margin:0}
.meta{color:var(--muted);font-size:.9rem;margin:0 0 .6em !important}

.crumbs{margin:0 0 14px !important}
.hero-img{border-radius:16px;margin:0 0 1.2em;width:100%}
ul.box{list-style:none;margin:0 0 1.5em;padding:16px 22px;background:var(--mint);border-left:6px solid var(--basil);border-radius:0 12px 12px 0}
ul.box li{padding:.2em 0}
ol.steps{margin:0 0 1.5em;padding-left:1.5em}
ol.steps li{margin-bottom:.8em;padding-left:.2em}
ol.steps li::marker{color:var(--tomato-dark);font-weight:700}
.tip{background:#fff4cc;border-radius:12px;padding:12px 18px}
.note{color:var(--muted);font-size:.92rem}

.foot{padding:24px 16px 44px;border-top:2px dashed var(--line);text-align:center;color:var(--muted);font-size:.9rem}
.foot p{margin:0 0 .4em}
.foot a{margin:0 8px}

@media (max-width:640px){
  .band{padding-top:22px}
  .plate{padding:14px 16px 0}
  .wrap{padding:24px 18px 40px}
  .intro{grid-template-columns:1fr}
  .entry{grid-template-columns:1fr;gap:12px}
}