*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f6f6f6;color:#202122;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}
a{color:#3366cc;text-decoration:none}a:hover{text-decoration:underline}a.new{color:#d73333}a:visited{color:#795cb2}
.page{display:grid;grid-template-columns:176px 1fr;max-width:1300px;margin:0 auto;min-height:100vh}
.side{padding:12px 12px 40px;font-size:.84rem}.side .logo{display:block;text-align:center;margin-bottom:10px;color:#202122}
.side .logo .wm{font-family:"Linux Libertine","Georgia","Times",serif;font-size:1.35rem;letter-spacing:.02em;display:block;margin-top:2px}
.side .logo .tag{font-family:"Linux Libertine","Georgia","Times",serif;font-size:.78rem;color:#54595d}
.side h3{font-size:.75rem;color:#54595d;font-weight:normal;margin:16px 0 4px;border-bottom:1px solid #c8ccd1;padding-bottom:2px}
.side ul{list-style:none;margin:0;padding:0}.side li{margin:3px 0}
.main{background:#fff;border:1px solid #a7d7f9;border-right:0;min-width:0}
.top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px;background:#f6f6f6;border-bottom:1px solid #a7d7f9;position:relative}
.top .tabs{margin-right:auto;display:flex;gap:2px}.top .tabs a{padding:6px 10px;font-size:.82rem;background:#fff;border:1px solid #a7d7f9;border-bottom:0}
.search{position:relative}.search input{width:300px;max-width:52vw;padding:6px 8px;border:1px solid #a2a9b1;border-radius:2px;font-size:.9rem}
.sugg{position:absolute;right:0;top:34px;background:#fff;border:1px solid #a2a9b1;width:340px;max-width:90vw;z-index:20;display:none;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sugg a{display:block;padding:6px 10px;color:#202122;border-bottom:1px solid #eaecf0}.sugg a small{color:#72777d;display:block}
.sugg a.on,.sugg a:hover{background:#eaf3ff;text-decoration:none}
.content{padding:16px 28px 40px}
h1{font-family:"Linux Libertine","Georgia","Times",serif;font-weight:normal;font-size:1.9rem;margin:0 0 2px;border-bottom:1px solid #a2a9b1;line-height:1.3;padding-bottom:2px}
.from{font-size:.8rem;color:#54595d;margin-bottom:14px}
h2{font-family:"Linux Libertine","Georgia","Times",serif;font-weight:normal;font-size:1.5rem;border-bottom:1px solid #a2a9b1;margin:26px 0 8px;line-height:1.3}
h3{font-size:1.05rem;margin:18px 0 4px}
p{margin:.5em 0 .8em}.lede{font-size:1rem}
.infobox{float:right;clear:right;width:300px;margin:0 0 16px 22px;border:1px solid #a2a9b1;background:#f8f9fa;font-size:.86rem;line-height:1.45;padding:4px}
.infobox .ib-title{text-align:center;font-weight:bold;font-size:1.08rem;padding:6px 4px;background:#f3e6c9}
.infobox .ib-img{text-align:center;padding:6px 0}.infobox .ib-img svg,.infobox .ib-img img{max-width:100%;height:auto;border:1px solid #eaecf0}.infobox .credit{font-size:.72rem;color:#72777d}
.infobox .cap{font-size:.78rem;color:#54595d;text-align:center;padding:0 6px 6px}
.infobox table{width:100%;border-collapse:collapse}.infobox th{text-align:left;vertical-align:top;padding:4px 6px;width:38%}.infobox td{padding:4px 6px;vertical-align:top}
.toc{display:inline-block;border:1px solid #a2a9b1;background:#f8f9fa;padding:8px 14px;font-size:.88rem;margin:10px 0}
.toc b{display:block;text-align:center;margin-bottom:4px}.toc ol{margin:0;padding-left:20px}
.recipe{border:1px solid #c8ccd1;background:#fffdf6;padding:10px 18px;margin:10px 0}.recipe .meta{font-size:.85rem;color:#54595d}
.reviews{border:1px dashed #a2a9b1;background:#fbfbfb;padding:12px 16px;margin:10px 0}.btn{display:inline-block;padding:7px 12px;border:1px solid #a2a9b1;border-radius:2px;background:#f8f9fa;color:#202122;margin:4px 6px 4px 0;font-size:.88rem}
.refs{font-size:.86rem}.refs li{margin:3px 0}
.catlinks{border:1px solid #a2a9b1;background:#f8f9fa;padding:6px 10px;margin-top:26px;font-size:.86rem;clear:both}.catlinks a{margin-right:4px}.catlinks a:after{content:" |";color:#a2a9b1}.catlinks a:last-child:after{content:""}
.hatnote{font-style:italic;padding-left:1.6em;margin-bottom:.6em;color:#202122}
.footer{font-size:.78rem;color:#54595d;padding:16px 28px;border-top:1px solid #a7d7f9;background:#fff}
.cols{column-width:220px;column-gap:28px}.cols li{break-inside:avoid}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.box{border:1px solid #a2a9b1;background:#f8f9fa;margin-bottom:14px}.box h2{margin:0;padding:4px 10px;font-size:1.05rem;font-family:-apple-system,"Segoe UI",Arial,sans-serif;font-weight:bold;border:0;background:#cedff2}
.box.g h2{background:#cef2e0}.box.y h2{background:#f3e6c9}.box.r h2{background:#f2cece}.box .in{padding:8px 12px;font-size:.9rem}
.welcome{border:1px solid #a2a9b1;background:#f9f9f9;text-align:center;padding:14px;margin-bottom:14px}
.welcome h1{border:0;font-size:2rem}.welcome .count{font-size:.9rem;color:#54595d}
.az a{display:inline-block;margin:0 4px}
ul.plain{padding-left:18px}.note{font-size:.84rem;color:#54595d}
.menu{display:none}
@media(max-width:820px){.page{grid-template-columns:1fr}.side{display:none;position:fixed;inset:0;background:#f6f6f6;z-index:30;overflow:auto}.side.open{display:block}
.menu{display:inline-block;margin-right:auto;border:1px solid #a2a9b1;background:#fff;padding:4px 10px;font-size:.9rem}.top .tabs{display:none}
.infobox{float:none;width:100%;margin:0 0 14px}.content{padding:12px 14px 30px}.grid2{grid-template-columns:1fr}.search input{width:56vw}}