.news-detail-page{background-color:var(--background);min-height:100vh}.news-detail-container.not-found{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:70vh;display:flex}.article{max-width:46rem;margin:0 auto;padding:9rem 1.25rem 6rem}.article-back{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.55rem;margin-bottom:3rem;font-size:.75rem;transition:color .25s;display:inline-flex}.article-back:hover{color:var(--accent-secondary)}.article-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.article-meta-num{color:var(--accent-secondary)}.article-meta-sep{opacity:.5}.article-meta-cat{color:var(--accent-secondary)}.article-title{margin-bottom:3rem;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.12}.article-hero{border:1px solid var(--hairline);border-radius:var(--radius-sm);margin:0 0 3.5rem;overflow:hidden}.article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.article-body{color:var(--foreground);font-size:1.1rem;line-height:1.85}.article-body p{margin-bottom:1.6rem}.article-body h2,.article-body h3{font-family:var(--font-display);color:var(--foreground);margin:3rem 0 1.1rem;font-size:1.65rem;font-weight:600;line-height:1.25}.article-body h4{margin:2.25rem 0 .9rem;font-size:1.2rem}.article-body ul,.article-body ol{margin:0 0 1.6rem;padding-left:1.25rem}.article-body ul{list-style:none}.article-body ul li{margin-bottom:.55rem;padding-left:1.4rem;position:relative}.article-body ul li:before{content:"→";font-family:var(--font-mono);color:var(--accent-secondary);position:absolute;left:0}.article-body ol{list-style:decimal}.article-body ol li{margin-bottom:.55rem}.article-body a{color:var(--accent-secondary);border-bottom:1px solid #0e6a9c59;transition:border-color .25s}.article-body a:hover{border-color:var(--accent-secondary)}.article-body img{border-radius:var(--radius-sm);border:1px solid var(--hairline);max-width:100%;margin:1.5rem 0}.article-body blockquote{border-left:2px solid var(--accent);font-family:var(--font-display);color:var(--foreground);margin:2.5rem 0;padding:.5rem 0 .5rem 1.5rem;font-size:1.35rem;font-weight:500;line-height:1.5}.article-body .lead{color:var(--foreground);font-size:1.22rem;line-height:1.75}.article-body .note-box{background:var(--card);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:2rem 0;padding:1.1rem 1.35rem;font-size:1rem;line-height:1.7}.article-body .cta-box{background:var(--ink);color:var(--ink-text);border-radius:var(--radius-md);background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:22px 22px;margin:2.5rem 0;padding:1.75rem 1.9rem}.article-body .cta-box h4{font-family:var(--font-display);color:var(--ink-text);margin:0 0 .6rem;font-size:1.45rem;font-weight:600;line-height:1.2}.article-body .cta-box p{color:var(--ink-text-dim);margin-bottom:1.25rem;font-size:1rem}.article-body .cta-box a{background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-sm);border:none;align-items:center;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .2s;display:inline-flex}.article-body .cta-box a:hover{background:#5fd6f0}.article-body .comparison-grid,.article-body .case-grid{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem;margin:1.75rem 0 2rem;display:grid}.article-body .comparison-card,.article-body .case-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:1.2rem 1.25rem}.article-body .comparison-card h5,.article-body .case-card h5{font-family:var(--font-sans);margin:0 0 .4rem;font-size:1rem;font-weight:600}.article-body .comparison-card .price{font-family:var(--font-mono);color:var(--accent-secondary);margin-bottom:.6rem;font-size:1.05rem}.article-body .comparison-card p{color:var(--muted-foreground);margin:0;font-size:.92rem;line-height:1.6}.article-body .case-card .case-type{color:var(--muted-foreground);font-size:.88rem}.article-body .article-callout{background:var(--card);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 2.5rem;padding:1.5rem 1.75rem .5rem}.article-body .article-callout-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:.75rem;font-size:.7rem}.article-body .article-callout ul{padding-left:0;font-size:1rem}.article-widget{width:min(64rem,100vw - 2.5rem);margin:2.75rem 0 3rem 50%;position:relative;transform:translate(-50%)}.article-widget-fallback{border:1px dashed var(--hairline);border-radius:var(--radius-md);min-height:26rem}.article-faq{margin-top:3.5rem}.article-faq h2{font-family:var(--font-display);margin-bottom:1.25rem;font-size:1.65rem;font-weight:600}.article-faq-list{border-top:1px solid var(--hairline)}.article-faq details{border-bottom:1px solid var(--hairline)}.article-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 0;font-size:1.02rem;font-weight:600;list-style:none;display:flex}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";border:1px solid var(--hairline);width:1.9rem;height:1.9rem;font-family:var(--font-mono);transition:transform .3s var(--ease-out), background .2s ease, color .2s ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.article-faq details[open] summary:after{background:var(--ink);border-color:var(--ink);color:var(--background);transform:rotate(45deg)}.article-faq details p{color:var(--muted-foreground);padding:0 3rem 1.25rem 0;font-size:1rem;line-height:1.75}.article-footer{margin-top:5rem}.related-list{border-top:1px solid var(--hairline)}.related-row{border-bottom:1px solid var(--hairline);grid-template-columns:7rem 1fr 2rem;align-items:center;gap:1.5rem;padding:1.25rem .25rem;transition:background .25s;display:grid}.related-row:hover{background:#ffffff8c}.related-date{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted-foreground);white-space:nowrap;font-size:.7rem}.related-title{font-family:var(--font-display);color:var(--foreground);font-size:1.1rem;font-weight:600;line-height:1.3;transition:color .25s}.related-row:hover .related-title{color:var(--accent-secondary)}.related-arrow{color:var(--muted-foreground);transition:transform .25s var(--ease-out), color .25s ease;justify-self:end;font-size:.85rem}.related-row:hover .related-arrow{color:var(--accent-secondary);transform:translate(5px)}@media (width<=640px){.article{padding:7.5rem 1rem 4.5rem}.related-row{grid-template-columns:1fr 2rem;gap:.35rem 1rem}.related-date{grid-area:1/1}.related-title{grid-area:2/1}.related-arrow{grid-area:1/2/span 2;align-self:center}}