/* Logbook presentation is scoped to this page; publishing remains text-only. */
.notes-page .logbook-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"feed" "left" "right";gap:1.5rem;align-items:start}
.logbook-layout>.sidebar-left{grid-area:left;min-width:0}
.logbook-layout>.sidebar-right{grid-area:right;min-width:0}
.notes-page .notes-feed{grid-area:feed;container:logbook / inline-size;width:100%;margin:0;min-width:0;color:#22140e}
@media(min-width:1100px){.notes-page .logbook-layout{grid-template-columns:minmax(210px,1.2fr) minmax(0,4fr) minmax(210px,1.2fr);grid-template-areas:"left feed right"}}
@media(min-width:650px) and (max-width:1099px){.notes-page .logbook-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"feed feed" "left right"}}
.notes-page .notes-intro{position:relative;display:grid;grid-template-columns:1fr;gap:1.25rem;margin:0 0 .9rem;padding:1.25rem 1.5rem;overflow:hidden;border:1px solid #3a2116;border-radius:9px;background:#f1e7d9;box-shadow:0 3px 8px #1e0c0933}
.logbook-heading h1{margin:0;font-family:system-ui,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:950;letter-spacing:-.05em;text-transform:uppercase;line-height:1.05;text-shadow:0 2px #fff8}
.logbook-heading p{margin:.5rem 0 0;font-size:1.05rem}
.notes-intro .logbook-description{margin:0;max-width:35rem;line-height:1.5;font-size:.95rem;padding-right:1rem}
.logbook-accent{position:absolute;right:-10px;bottom:12px;width:42px;height:42px;background:#00cee8;clip-path:polygon(0 0,100% 35%,10% 100%);transform:rotate(-12deg)}
.notes-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;align-items:start}
.notes-page .note-entry{min-width:0;margin:0;padding:.65rem;border:1px solid #382116;border-radius:7px;background:#f2e8d9;box-shadow:0 3px 7px #1e0c0938;overflow:hidden}
.note-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem .5rem;padding:0 .25rem .5rem;font-size:.7rem;line-height:1.5}
.note-label{font-family:system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.note-meta time{font-variant-numeric:tabular-nums}
.note-meta time span{white-space:nowrap}
.note-paper{position:relative;min-height:11rem;padding:.65rem .4rem 2.5rem;border-radius:4px}
.note-text{position:relative;z-index:1;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.5}
.note-quote{display:block;height:2.6rem;font-family:Georgia,serif;font-size:4.8rem;font-weight:bold;line-height:1;position:relative;z-index:1}
.note-accent{position:absolute;right:0;bottom:0;width:45px;height:38px;background:radial-gradient(circle,#25150e 1.8px,transparent 2px) 0 0/9px 9px,#ff76ac;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.note-entry:nth-child(3n+2) .note-accent{background:repeating-linear-gradient(45deg,#23170e 0 4px,#f5dc51 4px 11px)}
.note-entry:nth-child(3n) .note-accent{width:34px;height:34px;right:3px;bottom:3px;background:#00cee8;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(22deg)}
.note-entry[data-variant=thought] .note-paper{padding:.75rem .8rem 2.5rem;background:#ff80b0}
.note-entry[data-variant=thought] .note-text{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1.4}
.note-entry[data-variant=thought] .note-accent{background:radial-gradient(circle,#25150e 1.8px,transparent 2px) 0 0/9px 9px,#00cee8}
.notes-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;color:#f4e9dc}
.notes-page .notes-pagination a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .9rem;background:#623e2c;color:#fff4e8;border:1px solid #20100a;border-radius:5px;box-shadow:0 2px 3px #1e0c0938}
.notes-page .notes-pagination a:hover{background:#f4e9dc;color:#301b12}
.notes-feed a:focus-visible{outline:3px solid #00cee8;outline-offset:4px}
.notes-page .notes-message{padding:1.5rem}
@container logbook (min-width:600px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-page .notes-intro{grid-template-columns:1.2fr 1fr;align-items:center}.notes-intro .logbook-description{padding-left:1.25rem;border-left:1px solid #b8a999}}
@container logbook (min-width:900px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container logbook (min-width:1180px){.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notes-page .notes-intro{grid-template-columns:1.2fr 1fr .7fr}}
@media print{.notes-page .logbook-layout{display:block}.logbook-layout>.sidebar-left,.logbook-layout>.sidebar-right{display:none}.notes-pagination,.note-accent,.logbook-accent{display:none}.notes-grid{display:block}.notes-page .note-entry{break-inside:avoid;margin-bottom:1rem;box-shadow:none}.notes-page .note-paper{background:white}.notes-feed{max-width:none}}

.note-photo-link{display:block}.note-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.note-entry:has(.note-photo) .note-paper{min-height:0}.note-more-photos{margin:.3rem .3rem .6rem}.note-more-photos summary{cursor:pointer;min-height:44px;display:list-item;padding:.6rem 0;font-size:.9rem;font-weight:700}.note-photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.note-photo-strip img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px}.note-more-photos a:focus-visible{outline:3px solid #00cee8;outline-offset:2px}

/* Individual note pages keep the same sidebars and show one full-width card. */
.notes-page .note-detail .notes-grid{grid-template-columns:minmax(0,1fr)}
.note-detail .note-photo{aspect-ratio:auto;object-fit:contain}
.note-detail .note-paper{min-height:0;padding:1rem .6rem 2.5rem}
.note-detail .note-text{font-size:1.15rem;line-height:1.65}
.note-detail .note-photo-strip{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.notes-page .note-card-footer{margin:.25rem .3rem 0;padding:0;border:0;background:transparent;box-shadow:none;text-align:left;font-size:.8rem}
.notes-page .note-card-footer a{display:inline-flex;align-items:center;min-height:32px;padding:.15rem 0;color:#1f5f9f}
.notes-page .note-date-link{color:inherit;text-decoration:underline;text-decoration-color:#b8a999;text-underline-offset:3px}
.notes-page .note-share{margin-top:1rem;padding:1rem}
.note-share label{display:block;font-weight:bold;margin-bottom:.4rem}
.note-share input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;font-size:.9rem;padding:.6rem;border:1px solid #8b705d;border-radius:4px;background:#fffaf3;color:#22140e}
.note-share-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.note-share-actions button{min-height:44px;font:inherit;padding:.5rem 1rem;border:1px solid #382116;border-radius:4px;background:#623e2c;color:#fff4e8;cursor:pointer}
.note-share-actions button:focus-visible,.note-share input:focus-visible{outline:3px solid #00cee8;outline-offset:3px}
.note-share-actions [hidden]{display:none}
#note-share-status{margin:.4rem 0 0;font-size:.9rem}
@media print{.note-share,.note-card-footer{display:none}}

.note-vehicles{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem .3rem .6rem;padding:0}.note-vehicles li{max-width:100%}.notes-page .note-vehicles a,.note-vehicles span{display:inline-block;max-width:100%;box-sizing:border-box;padding:.25rem .55rem;border-radius:4px;background:#e0d5c7;color:#2b1b12;font-size:.8rem;font-weight:600;overflow-wrap:anywhere}.notes-page .note-vehicles a:hover{background:#f5c4d6}

.note-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem .3rem .6rem;padding:0}.note-tags li{max-width:100%}.note-tags span{display:inline-block;box-sizing:border-box;max-width:100%;padding:.2rem .5rem;border:1px solid #bfa99c;border-radius:4px;color:#573c30;background:#f7eee4;font-size:.78rem;overflow-wrap:anywhere}