/* Content pages: form + back button */
.page-shell.narrow{
  max-width:42rem;
  margin:0 auto;
  padding:1.25rem 1rem 3rem;
  width:100%;
}
.back-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin:0 0 1.1rem;
  padding:.6rem 1.15rem;
  border-radius:999px;
  border:1px solid var(--border,#d8e0d9);
  background:var(--white,#fff);
  color:var(--sage,#2f6b4f);
  font:inherit;
  font-weight:600;
  font-size:.925rem;
  text-decoration:none;
  box-shadow:var(--shadow,0 1px 2px rgba(26,26,26,.06),0 8px 24px rgba(47,107,79,.08));
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.back-link:hover{
  background:var(--sage-soft,#e8f2ec);
  border-color:var(--sage,#2f6b4f);
  color:var(--sage-dark,#24553e);
}
.back-link:focus-visible{
  outline:none;
  box-shadow:var(--focus,0 0 0 3px rgba(232,93,4,.45));
}
.form-card{
  background:var(--white,#fff);
  border:1px solid var(--border,#d8e0d9);
  border-radius:var(--radius,14px);
  padding:1.5rem 1.35rem 1.85rem;
  box-shadow:var(--shadow,0 1px 2px rgba(26,26,26,.06),0 8px 24px rgba(47,107,79,.08));
}
.form-card h1{
  margin:0 0 .45rem;
  font-size:clamp(1.45rem,3vw,1.75rem);
  letter-spacing:-.02em;
  color:var(--sage-dark,#24553e);
}
.form-lead{
  margin:0 0 1.35rem;
  color:var(--muted,#5c6670);
  font-size:.98rem;
}
.form-row{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.4rem;
  margin:0 0 1rem;
}
.form-row label{
  font-weight:600;
  font-size:.9rem;
  color:var(--text,#1a1a1a);
}
.form-row input[type="text"],
.form-row input[type="url"],
.form-row input[type="email"],
.form-row input[type="search"],
.form-row textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font:inherit;
  font-size:1rem;
  line-height:1.4;
  padding:.75rem .95rem;
  border:1px solid var(--border,#d8e0d9);
  border-radius:var(--radius-sm,10px);
  background:var(--cream,#f7f4ef);
  color:var(--text,#1a1a1a);
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.form-row textarea{min-height:7rem;resize:vertical}
.form-row input::placeholder,
.form-row textarea::placeholder{color:var(--muted,#5c6670);opacity:.85}
.form-row input:hover,
.form-row textarea:hover{border-color:#b9c7bc}
.form-row input:focus,
.form-row textarea:focus{
  outline:none;
  border-color:var(--sage,#2f6b4f);
  background:var(--white,#fff);
  box-shadow:var(--focus,0 0 0 3px rgba(232,93,4,.45));
}
.form-hint{
  margin:.35rem 0 .65rem;
  font-size:.9rem;
  color:var(--muted,#5c6670);
  line-height:1.45;
}
.form-hint code{
  font-size:.85em;
  background:var(--sage-soft,#e8f2ec);
  padding:.1rem .35rem;
  border-radius:4px;
}
.form-note{margin:.85rem 0 0;color:var(--muted,#5c6670);font-size:.9rem}
.form-card .btn-primary,
#pridat .btn-primary{
  margin-top:.35rem;
  padding:.8rem 1.45rem;
  font-size:1rem;
  min-height:2.75rem;
}
/* content pages: show header ghost labels */
body.page-content .btn-ghost .btn-label{display:inline}
body.page-content .header-add .btn-label{display:inline}
/* Detail page hero + media */
#detail-root{max-width:52rem;margin:0 auto;padding:1.25rem 1rem 2.5rem}
.detail-hero{
  display:grid;
  gap:1.25rem;
  background:var(--white,#fff);
  border:1px solid var(--border,#d8e0d9);
  border-radius:var(--radius,14px);
  padding:1.15rem;
  box-shadow:var(--shadow,0 1px 2px rgba(26,26,26,.06),0 8px 24px rgba(47,107,79,.08));
  margin:0 0 1.25rem;
}
@media(min-width:700px){
  .detail-hero{grid-template-columns:220px 1fr;align-items:start;padding:1.35rem}
}
.detail-media{
  width:100%;
  max-width:100%;
  aspect-ratio:1;
  border-radius:var(--radius-sm,10px);
  overflow:hidden;
  background:var(--sage-soft,#e8f2ec);
  border:1px solid rgba(47,107,79,.12);
}
.detail-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#fff;
}
.detail-media .media-placeholder{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  min-height:100%;
  font-size:clamp(1.6rem,6vw,2.4rem);
  letter-spacing:.06em;
}
.detail-title{margin:0 0 .35rem;font-size:clamp(1.45rem,3vw,1.85rem);letter-spacing:-.02em;color:var(--sage-dark,#24553e)}
.detail-meta{margin:0 0 .85rem;color:var(--muted,#5c6670);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.detail-text{margin:0 0 1.1rem;line-height:1.55}
.detail-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.25rem}