.garden-notebook{max-width:1080px;padding-top:clamp(32px,6vw,76px);padding-bottom:80px}.notebook-intro{max-width:760px;margin-bottom:44px}.notebook-intro h1{font:normal clamp(42px,7vw,76px)/1.06 var(--serif);letter-spacing:-.035em;margin:18px 0 24px}.notebook-intro h1 em{color:#49644b;font-weight:400}.garden-notebook p,.garden-notebook li{line-height:1.75}.garden-notebook a:not(.button){color:#294b38;text-underline-offset:4px;text-decoration:underline}.garden-notebook h2{font:normal clamp(28px,4vw,40px)/1.18 var(--serif);margin:10px 0 18px}.notebook-method{max-width:800px}.notebook-method li{margin-bottom:14px;padding-left:7px}.notebook-example{background:#f3ebdb;border-left:3px solid #ad694e;border-radius:0 24px 24px 0;margin:36px 0;padding:24px clamp(20px,4vw,36px)}.notebook-example h2{font-size:30px}.notebook-workspace{border-top:1px solid #c6cdbb;margin-top:40px;padding-top:36px;scroll-margin-top:140px}.notebook-workspace>div:first-child{max-width:760px}.notebook-workspace form{max-width:820px;margin-top:25px}.notebook-workspace label{font:600 14px/1.5 var(--sans);margin-bottom:20px;display:block}.notebook-workspace label span{font-weight:400}.notebook-fields{grid-template-columns:1fr 1.4fr 1fr;gap:18px;display:grid}.notebook-workspace input,.notebook-workspace select,.notebook-workspace textarea{color:#242a23;width:100%;min-width:0;font:normal 16px/1.5 var(--sans);box-sizing:border-box;background:#fffdf7;border:1px solid #a9b6a2;border-radius:9px;margin-top:7px;padding:12px;display:block}.notebook-workspace textarea{resize:vertical}.notebook-workspace :is(input,select,textarea,button):focus-visible{outline-offset:3px;outline:3px solid #ad694e}.notebook-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.notebook-actions button{min-height:44px}.notebook-actions button:disabled{opacity:.55;cursor:not-allowed}.notebook-status{color:#49644b;max-width:760px;min-height:3em;font-size:14px}.notebook-alert{background:#f3ebdb;border-left:3px solid #ad694e;padding:16px}.notebook-saved{max-width:820px;margin-top:32px}.notebook-saved ol{padding:0;list-style:none}.notebook-saved li{overflow-wrap:anywhere;background:#faf8ef;border:1px solid #c6cdbb;border-radius:14px;margin:18px 0;padding:20px}.notebook-saved h3{font:normal 23px/1.3 var(--serif);margin:0 0 14px}.notebook-saved p{white-space:pre-wrap;margin:7px 0}.notebook-follow{border-top:1px solid #c6cdbb;margin-top:42px;padding-top:30px}.notebook-follow>div{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notebook-follow>div a{background:#e9ecdf;border-radius:12px;padding:14px 16px;display:block}.start-paths{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.start-paths>section{border:1px solid #c6cdbb;border-radius:24px 4px;min-width:0;padding:24px}.start-paths h2{font-size:30px}.start-paths ol{padding-left:20px}.start-paths li{margin:12px 0}@media (width<=800px){.notebook-fields,.start-paths{grid-template-columns:1fr}.notebook-workspace{scroll-margin-top:110px}}@media (width<=480px){.notebook-follow>div{grid-template-columns:1fr}.notebook-actions{flex-direction:column;align-items:stretch}.notebook-actions button{width:100%}.garden-notebook{padding-bottom:48px}}@media print{.notebook-workspace form,.notebook-actions{display:none}.garden-notebook{max-width:none;padding:0}.notebook-saved li{break-inside:avoid}}.notebook-home{grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;margin-bottom:40px;display:grid}.notebook-home>div{background:#e9ecdf;border-radius:26px 4px;min-width:0;padding:28px}.notebook-home h2{font:normal clamp(28px,4vw,38px)/1.18 var(--serif);margin:14px 0}.notebook-home p,.notebook-tool-link p{max-width:620px;line-height:1.75}.notebook-home a,.notebook-tool-link a{color:#294b38;text-underline-offset:4px;text-decoration:underline}.notebook-tool-link{padding-bottom:70px}.notebook-tool-link h2{font:normal 34px/1.2 var(--serif)}@media (width<=700px){.notebook-home{grid-template-columns:1fr;gap:18px}.notebook-home>div{padding:24px}}.notebook-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.notebook-workspace fieldset:disabled{opacity:.65}.notebook-workspace :is(input,select,textarea){border-color:#76846d}.notebook-saved h3[tabindex="-1"]:focus-visible,[data-notebook-status][tabindex="-1"]:focus-visible{outline-offset:3px;outline:3px solid #ad694e}
