.beer-notebook{margin:0 auto 32px;width:min(1320px,89%);border:1px solid currentColor;background:var(--paper);color:var(--ink)}.notebook-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;border-bottom:1px solid currentColor;font:700 .875rem/1.4 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.notebook-title{font:700 1.25rem/1.4 'DM Mono',monospace;letter-spacing:-.04em}.notebook-grid{display:grid;grid-template-columns:repeat(4,1fr)}.notebook-grid>div{padding:24px 28px;border-right:1px solid currentColor;min-width:0}.notebook-grid>div:last-child{border-right:0}.notebook-grid dt,.notebook-line dt{font:700 .8125rem/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.notebook-grid dd{font-size:1.25rem;line-height:1.5;letter-spacing:-.02em}.notebook-line{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid currentColor;padding:22px 28px;gap:28px}.notebook-line dt{margin:0}.notebook-line dd{font-size:1rem;line-height:1.7}.notebook-line .ingredients-list{font-family:'DM Mono',monospace;font-weight:700}.beer-notebook h2{font-size:1.25rem;letter-spacing:-.04em;line-height:1.4}.beer-switcher{flex-wrap:wrap}@media(max-width:760px){.beer-notebook{width:88%;margin-top:24px}.notebook-top{padding:18px;align-items:flex-start}.notebook-top>span{font-size:.75rem;max-width:125px;text-align:right}.notebook-grid{grid-template-columns:1fr 1fr}.notebook-grid>div{padding:20px 18px}.notebook-grid>div:nth-child(2){border-right:0}.notebook-grid>div:nth-child(-n+2){border-bottom:1px solid currentColor}.notebook-grid dd{font-size:1.125rem}.notebook-line{grid-template-columns:1fr;gap:10px;padding:20px 18px}.notebook-title{font-size:1.125rem}}