main{& .relation_article{& ul{margin:0}& .parent{& a{display:block;border-radius:0.25em;margin:1.5em 0;padding:0.5em;align-items:center;position:relative;transition:all 150ms 50ms ease;text-decoration:none;background:var(--color-white);opacity:1;bottom:0;border:1px solid var(--color-border);@media only screen and ( min-width:600px ){display:flex}&:hover{text-decoration:none;background:var(--color-bg-light);opacity:0.5;border:1px solid var(--color-border);& .moji .headline,& .moji .overview,& .moji .category{color:var(--color-accent-deep)}}}& img{margin:0 0 1em;border:1px solid var(--color-border-light);width:100%;object-fit:cover;@media only screen and ( min-width:600px ) and ( max-width:959px ){width:200px;margin:0 1em 0 0;border:1.5px solid var(--color-border-light)}@media only screen and ( min-width:960px ){width:200px;margin:0 1em 0 0}}& .moji{padding:0;margin:0;line-height:1.5;& .headline{font-weight:bold;color:var(--color-text);font-size:var(--fs-lg);line-height:1.5em;@media only screen and ( min-width:600px ) and ( max-width:959px ){font-size:var(--fs-base)}}& .overview{color:var(--color-text-muted);font-size:var(--fs-sm);height:2.2em;@media only screen and ( min-width:600px ) and ( max-width:959px ){font-size:var(--fs-xs)}}& .category .cate_s{padding:1px 5px;color:var(--color-primary-text);background:var(--color-text-muted);border-radius:2px;font-size:11px}& .category .url{padding:0 5px;color:var(--color-text-muted);font-size:12px}}}}}