*{box-sizing:border-box}html,body{margin:0;height:100%;background:#fff;color:#111}body{font-family:Arial,sans-serif;display:flex;flex-direction:column}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #111;outline-offset:3px}.masthead{flex:none;min-height:88px;padding:18px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:2px solid #111}.masthead h1{font-size:16px;letter-spacing:.035em;margin:0}.masthead p{font-size:12px;line-height:1.4;margin:6px 0 0;color:#555}.view-controls{display:flex;flex-shrink:0;border:1px solid #111;padding:3px;gap:3px}.view-controls button{font:11px monospace;border:0;background:#fff;padding:10px 14px;display:flex;gap:8px;align-items:center}.view-controls button[aria-pressed=true]{background:#111;color:#fff}.view-icon{display:inline-flex;width:15px;height:13px;border:1px solid currentColor;gap:2px;padding:2px}.view-icon:before,.view-icon:after{content:"";flex:1;background:currentColor}.view-icon.people:after,.view-icon.ingredients:before{opacity:.2}.book{--rail:44px;flex:1;min-height:400px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);transition:grid-template-columns 420ms cubic-bezier(.22,.68,.22,1);overflow:hidden}.book[data-view=people]{grid-template-columns:minmax(0,1fr) var(--rail)}.book[data-view=ingredients]{grid-template-columns:var(--rail) minmax(0,1fr)}.leaf{position:relative;min-width:0;min-height:0;overflow:hidden;background:#fff}.leaf+.leaf{border-left:2px solid #111}.page-content{display:flex;flex-direction:column;width:100%;height:100%;opacity:1;transition:opacity 180ms ease}.leaf.is-folded .page-content{width:var(--resting-width);height:var(--resting-height);opacity:0;visibility:hidden;pointer-events:none}.page-bar{min-height:43px;flex:none;border-bottom:1px solid #111;display:flex;align-items:center;gap:12px;padding:8px 18px}.page-bar h2{font:11px monospace;letter-spacing:.06em;text-transform:uppercase;margin:0}.page-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.page-actions button,.page-actions a{font:11px monospace;white-space:nowrap;background:none;border:0;padding:4px 0;text-decoration:none}.page-actions a{color:#666}.page-actions button:hover,.page-actions a:hover{text-decoration:underline;text-underline-offset:3px}iframe{flex:1;min-height:0;width:100%;border:0;background:#fff}.fold-tab{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;border:0;background:#f2f2ef;font:11px monospace;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.fold-tab:hover{background:#e7e7e2}.fold-tab span{font:18px Arial;letter-spacing:0}.leaf.is-folded .fold-tab{display:flex}.leaf.is-folded .fold-tab:focus-visible{outline-offset:-5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.masthead{padding:14px;align-items:stretch;flex-direction:column;gap:12px}.masthead h1{font-size:14px}.masthead p{font-size:11px}.view-controls{align-self:flex-start}.view-controls button{padding:9px 8px;font-size:10px;gap:5px}.book{flex:none;height:150svh;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);transition:grid-template-rows 420ms cubic-bezier(.22,.68,.22,1),height 420ms cubic-bezier(.22,.68,.22,1)}.book[data-view=people],.book[data-view=ingredients]{grid-template-columns:minmax(0,1fr);height:calc(100svh - var(--masthead-height,130px));min-height:380px}.book[data-view=people]{grid-template-rows:minmax(0,1fr) var(--rail)}.book[data-view=ingredients]{grid-template-rows:var(--rail) minmax(0,1fr)}.leaf+.leaf{border-left:0;border-top:2px solid #111}.fold-tab{writing-mode:horizontal-tb}.page-bar{padding:8px 12px;gap:8px}.page-actions{gap:12px}.page-actions a{display:none}}
@media(prefers-reduced-motion:reduce){.book,.page-content{transition:none}}