.content-page{background:#f4f2ed;color:#111;min-height:100vh}.content-nav{height:82px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d1ca;background:#f4f2ed}.content-nav>div{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.content-nav a{opacity:.68}.content-nav a:hover,.content-nav a.active{opacity:1}.content-page main{min-height:calc(100vh - 180px)}.content-hero{padding:100px max(24px,8vw) 70px;border-bottom:1px solid #d4d1ca}.content-hero h1{font-size:clamp(48px,8vw,108px);letter-spacing:-.07em;line-height:.95;margin:18px 0 30px}.content-hero h1 span{color:#a8dc20}.content-hero>p:last-child{font-size:18px;line-height:1.8;max-width:720px;color:#525750}.article-grid{padding:70px max(24px,8vw) 110px;display:grid;gap:0}.article-card{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:50px;padding:44px 0;border-bottom:1px solid #cfccc5}.article-card:first-child{border-top:1px solid #cfccc5}.card-image{background:#111;aspect-ratio:16/10;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.article-meta{display:flex;align-items:center;gap:13px;margin:0 0 20px;font:700 10px/1.4 "Space Mono",monospace;letter-spacing:.11em;color:#6a7069}.article-meta span{color:#111}.article-meta b{padding:5px 8px;background:#cbff39;color:#111}.article-meta time{margin-left:auto}.article-card h2{font-size:clamp(27px,3.2vw,48px);letter-spacing:-.045em;line-height:1.13;margin:0 0 16px}.article-card h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}.article-card div>p:not(.article-meta){max-width:760px;color:#59605a;line-height:1.8}.read-more,.back-link{display:inline-block;margin-top:18px;font-weight:800;font-size:13px}.content-empty{padding:70px 0;color:#747a74}.article-main{width:min(1000px,calc(100% - 48px));margin:0 auto;padding:70px 0 120px}.back-link{margin:0 0 60px}.article-detail header{border-bottom:1px solid #cfccc5;padding-bottom:48px}.article-detail h1{font-size:clamp(42px,7vw,82px);line-height:1.03;letter-spacing:-.06em;margin:24px 0}.article-summary{font-size:20px;line-height:1.75;color:#555d56;max-width:820px}.article-cover{display:block;width:100%;max-height:600px;object-fit:cover;margin:55px 0}.article-body{font-size:17px;line-height:1.9;max-width:780px;margin:55px auto 0}.article-body h2{font-size:34px;letter-spacing:-.035em;margin:2em 0 .7em}.article-body h3{font-size:24px;margin:1.8em 0 .6em}.article-body p{margin:0 0 1.25em}.article-body ul{margin:0 0 1.6em;padding-left:1.4em}.article-body li{margin:.45em 0}.article-body pre{background:#111;color:#dcff7a;padding:24px;overflow:auto;border-radius:3px;line-height:1.65}.content-footer{min-height:98px;padding:28px max(24px,5vw);border-top:1px solid #d4d1ca;display:flex;align-items:center;justify-content:space-between;font-size:11px}.content-footer>div{display:flex;gap:22px}.format-help{background:#e7eddb;border:1px solid #ccd6ba;padding:14px 18px}.article-editor{max-width:980px}.article-body{min-height:330px}.article-cover-preview{width:100%;max-height:260px;object-fit:contain;background:#111;margin-bottom:18px}.editor-actions{display:flex;align-items:center;gap:15px}.editor-actions .danger{margin-left:auto}.editor-actions a{font-weight:700}.new-article{border:2px solid #9dac7e}label small{font-weight:400;color:#788079}@media(max-width:760px){.content-nav>div{gap:13px}.content-nav>div a:nth-child(3){display:none}.content-hero{padding-top:70px}.article-card{grid-template-columns:1fr;gap:25px}.article-meta{flex-wrap:wrap}.article-meta time{margin-left:0}.content-footer{align-items:flex-start;gap:20px;flex-wrap:wrap}.article-main{width:min(100% - 30px,1000px)}.article-body{font-size:16px}.editor-actions{flex-wrap:wrap}.editor-actions .danger{margin-left:0}}