*{box-sizing:border-box}
:root{
 --bg:#090d12;--bg2:#0d131a;--panel:#121a23;--panel2:#172330;--line:rgba(255,255,255,.09);
 --text:#edf4fa;--muted:#9dafbd;--cyan:#23c9ff;--cyan2:#74e4ff;--gold:#c9953f;
 --sidebar:290px
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.7}
a{color:var(--cyan2)}
.topbar{height:68px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:0 22px;background:rgba(7,11,15,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.wiki-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);min-width:245px}
.wiki-brand img{width:42px;height:42px;border-radius:10px}
.wiki-brand span{display:flex;align-items:baseline;gap:9px}
.wiki-brand strong{font-size:1.03rem;letter-spacing:.03em}
.wiki-brand small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.main-site{margin-left:auto;color:var(--muted);text-decoration:none;font-weight:700}
.main-site:hover{color:var(--cyan2)}
.search-wrap{width:min(520px,45vw);position:relative}
.search-wrap input{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;background:#111922;color:var(--text);padding:0 14px;font:inherit;outline:none}
.search-wrap input:focus{border-color:rgba(35,201,255,.55);box-shadow:0 0 0 3px rgba(35,201,255,.08)}
.search-results{display:none;position:absolute;top:47px;left:0;right:0;max-height:420px;overflow:auto;background:#101821;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.search-results.open{display:block}
.search-result{display:block;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none}
.search-result:last-child{border:0}
.search-result strong{display:block;color:var(--text)}
.search-result span{font-size:.86rem;color:var(--muted)}
.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 68px)}
.sidebar{position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto;padding:24px 16px;background:#0b1016;border-right:1px solid var(--line)}
.nav-section{margin-bottom:22px}
.nav-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;color:#667887;font-weight:800;padding:0 10px 7px}
.nav-item{display:block;padding:8px 10px;margin:2px 0;border-radius:7px;color:#a9bac7;text-decoration:none;font-size:.92rem;font-weight:600}
.nav-item:hover{color:var(--text);background:rgba(255,255,255,.045)}
.nav-item.active{color:var(--cyan2);background:rgba(35,201,255,.09);box-shadow:inset 2px 0 0 var(--cyan)}
.content{width:min(100%,1050px);padding:56px 64px 90px}
.page-kicker{color:var(--cyan);font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin-bottom:12px}
.content h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:.1em 0 .5em}
.content h2{font-size:1.75rem;margin-top:2.2em;padding-bottom:.35em;border-bottom:1px solid var(--line)}
.content h3{font-size:1.2rem;margin-top:1.8em}
.content p,.content li{color:#c3d0d9}
.content strong{color:#fff}
.content blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--gold);background:#111820;color:#d5dce1;border-radius:0 8px 8px 0}
.content code{background:#151e27;color:#8be7ff;border:1px solid rgba(255,255,255,.06);padding:.13em .36em;border-radius:5px}
.content pre{overflow:auto;padding:18px;background:#0c1218;border:1px solid var(--line);border-radius:9px}
.content pre code{border:0;padding:0;background:transparent;color:#dbe8f0}
.content table{border-collapse:collapse;width:100%;margin:22px 0;background:#0e151c;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.content th,.content td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.content th{background:#141f29;color:#fff}
.content td{color:#bfd0da}
.content tr:last-child td{border-bottom:0}
.content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.page-footer{margin-top:70px;padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;color:#667887}
@media(max-width:850px){
 .wiki-brand{min-width:auto}.wiki-brand small{display:none}.main-site{display:none}
 .search-wrap{width:100%}
 .layout{display:block}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:18px;overflow:auto}
 .nav-section{min-width:180px;margin:0}.content{padding:38px 24px 70px}
}
@media(max-width:560px){.topbar{padding:0 10px;gap:10px}.wiki-brand strong{display:none}.content h1{font-size:2.5rem}}


.recipe-image{
  display:inline-block;
  margin:18px 0 26px;
  padding:12px;
  background:#101820;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.recipe-image img{
  display:block;
  width:min(100%,470px);
  height:auto;
  image-rendering:pixelated;
}