.overview-page main{max-width:1220px;margin:auto;padding:60px 32px 24px}
.project-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}
.project-hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.05em;margin:18px 0 24px}
.project-hero h1 span{color:var(--accent)}
.project-hero p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:540px}
.hero-actions{display:flex;gap:12px;margin:28px 0 20px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:13px;color:var(--ink);background:var(--panel)}
.principles{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.principles h2{font-size:30px}
.principles ol{padding:0;list-style:none;counter-reset:principle}
.principles li{counter-increment:principle;position:relative;padding-left:45px;margin-top:22px}
.principles li::before{content:"0" counter(principle);position:absolute;left:0;top:0;color:var(--accent);font-size:12px;font-weight:700;border:1px solid var(--line);padding:5px;border-radius:7px}
.principles li span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:42px 0}
.collection{padding:26px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--panel);color:var(--ink)}
.collection:hover{border-color:var(--accent)}
.collection h2{font-size:21px}
.collection p{color:var(--muted);font-size:14px}
.project-section{padding-top:35px;margin-top:40px;border-top:1px solid var(--line)}
.project-section>h2{font-size:28px;margin:12px 0}
.section-intro{max-width:750px;color:var(--muted)}
.contribution-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0}
.contribution-steps article{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.contribution-steps article>span{font-weight:750;color:var(--accent)}
.contribution-steps h3{font-size:16px}
.contribution-steps p{font-size:13px;color:var(--muted)}
.project-note{background:var(--accent-soft);padding:18px 22px;border-radius:10px;color:var(--ink);font-size:13px}
.roadmap article{display:flex;align-items:start;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.roadmap h3{margin:0;font-size:16px}
.roadmap p{color:var(--muted);font-size:13px;margin:7px 0 0}
.tag{display:block;min-width:100px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;text-align:center;font-size:11px;color:var(--accent);background:var(--accent-soft)}
.tag.pending{background:var(--soft);color:var(--muted)}
.playground{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:25px 0}
.playground label{display:block;font-size:12px;margin-bottom:8px}
.playground select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--soft)}
.description{font-size:13px;color:var(--muted)}
.result{border:1px solid var(--line);padding:24px;border-radius:10px;background:var(--soft)}
.result p{font-size:13px}
.result.pass{border-color:var(--accent)}
.result.block{border-color:#cc795c}
.license{font-size:12px;color:var(--muted)}
.project-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:60px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}

@media(max-width:760px){.overview-page main{padding:30px 18px}
.project-hero{grid-template-columns:1fr;gap:20px}
.project-hero h1{font-size:35px}
.principles{padding:24px}
.collection-grid,.contribution-steps,.playground{grid-template-columns:1fr;gap:14px}
.collection-grid{margin:25px 0}
.project-section{margin-top:25px;padding-top:25px}
.project-section>h2{font-size:24px}
.roadmap article{gap:12px}
.tag{min-width:88px}
.project-footer{align-items:start;flex-direction:column}
.playground{padding:20px}
}