:root{--color-accent:#f4d04e;--color-card-bg:#fff;--color-primary:#111;--color-secondary:#6b6b6b;--color-shadow:#000;--width-card-fluid:clamp(32.7rem, 27.2611rem + 14.5038vw, 38.4rem);--font-size-sm:1.4rem;--font-size-xs-fluid:clamp(1.2rem, 1.00916rem + .5089vw, 1.4rem);--font-size-sm-fluid:clamp(1.4rem, 1.20916rem + .5089vw, 1.6rem);--font-size-lg-fluid:clamp(2rem, 1.61832rem + 1.0178vw, 2.4rem);--shadow-offset:.8rem;--spacing-xs:.4rem;--spacing-sm:1.2rem;--spacing-lg:2.4rem;--rounded-sm:1rem;--rounded-lg:2rem}*,:before,:after{box-sizing:border-box}body,h1,h2,p{margin:0;padding:0}img{max-width:100%;display:block}.app-root{display:contents}html{font-size:62.5%}body{color:var(--color-primary);font-family:Figtree,sans-serif;font-weight:500;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{background-color:var(--color-accent);justify-content:center;align-items:center;min-height:100dvh;display:flex}.card{background-color:var(--color-card-bg);width:var(--width-card-fluid);padding:var(--spacing-lg);border:1px solid var(--color-primary);border-radius:var(--rounded-lg);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-shadow);gap:var(--spacing-lg);flex-direction:column;display:flex}.card__image{border-radius:var(--rounded-sm);height:auto}.card__info{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start;display:flex}.card__mark{font-size:var(--font-size-xs-fluid);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent);border-radius:var(--spacing-xs);font-weight:800;display:inline-block}.card__date{font-size:var(--font-size-xs-fluid);display:block}.card__title{font-size:var(--font-size-lg-fluid);font-weight:800}.card__title a:link,.card__title a:visited{color:inherit;text-decoration:none;transition:color .2s}.card__title a:hover,.card__title a:active{color:var(--color-accent)}.card__title a:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px;border-radius:2px}.card__description{font-size:var(--font-size-sm-fluid);color:var(--color-secondary)}.card__author{align-items:center;gap:var(--spacing-sm);display:flex}.card__author p{font-size:var(--font-size-sm);font-weight:800}