.uf-logbook { color: #17313b; max-width: 68rem; margin-inline:auto; width:100%; padding: clamp(1rem, 4vw, 3rem); box-sizing:border-box; }
.uf-logbook h1 { font-size:clamp(2.45rem, 6vw, 4.25rem); letter-spacing:-.035em; line-height:1.05; margin:0 0 .6rem; }
.uf-logbook h2 { font-size:1.45rem; line-height:1.2; letter-spacing:-.025em; margin:0 0 .5rem; }
.uf-logbook h3 { font-size:1.18rem; line-height:1.3; margin:.2rem 0; }
.uf-logbook p { max-width:65ch; margin:.25rem 0; }
.uf-logbook > section { margin-top:2.5rem; }
.uf-logbook button,.uf-logbook input,.uf-logbook textarea {font:inherit;}
.uf-logbook a {text-underline-offset:.2em;}
.lb-heading,.lb-session,.lb-actions {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.lb-heading p,.lb-empty,.lb-note,.lb-date {color:#49616b;}
.lb-session {background:#dfede8;border-radius:12px;padding:1.25rem;}
.uf-logbook button,.uf-logbook .lb-primary { cursor:pointer;min-height:44px;border-radius:9px;border:1px solid #899c9e;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;color:#17313b;background:white;font-weight:750;line-height:1.2; }
.uf-logbook .lb-primary { background:#b53b1c;color:#fff;border:1px solid #b53b1c;text-decoration:none;white-space:nowrap; }
.uf-logbook button:hover,.uf-logbook a.lb-primary:hover {filter:brightness(.94);}
.uf-logbook button:disabled {cursor:progress;opacity:.65;}
.uf-logbook :focus-visible {outline:3px solid #11645b;outline-offset:3px;}
.lb-catches,.lb-history {list-style:none;margin:1rem 0 0;padding:0;}
.lb-catches li,.lb-history li {display:flex;align-items:center;gap:1rem;border-top:1px solid #b9c7c3;padding:.8rem 0;}
.lb-entry { flex:1;min-width:0;overflow-wrap:anywhere; }
.lb-note {white-space:pre-wrap;}
.lb-date,.lb-history {font-variant-numeric:tabular-nums;}
.lb-date {font-size:.875rem;}
.lb-photo {width:clamp(4rem,13vw,7rem);aspect-ratio:1;object-fit:cover;border-radius:8px;}
.uf-logbook button.lb-subtle {font-size:.875rem;border:0;color:#94391e;background:transparent;}
.lb-history strong {flex:1;}
.lb-form {margin-top:1.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;}
.lb-form label {display:block;font-weight:750;}
.lb-form label small {font-weight:500;}
.lb-form input,.lb-form textarea {display:block;box-sizing:border-box;width:100%;border:1px solid #7f9392;border-radius:7px;background:white;color:#17313b;padding:.65rem .75rem; margin-top:.4rem;min-height:44px;max-width:100%;}
.lb-form textarea {resize:vertical;}
.lb-wide,.lb-error {grid-column:1 / -1;}
.lb-actions {justify-content:flex-start;}
.lb-back {display:inline-block;margin-bottom:1.2rem;}
.lb-error {color:#922d16;}
@media(max-width:600px) {
 .lb-heading,.lb-session {flex-wrap:wrap;}
 .lb-form {grid-template-columns:1fr;}
 .lb-history li {flex-wrap:wrap;gap:.3rem .8rem;}
 .lb-history strong {flex-basis:100%;}
}