.notebook-section{background:#f0f5f5;border-block:1px solid var(--line);scroll-margin-top:20px}.notebook-heading{display:flex;justify-content:space-between;gap:32px;align-items:end}.notebook-heading .label{margin-bottom:12px}.notebook-heading>p{font-size:14px;color:var(--ink-muted);line-height:1.9}.study-disclosure{font-size:11px;color:var(--ink-muted);margin:25px 0}.notebook-paper{display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #0f223805}.note-margin{border-right:1px solid #b8d5d7;padding:32px 24px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#d2dce455 31px,#d2dce455 32px)}.note-margin>span{font-size:10px;letter-spacing:.17em;color:var(--indigo)}.note-margin p{font-family:var(--font-display);font-size:18px;line-height:1.8;margin:30px 0 14px}.note-margin small{font-size:10px;color:var(--ink-muted)}.note-body{padding:30px;min-width:0}.note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:30px}.note-toolbar h3{font-size:21px}.flow-switch{display:flex;border:1px solid var(--line)}.flow-switch button{font:inherit;font-size:12px;border:0;padding:11px 14px;background:transparent;color:var(--ink-muted);cursor:pointer}.flow-switch [aria-pressed=true]{background:var(--indigo);color:white}.process-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.process-flow li{position:relative;border:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:10px;background:white}.process-flow li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + 5px);top:40%;color:var(--indigo)}.process-flow small{font-size:10px;color:var(--indigo);letter-spacing:.04em}.process-flow strong{font-size:15px;font-weight:500}.process-flow li>span{font-size:11px;color:var(--ink-muted)}.after-flow li{background:var(--aqua-tint);border-color:#a3cfce}.note-observation{margin-top:28px;padding-top:20px;border-top:1px dashed var(--line)}.note-observation b{font-size:12px;color:var(--indigo);font-weight:500}.note-observation p{font-size:13px;color:var(--ink-muted);margin-top:8px}.notebook-end{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.notebook-end p{font-size:13px;color:var(--ink-muted)}.notebook-end a{white-space:nowrap;font-size:13px;text-decoration:none}.notebook-end a span{margin-left:20px}[hidden]{display:none!important}@media(max-width:1200px){.notebook-paper{grid-template-columns:160px minmax(0,1fr)}.note-body{padding:24px}.tryout{grid-template-columns:1fr;gap:24px}.tryout-intro h3 br{display:none}}@media(max-width:760px){.notebook-heading{display:block}.notebook-heading>p{margin-top:20px}.notebook-paper{grid-template-columns:1fr}.note-margin{border-right:0;border-bottom:1px solid #b8d5d7;padding:22px}.note-margin p{margin:10px 0;font-size:20px}.note-margin p br{display:none}.note-body{padding:22px}.process-flow{grid-template-columns:1fr;gap:26px}.process-flow li:not(:last-child)::after{content:'↓';left:50%;top:100%;line-height:26px}.meal-demo{grid-template-columns:1fr}.demo-input,.demo-output{padding:24px}.notebook-end{display:block}.notebook-end a{display:inline-block;margin-top:20px}.tryout{margin-top:45px}}@media(prefers-reduced-motion:no-preference){.flow-panel:not([hidden]){animation:note-appear .35s ease-out}.flow-switch button{transition:background .2s,color .2s}@keyframes note-appear{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}}
.flow-hint{font-size:12px;color:var(--ink-muted);margin:-10px 0 22px}.process-flow{align-items:start}.process-flow li{padding:0;display:block}.process-detail summary{list-style:none;padding:18px 14px;display:flex;flex-direction:column;gap:10px;cursor:pointer}.process-detail summary::-webkit-details-marker{display:none}.process-detail summary>span{font-size:11px;color:var(--ink-muted)}.process-detail summary .open-thinking{display:flex;justify-content:space-between;align-items:center;color:var(--indigo);margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.open-thinking i{font-style:normal;font-size:17px}.process-detail[open] .open-thinking i{transform:rotate(45deg)}.process-detail[open] summary{background:var(--aqua-tint)}.thinking-note{padding:20px 14px;border-top:1px solid #b8d5d7}.thinking-note h4{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.7;margin:0 0 12px}.thinking-note>p{font-size:12px;color:var(--ink-muted);line-height:1.95}.thinking-question{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.thinking-question small{font-size:9px;letter-spacing:0;color:var(--indigo)}.thinking-question p{font-size:12px;line-height:1.9;margin-top:6px}.process-detail summary:hover{background:#e4ecf6}.process-detail summary:focus-visible{outline:2px solid var(--indigo);outline-offset:-3px}@media(prefers-reduced-motion:no-preference){.process-detail[open] .thinking-note{animation:note-appear .3s ease-out}.open-thinking i{transition:transform .2s ease}.process-detail summary{transition:background .2s ease}}