.notebook-cover.wrap{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;min-height:620px;max-width:1268px;margin:24px auto 32px;padding:45px 6% 55px;border:1px solid #d9dac8;border-radius:10px;background:repeating-linear-gradient(0deg,#f6f1df 0,#f6f1df 31px,#b9c1ad30 32px,#f6f1df 33px);box-shadow:0 7px 0 -3px #e9e4d1,0 13px 0 -6px #d7ddca;isolation:isolate}.notebook-cover:before{content:"";position:absolute;top:0;bottom:0;left:30px;width:1px;background:#b77b653d}.notebook-cover .entry-back{margin-bottom:32px;font-size:10px}.notebook-label{font-size:10px;letter-spacing:1.8px;color:#7b7b59}.notebook-cover h1{font-size:clamp(35px,3.8vw,51px);line-height:1.35;color:#284535;letter-spacing:-2px;margin:17px 0 24px;word-break:keep-all}.notebook-cover h1>span{display:block;font-size:25px;line-height:1.65;letter-spacing:-1px;font-weight:500;margin-top:15px;color:#5e6f52}.notebook-copy>p{font-size:14px;line-height:2;color:#6f7462;word-break:keep-all}.notebook-cover .entry-actions{gap:18px}.notebook-photo{position:relative;margin:5px 0 20px;padding:12px 12px 27px;transform:rotate(3deg);background:#fffdf5;box-shadow:0 14px 25px #39442b24;border:1px solid #eeecdf}.notebook-pictures{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:350px;overflow:hidden}.notebook-pictures img{width:100%;height:100%;object-fit:cover;object-position:center 43%;min-width:0}.notebook-photo figcaption{padding-top:20px;font-size:13px;text-align:center;line-height:1.7;color:#5f6e50}.notebook-tape{position:absolute;z-index:2;top:-17px;left:32%;width:120px;height:32px;background:#d5c68ac4;transform:rotate(-8deg);clip-path:polygon(0 8%,98% 0,100% 93%,2% 100%)}.notebook-stamp{position:absolute;right:-18px;bottom:-19px;display:grid;place-content:center;width:83px;height:83px;border:2px solid #8b795e;border-radius:50%;color:#8b795e;background:#f7f1deed;line-height:1.6;text-align:center;font-size:12px;transform:rotate(-14deg)}.notebook-page{position:absolute;bottom:18px;left:6%;font-size:9px;letter-spacing:2px;color:#94967f}.hub-picker.wrap{padding-top:30px;padding-bottom:30px}.hub-picker h2{font-size:32px;letter-spacing:-1.2px;line-height:1.5;color:#2d4735;margin:12px 0}.hub-picker>p{font-size:13px;line-height:1.8;color:#7b816c}.hub-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.hub-tabs>button{position:relative;text-align:left;display:flex;flex-direction:column;padding:0 17px 20px;overflow:hidden;border:1px solid #d5dac8;background:#f1f0e4;border-radius:8px;cursor:pointer;color:#3b513d;font:inherit;transition:background .15s,border-color .15s}.hub-tabs>button>img{width:calc(100% + 34px);margin:0 -17px 14px;height:130px;object-fit:cover;object-position:center 43%;opacity:.85}.hub-tab-no{font-size:10px;color:#927954;margin-bottom:8px}.hub-tabs strong{font-size:16px;line-height:1.6}.hub-tabs small{font-size:11px;line-height:1.8;margin-top:7px;max-width:190px;color:#758068;word-break:keep-all}.hub-tab-arrow{position:absolute;right:16px;top:155px;font-size:14px}.hub-tabs>button[aria-selected=true]{background:#2d4b38;border-color:#2d4b38;color:#fff}.hub-tabs>button[aria-selected=true] small,.hub-tabs>button[aria-selected=true] .hub-tab-no{color:#e2dfc2}.hub-tabs>button[aria-selected=true]>img{opacity:1}.hub-tabs>button:focus-visible,.hub-panel:focus-visible{outline:3px solid #be915c;outline-offset:4px}.hub-panel[hidden]{display:none!important}.hub-panel .wrap{padding-top:40px;padding-bottom:30px}.hub-panel-intro h2{font-size:31px;color:#304e38;margin:12px 0;letter-spacing:-1px;line-height:1.5}.hub-panel-intro>p{font-size:13px;line-height:1.9;color:#75806b}.hub-questions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hub-questions a{font-size:12px;text-decoration:none;color:#3d573e;border:1px solid #ccd6bd;border-radius:20px;padding:10px 15px;background:#f4f4e8;line-height:1.7}.hub-panel .traits{margin-top:10px}.hub-panel .parent-body{padding-top:20px}.hub-panel .parent-sounds{margin-top:15px}.hub-panel .parent-notebook{margin-top:20px}
@media(max-width:1300px){.notebook-cover.wrap{margin-left:3%;margin-right:3%}}
@media(max-width:900px){.notebook-cover.wrap{gap:5%;padding-left:6%;padding-right:5%;min-height:580px}.notebook-cover h1{font-size:37px}.notebook-cover h1>span{font-size:22px}.notebook-copy>p{font-size:12px}.notebook-pictures{height:310px}.notebook-photo figcaption{font-size:11px}.hub-tabs{gap:10px}.hub-tabs strong{font-size:14px}.hub-tabs small{font-size:10px}.hub-tabs>button{padding-left:12px;padding-right:12px}.hub-tabs>button>img{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.hub-tab-arrow{display:none}}
@media(max-width:620px){.notebook-cover.wrap{grid-template-columns:1fr;gap:35px;margin:12px 4% 28px;padding:28px 7% 44px;min-height:0}.notebook-cover:before{left:13px}.notebook-cover .entry-back{margin-bottom:23px;font-size:9px}.notebook-label{font-size:9px}.notebook-cover h1{font-size:35px;margin:15px 0 20px}.notebook-cover h1>span{font-size:22px;line-height:1.6}.notebook-copy>p{font-size:12px;line-height:1.9}.notebook-copy>p br{display:none}.notebook-cover .entry-primary{font-size:12px}.notebook-photo{margin:0 8px 12px;padding:8px 8px 20px;transform:rotate(2deg)}.notebook-pictures{height:260px}.notebook-photo figcaption{font-size:11px;padding-top:15px}.notebook-stamp{width:62px;height:62px;font-size:10px;right:-12px;bottom:-20px}.notebook-page{font-size:8px}.hub-picker.wrap{padding-top:20px}.hub-picker h2{font-size:25px}.hub-picker>p{font-size:12px}.hub-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.hub-tabs>button>img{height:100px}.hub-tabs strong{font-size:14px}.hub-tabs small{font-size:10px;line-height:1.7}.hub-panel .wrap{padding-top:25px}.hub-panel-intro h2{font-size:25px}.hub-questions{gap:8px}.hub-questions a{font-size:11px;padding:8px 12px}.hub-panel .traits h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hub-tabs>button{transition:none}}