/* Original photographs and vendor interface captures, without cropping content. */
.guides-page .guide-feature-art,.guides-page .guide-article-art{padding:24px 24px 24px 28px}
.guides-page .guide-real-cover{margin:0;overflow:hidden;background:#fff;border:1px solid #ddd5e4;border-radius:12px;box-shadow:0 10px 30px #49345c0a;width:100%}
.guides-page .guide-real-cover img{width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff;transition:none}
.guides-page .guide-real-cover figcaption{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #eae5ef;font-size:12px;line-height:1.65;color:#776b80;background:#fcfbfd}
.guides-page .guide-real-cover figcaption>span{color:#675074;font-size:12px;font-weight:550}
.guides-page .guide-feature:has(a:hover) .guide-real-cover img{transform:none}
.guides-page .guide-media-intro{display:grid;grid-template-columns:.86fr 1.4fr;gap:36px;align-items:center;margin:32px 0 0;padding:27px 0 32px;border-bottom:1px solid var(--guide-line)}
.guides-page .guide-media-intro h2{font-size:23px;line-height:1.5;margin:0 0 10px;color:#51405f}
.guides-page .guide-media-intro>div>p:not(.guide-kicker){font-size:15px;line-height:1.9;color:#7b6c85;margin:0}
.guides-page .guide-media-intro .guide-kicker{font-size:11px;margin-bottom:10px}
.guides-page .guide-visual-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:22px 0}
.guides-page .guide-media-intro .guide-visual-resources{margin:0}
.guides-page .guide-visual-resource{display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid #e1d8e7;border-radius:12px;text-decoration:none;transition:background .2s,border-color .2s}
.guides-page .guide-visual-resource:hover{background:#f5f0f8;border-color:#b6a1c5}
.guides-page .guide-resource-meta{font-size:11px;line-height:1.7;color:#83718f;margin-bottom:10px}
.guides-page .guide-visual-resource strong{font-size:18px;line-height:1.65;font-weight:550;color:#574261}
.guides-page .guide-visual-resource p{font-size:14px;line-height:1.85;color:#7d6e87;margin:7px 0 16px}
.guides-page .guide-resource-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;font-size:13px;font-weight:500;color:#715288}
.guides-page .guide-real-figure>a{padding:8px;background:#fff}
.guides-page .guide-real-figure img{max-height:640px;border-radius:3px}
.guides-page .guide-real-figure figcaption{text-align:left;font-size:13px;color:#776880}
.guides-page .guide-picture-kind{display:inline-block;padding:0 6px;background:#eae2f0;border-radius:4px;color:#6d547d;font-size:11px;margin-right:8px;white-space:nowrap}
.guides-page .guide-real-figure figcaption>a{display:block;width:fit-content;margin-top:5px;color:#796185;text-decoration:underline;text-underline-offset:3px;min-height:30px}
.guides-page .guide-visual-resource:focus-visible,.guides-page .guide-real-figure a:focus-visible{outline:3px solid #927ba6;outline-offset:4px}
@media(max-width:900px){.guides-page .guide-media-intro{grid-template-columns:1fr;gap:20px}.guides-page .guide-article-art,.guides-page .guide-feature-art{padding:20px}.guides-page .guide-real-cover figcaption{padding:10px 12px}}
@media(max-width:680px){.guides-page .guide-feature-art,.guides-page .guide-article-art{padding:24px;margin-top:0}.guides-page .guide-real-cover img{height:auto;max-height:300px}.guides-page .guide-media-intro{margin-top:24px;padding:12px 0 24px}.guides-page .guide-media-intro h2{font-size:22px}.guides-page .guide-visual-resources{grid-template-columns:1fr}.guides-page .guide-visual-resource{padding:18px}.guides-page .guide-real-cover figcaption{gap:8px;flex-wrap:wrap}.guides-page .guide-real-figure>a{padding:5px}.guides-page .guide-resource-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guides-page .guide-visual-resource{transition:none}}
@media print{.guides-page .guide-media-intro,.guides-page .guide-visual-resources{display:none}}