@charset "utf-8";

.devm02_lt-pin__none{padding:2rem 0;color:var(--c-fg-3,#6E7F91);font-size:var(--fs-sm,.875rem);text-align:center}

.devm02_lt-pin{display:flex;flex-direction:column;height:100%}
.devm02_lt-pin__shot{position:relative;aspect-ratio:16/9;background:var(--c-surface-2,#EFF3F7)}
.devm02_lt-pin__shot img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.devm02_lt-pin__body{display:flex;flex:1;flex-direction:column;padding:1.3rem 1.4rem 1.5rem}
.devm02_lt-pin__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;color:var(--c-fg-3,#6E7F91);font-size:var(--fs-xs,.8125rem)}
.devm02_lt-pin__meta b{padding:.15rem .6rem;background:var(--c-accent-soft,#E6EEFA);color:var(--c-accent-deep,#23539B);font-weight:700}
.devm02_lt-pin__body h3{margin-bottom:.5rem;color:var(--c-fg,#1B2836);font-size:var(--fs-h3,1.25rem);font-weight:700;letter-spacing:-.03em;word-break:keep-all}
.devm02_lt-pin__body p{display:-webkit-box;overflow:hidden;color:var(--c-fg-2,#4A5A6C);font-size:var(--fs-sm,.875rem);line-height:1.7;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.devm02_lt-pin__more{margin-top:auto;padding-top:1rem;color:var(--c-accent,#2D6BC4);font-size:var(--fs-sm,.875rem);font-weight:600}
.devm02_lt-pin__more i{display:inline-block;transition:transform .4s var(--ez-out,cubic-bezier(.16,1,.3,1))}
.devm02_lt-pin:hover .devm02_lt-pin__more i{transform:translateX(4px)}

@supports not (aspect-ratio:16/9){
	.devm02_lt-pin__shot{height:0;padding-bottom:56.25%}
}