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