/* Top-bound notebook; the same page serves desktop and mobile webviews. */
main{margin-top:22px;padding-top:var(--top-binding);background:linear-gradient(#d9d4bd55,transparent 36px),#fbf9ef;border-radius:9px 9px 4px 4px}
main:before{top:7px;bottom:auto;left:28px;right:28px;width:auto;height:20px;background:radial-gradient(ellipse 6px 5px at 20px 10px,#656655 70%,transparent 82%) 0 0/44px 20px}
main:after{top:-17px;bottom:auto;left:28px;right:28px;width:auto;height:34px;border-radius:0;background:linear-gradient(90deg,transparent 13px,#444d41 14px,#aab3a4 16px,#f1f2e8 18px,#7c8575 21px,#3f4939 23px,transparent 24px) 0 0/44px 34px;filter:drop-shadow(2px 2px 1px #3333)}
#view:has(.hero){column-gap:64px}.section-head + .grid{border-left:1px solid #d6d9c8;padding-left:30px}.grid{column-gap:54px}.intro{width:auto;max-width:650px}footer{max-width:100%}
@media(max-width:680px){
 body{padding:0 9px calc(24px + env(safe-area-inset-bottom))}
 .sidebar{padding:16px 5px 0}.sidebar nav{margin-top:14px;gap:4px}nav a{min-height:44px;padding:12px 4px}nav b{font-size:12px}
 main{margin-top:21px;padding:44px 20px 24px;background:linear-gradient(#d9d4bd55,transparent 30px),#fbf9ef}
 main:before{left:12px;right:12px;top:6px;width:auto;height:18px;background:radial-gradient(ellipse 5px 4px at 16px 9px,#656655 70%,transparent 82%) 0 0/32px 18px}
 main:after{left:12px;right:12px;top:-15px;width:auto;height:30px;background:linear-gradient(90deg,transparent 10px,#444d41 11px,#aab3a4 13px,#f1f2e8 15px,#7c8575 17px,#3f4939 19px,transparent 20px) 0 0/32px 30px}
 header{gap:6px;font-size:9px;letter-spacing:.5px}.hero h1{font-size:30px;line-height:1.35}.hero-photo{height:180px}.hero p{font-size:14px}.meta{font-size:11px}
 .week-tabs{margin-top:22px}.week-tabs button{font-size:11px;word-break:keep-all;min-height:60px}.week-tabs small{font-size:9px}
 .section-head + .grid{border-left:0;padding-left:0}.card p{line-height:2;font-size:15px}.card-top{font-size:11px}.card-bottom{gap:8px;flex-wrap:wrap}.text-btn{font-size:12px;min-height:44px}.session p{font-size:14px}.session aside p{font-size:16px}
 .toolbar{flex-wrap:wrap}.toolbar button{min-height:44px}.close{min-width:44px;min-height:44px}dialog{max-height:calc(100dvh - 32px);width:calc(100% - 24px);padding:22px}textarea,select{font-size:16px}.record-art{max-width:100%}.record-art i{width:95px;height:95px}.record-art i:after{inset:26px}
}