/* ========== Featured Article ========== */
.ok02-news-read {background:#fff; color:#000; }
.ok02-news-read .top {display:flex; flex-direction:column; width:100%; overflow:hidden;}
.ok02-news-read .info {padding:2rem 2rem; display:flex; flex-direction:column; justify-content:space-between;background:#f5f5f5; }
.ok02-news-read .info .label{display:flex; align-items:center; gap:0.75rem; margin-bottom:1.5rem; }
.ok02-news-read .info .label span{font-size:10px; font-weight:700; letter-spacing:0.3em; text-transform:uppercase; color:#a3a3a3; }
.ok02-news-read .info .label .line{width:2rem; height:1px; background:#e5e5e5; }
.ok02-news-read .info .title {font-size:clamp(20px, 2.5vw, 48px);font-weight:700; text-transform:uppercase; letter-spacing:-0.03em; color:#171717; }
.ok02-news-read .info .author { display:flex; align-items:center; gap:1rem; margin-top:3rem; }
.ok02-news-read .info .author img { width:48px; height:48px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.ok02-news-read .info .author .name { font-size:0.875rem; font-weight:700; color:#171717; }
.ok02-news-read .info .author .role { font-size:10px; color:#737373; text-transform:uppercase; letter-spacing:0.15em; }
.ok02-news-read .image { height:300px; overflow:hidden; }
.ok02-news-read .image img { width:100%; height:100%; object-fit:cover; transition:all 1s; }
.ok02-news-read .image:hover img { transform:scale(1.05); }

@media(min-width:1024px) {
.ok02-news-read .top{flex-direction:row;max-height:calc(100vh - 80px);min-height:500px;}
.ok02-news-read .info{width:33.333%;padding:4rem;}
.ok02-news-read .image{width:66.666%;height:auto;}
}

@media screen and (max-width:992px){

}


.article-body{max-width:896px; margin:0 auto; padding:5rem 1.5rem; }
.article-body p{font-size:1.125rem; color:#404040; line-height:1.8; font-weight:300; margin-bottom:1.5rem; }
.article-body p:first-child::first-letter { font-size:3rem; font-weight:700; margin-right:0.5rem; float:left; color:#171717; }
.article-body h5{font-size:clamp(1.5rem,3vw,2rem);line-height: 1.3;font-weight: 600;}
.article-body .row{margin-bottom:1.5rem;}
.article-body figure figcaption { font-size:0.75rem; font-style:italic; color:#a3a3a3; margin-top:1rem; }
.article-body .text-block { display:flex; flex-direction:column; justify-content:center; gap:1.5rem; }
.article-body .block-quote { background:#171717; color:#fff; padding:3rem; margin:2rem 0; border-radius:2px; }
.article-body .block-quote blockquote { font-size:1.5rem; font-weight:300; font-style:italic; line-height:1.6; margin-bottom:1.5rem; }
.article-body .block-quote cite { font-size:0.875rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; font-style:normal; }
.article-body .wide-img { width:100%; height:400px; object-fit:cover; border-radius:2px; margin:1.5rem 0; transition:all 1s; }
.article-body .feature-list { margin:1.5rem 0; border-left:1px solid #e5e5e5; padding-left:2rem; }
.article-body .feature-list li { position:relative; font-size:1rem; color:#525252; margin-bottom:1rem; }
.article-body .feature-list li::before { content:"—"; position:absolute; left:-2.5rem; color:#d4d4d4; }
.article-body .feature-list li strong { color:#171717; text-transform:uppercase; letter-spacing:0.1em; font-size:0.75rem; }


@media screen and (max-width:768px){
.article-body{padding:3rem 1.5rem;}
}