.news-header{background:#101927;color:#fff;padding:24px 0}.news-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.news-brand{font-size:28px;font-weight:900;color:#ff814a;white-space:nowrap}.news-brand span{color:white;font-size:18px;margin-left:12px}.news-header nav{display:flex;gap:26px;font-size:14px}.news-header a:hover{color:#ffae72}.news-intro{padding:68px 0 54px;border-bottom:1px solid var(--line);background:#eeeae2}.news-intro h1{font-size:clamp(34px,5vw,62px);line-height:1.2;margin:24px 0}.news-intro h1 span{color:var(--orange)}.news-intro p:last-child{color:#59626d;margin:0}.news-content{padding-top:40px;padding-bottom:80px}.news-search{display:flex;align-items:center;gap:14px;max-width:700px}.news-search label{font-size:14px;font-weight:700;white-space:nowrap}.news-search input[type=text],.news-search input:not([type]){flex:1;min-width:0;padding:15px 16px;border:1px solid #cbc7bf;border-radius:4px;background:#fff;font:inherit;font-size:14px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.category-tabs a{padding:9px 17px;border:1px solid #d3d2cc;border-radius:30px;font-size:13px}.category-tabs a[aria-current=page]{background:#172435;color:#fff;border-color:#172435}.result-count{font-size:13px;color:#5d6671}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{border:1px solid #e1dfd9;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.story-card:hover{box-shadow:0 12px 30px #10203312}.story-image{display:block;background:#e7e8e6;height:210px}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-body{padding:24px;display:flex;flex-direction:column;flex:1}.story-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.03em;margin-bottom:13px}.story-meta span{color:#a74118;font-weight:800}.story-meta time{color:#69727c}.story-body h3{font-size:21px;line-height:1.5;margin:0 0 15px}.story-body h3 a:hover{color:#b84a1c}.story-body>p{color:#616a73;font-size:13px;line-height:1.9;margin-bottom:16px}.story-source{font-size:11px;color:#6f747a;margin-top:auto}.story-links{display:flex;justify-content:space-between;border-top:1px solid #ece9e3;margin-top:18px;padding-top:14px;font-size:12px;font-weight:800}.story-links a:last-child{color:#a74118}.story-graphic{height:210px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;background:#1a293c;color:#fff;padding:28px}.story-graphic:after{content:'';position:absolute;right:-70px;top:-40px;width:230px;height:230px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 42px #ffffff07}.story-graphic strong{font-size:clamp(22px,2.5vw,32px);letter-spacing:.02em}.story-graphic>span{font-size:12px;color:#f6b089}.story-graphic small{font-size:10px;letter-spacing:.14em;color:#bec9d4}.story-graphic.youth{background:#244d4e}.story-graphic.community{background:#6d3e29}.story-graphic.local{background:#3e4e63}.news-more{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px}.news-more p{margin:0;color:#65717c;font-size:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.photo-card{margin:0;background:#fff;border:1px solid #e1dfd9;border-radius:10px;overflow:hidden}.photo-card img{display:block;width:100%;height:235px;object-fit:contain;background:#162335}.photo-card figcaption{padding:19px;font-size:14px;font-weight:700;line-height:1.6}.photo-card figcaption span{display:block;font-size:11px;font-weight:400;color:#69727b;margin-top:7px}.photo-card a:hover{text-decoration:underline}.photo-note{color:#65717c;font-size:13px;line-height:1.8}.photo-section{background:#edeae3}.news-pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:38px;font-size:14px}.news-pagination a{background:#172435;color:#fff;border-radius:4px;padding:10px 18px}.empty-state{padding:50px 20px;grid-column:1/-1;text-align:center}.news-footer{padding:38px 0;background:#101927}.news-footer strong{color:#fff}.news-footer p{font-size:12px;line-height:1.9;margin:12px 0}.news-footer a{font-size:13px;color:#ffae72}.news-detail{max-width:940px;padding-top:34px;padding-bottom:70px}.back-link{font-size:13px;color:#666}.detail-heading{padding:32px 0 22px}.detail-heading h1{font-size:clamp(28px,4vw,43px);line-height:1.4;margin:20px 0}.detail-heading p{font-size:13px;color:#626a75;line-height:1.9}.reading-guide{padding:30px;background:#fff;border:1px solid #e1dfd9;border-left:4px solid var(--orange);border-radius:8px}.reading-guide>div{line-height:2;font-size:17px}.reading-guide .original-title{color:#68727b;font-size:12px;line-height:1.8}.article-photos{margin-top:42px}.article-photos h2,.related-news h2{font-size:25px}.article-photos figure{margin:26px 0}.article-photos img{width:100%;height:auto;display:block;border-radius:8px}.article-photos figcaption{font-size:14px;line-height:1.8;margin-top:12px}.article-photos figcaption span{display:block;font-size:12px;color:#68727b}.related-news{margin-top:50px}.related-news>a{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid #d9d7d0;font-size:15px;line-height:1.7}#news,#courtside{scroll-margin-top:90px}.reading-guide,.story-body,.photo-card figcaption{overflow-wrap:anywhere}
@media(max-width:950px){.story-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-header nav{gap:16px}.story-graphic strong{font-size:28px}}
@media(max-width:620px){.story-grid,.photo-grid{grid-template-columns:1fr}.news-header>.wrap{align-items:flex-start;flex-direction:column;gap:15px}.news-header nav{font-size:13px;gap:20px;flex-wrap:wrap}.news-intro{padding:42px 0}.news-intro p:last-child{font-size:13px}.news-content{padding-top:25px}.news-search{flex-wrap:wrap;gap:10px}.news-search label{flex-basis:100%}.news-search button{padding:15px}.category-tabs{gap:8px}.category-tabs a{font-size:12px;padding:8px 12px}.story-image,.story-graphic{height:225px}.news-more{align-items:flex-start;flex-direction:column}.reading-guide{padding:22px}.reading-guide>div{font-size:16px}.news-detail{padding-top:24px}.story-body{padding:22px}}
