.detail-header{border-bottom:1px solid var(--line);background:var(--bg)}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px}.detail-nav nav{display:flex;align-items:center;gap:24px;font-size:13px}.detail-theme{background:transparent;padding:6px;font-size:22px}
.detail-main{padding-top:34px;padding-bottom:70px;max-width:1100px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;margin-bottom:35px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.detail-hero{max-width:850px;margin-bottom:32px}.detail-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:17px 0 22px}.detail-intro{font-size:18px;line-height:1.75;max-width:770px;color:var(--muted)}.detail-byline{font-size:13px;margin:20px 0}.detail-byline a{text-decoration:underline;text-underline-offset:3px}
.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detail-tags span{font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:5px}.detail-actions{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.detail-actions .button{font-size:12px;padding:15px 20px}.button-secondary{border:1px solid var(--line)}
.detail-visual{margin:30px 0 50px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.detail-visual .project-art{width:100%;max-height:none;aspect-ratio:16/7;min-height:270px}.detail-visual .project-art img{width:100%;height:100%;object-fit:contain;background:var(--soft)}.detail-visual .project-art.hava>img{width:38%;left:31%;object-fit:contain}.detail-visual .dialog-art{height:auto}.detail-visual .weather-cover-copy{font-size:clamp(25px,4vw,50px)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px;align-items:start}.detail-copy section{margin-bottom:35px}.detail-copy h2{font-size:24px;font-weight:500;line-height:1.3;margin:0 0 15px}.detail-copy h3{font-size:19px;font-weight:500;margin:25px 0 12px}.detail-copy p,.detail-copy li{font-size:16px;line-height:1.85}.detail-copy p{margin:0 0 20px}.detail-copy ul{padding-left:23px}.detail-copy li+li{margin-top:8px}.detail-copy .detail-source{font-size:13px;color:var(--muted);margin-top:30px}.brief-image{width:100%;height:auto;border-radius:12px;margin:15px 0 25px}
.detail-sidebar{position:sticky;top:35px;padding-left:24px;border-left:1px solid var(--line)}.detail-sidebar h2{font-size:17px;font-weight:500;margin:0 0 25px}.detail-sidebar dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:22px 0 7px}.detail-sidebar dd{font-size:13px;line-height:1.8;margin:0}.detail-sidebar>a{display:block;font-size:13px;margin-top:25px;color:var(--green)}
.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;max-height:480px;object-fit:contain;background:var(--soft);border-radius:10px}.detail-gallery figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}
.detail-related{margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.detail-related h2{font-size:22px;font-weight:500}.detail-related>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.detail-related a{color:var(--green);font-size:15px;text-decoration:underline;text-underline-offset:5px}.detail-footer{border-top:1px solid var(--line);padding-block:30px 45px}.detail-footer>a{font-weight:600}.detail-footer p{font-size:12px;color:var(--muted);line-height:1.8}.detail-footer>div{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.note-page{max-width:950px}.article-copy{max-width:720px}.article-copy>p{margin-bottom:28px}
@media(max-width:760px){.detail-nav{min-height:82px;gap:10px}.detail-nav nav{gap:13px;font-size:11px}.detail-nav nav a:nth-child(2){display:none}.detail-main{padding-top:25px}.breadcrumbs{font-size:10px;margin-bottom:25px}.detail-intro{font-size:15px}.detail-hero h1{font-size:34px}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-sidebar{position:static;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.detail-copy p,.detail-copy li{font-size:14px}.detail-copy h2{font-size:22px}.detail-visual{margin-bottom:30px}.detail-visual .project-art{min-height:220px;aspect-ratio:1.5}.detail-gallery{grid-template-columns:1fr}.detail-actions .button{padding:13px 17px}.detail-footer>div{gap:16px}}
@media print{.detail-header,.detail-actions,.detail-theme{display:none}.detail-layout{display:block}.detail-sidebar{position:static;margin-top:20px}.detail-copy section{break-inside:avoid}.detail-visual .project-art{max-height:260px}.detail-hero h1{font-size:30px}}