Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
/* ==== ITF YouTube Short (Cinema, no-crop) ==== */
.itf-ytshort {
--itf-max-width: 740px; /* matches story column */
--itf-radius: 16px;
--itf-bg-blur: 24px;
--itf-bg-brightness: 0.6;
margin: 1.75rem auto;
max-width: var(--itf-max-width);
}
.itf-ytshort__frame {
position: relative;
width: 100%;
aspect-ratio: 16/9; /* fixed mask */
background: #0f1216;
border-radius: var(--itf-radius);
overflow: hidden;
}
/* Background fill */
.itf-ytshort__bg {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 20%; /* nudge if needed */
filter: blur(var(--itf-bg-blur)) brightness(var(--itf-bg-brightness));
transform: scale(1.1);
}
/* Center the phone and give a little breathing room from the rounded edges */
.itf-ytshort__phone {
position: absolute; inset: 0;
display: grid; place-items: center;
padding: 1rem; /* total vertical padding = 2rem */
}
/* ✅ Size-by-height so the phone NEVER exceeds the 16:9 mask */
.itf-ytshort__phone-inner {
height: calc(100% - 2rem); /* fit to the available frame height */
max-height: 92%; /* small safety margin */
aspect-ratio: 9/16; /* derive width from height */
width: auto; /* let aspect-ratio set width */
border-radius: calc(var(--itf-radius) + 2px);
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
background: #000;
}
/* Scoped iframe so global rules can't break it */
.itf-ytshort__iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
/* Optional caption */
.itf-ytshort__caption {
margin-top: .5rem;
font-size: .9375rem;
color: var(--itf-muted-foreground, #6b7280);
}
/* Fallback if aspect-ratio unsupported */
@supports not (aspect-ratio: 16/9) {
.itf-ytshort__frame { height: 0; padding-top: 56.25%; }
.itf-ytshort__bg, .itf-ytshort__phone { position: absolute; inset: 0; }
}
世界の 1,660 万人以上の労働者を代表する交通運輸労組が、運輸分野における人工知能（ AI ）の利用を規定するグローバルな要求事項を採択した 本日、スリランカのコロンボで発表された『 主導権を握る：交通運輸労働者のための AI 原則 』は、 AI が交運労働者に影響を及ぼす場合、使用者、技術提供企業、政府が満たすべき条件を定めている。同原則は
