/* A shared notebook skin. Record storage and visibility rules stay unchanged. */
:root{background:#d9d7cb;color:#33382f}
body{background:radial-gradient(ellipse at 50% 0,#eeede5 0,transparent 65%),#d9d7cb;min-height:100vh;padding:0 40px 55px}
.sidebar{position:relative;inset:auto;width:min(1180px,100%);margin:auto;padding:28px 10px 0;border:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:26px;letter-spacing:-1.3px}.brand span{font-size:8px;letter-spacing:2.2px}.side-caption,.side-bottom{display:none}
nav{display:flex;align-self:end;gap:6px;padding-right:25px}nav a{padding:15px 22px 12px;background:#c3cdbb;border-radius:9px 9px 0 0;gap:10px;color:#43513f;box-shadow:inset 0 1px #fff7}nav a:nth-child(2){background:#e4cdb5}nav a:nth-child(3){background:#c9d5d9}nav a.active{background:#fbf9ef;color:#293d2d;padding-bottom:18px;transform:translateY(1px)}nav b{font-size:13px}
main{position:relative;margin:0 auto;max-width:1180px;padding:30px 44px 24px;min-height:850px;background:linear-gradient(90deg,transparent 47.9%,#b9b29e22 49%,#827b6638 50%,#fff8 50.7%,transparent 52%),#fbf9ef;border-radius:8px 8px 13px 13px;border:1px solid #c9c4b5;box-shadow:0 5px 0 -1px #f1efe4,0 8px 0 -1px #bcb7a7,0 12px 0 -2px #efede0,0 25px 45px #373b3026}
main:before{content:'';position:absolute;z-index:2;top:78px;bottom:50px;left:calc(50% - 24px);width:48px;pointer-events:none;background:radial-gradient(ellipse 5px 7px at 7px 16px,#716d5e 70%,transparent 80%) 0 0/48px 44px,radial-gradient(ellipse 5px 7px at 41px 16px,#716d5e 70%,transparent 80%) 0 0/48px 44px}
main:after{content:'';position:absolute;z-index:3;top:78px;bottom:50px;left:calc(50% - 24px);width:48px;pointer-events:none;background:linear-gradient(180deg,transparent 8px,#575b55 9px,#b8beb6 11px,#e7e9e2 13px,#6f776e 16px,#343e33 18px,transparent 20px) 0 0/48px 44px;filter:drop-shadow(1px 3px 1px #3334);border-radius:10px}
header{border:0;padding-bottom:24px;color:#767765;font-size:9px}.demo{font-size:10px}
#view:has(.hero){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:88px;align-items:start}
.hero{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:8px 0 20px}.hero h1{font-size:36px;letter-spacing:-1.6px;line-height:1.3;margin:12px 0}.hero p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-photo{height:185px;overflow:visible;padding:9px 9px 26px;background:#fff;transform:rotate(-2deg);margin:10px 6px 8px;box-shadow:1px 4px 8px #514c3822;border:1px solid #e5e2d9}.hero-photo:before{content:'';position:absolute;width:92px;height:26px;top:-13px;left:calc(50% - 46px);background:#d5d1b9b0;transform:rotate(3deg);z-index:1}.hero-photo img{object-position:center 60%}.hero-photo small{bottom:2px;left:10px;background:none;font-size:9px}
.week-tabs{grid-column:1;grid-row:2;margin:8px 0 18px;border-color:#d9d9c9}.week-tabs button{padding:11px 5px;font-size:10px}.week-tabs small{font-size:9px}.week-tabs button.active{background:#e7e9d9;border-color:#777e5c}
.session{grid-column:1;grid-row:3;display:block;background:none;padding:0}.session h2{font-size:21px}.session p{font-size:13px}.session aside{padding:17px 20px;margin:20px 0 0;border:0;background:#ececd6;box-shadow:1px 3px 3px #5551;transform:rotate(.5deg)}.session aside p{font-size:16px}.session .meta{font-size:10px}details{font-size:11px}
.section-head{grid-column:2;grid-row:1;display:block;margin:8px 0 0;align-self:start;padding-bottom:20px;border-bottom:1px solid #cdd1c1}.section-head:before{content:'GUEST BOOK';font-size:10px;letter-spacing:3px;color:#7c836c}.section-head h2{font-size:25px;margin:15px 0 9px}.section-head span{font-size:10px}.section-head + .grid{grid-column:2;grid-row:1 / span 4;margin-top:155px;display:flex;flex-direction:column;gap:26px}
.card{position:relative;background:repeating-linear-gradient(transparent 0,transparent 31px,#c7cbb633 31px,#c7cbb633 32px);border:0;border-bottom:1px solid #c9cdb9;border-radius:0;padding:10px 0 24px}.card:before{content:'✳';position:absolute;right:2px;top:46px;color:#89966e;font-size:23px}.card h3{font-size:20px;max-width:92%;margin:16px 0 13px}.card p{font-size:14px;line-height:2.28;color:#535b4e}.card-top{font-size:10px}.card-bottom{gap:12px}.card-bottom button{min-height:38px}.text-btn{font-size:11px}.record-art{background:#e4d4bb;transform:rotate(1deg);box-shadow:1px 3px 7px #342a1f15}.primary{background:#536345}.secondary{border-color:#c1c6b1}.intro{width:calc(50% - 44px);padding:15px 0 24px}.intro h1{font-size:36px}.intro+.toolbar{margin-bottom:30px}.grid{column-gap:88px;row-gap:22px}footer{border:0;font-size:9px;max-width:43%;margin-top:38px;color:#7c7d6c}
dialog{background:repeating-linear-gradient(transparent 0,transparent 31px,#ced3c32b 31px,#ced3c32b 32px),#fbf9ef;border:1px solid #d5cfbb;box-shadow:7px 7px 0 #dcd6c8;border-radius:3px;padding:34px}.body-copy{line-height:2.13}.reply{background:#eeecd9;border-radius:0;box-shadow:1px 2px 3px #4441}textarea{background:repeating-linear-gradient(transparent 0,transparent 31px,#c6cdbb80 31px,#c6cdbb80 32px);line-height:32px;border:0;border-bottom:1px solid #b5beaa;border-radius:0;padding:0;min-height:160px}.close{min-width:40px;min-height:40px}
@media(max-width:900px){body{padding:0 14px 30px}.sidebar{padding:20px 3px 0;gap:8px}nav{padding-right:0;gap:3px}nav a{padding:12px 12px 10px;gap:0;font-size:0}nav b{font-size:11px}main{padding:25px 30px}#view:has(.hero){column-gap:65px}.hero h1{font-size:29px}.grid{column-gap:65px}.section-head h2{font-size:21px}}
@media(max-width:680px){body{padding:0 8px 25px}.sidebar{position:relative;display:block;padding:18px 10px 0}.brand{display:block;font-size:24px}.brand span{display:block;font-size:7px}.sidebar nav{margin-top:20px;gap:5px}nav a{padding:12px 6px;flex:1}nav a.active{padding-bottom:12px}nav b{font-size:11px}main{min-height:80vh;padding:20px 20px 25px 39px;background:#fbf9ef;border-radius:3px 7px 7px 3px}main:before{top:65px;bottom:30px;left:6px;width:14px;background:radial-gradient(ellipse 5px 6px at 7px 15px,#787764 70%,transparent 80%) 0 0/14px 40px}main:after{top:65px;bottom:30px;left:-8px;width:24px;background:linear-gradient(180deg,transparent 8px,#687061 9px,#e7e9df 12px,#737b6a 15px,#414b3a 17px,transparent 19px) 0 0/24px 40px}header{flex-wrap:wrap;gap:4px;font-size:8px;padding-bottom:18px}header .demo{font-size:9px}#view:has(.hero){display:block}.hero{margin:6px 0 20px}.hero h1{font-size:32px}.hero-photo{height:195px;margin-top:15px}.week-tabs{margin-top:26px}.week-tabs button{font-size:10px;min-height:55px}.session aside{padding:18px}.section-head{margin-top:36px;padding-bottom:15px}.section-head span{max-width:none;text-align:left}.section-head + .grid{margin-top:16px}.grid{display:grid;grid-template-columns:1fr;gap:20px}.card{padding:12px 0 23px}.card p{font-size:14px}.intro{width:100%;padding:12px 0}.intro h1{font-size:30px}.toolbar{gap:6px;flex-wrap:wrap}.toolbar button{font-size:11px}footer{max-width:100%;margin-top:32px}.record-art{gap:14px;padding:14px}.record-art span{font-size:10px;letter-spacing:1px}dialog{padding:24px}.primary{min-height:44px}.text-btn{min-height:44px}}
:root{--top-binding:52px}