.news-detail-page{background-color:var(--base-100);width:100%;min-height:100svh;position:relative}.news-detail-header{width:100%;padding:10rem 0 2rem;position:relative}.news-detail-header .container{max-width:900px;margin:0 auto;padding:0 4rem}.news-detail-header .back-link{color:var(--base-content);opacity:.7;margin-bottom:2rem;font-size:1rem;text-decoration:none;transition:opacity .3s;display:inline-block}.news-detail-header .back-link:hover{opacity:1}.news-detail-header .news-title{margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.news-detail-header .news-date{opacity:.7;margin-top:0;font-size:.95rem}.news-detail-image{width:100%;padding:0 0 3rem;position:relative}.news-detail-image .container{max-width:900px;margin:0 auto;padding:0 4rem}.news-detail-image .image-wrapper{aspect-ratio:16/9;opacity:0;border-radius:8px;width:100%;animation:.8s ease-out 1s forwards fadeInImage;position:relative;overflow:hidden}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.news-detail-content{width:100%;padding:4rem 0;position:relative}.news-detail-content .content-body{max-width:800px;color:var(--base-content);margin:0 auto;font-size:1.125rem;line-height:1.8}.news-detail-content .content-body p{margin-bottom:1.5rem}.news-detail-content .content-body h2{letter-spacing:.05em;margin-top:3rem;margin-bottom:1.5rem;font-size:2rem;font-weight:600}.news-detail-content .content-body h3{letter-spacing:.05em;margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600}.news-detail-content .content-body ul,.news-detail-content .content-body ol{margin-bottom:1.5rem;padding-left:2rem}.news-detail-content .content-body li{margin-bottom:.75rem}.news-detail-content .content-body a{color:var(--primary);text-decoration:underline;transition:opacity .3s}.news-detail-content .content-body a:hover{opacity:.7}.news-detail-content .content-body img{border-radius:.5rem;max-width:100%;height:auto;margin:2rem 0}.news-detail-content .content-body blockquote{opacity:.8;border-left:4px solid #fff3;margin:2rem 0;padding-left:1.5rem;font-style:italic}.news-detail-content .content-body code{background-color:#ffffff1a;border-radius:.25rem;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.news-detail-content .content-body pre{background-color:#ffffff0d;border-radius:.5rem;margin:2rem 0;padding:1.5rem;overflow-x:auto}.news-detail-content .content-body pre code{background-color:#0000;padding:0}.news-detail-navigation{width:100%;padding:2rem 0 6rem;position:relative}.news-detail-navigation .back-to-list{color:var(--base-content);background-color:#0000;border:2px solid #fff3;border-radius:2rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.news-detail-navigation .back-to-list:hover{background-color:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}.news-detail-navigation .back-to-list:active{transform:translateY(0)}.news-detail-error{text-align:center;width:100%;padding:10rem 0;position:relative}.news-detail-error h1{margin-bottom:2rem;font-size:3rem}.news-detail-error .back-button{color:var(--base-content);background-color:#0000;border:2px solid #fff3;border-radius:2rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.news-detail-error .back-button:hover{background-color:#ffffff1a;border-color:#fff6;transform:translateY(-2px)}@media (max-width:768px){.news-detail-header{padding:8rem 0 1.5rem}.news-detail-header .container{padding:0 2rem}.news-detail-header .news-title{font-size:2rem}.news-detail-header .news-date{font-size:.85rem}.news-detail-image .container{padding:0 2rem}.news-detail-image .image-wrapper{aspect-ratio:16/9}.news-detail-content{padding:3rem 0}.news-detail-content .content-body{font-size:1rem;line-height:1.7}.news-detail-content .content-body h2{margin-top:2rem;font-size:1.5rem}.news-detail-content .content-body h3{margin-top:1.5rem;font-size:1.25rem}.news-detail-navigation{padding:2rem 0 4rem}.news-detail-error h1{font-size:2rem}}@media (max-width:480px){.news-detail-image .image-wrapper{aspect-ratio:16/9}.news-detail-content .content-body{font-size:.9375rem}}@media (min-width:2400px){.news-detail-header .news-title{font-size:6rem}.news-detail-image .image-wrapper{aspect-ratio:16/9}.news-detail-content .content-body{max-width:1000px;font-size:1.25rem}}