/* Preserved pre-A/B/C appearance, including the original paper surface. */
body:is([data-card=original],[data-card=personal]) .identity .paper,.study-paper:is([data-surface=original],[data-surface=personal]){background:#f2efe5;background-image:linear-gradient(117deg,#fff5 0%,#fff0 46%,#afa38708 100%);border:1px solid #c9c3b647;border-radius:.7px 1.2px .8px 1px;box-shadow:0 1px 0 #c6beac,0 2px 0 #e4dece,1px 4px 4px #5140321a,2px 9px 13px -8px #49382c55,inset 0 1px 0 #ffffffe0}
body:is([data-card=original],[data-card=personal]) .identity .paper::before,body:is([data-card=original],[data-card=personal]) .identity .paper::after{display:block}
body:is([data-card=original],[data-card=personal])[data-material=rough] .identity .paper{background:#efe9dc}
body:is([data-card=original],[data-card=personal])[data-material=flat] .identity .paper{background-image:none}
body:is([data-card=original],[data-card=personal])[data-material=flat] .identity .paper::after{display:none}
body:is([data-card=original],[data-card=personal]) .piece.identity.lifted .paper{box-shadow:5px 30px 28px -10px #40251144,0 6px 10px -3px #4025111a,inset 0 1px #ffffff80}
.original-calling-card p{font-family:inherit;color:inherit}
.personal-card{position:relative;width:100%;height:100%;pointer-events:none}
.original-calling-card .personal-role{font:400 10px/1.5 'Courier New',monospace;font-variant-caps:normal;letter-spacing:0;text-shadow:none;margin:4px 0 0}
.personal-contact{position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%);text-align:center;font:400 10px/1.5 'Courier New',monospace;font-variant-caps:normal;letter-spacing:0;text-shadow:none}
.personal-contact a{position:relative;z-index:2;pointer-events:auto;padding:8px 0}
body[data-card=personal][data-card-side=back] .identity .blank-grip{z-index:0}
.study-paper[data-surface=personal] .personal-role{font-size:calc(10 * var(--original-unit));margin-top:calc(4 * var(--original-unit))}
.study-paper[data-surface=personal] .personal-contact{font-size:calc(10 * var(--original-unit))}
.card-controls #flip-personal{white-space:nowrap}
body:not([data-card=personal]) #flip-personal{display:none}
.study-actions{flex-wrap:wrap}
.original-calling-card .original-person{font-family:inherit;font-size:27px;line-height:1.1;font-weight:460;letter-spacing:0;margin:0;font-variant-caps:small-caps}

/* The archived typography scales with an enlarged proof, not with the window. */
.study-paper:is([data-surface=original],[data-surface=personal]){container-type:inline-size}
.study-paper:is([data-surface=original],[data-surface=personal])::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:calc(var(--fiber) * .9);background-size:112px 112px;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.study-paper:is([data-surface=original],[data-surface=personal])::after{content:'';position:absolute;inset:1px;border:1px solid #ffffff32;pointer-events:none;z-index:-1}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card{--original-unit:calc(100cqw / 448);padding:calc(26 * var(--original-unit)) calc(29 * var(--original-unit)) calc(25 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card-top{gap:calc(18 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card-location{font-size:calc(11.3 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card-school{font-size:calc(13.1 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card-school>span{font-size:calc(10.6 * var(--original-unit));margin-top:calc(2.8 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .original-person{font-size:calc(27 * var(--original-unit))}
.study-paper:is([data-surface=original],[data-surface=personal]) .calling-card-bottom{font-size:calc(12.4 * var(--original-unit));bottom:calc(28 * var(--original-unit))}

/* Catalogue 27's quiet monospace is reserved for supporting information. */
.personal-card .calling-card-top>span{font:400 10px/1.5 'Courier New',monospace;font-variant-caps:normal;letter-spacing:0;word-spacing:normal;text-shadow:none}
.study-paper[data-surface=personal] .personal-card .calling-card-top>span{font-size:calc(10 * var(--original-unit))}

.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-controls [role=group]{flex-wrap:wrap}
@media(max-width:1000px){.comparison-grid{grid-template-columns:1fr}}
@media(max-width:760px){.identity .original-person{font-size:25px}}
@media(max-width:600px){.card-controls{align-items:flex-start}.card-controls #compare-cards{margin-top:7px}}