/* Modern News UI — PHP 7.4 safe, CSS only */
:root{--ink:#111318;--muted:#6b7280;--line:#e7e9ee;--paper:#fff;--soft:#f6f7f9;--accent:#155eef;--accent-dark:#0f46b8;--radius:18px;--shadow:0 12px 34px rgba(16,24,40,.08)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;-webkit-font-smoothing:antialiased} a{color:inherit} img{max-width:100%}
.container,.container.main-page{max-width:1280px!important;margin:0 auto!important;padding-left:28px!important;padding-right:28px!important;gap:34px!important}
.main-news,.sidebar,.left-news{margin-top:46px!important;padding-left:0!important;padding-right:0!important}
.two-column .main-news{flex:2.25!important}.two-column .sidebar{flex:.85!important}.three-column .left-news{flex:.85!important}.three-column .main-news{flex:2.15!important}.three-column .sidebar{flex:.9!important}
.section-title,.main-category-title{position:relative;margin:0 0 18px!important;padding:0 0 13px!important;font-size:22px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.04em!important;color:var(--ink)!important;border-bottom:2px solid var(--ink)}
.section-title span,.main-category-title>span{display:none!important}.section-title:after,.main-category-title:after{content:"";position:absolute;left:0;bottom:-2px;width:42px;height:4px;border-radius:4px;background:var(--accent)}
/* Main article cards */
.article-card{margin:0 0 14px!important;padding:16px!important;gap:20px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--paper)!important;box-shadow:none!important;transition:transform .2s ease,background .2s ease}
.article-card:hover{background:#fafbfc!important;transform:translateY(-1px)}
.article-card img{width:190px!important;height:126px!important;border-radius:14px!important;object-fit:cover}.article-card .text{padding:2px 4px!important}.article-card .title{font-size:19px!important;line-height:1.42!important;letter-spacing:-.035em!important;margin:0 0 9px!important}.article-card .title a{white-space:normal!important;color:var(--ink)!important}.article-card .title a:hover{color:var(--accent)!important}.article-card p{font-size:14px!important;line-height:1.7!important;color:var(--muted)!important;margin:0 0 10px!important}.meta-time{font-size:12px!important;color:#98a2b3!important}
.main-news>.article-card:first-of-type{display:block!important;padding:0 0 26px!important;margin-bottom:34px!important;border-bottom:1px solid var(--line)!important}.main-news>.article-card:first-of-type>a{display:block}.main-news>.article-card:first-of-type img{width:100%!important;height:390px!important;border-radius:20px!important;display:block;margin-bottom:20px}.main-news>.article-card:first-of-type .text{padding:0!important}.main-news>.article-card:first-of-type .title{font-size:30px!important;line-height:1.3!important;margin-bottom:12px!important}.main-news>.article-card:first-of-type p{font-size:16px!important;line-height:1.75!important}
/* Side modules */
.sidebar-section,.left-box{margin-top:30px!important}.sidebar-section:first-child,.left-box:first-child{margin-top:0!important}.popular-list,.box-list{list-style:none;margin:0;padding:0}.popular-list li,.box-list li{position:relative;padding:13px 0 13px 18px!important;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.popular-list li:before,.box-list li:before{content:"";position:absolute;left:1px;top:21px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.popular-list a,.box-list a{text-decoration:none;color:#303642}.popular-list a:hover,.box-list a:hover{color:var(--accent)}
.tab-btn{border:1px solid var(--line)!important;background:var(--soft)!important;color:#667085!important;border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:700!important}.tab-btn.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.photo-grid{gap:12px!important}.photo-card{width:calc(50% - 6px)!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important}.thumbnail-wrapper{border-radius:14px!important;background:#eef0f3!important}.photo-card p{text-align:left!important;padding:0!important;margin:9px 0 0!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;color:#262b33!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.no-image{background:#eef0f3!important;color:#98a2b3!important}
.partner-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.partner-list a{display:flex;min-height:68px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.partner-list img{max-height:48px!important;object-fit:contain!important}
/* Category */
.category-container{padding:0!important}.subcategory-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 28px!important;padding:0 0 15px!important;border-bottom:1px solid var(--line)!important;scrollbar-width:none}.subcategory-tabs::-webkit-scrollbar{display:none}.subcategory-tabs a{flex:0 0 auto;margin:0!important;padding:9px 15px!important;border:1px solid var(--line);border-radius:999px!important;background:#fff!important;color:#596273!important;font-size:13px!important;font-weight:700;text-decoration:none}.subcategory-tabs a.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.article-list{gap:0!important;margin:0!important;list-style:none}.article-item{padding:20px 0!important;border-bottom:1px solid var(--line)!important}.article-link-wrapper{display:flex!important;gap:22px!important;text-decoration:none!important}.article-thumbnail{width:220px!important;min-width:220px!important;height:145px!important;border-radius:16px!important;overflow:hidden!important;background:var(--soft)}.article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-link-wrapper:hover .article-thumbnail img{transform:scale(1.025)}.article-content{min-width:0!important}.article-title{font-size:20px!important;line-height:1.42!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--ink)!important}.article-preview{margin-top:9px!important;font-size:14px!important;line-height:1.65!important;color:var(--muted)!important}.article-meta{margin-top:13px!important;gap:10px!important;font-size:12px!important;color:#98a2b3!important}.article-meta-cat{color:var(--accent)!important;font-weight:700!important}
/* Article page */
.article-view{max-width:860px;margin:0 auto}.article-view .article-title{font-size:38px!important;line-height:1.3!important;letter-spacing:-.05em!important;margin-bottom:18px!important}.article-view .article-meta{padding-bottom:22px!important;border-bottom:1px solid var(--line)}.article-view .article-content{font-size:17px!important;line-height:1.95!important;color:#2d333b!important}.article-view .article-content img{border-radius:18px}.comment-section{margin-top:52px!important;padding-top:26px!important;border-top:2px solid var(--ink)!important}.comment-title{font-size:20px!important;font-weight:800!important}.comment-box{padding:18px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:#fff!important}.comment-form textarea{border:1px solid #d9dde5!important;border-radius:14px!important;padding:14px!important;min-height:110px!important}.comment-submit{border:0!important;border-radius:10px!important;background:var(--ink)!important;color:#fff!important;padding:11px 18px!important;font-weight:700!important}
/* Search */
.search-result-list{max-width:900px}.search-article-card{padding:18px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.search-thumb{border-radius:14px!important;overflow:hidden}.back-link{display:inline-flex!important;align-items:center;padding:9px 14px!important;border:1px solid var(--line)!important;border-radius:999px!important;text-decoration:none!important;color:#4b5563!important;font-weight:700!important}
/* Auth / profile */
.login-wrapper,.join-wrapper,.profile-wrapper{max-width:520px!important;margin:64px auto!important;padding:34px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--shadow)!important}.login-title,.join-title,.profile-title{font-size:28px!important;font-weight:850!important;letter-spacing:-.045em!important;color:var(--ink)!important}.login-form input,.join-form input,.profile-form input,.join-form select,.profile-form select{width:100%;min-height:48px;border:1px solid #d9dde5!important;border-radius:11px!important;padding:0 13px!important;background:#fff!important;outline:none}.login-form input:focus,.join-form input:focus,.profile-form input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(21,94,239,.10)}.login-form button,.join-form button,.profile-form button{min-height:48px;border:0!important;border-radius:11px!important;background:var(--ink)!important;color:#fff!important;font-weight:800!important;cursor:pointer}.login-links a{color:var(--accent)!important}
@media(max-width:900px){.container,.container.main-page{padding-left:18px!important;padding-right:18px!important;gap:0!important}.container.main-page,.container{flex-direction:column!important}.main-news,.sidebar,.left-news{width:100%!important;flex:none!important;margin-top:30px!important}.left-news{order:3!important}.main-news{order:1!important}.sidebar{order:2!important}.main-news>.article-card:first-of-type img{height:50vw!important;max-height:360px}.article-view .article-title{font-size:31px!important}}
@media(max-width:640px){.container,.container.main-page{padding-left:15px!important;padding-right:15px!important}.section-title,.main-category-title{font-size:20px!important}.main-news>.article-card:first-of-type img{height:58vw!important;border-radius:15px!important}.main-news>.article-card:first-of-type .title{font-size:25px!important}.article-card{padding:14px 0!important;gap:13px!important}.article-card img{width:118px!important;height:82px!important;border-radius:11px!important}.article-card .title{font-size:16px!important}.article-card p{display:none}.article-link-wrapper{gap:14px!important}.article-thumbnail{width:118px!important;min-width:118px!important;height:82px!important;border-radius:11px!important}.article-title{font-size:16px!important}.article-preview{display:none}.article-meta{margin-top:8px!important}.article-meta-writer,.article-meta-views{display:none}.photo-card{width:calc(50% - 6px)!important}.login-wrapper,.join-wrapper,.profile-wrapper{margin:30px 15px!important;padding:24px 20px!important;border-radius:18px!important}.article-view .article-title{font-size:27px!important}.article-view .article-content{font-size:16px!important;line-height:1.85!important}}