.mix-index,.mix-article{width:min(980px,calc(100% - 36px));margin:0 auto;padding:64px 0 96px}.mix-index>header,.mix-article>header{padding:38px 0 34px;border-bottom:2px solid var(--card-border)}.mix-index h1,.mix-article h1{margin:10px 0 18px;color:var(--text-bright);font-size:clamp(34px,6vw,58px);line-height:1.2}.lead{max-width:780px;color:var(--text-soft);font-size:18px}.article-meta{margin-top:18px;color:var(--text-muted);font-size:13px}.category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.category-nav a{padding:10px 14px;border:1px solid var(--border-gold);background:var(--card-bg);text-decoration:none}.mix-category{margin-top:46px}.mix-category>h2{margin-bottom:18px;color:var(--gold-bright);font-size:28px}.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mix-card-link{display:block;height:100%;color:inherit;text-decoration:none}.mix-card-link:focus-visible{outline:3px solid var(--gold-bright);outline-offset:5px}.mix-grid article{height:100%;padding:20px 24px;border:2px solid var(--card-border);background:rgba(58,30,8,.65);transition:border-color 140ms ease,transform 140ms ease}.mix-card-link:hover article,.mix-card-link:focus-visible article{border-color:var(--gold-bright);transform:translate(-2px,-2px)}.mix-grid span{color:var(--gold-dark);font-size:12px}.mix-grid h2{margin:8px 0;font-size:21px;color:var(--text-bright)}.mix-grid p{margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:13px}.mix-article>article{padding:34px 0}.mix-article>article h2{margin:42px 0 14px;color:var(--gold-bright);font-size:27px}.mix-article>article h3{margin:30px 0 10px;color:var(--text-bright);font-size:21px}.mix-article>article p,.mix-article>article ul,.mix-article>article ol{margin:0 0 18px}.mix-article>article ul,.mix-article>article ol{padding-left:24px}.table-scroll{max-width:100%;margin:22px 0;overflow-x:auto}.mix-article table{width:100%;min-width:620px;border-collapse:collapse}.mix-article th,.mix-article td{padding:11px 12px;border:1px solid var(--card-border);text-align:left;vertical-align:top}.mix-article th{color:var(--gold-bright);background:var(--wood-darkest)}.mix-recipe{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin:32px 0 8px;padding:24px;border:2px solid var(--border-gold);background:linear-gradient(135deg,rgba(78,40,10,.86),rgba(34,17,5,.9));box-shadow:7px 7px 0 var(--pixel-black)}.mix-recipe h2,.mix-recipe h3{margin:6px 0 12px;color:var(--text-bright)}.mix-recipe h2{font-size:22px}.mix-recipe h3{font-size:16px}.mix-recipe ul,.mix-recipe ol{margin:0;padding-left:21px}.mix-recipe dl{display:grid;gap:8px;margin:14px 0 0}.mix-recipe dl div{display:grid;grid-template-columns:82px 1fr;gap:8px}.mix-recipe dt{color:var(--text-muted)}.mix-recipe dd{margin:0;color:var(--gold-bright)}.mix-responsible,.sources,.related{margin:34px 0;padding:22px;border:2px solid var(--card-border);background:rgba(58,30,8,.58)}.mix-responsible{border-color:var(--border-gold)}.mix-responsible strong{color:var(--gold-bright)}.mix-responsible p{margin:8px 0 0}.sources h2,.related h2{margin-bottom:12px;color:var(--text-bright);font-size:20px}.sources ol{padding-left:22px}.sources li{margin-bottom:10px}.sources li span{display:block;color:var(--text-muted);font-size:12px}.related ul{list-style:none;padding:0}.related li{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid var(--card-border)}.related li span{color:var(--text-muted);font-size:13px}.mix-footer{padding:28px 20px;border-top:2px solid var(--card-border);text-align:center}.mix-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.mix-footer p{margin-top:12px;color:var(--text-muted);font-size:12px}@media(max-width:760px){.mix-recipe{grid-template-columns:1fr}.mix-index,.mix-article{padding-top:34px}.mix-grid{grid-template-columns:1fr}.mix-index h1,.mix-article h1{font-size:36px}.lead{font-size:16px}.mix-article>article h2{font-size:23px}.mix-responsible,.sources,.related,.mix-recipe{padding:16px}}@media(prefers-reduced-motion:reduce){.mix-grid article{transition:none}}