/* Blue Finesse: midnight blue, warm gold, and soft ivory. */
:root{
  color-scheme:dark;
  --ink:#f2eee5;
  --navy:#0d202a;
  --muted:#acbdc1;
  --cream:#08151d;
  --line:#2b404a;
  --gold:#d4b45e;
  --white:#10232d;
  --green:#a6c1b2;
  --surface:#122934;
}
body{background:var(--cream);color:var(--ink)}
::selection{background:var(--gold);color:var(--cream)}
.private-bar{background:#0d202a;color:var(--muted);border-bottom:1px solid var(--line);font-size:.75rem;min-height:32px;height:auto;padding:7px 12px;letter-spacing:.04em}
.header{height:158px}
.brand .brand-logo{width:154px;height:154px}
#languages button{color:var(--muted);font-size:.875rem;min-height:44px;min-width:36px}
#languages button.active{color:var(--gold);border-color:var(--gold)}
.studio-link{color:var(--gold);font-size:.875rem;min-height:44px;align-items:center}
.status-line{color:var(--muted);font-size:.75rem;letter-spacing:.08em;line-height:1.6}
.record-ref{color:var(--gold);font-size:.75rem}
.hero{border-color:var(--line);box-shadow:0 18px 60px #00000024}
.hero-copy{background:var(--navy);color:var(--ink)}
.hero-copy .eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.14em}
.hero-copy .latin{color:var(--muted);font-size:.875rem}
.hero-copy .intro{color:#c7d2d3;font-size:1rem}
.hero-link{color:var(--ink);border-color:#62777e;font-size:.875rem;line-height:1.7}
.fish-plate{background:radial-gradient(ellipse at 50% 45%,#203c49 0%,#122a36 58%,#0d202a 100%)}
.plate-top{color:var(--muted);font-size:.75rem;letter-spacing:.06em;flex-wrap:wrap;gap:8px}
.plate-caption{color:var(--muted);font-size:.75rem;letter-spacing:.12em}
.plate-number{color:var(--gold);opacity:.2}
.fish-plate.has-photo{background:#091820}
.photo-preview{background:#091820;border:1px solid var(--line)}
.photo-caption{background:#08151ded;color:var(--ink);font-size:.75rem;letter-spacing:.04em}
.photo-status{color:#b8d6c4;font-size:.875rem}
.facts-strip{padding-block:32px}
.fact .eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.08em;line-height:1.6}
.fact .value{color:var(--ink);line-height:1.2}
.fact .value small{font-size:.875rem}
.section-head .eyebrow,.fish-story .eyebrow,.family .eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.12em}
.section-head>p,.journey-card p,.fish-story p,.family p{font-size:1rem;line-height:1.8}
.journey-grid{background:var(--navy)}
.journey-card:first-child{background:var(--surface)}
.journey-num{color:var(--gold);font-size:.875rem}
.journey-num svg{stroke:var(--gold)}
.fish-story{background:var(--navy);padding:26px 30px}
.trace-note{color:var(--muted);font-size:.75rem}
.family{background:var(--navy);color:var(--ink);border-top:1px solid #806d3d;padding-block:42px}
.family p{color:#c7d2d3}
.signature{color:var(--gold)}
.signature small{color:var(--muted);font-size:.75rem;letter-spacing:.08em}
.button{font-size:.875rem;line-height:1.4}
.primary{background:var(--gold);color:#08151d}
.primary:hover{background:#e7cc86}
.secondary{border-color:#526b75;color:var(--ink)}
.secondary:hover{background:#203742;border-color:#879b9f}
.quiet{color:var(--muted)}
.quiet:hover{color:var(--gold)}
.muted{font-size:1rem}
.tiny,.dialog-note,.guest-tools p{font-size:.75rem;line-height:1.7}
.record-button{font-size:.875rem}
.record-button.selected{background:#18343f;border-color:var(--gold)}
.record-button small{font-size:.75rem}
.sidebar .button-row .button{font-size:.75rem}
.storage-note{background:var(--navy);color:var(--muted);font-size:.75rem}
.form-heading{flex-wrap:wrap}
.unsaved{color:var(--gold);font-size:.75rem}
.field{color:#d2ddde;font-size:.875rem}
.field input,.field select,.field textarea{background:#0b1b24;border-color:#536b75;color:var(--ink);font-size:1rem}
.field input::placeholder,.field textarea::placeholder{color:#98aeb5;opacity:1}
.field small{color:var(--muted);font-size:.75rem}
.check-field{font-size:.875rem}
.check-field input{accent-color:var(--gold)}
.form-actions .delete{color:#f0aaa0;font-size:.875rem}
.studio-alert{border-color:#75673f;background:#27271d;color:#dfcd99;font-size:.75rem}
.toast{background:#24424b;color:var(--ink);border:1px solid #68818a;font-size:.875rem}
.dialog-note{color:var(--muted)}
dialog{background:var(--navy);color:var(--ink);box-shadow:0 20px 80px #0009}
dialog::backdrop{background:#030b11cc}
/* QR stays black on white for reliable scanning. */
#qr svg{background:#fff;color:#000;color-scheme:light}
.footer{display:flex;flex-direction:column;gap:0;padding:0 0 32px;border-color:var(--line)}
.contact-links{display:flex;flex-wrap:wrap;gap:10px 32px;padding:23px 0;border-bottom:1px solid var(--line)}
.contact-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);font-size:.9375rem;text-decoration:none;line-height:1.5;overflow-wrap:anywhere}
.contact-links a:hover{color:var(--gold)}
.contact-links a:hover span{text-decoration:underline;text-underline-offset:5px}
.contact-links svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-links a[href^="tel:"]{white-space:nowrap}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;padding-top:22px;color:var(--muted);font-size:.75rem;line-height:1.7}
#footer-note{font-family:Cormorant,Georgia,serif;font-size:1.125rem;font-style:italic;color:var(--gold)}
@media(max-width:900px){.hero-copy h1{font-size:clamp(2.625rem,5.8vw,3.375rem)}}
@media(max-width:650px){
  .header{height:130px}.brand .brand-logo{width:128px;height:128px}
  .header-actions{gap:3px}.studio-link{font-size:.75rem;min-height:36px}
  .hero-copy h1{font-size:clamp(2.5rem,12vw,3.5rem)}
  html[lang="hr"] .hero-copy h1{font-size:clamp(2.375rem,10.8vw,3.125rem)}
  .hero-copy .intro{max-width:none}
  .plate-top{top:20px;left:22px;right:22px}.plate-caption{font-size:.75rem}
  .plate-number{font-size:42px}
  .photo-caption{font-size:.75rem;padding:11px 14px}
  .fact .eyebrow{font-size:.75rem;letter-spacing:.04em}
  .section-head>p{font-size:1rem;max-width:none}
  .journey-card p,.fish-story p,.family p{font-size:1rem}
  .family{padding:30px 26px}
  .guest-tools{flex-wrap:wrap}.guest-tools p{max-width:none;font-size:.75rem}
  .guest-tools .button,.form-actions .button,.button-row .button{font-size:.875rem}
  .studio-intro>p{font-size:1rem}.studio-intro .studio-alert{font-size:.75rem}
  .sidebar .storage-note{font-size:.75rem}
  .footer{padding-bottom:26px}.contact-links{flex-direction:column;align-items:flex-start;gap:6px;padding-block:20px}
  .footer-meta{flex-direction:column;gap:12px}
}
@media print{
  :root{color-scheme:light;--ink:#142d36;--cream:#fff;--muted:#4e6167;--line:#ccd4d7;--gold:#71551a;--navy:#fff;--surface:#f2f5f5}
  body,.hero-copy,.family,.journey-card,.journey-card:first-child,.fish-story{background:#fff;color:var(--ink)}
  .hero-copy .intro,.family p{color:var(--ink)}
  .hero{box-shadow:none}.footer{display:none}
}

/* Shared copy keeps user-entered line breaks and long words within the layout. */
.hero-copy h1,.family h2,.journey h2,.journey h3{overflow-wrap:anywhere}
.hero-copy .intro,.section-head>p,.journey-card p,.family p{white-space:pre-line}