*{box-sizing:border-box;outline:0}section{margin:20px auto;width:100%}summary{background-color:#dcf0fc;border-top:1px solid #fff;cursor:pointer;display:block;font-size:18px;line-height:1;padding:25px 15px;transition:.8s}details>div,summary{color:#003250;user-select:none}details>div{display:flex;flex-wrap:wrap;height:100%;overflow:auto;padding:0}details>div>img{align-self:flex-start;margin-top:20px;max-width:100%}details>div>p{flex:1}details>div>p>a{color:#003250;text-decoration:underline}details[open]>summary{background-color:#dcf0fc;color:#003250}details[open]>summary h4,h4{color:#003250;font-size:24px;line-height:1}@media (min-width:768px){details[open]>div>p{animation-delay:.2s;animation-duration:.8s;animation-fill-mode:forwards;animation-name:showContent;margin:0;opacity:0;padding-left:0}details[open]>div{animation-duration:.8s;animation-fill-mode:forwards;animation-name:slideDown}details[open]>div>img{animation-delay:.15s;animation-duration:.3s;animation-fill-mode:forwards;animation-name:showImage;height:100%;margin:0;opacity:0}}@keyframes slideDown{0%{height:0;opacity:0;padding:0}to{height:var(--contentHeight);opacity:1;padding:20px}}@keyframes showImage{0%{clip-path:inset(50% 0 50% 0);opacity:0;transform:scale(.4)}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes showContent{0%{opacity:0}to{opacity:1}}