.notebook-archive{background:var(--bg)}
.notebook-archive__intro{display:grid;gap:1.5rem;margin-bottom:clamp(2rem,6vw,4rem)}
.notebook-controls{display:grid;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.notebook-controls__reset{align-self:end;justify-content:center}
.notebook-results-bar{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem;color:var(--muted);font-size:.85rem}
.notebook-results-bar p{margin:0}
.notebook-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;box-shadow:0 0 0 transparent;transition:transform .25s ease,box-shadow .25s ease}
.notebook-card:hover,.notebook-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow)}
.notebook-card img{width:100%;height:15rem;object-fit:cover}
.notebook-card__body{padding:1.4rem}
.notebook-card h3{margin:0 0 .6rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.1rem;font-weight:500;line-height:1}
.notebook-card p{color:var(--muted)}
.notebook-empty{padding-block:clamp(4rem,10vw,8rem);text-align:center;color:var(--muted)}
.notebook-empty i{margin-bottom:1rem;color:var(--accent);font-size:2.5rem}
.notebook-empty h3{margin:0 0 .5rem;color:var(--text);font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4rem;font-weight:500}
.notebook-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:clamp(2.5rem,7vw,5rem)}
.notebook-pagination button{display:grid;place-items:center;min-width:2.7rem;min-height:2.7rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;background:transparent;color:var(--text);cursor:pointer}
.notebook-pagination button[aria-current="page"]{border-color:var(--accent);background:var(--accent);color:#fff}
.notebook-pagination button:disabled{opacity:.35;cursor:not-allowed}
.notebook-pagination__ellipsis{display:grid;place-items:center;min-width:2rem;color:var(--muted)}
.notebook-modal{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:0;background:var(--bg);color:var(--text)}
.notebook-modal::backdrop{background:rgba(5,8,15,.9)}
.notebook-modal[open]{display:block}
.notebook-modal__shell{position:relative;width:min(100% - 2rem,58rem);margin-inline:auto;padding-block:5rem 3rem}
.notebook-modal__close{position:fixed;top:1rem;right:1rem;z-index:2;display:grid;place-items:center;width:3.25rem;height:3.25rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
.notebook-modal__content .article-hero{min-height:46svh;border-radius:var(--radius);overflow:hidden}
.notebook-modal__content .article-body{width:100%}
body.notebook-modal-open{overflow:hidden}
.notebook-entry-nav{border-bottom:1px solid var(--line);background:var(--surface)}
.notebook-entry-nav__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-block:1rem}
.notebook-entry-nav a{color:var(--muted);text-decoration:none}
.notebook-entry .article-body img,.notebook-entry .post-img,.notebook-entry figure img{border-radius:var(--radius)}
.notebook-inline-figure {
  width: min(19rem, 42%);
  margin-top: 0.4rem;
  margin-bottom: 1.25rem;
}

.notebook-inline-figure img {
  width: 100%;
  margin: 0;
  border-radius: var(--radius);
}

.notebook-inline-figure figcaption {
  margin-top: 0.5rem;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.4;
}

.notebook-inline-figure--right {
  float: right;
  margin-left: 1.5rem;
}

.notebook-inline-figure--left {
  float: left;
  margin-right: 1.5rem;
}

.notebook-entry-actions,
.post-signoff {
  clear: both;
}

.notebook-entry figure{margin:1.5rem 0}
.notebook-entry figcaption{margin-top:.65rem;color:var(--muted);font-size:.82rem}
.notebook-entry .large-text{margin-block:2.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,5vw,3.7rem);line-height:1.05}
.notebook-entry-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.notebook-entry-actions button{font:inherit}
.post-signoff {
  position: relative;
  display: block;
  width: min(22rem, 72vw);
  margin-top: 3rem;
  margin-left: 0;
}

.post-signoff i {
  position: absolute;
  left: 1.2rem;
  bottom: 0.5rem;
  z-index: 1;
  font-size: 2rem;
  line-height: 1;
}

.post-signature {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-height: 7rem;
  margin-left: 0.25rem;
  object-fit: contain;
  object-position: left center;
}
.notebook-modal .post-signoff {
  position: relative;
  display: block;
  width: min(22rem, 72vw);
  min-height: 7rem;
  margin-top: 3rem;
  margin-left: 0;
}
.notebook-modal .post-signoff i {
  position: absolute;
  left: -0.2rem;
  bottom: 0.5rem;
  z-index: 1;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1;
}
.notebook-modal .article-body .post-signature {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-height: 7rem;
  margin: 0 0 0 1.75rem;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
}
@media(max-width:600px) {
  .notebook-inline-figure {
    float: none;
    width: min(100%, 24rem);
    margin: 1.5rem auto;
  }

  .notebook-inline-figure--right,
  .notebook-inline-figure--left {
    margin-inline: auto;
  }
}
@media(min-width:760px){.notebook-archive__intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end}.notebook-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.notebook-controls__search,.notebook-controls__reset{grid-column:1/-1}.notebook-results-bar{flex-direction:row;justify-content:space-between}}
@media(min-width:1050px){.notebook-controls{grid-template-columns:minmax(15rem,1.4fr) minmax(8rem,.75fr) minmax(8rem,.7fr) minmax(9rem,.8fr) minmax(7rem,.6fr) auto}.notebook-controls__search,.notebook-controls__reset{grid-column:auto}}