/* finesse · register=brand · A=CZWX-blue-slate · B=600/400 · C=editorial-list · D=none · E=existing-site · SOUL=4 SPECTACLE=1 DENSITY=5 */
:root{--news-bg:#f7f8fa;--news-surface:#fdfefe;--news-ink:#152033;--news-muted:#526076;--news-blue:#245bdd;--news-line:rgba(40,62,95,.14);--news-font:Inter,"Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{overflow-x:clip}body.czwx-news{margin:0;background:var(--news-bg);color:var(--news-ink);font:16px/1.65 var(--news-font)}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--news-blue);outline-offset:5px}h1,h2{overflow-wrap:anywhere;min-width:0;letter-spacing:-.03em;line-height:1.2}h1{font-size:clamp(32px,4vw,52px);font-weight:600}h2{font-size:clamp(22px,2.5vw,30px);font-weight:600}p{overflow-wrap:anywhere}img{max-width:100%;height:auto}.news-skip{position:absolute;top:-100px;left:16px;z-index:20;background:var(--news-surface);padding:12px}.news-skip:focus{top:12px}.news-header{min-height:88px;padding:12px 4%;background:var(--news-surface);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--news-line)}.news-logo{flex:none;line-height:0}.news-logo img{width:145px;height:auto}.news-desktop-nav{display:flex;gap:24px;flex:1}.news-header a{text-decoration:none;white-space:nowrap}.news-desktop-nav a{display:flex;align-items:center;min-height:44px;font-size:15px}.news-desktop-nav a[aria-current]{color:var(--news-blue);box-shadow:0 2px var(--news-blue)}.news-cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:var(--news-blue);color:var(--news-surface);border-radius:8px}.news-mobile-nav{display:none}#news-main{max-width:1120px;padding:64px 28px 88px;margin:auto;min-height:60dvh}.news-intro{margin-bottom:48px}.news-intro h1{margin:0 0 12px}.news-intro p{color:var(--news-muted);font-size:18px}.news-list{border-top:1px solid var(--news-line)}.news-row{padding:32px 0;border-bottom:1px solid var(--news-line);min-width:0}.news-row.has-cover{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:36px}.news-thumbnail img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.news-row h2{margin:10px 0 12px;max-width:36ch}.news-row h2 a{text-decoration:none}.news-row h2 a:hover,.news-read:hover{color:var(--news-blue)}.news-row p{max-width:70ch;margin:0 0 12px;color:var(--news-muted)}time{font-size:14px;color:var(--news-muted)}.news-read,.news-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--news-blue);white-space:nowrap}.news-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}.news-pagination a{min-height:44px;padding:8px 16px;border:1px solid var(--news-line);border-radius:6px;white-space:nowrap}.news-article{max-width:780px;margin:auto}.news-article header{margin:32px 0}.news-article h1{margin:14px 0 0}.news-cover{margin:32px 0}.news-cover img{width:100%;height:auto;border-radius:8px}.news-body{font-size:18px;line-height:1.85;overflow-wrap:anywhere}.news-body h2{margin-top:40px}.news-body figure{max-width:100%;margin:24px 0}.news-body iframe,.news-body video{max-width:100%}.news-body table{display:block;overflow:auto;max-width:100%}.news-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.news-body a{color:var(--news-blue)}.news-empty{padding:48px 0;max-width:700px}.news-empty p{color:var(--news-muted)}.news-footer{padding:32px 4%;border-top:1px solid var(--news-line);display:flex;justify-content:space-between;gap:24px;color:var(--news-muted)}.news-footer>div,.news-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.news-footer a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:14px}.news-footer strong{color:var(--news-ink)}
@media(max-width:1000px){.news-desktop-nav{display:none}.news-header{gap:16px;flex-wrap:wrap}.news-logo{margin-right:auto}.news-mobile-nav{display:block;flex-basis:100%}.news-mobile-nav summary{cursor:pointer;min-height:44px;padding:8px 0}.news-mobile-nav nav{display:flex;flex-wrap:wrap;gap:8px 24px;padding-bottom:12px}.news-mobile-nav a{display:inline-flex;align-items:center;min-height:44px}.news-footer{flex-direction:column}}
@media(max-width:600px){#news-main{padding:36px 20px 56px}.news-header{padding:12px 20px}.news-logo img{width:120px}.news-cta{font-size:14px;padding:10px 12px}.news-row.has-cover{grid-template-columns:minmax(0,1fr);gap:20px}.news-row h2{max-width:none}.news-intro{margin-bottom:32px}.news-body{font-size:17px}.news-footer{padding:24px 20px}.news-footer>div,.news-footer nav{gap:16px}}
/* finesse · component: news navigation · register=brand · tokens: inherited */
.news-about{position:relative;display:flex;align-items:center}
.news-about>details{position:static}
.news-about>details>summary{cursor:pointer;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;list-style:none;color:var(--news-ink);touch-action:manipulation}
.news-about>details>summary::-webkit-details-marker{display:none}
.news-about>details>summary::marker{content:""}
.news-about>details>summary svg{display:block;flex:none;transition:transform .18s ease}
.news-about>details[open]>summary svg{transform:rotate(180deg)}
.news-about-menu{position:absolute;right:0;top:100%;z-index:10;min-width:210px;padding:7px;background:var(--news-surface);border:1px solid var(--news-line);border-top:2px solid var(--news-blue);border-radius:0 0 8px 8px;box-shadow:0 16px 32px rgba(28,53,94,.14)}
.news-about-menu>a{min-height:44px;padding:9px 13px;border-radius:5px;line-height:1.4;transition:background-color .18s ease,color .18s ease}
.news-about>details[open]>summary,.news-about:focus-within>a,.news-about:focus-within>details>summary{color:var(--news-blue)}
.news-about-menu>a:focus-visible{background:#eef3ff}
.news-about-menu>a:active{background:#e2eaff}
.news-mobile-nav summary{display:flex;align-items:center;gap:8px;list-style:none;touch-action:manipulation}
.news-mobile-nav summary::-webkit-details-marker{display:none}
.news-mobile-nav summary::marker{content:""}
.news-mobile-nav summary svg{display:block;transition:transform .18s ease}
.news-mobile-nav[open] summary svg{transform:rotate(180deg)}
.news-mobile-about{display:flex;flex-basis:100%;gap:24px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){.news-desktop-nav>a:hover,.news-about:hover>a,.news-about:hover>details>summary{color:var(--news-blue)}.news-about-menu>a:hover{color:var(--news-blue);background:#eef3ff}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}