/* Detour article directory: accessible fluid sizing; no image cropping. */
.article-top,.article-bottom{background:#153b32;color:#fff;padding:1rem max(1rem,calc((100vw - 1100px)/2));display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.article-top a,.article-bottom a{color:#fff}.article-top nav{display:flex;flex-wrap:wrap;gap:1.25rem}.article-brand{font-weight:800;font-size:1.2rem}.article-layout{max-width:1100px;margin:auto;padding:clamp(1rem,4vw,3rem)}.article-layout>p{max-width:70ch}.article-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:2rem 0 1rem}.article-controls label{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.article-controls input,.article-controls select{width:100%;min-height:46px;border:1px solid #637a71;border-radius:.55rem;padding:.65rem;background:#fff;color:#153b32;font:inherit}.article-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}.article-item a{display:flex;height:100%;flex-direction:column;gap:.5rem;text-decoration:none;border:1px solid #bdccc3;border-radius:.7rem;padding:1.15rem;background:#fff;color:#153b32}.article-item a:hover,.article-item a:focus-visible{border-color:#286b54;box-shadow:0 0 0 2px #286b54}.article-item strong{font-size:1.12rem}.article-item span{font-size:.88rem;color:#53665d}.article-next{background:#edf3eb;border-radius:.7rem;padding:1.2rem;margin:2.5rem 0}#article-count{font-weight:700}.article-item[hidden],#article-empty[hidden]{display:none!important}@media(max-width:600px){.article-top,.article-bottom{padding:1rem}.article-list{grid-template-columns:1fr}}