.travel-trip-note-entry{display:inline-flex;flex-direction:column;gap:4px;min-height:56px;margin:22px 0 0;padding:11px 15px;border:1px solid rgba(255,255,255,.4);border-left:3px solid #d7aa63;border-radius:4px;color:#fff;background:rgba(18,32,35,.42);text-decoration:none;backdrop-filter:blur(8px)}
.travel-trip-note-entry>span{color:rgba(255,255,255,.72);font-size:.72rem;font-weight:700;letter-spacing:.07em}
.travel-trip-note-entry strong{font-size:.9rem;line-height:1.35}.travel-trip-note-entry strong span{padding-left:.4em;color:#f0c479}
.travel-trip-note{--trip-ink:#17363a;--trip-muted:#5d6d68;--trip-paper:#f5f0e5;--trip-accent:#b5753a;max-width:880px;margin:48px auto 58px;padding:clamp(18px,4vw,38px);border:1px solid #d8cdb9;border-radius:6px;color:var(--trip-ink);background:var(--trip-paper);box-shadow:0 22px 54px rgba(48,45,35,.09)}
.travel-trip-note-heading{max-width:640px;margin:0 auto 26px;text-align:center}.travel-trip-note-heading>p:first-child,.trip-note-kicker{margin:0 0 9px;color:var(--trip-accent);font-size:.72rem;font-weight:850;letter-spacing:.14em}.travel-trip-note-heading h4{margin:0;font-size:clamp(1.65rem,4.5vw,2.8rem);line-height:1.08;letter-spacing:-.045em}.travel-trip-note-heading>p:last-child{margin:14px 0 0;color:var(--trip-muted);font-size:.92rem;line-height:1.55}
.trip-note-motion{position:relative;padding-top:22px}.trip-note-progress{position:absolute;top:5px;left:0;right:0;height:2px;background:#d4c8b4}.trip-note-progress span{display:block;width:0;height:100%;background:var(--trip-accent);transition:width .35s ease}
.trip-note-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.trip-note-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:10px 10px 14px;border:1px solid #d7cbb8;background:#fffdf8;box-shadow:0 8px 22px rgba(35,43,40,.07);transform:translateY(0) rotate(0);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .35s}.trip-note-card:nth-child(2){transform:translateY(5px) rotate(.25deg)}.trip-note-card:nth-child(3){transform:translateY(-2px) rotate(-.2deg)}.trip-note-card.is-active{z-index:1;border-color:#ae8355;box-shadow:0 16px 34px rgba(35,43,40,.14);transform:translateY(-7px) rotate(0) scale(1.015)}.trip-note-index{display:block;margin:0 0 8px;color:var(--trip-accent);font-size:.73rem;font-weight:830;letter-spacing:.1em}.trip-note-card img{display:block;width:100%;height:clamp(150px,22vw,236px);object-fit:contain;background:#efede7}.trip-note-card figcaption{display:flex;flex:1;flex-direction:column;justify-content:flex-start;gap:5px;padding:12px 3px 0}.trip-note-card figcaption small{color:var(--trip-muted);font-size:.72rem}.trip-note-card figcaption strong{font-size:clamp(.91rem,1.5vw,1.03rem);line-height:1.42;font-weight:780}
.trip-note-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}.trip-note-controls button,.trip-note-save{min-height:46px;padding:0 17px;border:1px solid #687c73;border-radius:4px;color:var(--trip-ink);background:#fffdf8;font:inherit;font-size:.82rem;font-weight:780;cursor:pointer}.trip-note-controls button:hover,.trip-note-save:hover{background:#e8e1d4}.trip-note-controls button:disabled{opacity:.55;cursor:default}.trip-note-controls p{flex:1 1 100%;margin:5px 0 0;color:var(--trip-muted);font-size:.79rem;line-height:1.4}
.trip-note-write{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px;margin-top:34px;padding-top:28px;border-top:1px solid #d7cbb8}.trip-note-write-intro h5{margin:0;font-size:1.4rem;letter-spacing:-.035em}.trip-note-write-intro>p:last-child{margin:10px 0 0;color:var(--trip-muted);font-size:.84rem;line-height:1.6}.trip-note-fields{display:grid;gap:13px}.trip-note-fields label{display:grid;gap:5px;color:var(--trip-ink);font-size:.83rem;font-weight:760}.trip-note-fields textarea{width:100%;min-height:56px;resize:vertical;padding:10px 11px;border:1px solid #cfc4b1;border-radius:3px;color:#202927;background:#fffefa;font:inherit;font-size:.92rem;font-weight:500;line-height:1.4}.trip-note-fields textarea::placeholder{color:#8c918b}.trip-note-fields textarea:focus-visible,.trip-note-save:focus-visible,.trip-note-controls button:focus-visible,.travel-trip-note-entry:focus-visible{outline:3px solid #548b92;outline-offset:3px}.trip-note-save-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:2px}.trip-note-save{border-color:#17363a;color:#fff;background:#17363a}.trip-note-save:hover{background:#24525a}.trip-note-save-row [data-trip-save-status]{color:var(--trip-muted);font-size:.78rem;line-height:1.4}.trip-note-export-canvas{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:650px){.travel-trip-note-entry{max-width:100%;}.travel-trip-note{margin:32px auto 42px;padding:20px 15px}.trip-note-cards{grid-template-columns:1fr;gap:14px}.trip-note-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 12px;align-items:center;padding:9px}.trip-note-index{grid-column:1/-1;margin-bottom:7px}.trip-note-card img{grid-column:1;grid-row:2;width:100%;height:155px}.trip-note-card figcaption{grid-column:2;grid-row:2;padding:0}.trip-note-card figcaption strong{font-size:.95rem}.trip-note-card:nth-child(n){transform:none}.trip-note-card.is-active{transform:translateX(4px);}.trip-note-write{grid-template-columns:1fr;gap:16px}.trip-note-save-row{align-items:flex-start;flex-direction:column}.trip-note-save{width:100%}}
@media(max-width:360px){.trip-note-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 8px;padding:8px}.trip-note-card img{height:128px}.trip-note-controls button{flex:1 1 28%;padding-inline:9px}.trip-note-fields textarea{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.trip-note-card,.trip-note-progress span{transition:none!important}.trip-note-card.is-active{transform:none}}