.notebook{max-width:860px;margin:28px auto 72px;background:#fffdf6;border:1px solid var(--ink);padding:0 28px 36px 0;position:relative}
.notebook:before{content:"";position:absolute;left:0;top:0;bottom:0;width:52px;background:repeating-linear-gradient(#fffdf6,#fffdf6 23px,#eadfca 24px);border-right:2px solid var(--red)}
.nb-head{padding:28px 24px 12px 72px}
.nb-head h1{font-size:clamp(26px,3.6vw,40px);margin-bottom:8px}
.nb-head .lead{color:var(--muted);font-size:15px}
.take{padding:22px 24px 22px 72px;border-top:1px dashed var(--line);scroll-margin-top:80px}
.take-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--red);margin-bottom:6px}
.take h2{font-size:22px;margin-bottom:8px}
.take p,.take li{color:var(--muted);font-size:14px;font-family:-apple-system,"Microsoft YaHei",sans-serif}
.take ul{margin:8px 0 0 18px}
.take img{width:100%;margin-top:12px;border:1px solid var(--ink);aspect-ratio:16/9;object-fit:cover}
@media(max-width:720px){.notebook:before{width:28px}.nb-head,.take{padding-left:40px}}