/* News pages — uses the shared variables from ../css/style.css */
.news-page .co-breadcrumb,.news-page .co-title-row,.news-page .co-english{}
.nw-hero{padding-top:var(--header);overflow:hidden}
.nw-hero .co-breadcrumb{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.04em;padding-top:30px;flex-wrap:wrap}
.nw-hero .co-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:35px;margin-top:30px;padding-bottom:37px;border-bottom:1px solid var(--ink)}
.nw-hero .co-title-row h1{font-size:clamp(72px,8.7vw,138px);font-weight:900;letter-spacing:-.075em;line-height:1.25;margin:0}
.nw-hero .co-title-row h1>span{position:relative;display:inline-block}
.nw-hero .co-title-row h1>span:before{content:'';position:absolute;right:-.01em;bottom:.14em;width:.32em;height:.32em;border-radius:50%;background:var(--sun);z-index:-1}
.nw-hero .co-english{font:900 clamp(32px,5.4vw,84px)/1 Arial;letter-spacing:-.055em;margin:0}
.nw-list-sec{padding:40px 0 100px}
.nw-filter{display:flex;flex-wrap:wrap;gap:10px}
.nw-filter button{min-height:44px;padding:8px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 14px Arial,'KWIC JP',sans-serif;cursor:pointer}
.nw-filter button small{font-size:11px;opacity:.7;margin-left:4px}
.nw-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.nw-filter button:focus-visible,.nw-item:focus-visible,.nw-pn a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.nw-count{margin:22px 0 8px;font:700 12px Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}
.nw-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.nw-list li[hidden]{display:none}
.nw-item{display:grid;grid-template-columns:200px 1fr 40px;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:background .3s var(--ease)}
.nw-item:hover{background:rgba(203,236,88,.18)}
.nw-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:#e6ead8}
.nw-thumb img{transition:transform .6s var(--ease)}
.nw-item:hover .nw-thumb img{transform:scale(1.05)}
.nw-thumb-none{display:grid;place-items:center;font:900 28px Arial;color:var(--muted)}
.nw-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.nw-meta time,.nw-post-head time{font:700 13px Arial,sans-serif;letter-spacing:.08em}
.nw-meta strong{font-size:20px;line-height:1.5;font-weight:900;overflow-wrap:anywhere}
.nw-ex{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.nw-arrow{font:700 22px Arial;justify-self:end;transition:transform .3s var(--ease)}
.nw-item:hover .nw-arrow{transform:translateX(6px)}
/* article */
.nw-hero-post .nw-post-head{padding:34px 0 40px;border-bottom:1px solid var(--ink)}
.nw-post-head h1{margin:14px 0 0;font-size:clamp(28px,4.2vw,56px);line-height:1.4;font-weight:900;letter-spacing:-.02em;overflow-wrap:anywhere}
.nw-article{padding:50px 0 60px}
.nw-body{max-width:860px;margin-inline:auto}
.nw-body p{margin:0 0 1.5em;font-size:16px;line-height:2;overflow-wrap:anywhere}
.nw-body figure{margin:2em 0}
.nw-body figure img{width:100%;height:auto;object-fit:contain;border:0;background:#e6ead8}
.nw-after{padding:0 0 100px}
.nw-after .wrap{max-width:860px;margin-inline:auto}
.nw-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--ink);padding-top:30px}
.nw-pn a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);min-width:0}
.nw-pn a:hover{background:rgba(203,236,88,.25)}
.nw-pn small{font:700 11px Arial;letter-spacing:.08em}
.nw-pn span{font-weight:700;font-size:14px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-next{text-align:right;grid-column:2}
.nw-back{margin-top:36px}
@media (max-width:1190px){.nw-hero .co-title-row h1{font-size:82px}.nw-hero .co-english{font-size:45px}}
@media (max-width:767px){
.nw-hero{padding-top:0}
.nw-hero .co-breadcrumb{padding-top:calc(var(--header) + 14px);gap:10px;font-size:11px}
.nw-hero .co-title-row{margin-top:18px;padding-bottom:22px;gap:12px}
.nw-hero .co-title-row h1{font-size:clamp(44px,14vw,80px);line-height:1.3;white-space:nowrap;letter-spacing:-.07em}
.nw-hero .co-english{font-size:clamp(19px,5.5vw,25px)}
.nw-list-sec{padding:28px 0 70px}
.nw-item{grid-template-columns:96px 1fr;gap:14px;padding:16px 0}
.nw-arrow,.nw-ex{display:none}
.nw-meta strong{font-size:15px}
.nw-hero-post .nw-post-head{padding:22px 0 26px}
.nw-article{padding:30px 0 40px}
.nw-body p{font-size:15px;line-height:1.95}
.nw-pn{grid-template-columns:1fr}
.nw-next{grid-column:auto;text-align:left}
.nw-back{width:100%;min-width:0}
.nw-after{padding-bottom:70px}
}

/* Motion preference also applies to hover transitions. */
.motion-off .nw-thumb img,.motion-off .nw-arrow{transition:none;transform:none!important}.motion-off .nw-item{transition:none}
@media(prefers-reduced-motion:reduce){.nw-thumb img,.nw-arrow,.nw-item{transition:none!important;transform:none!important}}