/* Copy only. Its optical centre sits at the two-thirds horizon of the visible paper. */
#information.about-copy-intro .information-card>header,#information.about-copy-intro #information-navigation{display:none}
#information.about-copy-intro .information-card{padding:0 24px}
#information.about-copy-intro #information-content{height:100%;padding:0;overflow:hidden;outline:none;border:0;box-shadow:none}
#information.about-copy-sequence #information-content{transition:none}
.about-copy-canvas{position:relative;height:100%;width:100%;margin:0;border:0;outline:none;box-shadow:none}
.about-copy-block{position:absolute;left:0;right:0;top:33.333333%;transform:translateY(-50%);text-align:center;border:0;outline:none}
#information-content .about-copy-headline{font:700 clamp(36px,11.3vw,44px)/1.08 Editorial,Georgia,serif;letter-spacing:-.04em;text-align:center;color:#35373b;margin:0;border:0}
#information-content .about-copy-support{font:400 clamp(17px,5vw,19px)/1.5 Roboto,Arial,sans-serif;letter-spacing:-.015em;text-align:center;color:#626269;margin:26px 0 0;border:0}
@media(max-height:500px){#information-content .about-copy-headline{font-size:30px}.about-copy-support{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){#information.about-copy-sequence #information-content{transition:none}}

/* Touch/pointer activation has no browser box; keyboard focus remains visible. */
.info-button{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
.info-button:focus:not(:focus-visible),.info-button.af-pointer-focus:focus{outline:none;box-shadow:none}

/* Edge-to-edge paper for the introduction and the About page it reveals.
   Safe-area padding belongs to the reading content, never to its background. */
#information.about-full-bleed{padding:0;background:#fff}
#information.about-full-bleed .information-card{width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;background:#fff;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
#information.about-full-bleed .information-card>header,#information.about-full-bleed #information-content,#information.about-full-bleed #information-navigation{width:100%;max-width:460px;margin-left:auto;margin-right:auto}

/* Only the content fades during the sequence: no second opacity envelope. */
#information.about-copy-sequence{transition:none}