/* Article media uses the existing laptop frame; no new card or gallery design. */
.guide-media{display:block;max-width:100%;margin:30px 0 34px;clear:both}
.guide-media .laptop{position:relative;width:94%;margin:0 auto}
.guide-media .laptop .screen{position:relative;border:3px solid #c6c9ce;border-radius:12px 12px 4px 4px;background:#0e0f12;overflow:hidden;aspect-ratio:auto;box-shadow:0 12px 26px rgba(11,11,12,.12)}
.guide-media .laptop .screen::after{content:'';position:absolute;inset:0;border:4px solid #0f1012;border-radius:10px 10px 2px 2px;pointer-events:none;z-index:1}
.guide-media .laptop .screen>a{display:block;margin:0;padding:0;line-height:0}
.guide-media img,.guide-media video,.guide-media .laptop .screen img,.guide-media .laptop .screen>video{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0}
.guide-media .laptop .base{position:relative;height:11px;width:106%;margin-left:-3%;background:linear-gradient(180deg,#dfe2e6,#a3a8b0);border-radius:0 0 8px 8px}
.guide-media .laptop .base::after{content:'';position:absolute;top:0;left:42%;width:16%;height:4px;background:#878d96;border-radius:0 0 7px 7px}
.guide-media figcaption{margin:15px 0 0;font:400 13px/1.6 Inter,Arial,sans-serif;color:#626975;max-width:100%}
.guide-media a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:760px){.guide-media{margin:24px 0 28px}.guide-media .laptop{width:94%}.guide-media figcaption{font-size:12px}.guide-media .laptop .screen::after{border-width:2px}}