/* 十月夹页 · 书架旁新添的一张衣柜票，轻一点，不抢走旧纸张的光。 */
.october-interleaf{max-width:1100px;margin:0 auto 88px;display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);position:relative;isolation:isolate;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 36px -25px var(--shadow),3px 4px 0 var(--paper-alt)}
.october-interleaf-art{min-width:0;min-height:340px;background:linear-gradient(140deg,var(--paper-alt),var(--paper));border-right:1px dashed var(--rose);display:flex;align-items:center;justify-content:center;padding:34px 22px;position:relative}
.october-interleaf-art::before{content:"";position:absolute;width:64px;height:16px;top:19px;left:calc(50% - 32px);background:var(--rose);opacity:.6;transform:rotate(-9deg)}
.october-interleaf-ticket{width:min(260px,100%);min-height:270px;padding:19px 20px 22px;display:flex;flex-direction:column;background:var(--paper);color:var(--heading);border:1px solid var(--line);box-shadow:2px 7px 18px -7px var(--shadow);transform:rotate(-3deg)}
.october-interleaf-number{font:italic 11px/1.5 Georgia,serif;letter-spacing:.16em;color:var(--muted)}
.october-interleaf-drawing{display:block;width:100%;height:auto;max-height:174px;flex:1;margin:10px auto;color:var(--accent)}
.october-interleaf-ordinal{font:34px/1.2 Georgia,serif;letter-spacing:.02em;border-top:1px solid var(--line);padding-top:10px}
.october-interleaf-ordinal em{font:12px/1.5 var(--serif);font-style:normal;letter-spacing:.06em;color:var(--muted);vertical-align:middle;margin-left:8px}
.october-interleaf-stamp{margin-top:6px;font:12px/1.6 var(--serif);color:var(--muted);text-align:right}
.october-interleaf-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:43px clamp(26px,4.5vw,64px)}
.october-interleaf-kicker{font:12px/1.8 var(--sans);letter-spacing:.19em;color:var(--muted)}
.october-interleaf-copy h2{font:500 clamp(29px,3.2vw,42px)/1.5 var(--serif);letter-spacing:.04em;margin:13px 0 22px}
.october-interleaf-copy>p{max-width:36em;font:16px/2.05 var(--serif)}
.october-interleaf-copy>p+p{margin-top:11px}
.october-interleaf-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;margin:26px 0 13px;color:var(--heading);font:16px/1.6 var(--serif);border-bottom:1px solid var(--accent)}
.october-interleaf-link span{transition:transform .22s}
.october-interleaf-link:hover span{transform:translate(3px,-3px)}
.october-interleaf-reverse{max-width:100%;border-top:1px dashed var(--line);padding-top:12px;margin-top:10px;color:var(--muted);font:13px/1.9 var(--serif)}
.october-interleaf-reverse summary{cursor:pointer;min-height:38px;display:list-item;padding:6px 0;list-style-position:inside}
.october-interleaf-reverse summary:hover{color:var(--heading)}
.october-interleaf-reverse summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.october-interleaf-reverse p{max-width:32em;padding:4px 0 10px 14px;border-left:2px solid var(--rose);color:var(--ink)}
@media(max-width:760px){.october-interleaf{grid-template-columns:1fr;margin-bottom:64px}.october-interleaf-art{min-height:0;padding:25px 20px;border-right:0;border-bottom:1px dashed var(--rose)}.october-interleaf-ticket{width:210px;min-height:225px;padding:14px 17px}.october-interleaf-drawing{max-height:140px}.october-interleaf-copy{padding:25px 26px 35px}.october-interleaf-copy h2{margin:9px 0 15px}.october-interleaf-copy>p{font-size:15px}.october-interleaf-link{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.october-interleaf-link span{transition:none}}
