/* Round11: user-authorized footer-only natural-height exception. Chapters remain 16:9. */
.f10{position:relative;width:100%;min-height:clamp(360px,34vw,540px);padding:32px 6%;background:#D02026;color:#FAF7F4;isolation:isolate;font-family:Pagella,serif;display:flex;align-items:center}
.f11-stack{width:44%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.f10 .f10-art{position:absolute;right:0;bottom:0;height:calc(100% - 16px);width:auto;max-width:50%;object-fit:contain;object-position:right bottom;display:block;border:0;padding:0;box-shadow:none;pointer-events:none}
.f10 h2{font:400 clamp(18px,2vw,32px)/1.3 Pagella,serif;margin:0 0 8px;letter-spacing:0}
.f10 button,.f10 a{color:#FAF7F4;background:transparent;border:0;box-shadow:none;font:400 max(16px,1.25vw)/1.3 Pagella,serif;min-height:44px;min-width:44px;display:flex;align-items:center;padding:0;text-decoration:none}
.f10 button{gap:18px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.f10 .f10-directory{display:flex;flex-direction:column;gap:0;margin:0}
.f10 .f10-process{font-size:max(14px,1.1vw)}
.f10 a:hover{text-decoration:underline;text-underline-offset:5px}
.f10 a:focus-visible,.f10 button:focus-visible{outline:2px solid #FAF7F4;outline-offset:3px}
@media(max-width:700px){
 .f10{padding:12px 5%;min-height:176px}
 .f11-stack{width:50%;gap:4px}
 .f10 h2{font-size:18px;line-height:22px;margin:0;white-space:nowrap}
 .f10 button{font-size:16px;min-height:44px}
 .f10 .f10-directory a{font-size:14px;line-height:18px;min-height:18px}
 .f10 .f10-process{font-size:14px;line-height:20px;min-height:24px;white-space:nowrap}
 .f10 .f10-art{height:100%;max-width:50%}
}