/* One subject illustration; its single element moves into the mobile question. */
.dossier-question{padding-right:28px}
.dossier-reopen{display:block;margin:16px 0 0;min-height:48px;font-size:16px}
.dossier-feedback{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:38px 36px 25px;border:10px solid transparent;border-image:url('../assets/ui/dossier/paper-sheet.webp') 185 fill / 62px / 0 stretch;background:none;color:#181714;overflow:hidden;filter:drop-shadow(0 16px 28px #0005)}
.dossier-feedback[open]{display:flex;flex-direction:column}
.dossier-feedback::backdrop{background:#17141066}
.dossier-feedback-close{position:absolute;top:6px;right:6px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:11px;border:0;background:transparent;cursor:pointer}
.dossier-feedback-close .icon{width:22px;height:22px}
.dossier-feedback-close:hover{background:#11111109}
.dossier-feedback-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a79885 transparent;padding-right:6px}
.dossier-feedback-scroll:focus{outline:none}
.dossier-feedback h2{font:900 clamp(38px,4vw,52px)/1.05 var(--display);letter-spacing:-.025em;color:#b00f17;margin:0 32px 20px 0;padding-bottom:17px;border-bottom:2px solid #b00f17}
.dossier-feedback h3{font:900 clamp(26px,2.8vw,34px)/1.12 var(--display);margin:0 0 16px}
.dossier-feedback p{font-size:17px;line-height:1.65;margin:0 0 16px}
.dossier-feedback-sources{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:23px 0 4px;font-size:14px;line-height:1.5}
.dossier-feedback-sources strong{font-size:14px}
.dossier-feedback-sources a{color:#4a3930;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.dossier-feedback-footer{flex:none;padding-top:22px}
.dossier-feedback .dossier-next{width:100%;min-height:54px;justify-content:space-between;border-radius:6px;font:900 22px/1.2 var(--display);padding:14px 19px}
.dossier-feedback .dossier-next .icon{filter:invert(1)}
.dossier-next:not(:disabled):hover,.dossier-reopen:not(:disabled):hover{transform:none}
.dossier-feedback-close:focus-visible,.dossier-feedback .button:focus-visible,.dossier-feedback-sources a:focus-visible{outline:2px solid #b00f17;outline-offset:3px}
@media(max-width:800px){
 .dossier-question{min-height:150px;padding-right:140px}
}
@media(max-width:480px){
 .dossier-question{min-height:0;padding-right:15px}
 .dossier-reopen{width:100%;margin-top:12px}
 .dossier-feedback{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:39px 14px 17px}
 .dossier-feedback h2{font-size:37px;margin-bottom:16px;padding-bottom:13px}
 .dossier-feedback h3{font-size:27px;margin-bottom:13px}
 .dossier-feedback p{font-size:16px;line-height:1.6;margin-bottom:14px}
 .dossier-feedback-sources{margin-top:18px}
 .dossier-feedback-footer{padding-top:16px}
 .dossier-feedback .dossier-next{font-size:19px;padding:13px 12px;min-height:52px}
}
@media(prefers-reduced-motion:no-preference){
 .dossier-feedback[open]{animation:dossier-paper-enter 220ms ease-out both}
 @keyframes dossier-paper-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
