.light-notebook{--light-forest:#294c35;--light-ochre:#d6b567;border:1px solid #bdc5aa;background:#f9f7ed;border-radius:4px;padding:2.5rem;margin:3rem 0 5rem;color:#294c35}.light-opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin-bottom:2rem}.light-opening h2{font-size:clamp(2.15rem,4vw,3.6rem);font-weight:400;line-height:1.04;margin:.75rem 0 1.25rem}.light-opening p{max-width:39ch}.light-opening figure{margin:0;transform:rotate(1deg)}.light-opening img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;border:8px solid #fffdf6;box-shadow:0 7px 20px #314f3114}.light-opening figcaption{font-family:var(--body);font-size:.65rem;line-height:1.5;padding:.65rem 0}.light-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.light-meta label{font-size:.84rem;font-weight:600;min-width:0}.light-meta label>span{font-weight:400}.light-meta input{box-sizing:border-box;width:100%;display:block;min-width:0;background:#fffdf5;border:0;border-bottom:1px solid #8b9b77;color:#294c35;font:inherit;font-size:1rem;padding:.9rem .65rem;margin:.4rem 0 1rem;border-radius:0}.light-instruction{font-size:.86rem;line-height:1.75;max-width:90ch;margin:1rem 0 1.5rem}.light-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.light-slot{padding:1rem .2rem;border:1px solid #c0c6b2;background:#eeeee4;color:#364f35;cursor:pointer;min-height:78px;font:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;border-radius:2px;transition:background-color .15s ease,border-color .15s ease}.light-slot>span{font-size:.87rem;font-weight:700;font-variant-numeric:tabular-nums}.light-slot small{font-size:.65rem;line-height:1.2;max-width:9ch}.light-slot[data-state=sun]{background:#eedca3;border-color:#ba9644;color:#493a16}.light-slot[data-state=shade]{background:#39583e;color:#fffdf2;border-color:#39583e}.light-notebook :is(button,input,a):focus-visible{outline:3px solid #9f712d;outline-offset:3px}.light-summary{border-top:1px solid #c0c6b2;margin-top:2rem;padding-top:1rem}.light-summary>p:first-child{font-size:.8rem;font-weight:600;overflow-wrap:anywhere}.light-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.light-summary>div>span{font-size:.8rem;line-height:1.4}.light-summary strong{display:block;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;margin:.5rem 0}.light-summary>p:last-child,.light-limits{font-size:.8rem;line-height:1.75}.light-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem}.light-actions button{border:1px solid #294c35;background:transparent;color:#294c35;padding:.8rem 1rem;border-radius:2px;font:inherit;font-size:.8rem;cursor:pointer}.light-actions button:nth-child(2){background:#294c35;color:#fffdf2}.light-actions a{font-size:.8rem;color:#294c35;text-underline-offset:4px}.light-notebook :disabled{cursor:default}@media(max-width:1000px){.light-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.light-notebook{padding:1.25rem;margin:2rem 0 3rem}.light-opening{grid-template-columns:1fr;gap:1rem}.light-opening h2{font-size:2.3rem}.light-meta{grid-template-columns:1fr;gap:0}.light-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.light-slot{min-height:72px;padding:.6rem .1rem}.light-slot>span{font-size:.8rem}.light-slot small{font-size:.75rem}.light-summary>div{gap:.5rem}.light-summary>div>span{font-size:.68rem}.light-summary strong{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.light-slot{transition:none}}@media print{body:has([data-light-notebook])>*{display:none!important}body:has([data-light-notebook])>main{display:block!important}main:has([data-light-notebook]) .pub-shell>*:not([data-light-notebook]){display:none!important}main:has([data-light-notebook])>*:not(.pub-shell){display:none!important}.pub-shell:has([data-light-notebook]){display:block!important}.light-notebook{margin:0;padding:1rem;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.light-opening figure,.light-meta,.light-actions,.light-instruction{display:none}.light-opening{display:block}.light-opening h2{font-size:1.5rem}.light-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.light-slot{min-height:45px;padding:.3rem}.light-slot small{font-size:8px}.light-summary{margin-top:.5rem}.light-opening{margin-bottom:.5rem}.light-opening p{display:none}}