.sm-pagehead{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:clamp(.85rem,2vw,1.1rem) 0 clamp(1rem,2.5vw,1.35rem);
  border-bottom:var(--sm-border);
}
.sm-pagehead h1{
  margin:0;
  color:var(--ink,#f4ede1);
  font-family:var(--font-brand,"IM Fell English",Georgia,"Times New Roman",serif);
  font-size:clamp(1.45rem,3vw,2.2rem);
  font-weight:400;
  letter-spacing:.12em;
  line-height:1.05;
  text-transform:uppercase;
}
.sm-pagehead p{
  margin:0;
  max-width:68ch;
  color:var(--muted,rgba(244,237,225,.72));
  line-height:1.7;
  font-size:.95rem;
}

.sm-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem;
  padding:1rem 0;
}
.sm-search,.sm-select-shell{
  display:flex;
  align-items:center;
  gap:.55rem;
  border:var(--sm-border);
  border-radius:var(--sm-radius-sm);
  background:color-mix(in srgb,var(--bg,#000) 58%,transparent);
  padding:.7rem .8rem;
}
.sm-search{flex:1;min-width:min(260px,100%)}
.sm-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink,#f4ede1);
}
.sm-search input::placeholder{color:color-mix(in srgb,var(--muted,rgba(244,237,225,.65)) 72%,transparent)}
.sm-icon-button{
  appearance:none;
  display:inline-grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--muted,rgba(244,237,225,.72));
  cursor:pointer;
}
.sm-icon-button:hover{background:color-mix(in srgb,var(--ink,#fff) 8%,transparent);color:var(--ink,#f4ede1)}
.sm-select-shell span{
  color:var(--muted,rgba(244,237,225,.72));
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.sm-select-shell select{
  border:0;
  outline:0;
  background:transparent!important;
  color:var(--ink,#f4ede1);
  font-size:.86rem;
}

.sm-meta-row{
  display:flex;
  justify-content:space-between;
  gap:.8rem;
  flex-wrap:wrap;
  color:var(--muted,rgba(244,237,225,.72));
  font-size:.78rem;
}
.sm-list{display:grid;gap:.75rem}
.sm-entry{
  display:block;
  text-decoration:none;
  border:var(--sm-border);
  border-radius:var(--sm-radius);
  background:color-mix(in srgb,var(--bg,#000) 58%,transparent);
  padding:1rem;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.sm-entry:hover{
  border-color:color-mix(in srgb,var(--accent,#d88b45) 42%,var(--line,rgba(244,237,225,.14)));
  background:color-mix(in srgb,var(--bg,#000) 48%,var(--accent,#d88b45) 5%);
  transform:translateY(-1px);
}
.sm-entry-row{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
.sm-entry-title{margin:0;color:var(--ink,#f4ede1);font-size:1.02rem;line-height:1.28}
.sm-entry-side{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sm-date{font-size:.78rem;color:var(--muted,rgba(244,237,225,.72));white-space:nowrap}
.sm-new{
  font-size:.62rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:.18rem .5rem;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--good,#62d89b) 45%,transparent);
  background:color-mix(in srgb,var(--good,#62d89b) 14%,transparent);
  color:color-mix(in srgb,var(--good,#62d89b) 92%,var(--ink,#fff));
}
.sm-byline{margin-top:.35rem;color:var(--muted,rgba(244,237,225,.72));font-size:.82rem}
.sm-preview{
  margin:.55rem 0 0;
  color:var(--muted,rgba(244,237,225,.72));
  font-size:.86rem;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sm-tags{margin-top:.65rem;display:flex;gap:.35rem;flex-wrap:wrap}
.sm-tag{
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.22rem .5rem;
  border-radius:999px;
  border:var(--sm-border);
  background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);
  color:var(--muted,rgba(244,237,225,.72));
}
.sm-empty{
  padding:1rem;
  border:var(--sm-border);
  border-radius:var(--sm-radius);
  background:color-mix(in srgb,var(--bg,#000) 52%,transparent);
  color:var(--muted,rgba(244,237,225,.72));
  line-height:1.7;
}
.sm-to-top{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:2200;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
}
.sm-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.sm-continue{
  padding-top:clamp(2rem,5vw,3.25rem);
  padding-bottom:clamp(1.5rem,4vw,2.5rem);
}
.sm-continue-head{
  margin-bottom:1rem;
}
.sm-continue-head h2{
  margin:0;
  color:var(--ink,#f4ede1);
  font-family:var(--font-brand,"IM Fell English",Georgia,"Times New Roman",serif);
  font-size:clamp(1.2rem,2.4vw,1.65rem);
  font-weight:400;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sm-continue-grid:empty{display:none}

@media(max-width:780px){
  .sm-entry-row{flex-direction:column;align-items:flex-start}
  .sm-entry-side{justify-content:flex-start}
  .sm-date{white-space:normal}
}