/* Exact source artwork and restrained Skills & Techniques site palette.
   Keeps the guestbook layout and all its content/behavior intact. */
:root {
  --ink: #232323;
  --muted: #606569;
  --primary: #2e2e2e;
  --accent: #b1a374;
  --soft: #f8f7f3;
  --line: #e5e4df;
  --white: #fff;
}
body {
  color: var(--ink);
  background: linear-gradient(180deg, #fff 0%, #faf9f7 52%, #fff 100%);
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3 { color: #232323; }
h1, h2 { font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: 700; }
a:hover { color: #6e6344; }
.site-header {
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #e8e7e2;
  box-shadow: 0 2px 16px rgba(25,27,30,.06);
}
.nav { min-height: 101px; gap: 20px; }
.brand { gap: 12px; color: #232323; flex-shrink: 0; }
.brand:hover { color: #232323; }
.site-brand-logo {
  display: block;
  width: 68px;
  height: 65px;
  object-fit: contain;
  flex: none;
}
.brand-wordmark strong { color: #232323; letter-spacing: -.02em; }
.brand-wordmark small { color: #666; letter-spacing: .08em; }
.nav nav { color: #363636; }
.nav nav a { transition: color .16s, background-color .16s; border-radius: 6px; }
.nav nav a:hover { color: #232323; background-color: rgba(177,163,116,.12); }
.nav nav a[aria-current="page"] { color: #232323; border-bottom-color: #b1a374; }
.hero { margin-top: 55px; }
.hero h1, .section-heading h2, .form-panel h2, .admin-head h1 { color: #232323; }
.hero h1 em { color: #948250; }
.hero p, .section-description { color: #64666a; }
.eyebrow, .kicker { color: #776942; }
.eyebrow-dot { background: #b1a374; box-shadow: 0 0 0 5px #f4f0e5; }
.note-line { background: #b1a374; }
.button.primary { background: #292929; box-shadow: 0 5px 12px rgba(0,0,0,.11); }
.button.primary:hover { background: #424242; }
.button.secondary { background: #f5f3ee; color: #37332a; border-color: #dedace; }
.button:focus-visible, input:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 3px solid #b1a374;
  outline-offset: 3px;
}
.hero-art {
  background: radial-gradient(circle at 82% 10%, rgba(205,187,130,.24),transparent 35%),
              linear-gradient(140deg,#404040 0%,#292929 57%,#151515 100%);
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
}
.sky-orbit { border-color: rgba(255,255,255,.15); }
.art-road { background: linear-gradient(90deg,rgba(255,255,255,.04),transparent 26%,transparent 74%,rgba(255,255,255,.03)),#252525;
  box-shadow: -22px 2px 1px rgba(100,100,100,.5),-38px 2px 0 rgba(255,255,255,.10); }
.art-road-centre { border-left-color: #cfb975; }
.hero-overline, .hero-art-bottom span { color: #ded5bc; }
.hero-learner .learner-title { color: #fff; }
.count { background: #f1eee5; color: #695f44; }
.section-heading h2 { color: #292929; }
.entry { border-top-color: #e5e4df; }
.avatar { color: #494238; background: #eeece6; }
.entry-meta h3 { color: #303030; }
.entry-meta p, .entry-meta time { color: #686868; }
.entry-body { color: #484b4d; }
.owner-reply { border-left-color: #b1a374; background: #f8f6ef; }
.owner-reply strong { color: #65593f; }
.owner-reply p { color: #555; }
.form-panel { background: #fff; border-color: #e7e5dc; box-shadow: 0 14px 39px rgba(0,0,0,.055); }
.form-panel::before { border-color: #eee9dc; }
.form-panel > p:not(.kicker) { color: #666; }
form label:not(.checkbox-label) { color: #343434; }
input:not([type="checkbox"]), textarea { border-color: #d8d6ce; background: #fff; }
input:not([type="checkbox"]):hover, textarea:hover { border-color: #afa079; }
.checkbox-label { color: #545454; }
.checkbox-label input { accent-color: #6e6344; }
.fineprint { color: #666; }
.empty-state { background: #fbfaf6; border-color: #e0dac9; }
.admin-toolbar { background: #f3f0e7; }
.login-card, .admin-settings { background: #faf9f6; }
.footer { background: #2e2e2e; color: #f4f4f4; border-top: 3px solid #b1a374; }
.footer-inner { display: flex; min-height: 155px; gap: 25px; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-block: 16px; }
.footer-badges { display: block; width: 190px; height: auto; max-width: 100%; background: #fff; border-radius: 5px; padding: 6px; flex: none; }
.footer-signature { color: #e5e5e5; max-width: 28ch; }
.hosting-credit { margin-left: auto; color: #e8dabb; }
.hosting-credit:hover { color: #fff; }
@media (max-width: 950px) {
  .nav { min-height: 92px; }
  .site-brand-logo { width: 58px; height: 55px; }
  .footer-inner { justify-content: center; text-align: center; }
  .footer-signature { max-width: none; }
  .hosting-credit { margin-left: 0; }
}
@media (max-width: 620px) {
  .site-brand-logo { width: 49px; height: 48px; }
  .brand-wordmark strong { font-size: .89rem; }
  .brand-wordmark small { font-size: .55rem; }
  .nav { padding-block: 10px; }
  .footer-badges { width: 170px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .nav nav a { transition: none; }
}