/* Journal of Biohacking launch additions: masthead kicker and the editorial
   position on dosing. Kept separate from redesign.css, whose bytes are pinned
   by frozen evidence manifests. */
.brand .brand-kicker { margin:0 0 .45rem; }
.dosing-position { margin:1.5rem 0 0; padding:1.25rem 1.4rem; border-left:3px solid var(--accent); background:var(--panel); }
.dosing-position h3 { margin:0 0 .6rem; }
.dosing-position p { margin:.5rem 0; }
.studio-contributed { margin:1.5rem 0 0; padding:1rem 1.25rem; border:1px solid var(--line, #d8d2c4); }
.studio-contributed h3 { margin:0 0 .4rem; }
.studio-contributed ul { margin:.5rem 0 0; padding-left:1.1rem; }
.studio-contributed li { margin:.3rem 0; }
.page-intro .page-action { margin:1.4rem 0 0; }
.page-intro .page-action .btn { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.view-state { margin:1rem 0; padding:.9rem 1rem; border:1px solid var(--line, #d8d2c4); background:var(--panel, #f7f4ee); }
.view-state-error { border-left:3px solid var(--accent, #214f40); }
.view-state-loading::before { content:""; display:inline-block; width:.8rem; height:.8rem; margin-right:.55rem; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; vertical-align:-.1rem; animation:view-spin .8s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .view-state-loading::before { animation:none; border-right-color:currentColor; }
}
@keyframes view-spin { to { transform:rotate(360deg); } }
.privacy-note { max-width:68ch; }
.privacy-note h2 { margin:2rem 0 .6rem; }
/* Compound library reader (schema v2). The entries are the journal's own writing;
   these styles extend peptide-library.css and redesign.css without editing them. */
.peptide-reader-aliases { margin:.2rem 0 .4rem; color:var(--muted); max-width:72ch; overflow-wrap:anywhere; }
.peptide-reader-badges { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0; padding:0; list-style:none; }
.peptide-reader-badges li { padding:.25rem .6rem; border:1px solid var(--line); border-radius:3px; font-size:.82rem; line-height:1.5; background:var(--panel); color:var(--ink); }
.peptide-reader-badges .peptide-kind-badge { border-left:4px solid var(--category-color, var(--accent)); font-weight:600; }
.peptide-reader-badges .peptide-evidence-badge { border-color:var(--accent); color:var(--accent-strong, var(--accent)); font-weight:600; }
.peptide-reader-badges .peptide-system-badge { color:var(--muted); }
.peptide-reader-byline { display:flex; flex-wrap:wrap; gap:0 .2rem; margin:.4rem 0 1.2rem; font-size:.9rem; color:var(--muted); }
.peptide-reader-section { scroll-margin-top:5rem; }
.peptide-reader-section > :is(h2,h4):focus { outline:none; }
.peptide-reader-section > :is(h2,h4):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.peptide-entry-text { max-width:72ch; line-height:1.75; overflow-wrap:anywhere; }
.peptide-entry-summary { font-size:1.08rem; }
.peptide-study-list,.peptide-dose-list { display:grid; gap:1rem; margin:1rem 0; padding:0; list-style:none; }
.peptide-study-card,.peptide-dose-item { padding:1rem 1.2rem; border:1px solid var(--line); border-radius:3px; background:var(--panel); max-width:80ch; }
.peptide-study-card :is(h3,h5) { margin:0 0 .6rem; font:600 1rem/1.4 Inter,'Segoe UI',Arial,sans-serif; color:var(--ink); }
.peptide-study-fields,.peptide-regulatory-fields { display:grid; grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr); gap:.35rem 1rem; margin:0; }
.peptide-study-fields dt,.peptide-regulatory-fields dt { font-size:.8rem; font-weight:650; letter-spacing:.02em; color:var(--accent); padding-top:.15rem; }
.peptide-study-fields dd,.peptide-regulatory-fields dd { margin:0; line-height:1.6; overflow-wrap:anywhere; }
.peptide-regulatory-fields { max-width:72ch; margin-top:1rem; }
.peptide-source-ref { white-space:nowrap; }
.peptide-dosing-panel { margin:1rem 0 0; padding:1.1rem 1.25rem; border:1px solid var(--notice-line, #d3c19c); border-left:4px solid var(--warning, #805c27); border-radius:3px; background:var(--panel); max-width:80ch; }
.peptide-dosing-label { margin:0 0 .6rem; font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--warning, #805c27); }
.peptide-dosing-panel .peptide-reader-notice { margin:0 0 .8rem; }
.peptide-dose-item { background:var(--bg); }
.peptide-question-list { max-width:72ch; padding-left:1.2rem; }
.peptide-question-list li { margin:.5rem 0; line-height:1.7; }
.peptide-citations > li { scroll-margin-top:5rem; }
.peptide-citations > li:focus { outline:2px solid var(--accent); outline-offset:4px; }
.peptide-citations p { margin:.15rem 0; }
.peptide-citations .peptide-citation-title { color:var(--ink); font-weight:600; }
.peptide-citation-journal { font-style:italic; }
.peptide-citation-links a { font-size:.88rem; }
.peptide-access-label { font-size:.82rem; }
@media (max-width:560px) {
  .peptide-study-fields,.peptide-regulatory-fields { grid-template-columns:1fr; gap:.1rem; }
  .peptide-study-fields dd,.peptide-regulatory-fields dd { margin-bottom:.5rem; }
  .peptide-study-card,.peptide-dose-item,.peptide-dosing-panel { padding:.9rem; }
}
@media print { .peptide-dosing-panel,.peptide-study-card,.peptide-dose-item { break-inside:avoid; } }
/* Reader: section jump, byline date, labelled badges, title focus and the way back from a source. */
.peptide-reader-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .75rem; }
.peptide-reader-navigation label { flex:0 1 36rem; min-width:0; }
.peptide-reader-section-go,.peptide-source-back { min-height:44px; padding:.45rem 1rem; border:1px solid var(--accent); border-radius:3px; background:var(--panel); color:var(--accent-strong, var(--accent)); font:600 .9rem/1.2 Inter,'Segoe UI',Arial,sans-serif; cursor:pointer; }
.peptide-reader-section-go:focus-visible,.peptide-source-back:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.peptide-source-back { min-height:36px; margin-top:.4rem; padding:.3rem .8rem; font-size:.82rem; }
.peptide-source-back[hidden] { display:none; }
.peptide-byline-date { white-space:nowrap; }
#peptide-reader-title:focus { outline:none; }
.peptide-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
