/* Large original papers, selected freely. No timers or scroll-dependent state. */
.notes-showcase{width:100%;max-width:1320px!important;margin-inline:auto;--note-width:min(600px,54vw)}
.notes-showcase [hidden]{display:none!important}
.notes-type-tabs{display:flex;justify-content:center;gap:30px;margin:0 auto 26px;padding-inline:14px}
.notes-type-tabs button{position:relative;min-height:52px;padding:7px 13px 12px;border:0;border-radius:0;background:transparent;color:var(--show-muted,#b8cbd2);font:400 21px/1.8 Kufi,sans-serif;white-space:nowrap}
.notes-type-tabs button::after{content:'';position:absolute;bottom:0;inset-inline:13px;height:3px;background:#e67e22;transform:scaleX(0);transition:transform .2s ease}
.notes-type-tabs button[aria-selected=true]{color:var(--show-ink,#f3f6f5)}
.notes-type-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.notes-type-tabs button:hover{color:var(--show-ink,#f3f6f5)}
.notes-paper-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;width:100%;padding:12px 0 0}
.notes-original-paper{position:relative;grid-area:1/1;z-index:3;width:var(--note-width);margin:0 auto;border:1px solid #15384c19;border-radius:3px;background:#fff;box-shadow:0 30px 70px #061c2938;overflow:hidden;transform-origin:50% 14%}
/* Inactive, inert papers still size the shared grid row. This also reserves the
   tallest natural phone excerpt, without a fixed height or resize script. */
.notes-showcase .notes-original-paper[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.notes-original-paper[aria-hidden=true]{pointer-events:none}
.notes-original-paper[aria-hidden=false]{z-index:4}
.notes-showcase[data-notes-transition] .notes-original-paper:not([hidden]),.notes-showcase[data-notes-transition] .notes-paper-peek>img{will-change:transform,opacity}
.notes-original-paper>img{display:block;width:100%;height:auto;max-width:none}
.notes-original-paper picture,.notes-original-paper picture>img{display:block;width:100%;height:auto;max-width:none}
.notes-paper-stage{touch-action:pan-y pinch-zoom;user-select:none}
.notes-paper-stage img{-webkit-user-drag:none}
.notes-paper-peek{position:absolute;z-index:1;top:100px;width:calc(var(--note-width)*.72);padding:0;border:1px solid #173f591c;border-radius:3px;background:#fff;box-shadow:0 20px 40px #061c2929;overflow:hidden;transition:transform .25s ease,filter .25s ease;filter:brightness(.9)}
.notes-paper-peek>img{width:100%;height:auto;max-width:none;pointer-events:none}
.notes-paper-peek>span{position:absolute;bottom:0;inset-inline:0;background:#173f59eb;color:#fff;font:400 17px/1.8 Kufi,sans-serif;padding:13px;text-align:center}
.notes-paper-before{left:calc(50% - var(--note-width)*1.02);transform:rotate(-7deg)}
.notes-paper-after{right:calc(50% - var(--note-width)*1.02);transform:rotate(7deg)}
.notes-paper-before:hover{transform:rotate(-9deg) translateX(-12px);filter:brightness(1)}
.notes-paper-after:hover{transform:rotate(9deg) translateX(12px);filter:brightness(1)}
html[lang=zh-Hans] .notes-type-tabs button{font-family:Yuanti,sans-serif;font-weight:300;font-size:27px}
html[lang=zh-Hans] .notes-paper-peek>span{font-family:Yuanti,sans-serif;font-weight:300;font-size:23px}
@media(max-width:800px){
 .notes-showcase{--note-width:min(540px,calc(100vw - 44px))}
 .notes-type-tabs{gap:15px;margin-bottom:22px}
 .notes-type-tabs button{font-size:17px;padding-inline:9px;min-height:48px}
 .notes-type-tabs button::after{inset-inline:9px}
 .notes-paper-stage{padding-top:4px}
 .notes-paper-peek{top:48px;width:calc(var(--note-width)*.78);filter:brightness(.88)}
 .notes-paper-before{left:calc(50% - var(--note-width)*.72);transform:rotate(-5deg)}
 .notes-paper-after{right:calc(50% - var(--note-width)*.72);transform:rotate(5deg)}
 .notes-paper-peek>span{display:none}
 html[lang=zh-Hans] .notes-type-tabs button{font-size:23px}
}
@media(max-width:400px){.notes-showcase{--note-width:calc(100vw - 36px)}.notes-type-tabs{gap:4px;padding-inline:2px}.notes-type-tabs button{font-size:15px;padding-inline:5px}html[lang=zh-Hans] .notes-type-tabs button{font-size:21px}}
@media(prefers-reduced-motion:reduce){.notes-original-paper{animation:none}.notes-type-tabs button::after,.notes-paper-peek{transition:none}}