.study-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:25px 0 40px}.study-tool{display:flex;flex-direction:column;background:var(--mint);padding:25px;border:1px solid var(--line);min-width:0}.study-tool h3{font:30px/1.12 var(--serif);margin:12px 0}.study-tool p{font-size:12px;line-height:1.8;color:var(--muted)}.study-tool>span:last-child{font-size:11px;margin-top:auto;padding-top:20px;color:var(--green)}
.notebook-widget{border:1px solid var(--line);padding:25px;background:var(--white);margin:25px 0;min-width:0}.notebook-widget-head h2{font:34px/1.1 var(--serif);margin:12px 0}.notebook-widget-head>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:700px}.observation-slots{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.observation-single{grid-template-columns:1fr}.observation-slot{min-width:0}.observation-slot label{display:block;font:25px/1.2 var(--serif);margin:12px 0}.observation-slot textarea{width:100%;min-height:155px;resize:vertical;box-sizing:border-box;padding:13px;background:var(--paper);border:1px solid var(--line);font:13px/1.7 var(--sans);color:var(--ink)}.observation-controls{display:grid;gap:8px;margin-top:12px}.observation-controls button{text-align:left;white-space:normal;justify-self:start;font-size:11px}.observation-controls p{font-size:10px;color:var(--muted);line-height:1.7}.notebook-return{font-size:11px;margin-top:20px;text-decoration:underline;text-underline-offset:3px}.notebook-fold{margin:25px 0}.notebook-fold>summary{cursor:pointer;color:var(--green);font:26px/1.2 var(--serif)}.notebook-fold .notebook-widget{padding:19px}.notebook-fold .observation-slots{grid-template-columns:1fr}
.notebook-toolbar{display:flex;gap:30px;align-items:end;justify-content:space-between;margin:20px 0 28px}.notebook-toolbar input{min-width:280px}.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:35px}.notebook-card{background:var(--white);border:1px solid var(--line);padding:25px;min-width:0}.notebook-card-title{font:32px/1.1 var(--serif);display:block;margin-bottom:12px}.notebook-card img{height:200px;width:100%;object-fit:contain;background:#e8e9dd;margin:18px 0}.notebook-card>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.notebook-card h3{font:23px/1.2 var(--serif);margin:0 0 10px}.notebook-card section p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.notebook-card section small{display:block;font-size:9px;color:var(--muted);line-height:1.7;margin-top:10px}.notebook-card>a:last-child{font-size:11px;color:var(--green)}.notebook-detail-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start}.notebook-detail-layout>aside{min-width:0}.notebook-detail-layout figure{margin:25px 0}.notebook-detail-layout figure img{width:100%;max-height:650px;object-fit:contain;background:#e8e9dd;padding:15px;box-sizing:border-box}.notebook-detail-layout figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.notebook-detail-layout aside>a{font-size:11px;color:var(--green)}.notebook-source{padding:30px;background:var(--mint);font-size:12px;line-height:1.8}.notebook-source[hidden]{display:none}.notebook-source a{text-decoration:underline}
@media(max-width:1000px){.study-tools{grid-template-columns:1fr 1fr}.notebook-detail-layout{grid-template-columns:1fr 1.5fr;gap:25px}.notebook-detail-layout .observation-slots{grid-template-columns:1fr}}
@media(max-width:650px){.notebook-toolbar{display:grid;gap:15px}.notebook-toolbar input{min-width:0}.notebook-grid,.notebook-detail-layout,.observation-slots{grid-template-columns:1fr}.notebook-widget{padding:20px}.notebook-grid{gap:18px}.notebook-card{padding:20px}.notebook-card>div{grid-template-columns:1fr}.study-tools{gap:12px}.study-tool{padding:18px}.study-tool h3{font-size:27px}.notebook-detail-layout figure img{max-height:350px}}

[data-notebook]>.entity-head{padding-block:24px 12px}
[data-notebook]>.entity-head h1{font-size:clamp(2.65rem,5vw,4.2rem);margin:0 0 12px}
[data-notebook]>.empty{margin:14px 0 24px;padding-block:24px}

.notebook-studies {
  margin:1.25rem 0 2rem;
  padding:clamp(.9rem,3vw,1.5rem);
  background:var(--white);
  border:1px solid var(--line);
  border-inline-start:3px solid var(--green);
}
.notebook-studies-heading {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:.25rem 1rem;
  margin-bottom:.55rem;
}
.notebook-studies-heading h2,
.notebook-responses-title,
.notebook-studio-observation h2 {
  margin:.25rem 0;
  font:clamp(1.75rem,3vw,2.35rem)/1.1 var(--serif);
}
.notebook-studies-heading a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.notebook-studio-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 1.35rem;
  margin-top:.65rem;
}
.notebook-studio-card a {
  display:grid;
  grid-template-columns:clamp(3.5rem,12vw,6rem) minmax(0,1fr) auto;
  align-items:center;
  gap:.7rem;
  padding:.65rem .25rem;
  border-top:1px solid var(--line);
}
.notebook-studio-card a:hover { background:var(--mint); }
.notebook-studio-thumb svg,
.notebook-studio-pair svg {
  display:block;
  width:100%;
  height:auto;
}
.notebook-studio-summary {
  display:grid;
  gap:.2rem;
  overflow-wrap:anywhere;
}
.notebook-studio-summary strong {
  color:var(--green);
  font:1.4rem/1.1 var(--serif);
  text-decoration:underline;
  text-underline-offset:.13em;
}
.notebook-studio-excerpt {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:.82rem;
}
.notebook-studio-summary time { color:var(--muted); font-size:.72rem; }
.notebook-studio-detail .entity-head { padding:1rem 0 1.25rem; }
.notebook-studio-detail .entity-head h1 { margin:.45rem 0; font-size:clamp(2.6rem,5vw,4.25rem); }
.notebook-studio-pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(.45rem,2vw,1.25rem);
}
.notebook-studio-pair figure {
  margin:0;
  min-width:0;
  padding:clamp(.35rem,1.5vw,1rem);
  background:var(--white);
  border:1px solid var(--line);
}
.notebook-studio-pair figcaption {
  margin-bottom:.45rem;
  color:var(--muted);
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.notebook-studio-observation {
  margin:1.2rem 0;
  padding-top:.85rem;
  border-top:1px solid var(--line);
}
.notebook-studio-observation p {
  margin:.6rem 0 0;
  max-width:45rem;
  line-height:1.7;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.notebook-studio-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:.65rem 1.25rem;
  margin-bottom:1.5rem;
}
.notebook-studio-remove summary {
  display:list-item;
  align-content:center;
  min-height:44px;
  color:var(--green);
  cursor:pointer;
  font-size:.85rem;
}
.notebook-studio-remove p { max-width:25rem; margin:.25rem 0; font-size:.85rem; }
.notebook-studio-remove div { display:flex; flex-wrap:wrap; gap:1rem; }
.notebook-studio-remove button { min-height:44px; }
@media(max-width:650px) {
  .notebook-studio-list { grid-template-columns:minmax(0,1fr); }
}