/* 手记 / 思考轨迹 — a single vertical notebook thread, not a card grid */
.notebook-content{min-height:620px;padding:64px clamp(24px,6vw,120px) 90px;background-color:var(--deep);background-image:radial-gradient(ellipse at 18% 20%,rgba(219,211,188,.045),transparent 35%),radial-gradient(ellipse at 82% 72%,rgba(15,20,17,.2),transparent 46%);color:var(--pale)}

.notebook-tools{display:flex;align-items:baseline;flex-wrap:wrap;gap:22px 34px;margin:0 0 56px;padding-bottom:22px;border-bottom:1px solid rgba(225,217,199,.18)}
.notebook-count{margin:0;font:11px var(--latin);letter-spacing:.18em;opacity:.6}
.notebook-count span{font-size:20px;margin-right:5px;color:var(--paper)}
.notebook-filters{display:flex;flex-wrap:wrap;gap:4px 20px;margin-right:auto}
.notebook-filters button{padding:2px 0;border:0;background:none;color:inherit;cursor:pointer;font-size:12px;letter-spacing:.14em;opacity:.55;position:relative;transition:opacity .3s}
.notebook-filters button:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1px;background:var(--rust);transition:width .3s}
.notebook-filters button:hover{opacity:.85}
.notebook-filters button.active{opacity:1;color:var(--pale)}
.notebook-filters button.active:after{width:100%}
.notebook-search{position:relative;width:190px;border-bottom:1px solid rgba(225,217,199,.32)}
.notebook-search input{width:100%;padding:6px 4px;border:0;outline:0;background:transparent;color:var(--pale);font-size:12px;letter-spacing:.04em}
.notebook-search input::placeholder{color:rgba(225,217,199,.45)}

.notebook-line{list-style:none;margin:0;padding:0 0 0 clamp(20px,3vw,44px);position:relative;max-width:760px}
.notebook-line:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:linear-gradient(rgba(225,217,199,.02),rgba(225,217,199,.28) 6%,rgba(225,217,199,.28) 94%,rgba(225,217,199,.02))}

.thought-entry{position:relative;padding:0 0 46px}
.thought-entry:last-child{padding-bottom:0}
.thought-heading{margin:0}
.thought-toggle{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.thought-toggle:focus-visible{outline:1px solid var(--rust);outline-offset:6px}
.thought-node{position:absolute;left:clamp(-20px,-3vw,-44px);top:9px;width:9px;height:9px;border-radius:50%;background:var(--deep);border:1px solid var(--rust);transition:background .3s,transform .3s}
.thought-toggle[aria-expanded=true] .thought-node{background:var(--rust);transform:scale(1.15)}
.thought-id{display:block;margin:0 0 10px;font:10px var(--latin);letter-spacing:.28em;color:var(--rust)}
.thought-title{display:block;margin:0 0 12px;font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:.03em;transition:opacity .3s}
.thought-toggle:hover .thought-title{opacity:.82}
.thought-excerpt{margin:0 0 12px;font-size:14.5px;line-height:1.9;opacity:.78;max-width:62ch}
.thought-meta{display:block;font-size:10.5px;letter-spacing:.14em;opacity:.5}

.thought-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}
.thought-body-inner{padding:20px 0 2px;max-width:62ch}
.thought-body-inner p{margin:0 0 1.3em;font-size:14.5px;line-height:2;opacity:.92}
.thought-body-inner p:last-of-type{margin-bottom:18px}
.thought-tags{display:flex;flex-wrap:wrap;gap:8px}
.thought-tags span{font-size:9.5px;padding:4px 9px;border:1px solid rgba(225,217,199,.3);letter-spacing:.06em;opacity:.75}

.notebook-empty{padding:60px 0;opacity:.55;font-size:13px;letter-spacing:.06em}

@media(max-width:620px){
  .notebook-content{padding:48px 22px 65px}
  .notebook-tools{gap:16px}
  .notebook-search{width:100%}
  .notebook-line{padding-left:26px}
  .thought-node{left:-26px}
}