@layer base{:root{--color-primary:#005CA2;--color-title:hsla(0,0%,0%,1);--color-text-secondary:rgba(0,0,0,0.6);--color-body:hsla(0,0%,0%,0.6);--navbar-height:72px;--transition-normal:0.3s ease;--transition-card-float:0.5s ease;--card-lay:0px 2px 4px rgba(0,0,0,0.1),0px 7px 7px rgba(0,0,0,0.09),0px 15px 9px rgba(0,0,0,0.05),0px 27px 11px rgba(0,0,0,0.01),0px 42px 12px rgba(0,0,0,0.01);--card-float:0px 5px 11px rgba(0,0,0,0.1),0px 20px 20px rgba(0,0,0,0.09),0px 45px 27px rgba(0,0,0,0.05),0px 81px 32px rgba(0,0,0,0.01),0px 126px 35px rgba(0,0,0,0.01)}}.news{background-color:rgba(0,0,0,.03);padding:128px 0}.news__title{font-family:var(--font-noto-serif-tc),var(--font-noto-serif-jp),serif;color:black;text-wrap:pretty;font-weight:600!important;letter-spacing:.03em}.news__container{margin:0 auto;width:calc(60% + 250px);display:flex;gap:min(5vw,72px)}@media (max-width:899px){.news__container{flex-direction:column;gap:48px;width:min(80%,600px)}}@media (max-width:599px){.news__container{width:calc(70% + 100px)}}@media (max-width:360px){.news__container{width:100%}}.news__main{width:100%;display:flex;flex-direction:column;gap:min(2vw,24px)}.news__main-image img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.news__main-content{display:flex;flex-direction:column;gap:10px}.news__meta{display:flex;align-items:center;gap:8px}.news__related{width:100%;display:flex;flex-direction:column;gap:clamp(24px,2vw,32px)}.news__card{display:flex;gap:clamp(16px,1.5vw,24px);align-items:center}@media (max-width:599px){.news__card{align-items:flex-start;gap:12px}}.news__card-title{text-overflow:ellipsis;overflow:hidden;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news__card-image{flex:0 1 150px}.news__card-image img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}@media (max-width:599px){.news__card-image{flex:0 1 120px}.news__card-image img{aspect-ratio:1}}.news__card-content{display:flex;flex:1 1 300px;flex-direction:column;gap:4px}.news__divider{height:1px;background-color:rgba(0,0,0,.2)}@media (max-width:599px){.news{padding:80px 0}.news .news__container{padding:0 16px;gap:32px}.news .news__main{gap:24px}.news .news__main-content{gap:8px}.news .news__related{gap:24px}.news .news__meta{gap:6px}}