/* 다운로드 상자 아래 툴 그리드(광고 있는 우리 툴, 10-28) + 쇼츠 페이지 이동 경로·세로 미리보기 — 유튜브·비디오 다운로더 공용 */
.dt-portal { margin: 1.75rem 0 0.5rem; }
.dt-portal h2 { font-size: 1.15rem; font-weight: 700; margin: 0 0 0.9rem; text-align: left; color: var(--y-ink, #111418); }
.dt-portal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; }
/* 카드 = 페이지의 유튜브 도구 카드(.guide-card)와 같은 방식: 흰 바탕·테두리, 호버는 테두리 색만. 글자색은 링크색(청록)을 물려받지 않게 고정 */
.dt-portal .dt-portal-card, .dt-portal .dt-portal-card:hover, .dt-portal .dt-portal-card:visited { color: var(--y-ink, #111418); text-decoration: none; }
.dt-portal .dt-portal-card { display: flex; flex-direction: column; min-width: 0; border-radius: 14px; overflow: hidden;
  background: #fff; border: 1px solid var(--y-line, #E4E7EC); transition: border-color 0.15s ease; }
.dt-portal .dt-portal-card:hover { border-color: var(--y-accent, #0D9E82); }
.dt-portal-card img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; background: #F1F3F5; }
.dt-portal-text { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.65rem 0.75rem 0.8rem; text-align: left; }
.dt-portal .dt-portal-text b { font-size: 0.92rem; line-height: 1.35; color: var(--y-ink, #111418); }
.dt-portal .dt-portal-text small { font-size: 0.78rem; line-height: 1.45; color: var(--y-muted, #5B6472); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 900px) { .dt-portal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 380px) { .dt-portal-text small { display: none; } }

.yt-crumb { display: flex; justify-content: center; gap: 0.4rem; font-size: 0.85rem; margin-bottom: 0.4rem; opacity: 0.8; }
.yt-crumb a { color: inherit; }
.shorts-preview { width: min(260px, 70vw); margin: 0.9rem auto 0; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; background: #000; }
.shorts-preview.wide { width: min(420px, 100%); aspect-ratio: 16 / 9; }
.shorts-preview[hidden] { display: none; }
.shorts-preview iframe { display: block; width: 100%; height: 100%; border: 0; }