/* Round 5: journal archive and articles. */
.vdo-r5-archive{padding:30px 0 85px;min-height:460px}
.vdo-r5-archive-intro{font-size:15px;color:#85818a;margin:0 0 22px}
.vdo-r5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.vdo-r5-card{background:#fff;border-radius:20px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.vdo-r5-card-media{position:relative;height:auto;aspect-ratio:2/1;background:#e9e7ed;overflow:hidden}
.vdo-r5-card-media>a{display:block;width:100%;height:100%}
.vdo-r5-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.vdo-r5-card-media>a:hover img{transform:scale(1.035)}
.vdo-r5-card-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#e3eafa;color:#171239;font-weight:800;letter-spacing:.1em}
.vdo-r5-card-tools{position:absolute;right:16px;bottom:12px;display:flex;gap:12px;align-items:center}
.vdo-r5-card-tools button,.vdo-r5-card-tools a{position:relative;display:grid;place-items:center;border:0;background:rgba(255,255,255,.88);color:#222;border-radius:50%;width:30px;height:30px;font-size:19px;line-height:1;cursor:pointer}
.vdo-r5-card-tools button:hover,.vdo-r5-card-tools a:hover{background:var(--coral);color:#fff}
.vdo-r5-card-tools small{position:absolute;right:-4px;top:-4px;background:var(--coral);color:#fff;font-size:9px;line-height:14px;border-radius:50%;min-width:14px;text-align:center}
.vdo-r5-card-body{padding:25px;display:flex;flex-direction:column;flex:1}
.vdo-r5-card-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#aaa4aa;font-size:14px;line-height:1.4;margin-bottom:14px}
.vdo-r5-card-meta a{color:#aaa4aa}
.vdo-r5-card-meta a:hover{color:var(--coral)}
.vdo-r5-card h2{font-size:21px;line-height:1.42;font-weight:500;margin:0 0 12px;letter-spacing:-.01em}
.vdo-r5-card h2 a{color:#26212b}
.vdo-r5-card h2 a:hover{color:var(--coral)}
.vdo-r5-card-body p{color:#85818a;font-size:15px;line-height:1.6;margin:0 0 17px;flex:1}
.vdo-r5-continue{font-size:13px;font-weight:650;color:var(--coral)}
.vdo-r5-pagination{display:flex;justify-content:center;gap:7px;margin:32px 0 0}
.vdo-r5-pagination:empty{display:none}
.vdo-r5-pagination .page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:50%;background:#fff;color:#27222c;font-size:13px}
.vdo-r5-pagination .page-numbers.current,.vdo-r5-pagination .page-numbers:hover{background:var(--coral);color:#fff}
.vdo-r5-empty{background:#fff;border-radius:20px;padding:70px 25px;text-align:center}
.vdo-r5-empty h2{font-size:27px;margin:0 0 10px}
.vdo-r5-empty p{color:#777}
.vdo-r5-empty .vdo-r4-pill{margin:15px auto 0}
.vdo-r5-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:30px;align-items:start;padding:40px 0 85px}
.vdo-r5-article{min-width:0}
.vdo-r5-article-header{text-align:center;max-width:800px;margin:0 auto 18px}
.vdo-r5-category-badge{display:inline-block;background:var(--coral);border-radius:999px;padding:5px 12px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1.2}
.vdo-r5-category-badge:hover{color:#fff;background:var(--coral-dark)}
.vdo-r5-article-header h1{font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.01em;margin:24px 0 18px;color:#25212a}
.vdo-r5-article-meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#aaa4ad;font-size:15px}
.vdo-r5-article-meta a{color:#aaa4ad}
.vdo-r5-article-meta a:hover{color:var(--coral)}
.vdo-r5-comment-count{display:inline-flex;align-items:center;gap:5px}
.vdo-r5-comment-count:before{content:"";display:inline-block;width:13px;height:11px;border:1.5px solid currentColor;border-radius:3px}
.vdo-r5-article-image{max-width:800px;margin:0 auto 35px}
.vdo-r5-article-image img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:20px}
.vdo-r5-article-body{max-width:800px;margin:0 auto;color:#77737c;font-size:15px;line-height:1.72}
.vdo-r5-article-body p{margin:0 0 22px}
.vdo-r5-article-body h2{font-size:25px;line-height:1.35;font-weight:500;color:#29252e;margin:35px 0 15px}
.vdo-r5-article-body h3{font-size:21px;line-height:1.4;font-weight:500;color:#29252e;margin:28px 0 12px}
.vdo-r5-article-body ul,.vdo-r5-article-body ol{padding-left:22px;margin:0 0 24px}
.vdo-r5-article-body li{margin-bottom:8px}
.vdo-r5-article-body a{color:var(--coral);text-decoration:underline}
.vdo-r5-article-body table{border-collapse:collapse;width:100%;background:#fff;margin:18px 0 25px}
.vdo-r5-article-body td,.vdo-r5-article-body th{border:1px solid #ddd;padding:11px 13px;text-align:left}
.vdo-r5-article-end{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:45px auto 0;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#aaa;font-size:13px;font-weight:700}
.vdo-r5-article-end a{color:var(--coral)}
.vdo-r5-sidebar section{padding-bottom:28px;border-bottom:1px solid #ddd;margin:0 0 28px}
.vdo-r5-sidebar h2{font-size:16px;font-weight:500;margin:0 0 18px}
.vdo-r5-sidebar section>a:not(.vdo-r5-recent){display:block;color:#79747d;font-size:14px;margin:0 0 14px}
.vdo-r5-sidebar section>a:hover{color:var(--coral)}
.vdo-r5-sidebar p{font-size:14px;line-height:1.6;color:#85808a}
.vdo-r5-recent{display:flex;gap:15px;align-items:center;border-bottom:1px solid #ddd;padding:0 0 14px;margin:0 0 14px;color:#25212a}
.vdo-r5-recent img{width:68px;height:68px;border-radius:9px;object-fit:cover;flex:none}
.vdo-r5-recent span{font-size:14px;line-height:1.4}
.vdo-r5-recent small{display:block;color:#aaa;font-size:12px;margin-top:5px}
.vdo-r5-comments{max-width:800px;margin:50px auto 0;color:#28242d}
.vdo-r5-comments h2,.vdo-r5-comments .comment-reply-title{font-size:24px;font-weight:500;margin:0 0 16px}
.vdo-r5-comment-list{list-style:none;padding:0;margin:0 0 40px}
.vdo-r5-comment-list li{list-style:none;border-bottom:1px solid #ddd;padding:18px 0}
.vdo-r5-comment-list .comment-meta{font-size:13px;color:#aaa}
.vdo-r5-comment-list .comment-content{color:#777;font-size:15px;line-height:1.65}
.vdo-r5-comments .comment-respond{padding-top:10px}
.vdo-r5-comment-note,.vdo-r5-comments .comment-notes{color:#85818a;font-size:14px}
.vdo-r5-comments form>p{margin:0 0 16px}
.vdo-r5-comments label{display:block;font-size:14px;margin-bottom:7px}
.vdo-r5-comments :is(input[type=text],input[type=email],input[type=url],textarea){width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;padding:11px 14px;font:inherit;color:#28242d}
.vdo-r5-comments textarea{min-height:170px}
.vdo-r5-comments .comment-form-cookies-consent{display:flex;gap:9px;align-items:center}
.vdo-r5-comments .comment-form-cookies-consent label{margin:0}
.vdo-r5-comments input[type=submit]{background:var(--coral);border:0;border-radius:999px;color:#fff;font-weight:700;font-size:13px;padding:12px 24px;cursor:pointer}
.vdo-r5-comments input[type=submit]:hover{background:var(--coral-dark)}
@media(max-width:1050px){.vdo-r5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vdo-r5-article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}}
@media(max-width:900px){
 .vdo-r5-archive{padding:15px 0 55px}
 .vdo-r5-archive-intro{margin:0 0 22px;font-size:15px}
 .vdo-r5-grid{grid-template-columns:1fr;gap:12px}
 .vdo-r5-card-media{aspect-ratio:2/1}
 .vdo-r5-card-body{padding:25px 15px}
 .vdo-r5-card h2{font-size:20px;line-height:1.4}
 .vdo-r5-card-meta{font-size:14px}
 .vdo-r5-article-layout{display:block;padding:16px 0 55px}
 .vdo-r5-sidebar{display:none}
 .vdo-r5-article-header{margin-bottom:20px}
 .vdo-r5-article-header h1{font-size:21px;line-height:1.45;margin:16px 0 14px}
 .vdo-r5-article-meta{font-size:14px;gap:7px}
 .vdo-r5-meta-prefix{display:none}
 .vdo-r5-article-author:before{content:"";display:inline-block;vertical-align:-3px;width:17px;height:17px;margin-right:5px;border-radius:50%;background:#c8c8c8}
 .vdo-r5-article-image{margin-bottom:32px}
 .vdo-r5-article-image img{border-radius:20px}
 .vdo-r5-article-body{font-size:15px}
 .vdo-r5-article-body h2{font-size:22px}
 .vdo-r5-article-body table{display:block;overflow-x:auto}
 .vdo-r5-comments{margin-top:40px}
}
@media(max-width:450px){.vdo-r5-article-meta{font-size:12px;gap:5px;flex-wrap:nowrap}.vdo-r5-article-author:before{display:none}}