.preview-hero{background:linear-gradient(135deg,var(--hero-a) 0,var(--hero-b) 55%,color-mix(in srgb,var(--coral) 8%,var(--hero-a)) 100%)}
.preview-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(16px,1.5vw,28px)}
.project{border-top:6px solid var(--accent,var(--primary));min-width:0}
.project-link{display:block;text-decoration:none;color:inherit;height:100%}.project-link .card{height:100%;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.project-link:hover .card{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 20px 60px color-mix(in srgb,var(--primary) 12%,transparent)}
.preview-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(14px,1.3vw,24px)}
.node-card{position:relative;border-left:5px solid var(--accent,var(--primary));min-width:0}.node-card a{text-decoration:none}.node-card .node-kind{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.node-card .node-title{font-size:clamp(20px,1.4vw,28px);font-weight:800;margin:5px 0 8px}.node-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.release-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}.release{position:relative;overflow:hidden}.release:after{content:'PREVIEW';position:absolute;right:-27px;top:17px;transform:rotate(35deg);font-size:10px;letter-spacing:.14em;font-weight:900;background:#fff3e8;color:#a24b00;padding:5px 34px;border:1px solid #ffd5ad}.release h3{padding-right:60px}.release-meta{font-size:13px;color:var(--muted)}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:var(--muted)}.breadcrumbs a{text-decoration:none;color:var(--primary);font-weight:800}.breadcrumbs .sep{opacity:.55}
.preview-summary{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(150px,.55fr));gap:14px;margin:18px 0}.summary-cell{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.summary-cell .metric{font-size:clamp(24px,2vw,38px)}
.child-tree{display:grid;gap:12px}.child-branch{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}.child-branch .child-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.child-pill{text-decoration:none;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}
@media(max-width:900px){.preview-summary{grid-template-columns:1fr 1fr}.preview-summary .summary-cell:first-child{grid-column:1/-1}}
@media(max-width:700px){.preview-project-grid,.preview-node-grid,.release-list,.preview-summary{grid-template-columns:1fr}.preview-summary .summary-cell:first-child{grid-column:auto}.release h3{padding-right:42px}}
@media(min-width:2500px){.preview-project-grid{grid-template-columns:repeat(auto-fit,minmax(520px,1fr))}.preview-node-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr))}.release-list{grid-template-columns:repeat(auto-fit,minmax(460px,1fr))}}
.passport-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--gap);margin-top:20px}.passport-kv{display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:10px 14px}.passport-kv b{color:var(--muted)}.artifact-list{display:grid;gap:10px}.artifact-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;padding:12px}.lead{font-size:1.15rem;font-weight:700}
@media(max-width:850px){.passport-grid{grid-template-columns:1fr}.artifact-row{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.passport-kv{grid-template-columns:1fr}}