/* Base behaviour: reset, controls and accessibility. The newspaper look lives in theme.css. */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-size:15px;line-height:1.7}
h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
button:disabled{opacity:.35;cursor:default}
button,a,input,select{touch-action:manipulation}
input[type=checkbox]{width:15px;height:15px;margin:0}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.skip-link{position:fixed;left:10px;top:-60px;z-index:200;padding:8px 12px}
.skip-link:focus{top:10px}
.noscript{position:fixed;inset:0;display:grid;place-items:center;z-index:100}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:calc(100vw - 32px);text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}
dialog{max-height:90vh;overflow-y:auto;width:min(680px,calc(100vw - 24px))}
.dialog-close{position:sticky;top:0;float:right;z-index:1}
.source-photo{display:block;width:100%;height:100%;object-fit:cover}
.article-image img[hidden]{display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}