/* A dedicated deck avoids block-editor paragraph wrappers and legacy 3D grid styles. */
.neighbor-deck{--deck-visible:3;margin:28px 0 40px;padding:24px;background:var(--paper);border:1px solid var(--line);min-width:0;overflow:hidden}
.deck-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.deck-count{font:11px var(--mono);color:var(--accent)}
.deck-window{overflow:hidden;touch-action:pan-y;min-width:0;padding:8px 0 18px}.deck-track{display:flex;flex-wrap:nowrap;gap:20px;will-change:transform;align-items:stretch}
.neighbor-card{flex:0 0 calc((100% - (var(--deck-visible) - 1)*20px)/var(--deck-visible));min-width:0;height:450px;background:#2d372e;color:#f2ecde;border:1px solid #7e896d;display:flex;flex-direction:column;text-decoration:none!important;overflow:hidden;position:relative;transition:border-color .3s,box-shadow .3s}
.neighbor-card:hover,.neighbor-card:focus-visible{border-color:#d3b679;box-shadow:inset 0 0 0 1px #d3b679}.neighbor-art{height:235px;flex-shrink:0;position:relative;background:#344235;overflow:hidden}.neighbor-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.neighbor-card:hover img{transform:scale(1.035)}.neighbor-id{position:absolute;top:17px;left:16px;color:#e9dfc5;font:9px var(--mono);letter-spacing:2px;background:#202920c9;padding:7px}.neighbor-mark{position:absolute;bottom:14px;right:18px;font-size:30px;color:#e1c78f}
.neighbor-copy{padding:22px;display:flex;flex-direction:column;flex:1;min-height:0}.neighbor-copy small{font:8px var(--mono);letter-spacing:2px;color:#bead86}.neighbor-copy h2{font-size:23px!important;font-weight:550;line-height:1.35;margin:12px 0!important;padding:0!important;border:0!important;color:#f2ecde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neighbor-copy h2:before{display:none!important}.neighbor-copy p{font-size:12px;line-height:1.8;color:#bfc7b8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.neighbor-copy>span{font-size:10px;color:#d8c18f;border-top:1px solid #9b9e7950;padding-top:13px;margin-top:auto;display:flex;justify-content:space-between}.deck-controls{display:flex;align-items:center;justify-content:center;gap:28px;border-top:1px solid var(--line);padding-top:20px}.deck-controls button{width:52px;height:44px;background:#303a2f;color:#e3cf9f;border-color:#8c805e;font-size:20px}.deck-controls>span{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}
.neighbor-deck:not(.deck-ready) .deck-window{overflow-x:auto}.neighbor-deck:not(.deck-ready) .neighbor-card{flex-basis:310px}
/* Outgoing content recedes before the shutter covers it. The departure timeline is 1s. */
body.nav-leaving #main{animation:record-depart 1s cubic-bezier(.22,1,.36,1) both;transition:none;transform-origin:50% 30%}
body.nav-leaving .site-header,body.nav-leaving .statusbar,body.nav-leaving .site-footer{animation:chrome-depart 1s both}
body.nav-leaving .page-wipe:before{animation:departure-shutter 1s both}body.nav-leaving .page-wipe:after{animation:departure-shutter 1s .04s both;animation-duration:.96s}
body.nav-leaving .wipe-label{animation:departure-label 1s both}body.nav-leaving .wipe-orbit{animation:transit-orbit 1s both}body.nav-leaving .wipe-shutter{animation:transit-line 1s both}body.nav-leaving .wipe-label i{animation:transit-progress 1s linear both}
@keyframes record-depart{0%{opacity:1;transform:none;filter:none}42%{opacity:.22;transform:translateY(-18px) scale(.975);filter:blur(3px)}80%,100%{opacity:0;transform:translateY(-35px) scale(.96);filter:blur(6px)}}
@keyframes chrome-depart{0%{opacity:1}45%,100%{opacity:.2}}
@keyframes departure-shutter{0%,18%{transform:translateX(-105%) skewX(-8deg)}76%,100%{transform:translateX(0) skewX(0)}}
@keyframes departure-label{0%,42%{opacity:0;transform:translateY(12px);filter:blur(4px)}78%,100%{opacity:1;transform:none;filter:none}}
@media(max-width:1049px){.neighbor-deck{--deck-visible:2}}
@media(max-width:639px){.neighbor-deck{--deck-visible:1;padding:16px;margin:18px 0 28px}.neighbor-card{height:430px}.neighbor-art{height:220px}.deck-controls{gap:16px}.deck-controls>span{font-size:7px}.neighbor-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.deck-track,.neighbor-art img{transition:none!important}body.nav-leaving #main,body.nav-leaving .site-header,body.nav-leaving .site-footer,body.nav-leaving .statusbar{animation:none!important}}
.motion-off .deck-track,.motion-off .neighbor-art img{transition:none!important}.motion-off.nav-leaving #main{animation:none!important}

/* Stable tactical card depth: one rail, centered draw, bounded mobile composition. */
.neighbor-deck{background:radial-gradient(ellipse at 50% 45%,#b49b6333,transparent 68%),var(--paper);padding-top:22px}
.deck-window{perspective:1500px;padding:30px 0 38px}.neighbor-card{transform:rotateY(10deg) rotateX(3deg) scale(.93);transform-origin:50% 50%;transition:transform .62s cubic-bezier(.22,1,.36,1),box-shadow .62s,border-color .3s;box-shadow:5px 9px 0 #1c2b2455,0 22px 28px -17px #1c2b2499;clip-path:polygon(0 0,94% 0,100% 5%,100% 100%,6% 100%,0 95%);isolation:isolate}
.neighbor-card.card-after{transform:rotateY(-10deg) rotateX(3deg) scale(.93)}.neighbor-card.card-current{transform:rotateY(0) rotateX(0) translateY(-8px) scale(1);border-color:#cfb47a;box-shadow:0 22px 30px -18px #1c2b24bb}
.neighbor-card:after{content:"";position:absolute;inset:6px;border:1px solid #e0c88755;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#e7d59d16 45%,transparent 60%)}.deck-switching .neighbor-card.card-current .neighbor-art{animation:draw-face .62s both}.neighbor-art{transform:translateZ(0)}
@keyframes draw-face{from{filter:brightness(1.4)}to{filter:brightness(1)}}
.dossier-main [role=tabpanel]:not([hidden]){opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}.dossier-main [role=tabpanel] .module-enter{opacity:1;translate:none}
.guestbook{margin:48px 0;padding:clamp(22px,4vw,48px);background:var(--paper);border:1px solid var(--line)}.guestbook-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.guestbook-heading h2{font-size:26px;font-weight:500;margin:12px 0 24px}.guestbook-list{list-style:none;padding:0;margin:12px 0 30px}.guestbook-list li{border-top:1px solid var(--line);padding:20px 0}.guestbook-list li>div{display:flex;justify-content:space-between;gap:12px}.guestbook-list strong{font-size:13px;font-weight:550}.guestbook-list time{font:10px var(--mono);color:var(--muted)}.guestbook-list p{font-size:14px;line-height:1.9;margin:10px 0 0;overflow-wrap:anywhere}.guestbook .comment-reply-title{font-size:16px;font-weight:500}.guestbook textarea{width:100%;border-radius:18px;padding:18px 20px;resize:vertical;min-height:130px;background:var(--bg)}.guestbook input:not([type=submit]):not([type=checkbox]){width:100%;border-radius:10px}.guestbook .submit{border-radius:24px;padding:12px 28px;background:#303a2f;color:#eee4cd;border:1px solid #9e8c60}.guestbook .comment-form{max-width:850px}.guestbook .comment-form label{font-size:12px}.guestbook .comment-notes,.guestbook .logged-in-as,.guestbook-note,.guestbook-empty{font-size:12px;color:var(--muted)}
@media(max-width:760px){body{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}.site-header,.modal::backdrop{backdrop-filter:none!important}.module-child-enter{animation:none!important}.module-enter{transition-duration:.45s}.local-motes i{box-shadow:none;animation:none;opacity:.3}.orbital,.waveform i,.comms-sticker{animation:none!important}.deck-window{perspective:1000px;padding:20px 0 24px}.neighbor-card.card-current{transform:rotateY(-5deg) rotateX(2deg) scale(.96)}.guestbook{margin:28px 0;padding:22px 18px}.guestbook-heading h2{font-size:22px}.guestbook-heading{align-items:start}.guestbook textarea{font-size:16px}body.nav-leaving #main{animation-name:mobile-depart;filter:none!important}@keyframes mobile-depart{to{opacity:0;transform:translateY(-15px)}}}
@media(prefers-reduced-motion:reduce){.neighbor-card,.neighbor-card.card-current,.neighbor-card.card-after{transform:none!important;transition:none!important}.deck-switching .neighbor-art{animation:none!important}}
.neighbor-notes{position:relative}
@media(max-width:760px){:root{--font:system-ui,-apple-system,"Microsoft YaHei",sans-serif}.dossier-main{opacity:1!important;translate:none!important}.dossier-main>*{animation:none!important}}
