.logbook{background:#e7eee9}.logbook-layout{display:grid;grid-template-columns:.82fr 1.3fr;gap:7%;align-items:start}.logbook-lead{font-family:Manrope,sans-serif;font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:0 0 18px}.logbook-story>p:not(.logbook-lead){font-size:13px;color:var(--muted);line-height:1.9;max-width:340px}.log-steps{margin:26px 0 24px;border-top:1px solid #c8d4cd}.log-steps button{display:flex;gap:16px;align-items:center;width:100%;padding:18px 12px;border:0;border-bottom:1px solid #c8d4cd;background:transparent;text-align:left;color:var(--ink)}.log-steps button>span{font-size:11px;color:var(--teal)}.log-steps button div{flex:1}.log-steps strong{font-size:13px;font-weight:600;display:block}.log-steps small{font-size:11px;color:var(--muted)}.log-steps b{font-size:19px;font-weight:400}.log-steps button.active{background:white;box-shadow:inset 3px 0 var(--teal)}.log-demo{background:white;box-shadow:0 20px 50px #142b2e0b;min-width:0}.log-demo-top{padding:19px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.log-demo-top strong{font-size:19px;font-style:italic}.log-demo-top strong span{font-size:12px;font-weight:400;font-style:normal;color:var(--muted)}.log-badge{font-size:8px;letter-spacing:1px;background:#eaf1ec;padding:5px 8px}.log-demo-context{padding:17px 24px 0;display:flex;flex-wrap:wrap;gap:7px 20px;justify-content:space-between;font-size:10px;color:var(--muted)}.log-demo-context strong{color:var(--teal);font-size:11px}#log-screen{padding:20px 24px;min-height:375px}.log-disclaimer{font-size:10px;line-height:1.7;padding:16px 24px;margin:0;background:#f4f6f2;color:var(--muted);border-top:1px solid var(--line)}.log-map{height:225px;position:relative;background-color:#f5f7f3;background-image:linear-gradient(#e4eae4 1px,transparent 1px),linear-gradient(90deg,#e4eae4 1px,transparent 1px);background-size:18px 18px;border:1px solid #e4eae4}.log-map svg{width:100%;height:100%}.log-pin{position:absolute;width:36px;height:36px;border:3px solid white;border-radius:50%;background:#5c756c;color:white;font-size:10px;box-shadow:0 2px 8px #142b2e25;transform:translate(-50%,-50%)}.log-pin.chosen{background:var(--teal);outline:3px solid #007c8230}.log-map-caption{font-size:10px;color:var(--muted);margin:9px 0}.log-record{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f0f5f0;padding:14px;margin-top:14px}.log-record strong{font-size:13px;display:block}.log-record small{font-size:10px;color:var(--muted)}.log-record button{border:0;border-bottom:1px solid var(--teal);padding:6px 0;background:none;color:var(--teal);font-size:11px;white-space:nowrap}.log-screen-title{margin:0 0 15px;font-size:21px;line-height:1.3;letter-spacing:-.5px}.log-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0}.log-fields>div{border-bottom:1px solid var(--line);padding:9px 0}.log-fields dt{font-size:10px;color:var(--muted)}.log-fields dd{font-size:12px;margin:3px 0 0;line-height:1.4}.log-small{font-size:10px;color:var(--muted);line-height:1.7}.log-photo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.log-photo-slot{padding:20px 8px;background:#f0f3ee;border:1px dashed #bdcdc3;text-align:center;min-height:145px;display:flex;flex-direction:column;justify-content:center}.log-photo-slot span{font-size:27px;font-weight:500;color:#7a9388}.log-photo-slot strong{font-size:11px;display:block;margin-top:10px}.log-photo-slot small{font-size:9px;color:var(--muted)}.log-sticker{border:1px solid #c6d5cd;margin-top:20px;padding:15px;display:flex;align-items:center;gap:18px}.log-sticker-icon{width:44px;height:44px;border:5px double var(--teal);display:grid;place-items:center;font-size:12px;color:var(--teal)}.log-sticker strong{font-size:12px;display:block}.log-sticker p{font-size:10px;color:var(--muted);margin:2px 0}.log-history{list-style:none;margin:0;padding:0}.log-history li{padding:13px 0 13px 18px;border-left:2px solid #c8dcd0;position:relative}.log-history li:before{content:'';position:absolute;left:-5px;top:20px;border-radius:50%;height:8px;width:8px;background:var(--teal)}.log-history strong{font-size:12px;display:block}.log-history small{font-size:10px;color:var(--muted)}.log-status-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.log-status-list span{font-size:9px;padding:6px 9px;background:#ecf1ed;color:#3e6052}@media(max-width:1000px){.logbook-layout{grid-template-columns:1fr;gap:30px}.logbook-story>p:not(.logbook-lead){max-width:600px}.log-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#log-screen{min-height:365px}.log-map{height:245px}}@media(max-width:650px){nav{gap:10px;font-size:11px}.log-demo-top{padding:15px}.log-demo-context{padding:15px 15px 0}#log-screen{padding:17px 15px;min-height:0}.log-steps{grid-template-columns:1fr}.log-disclaimer{padding:14px 15px}.log-demo-top strong{font-size:17px}.log-demo-top strong span{font-size:10px}.log-record{padding:10px;gap:8px}.log-record strong{font-size:12px}.log-map{height:210px}.log-photo-slots{gap:6px}.log-photo-slot{padding:15px 5px}.log-fields{gap:0 12px}.log-fields dd{font-size:11px}.log-pin{width:38px;height:38px}}
.log-real-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.log-real-photos figure{margin:0;min-width:0}.log-photo-frame{aspect-ratio:1;background:#eef2ed;overflow:hidden;position:relative}.log-photo-frame img{display:block;width:100%;height:100%;object-fit:contain}.log-photo-frame.detail-crop{aspect-ratio:300/185;margin-top:38.333%}.log-photo-frame.detail-crop img{position:absolute;bottom:0;width:100%;height:auto;max-width:none}.log-real-photos figcaption{padding:12px 0}.log-real-photos figcaption span{font-size:9px;letter-spacing:1px;display:block;color:var(--teal)}.log-real-photos figcaption strong{display:block;font-size:11px;margin-top:3px}@media(max-width:420px){.log-real-photos{gap:10px}}
.log-real-photos .log-photo-frame{aspect-ratio:300/185;margin-top:0}.log-real-photos .log-photo-frame:not(.detail-crop) img{object-fit:cover;object-position:center}