.detail-hero{padding:54px 0 42px;background:radial-gradient(circle at 78% 20%,rgba(189,0,20,.12),transparent 32%),linear-gradient(180deg,#0d1116,#080b0f)}
.detail-back{display:inline-flex;color:#aeb5bf;font-weight:700;margin-bottom:24px}.detail-back:hover{color:#fff}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:44px;align-items:center}
.detail-media{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#000}.detail-media a{position:relative;display:block;aspect-ratio:16/9}
.detail-media img{width:100%;height:100%;object-fit:contain;background:#000}
.detail-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(190,0,22,.92);color:#fff;font-size:28px;padding-left:4px}
.detail-intro h1{font-family:"Orbitron",sans-serif;font-size:clamp(30px,3.3vw,52px);line-height:1.08;margin:10px 0 18px}
.detail-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.detail-stat{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#11161c;color:#c7cdd5;font-size:13px}
.detail-playlists{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:24px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.detail-content{max-width:1050px}.description-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:linear-gradient(180deg,#10151b,#0b0f14)}
.description-note{margin:0 0 24px;padding:13px 15px;border-left:3px solid var(--red);background:rgba(190,0,22,.06);color:#abb3bd;font-size:14px;line-height:1.6}
.project-description-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d3d7dd;font-size:15px;line-height:1.7}.project-description-text a{color:#ff4052;text-decoration:underline;text-underline-offset:3px}
.project-description-text a:hover{color:#fff}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:26px}.detail-hero{padding-top:30px}.description-card{padding:20px}.detail-actions .btn{width:100%;justify-content:center}}


/* =========================================================
   v112 — Project 01 structured information layout
   ========================================================= */
.project-info-heading{margin-bottom:26px}
.project-info-heading p{margin:8px 0 0;color:#8b949e;font-size:13px;line-height:1.6}
.project-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}
.project-section-nav a{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0d1116;color:#c9ced4;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.project-section-nav a:hover{border-color:rgba(255,55,70,.45);background:#11161d;transform:translateY(-1px)}
.project-section-nav a span{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ef3340;color:#fff;font-family:"Orbitron",sans-serif;font-size:10px;font-weight:800}
.project-sections{display:grid;gap:16px}
.project-info-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:#0f141a;scroll-margin-top:100px}
.project-section-number{display:grid;place-items:center;align-self:start;width:42px;height:42px;border-radius:50%;background:#ef3340;color:#fff;font-family:"Orbitron",sans-serif;font-size:12px;font-weight:800}
.project-section-body .eyebrow{margin-bottom:7px}
.project-section-body h2{margin:0 0 10px}
.project-section-intro{margin:0 0 16px;color:#9aa3ad;font-size:13px;line-height:1.65}
.project-resource-content{display:grid;gap:10px}
.project-placeholder{padding:15px 16px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;background:#0a0e13;color:#717b86;font-size:12px;line-height:1.55}
.project-description-text{color:#b8c0c8;font-size:13px;line-height:1.7}
@media(max-width:900px){.project-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.project-section-nav{grid-template-columns:1fr}.project-info-section{grid-template-columns:1fr;gap:12px;padding:20px}.project-section-number{width:36px;height:36px}}


/* =========================================================
   v113 — Project 01 finished content
   ========================================================= */
.project-description-text p{
  margin:0 0 14px;
}
.project-description-text p:last-child{
  margin-bottom:0;
}
.project-description-text a,
.wiring-notes a{
  color:#ff4453;
  font-weight:700;
  text-decoration:none;
}
.project-description-text a:hover,
.wiring-notes a:hover{
  text-decoration:underline;
}

.component-table-wrap{
  overflow-x:auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
}
.component-table{
  width:100%;
  border-collapse:collapse;
  min-width:520px;
}
.component-table th,
.component-table td{
  padding:13px 15px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  color:#b8c0c8;
  font-size:12px;
}
.component-table th{
  background:#0a0e13;
  color:#f1f3f5;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.component-table th:last-child,
.component-table td:last-child{
  width:34%;
  text-align:right;
  color:#f1f3f5;
  font-weight:700;
}
.component-table tr:last-child td{
  border-bottom:0;
}

.wiring-figure{
  margin:0;
}
.wiring-figure a{
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#080b0f;
}
.wiring-figure img{
  display:block;
  width:100%;
  height:auto;
}
.wiring-figure figcaption{
  margin-top:9px;
  color:#77818c;
  font-size:11px;
  line-height:1.5;
}
.wiring-notes{
  display:grid;
  gap:10px;
  margin-top:15px;
}
.wiring-notes p{
  margin:0;
  padding:13px 15px;
  border-left:3px solid #ef3340;
  border-radius:0 9px 9px 0;
  background:#0a0e13;
  color:#aab2bb;
  font-size:12px;
  line-height:1.6;
}
.wiring-notes strong{
  color:#f1f3f5;
}

.download-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#0a0e13;
}
.download-type{
  margin-bottom:5px;
  color:#ff4453;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.download-card h3{
  margin:0 0 5px;
  color:#f3f4f6;
  font-size:17px;
}
.download-card p{
  margin:0;
  color:#8d96a0;
  font-size:12px;
}
.project-download-button{
  flex:0 0 auto;
  white-space:nowrap;
}

@media(max-width:620px){
  .download-card{
    align-items:stretch;
    flex-direction:column;
  }
  .project-download-button{
    text-align:center;
  }
}


/* =========================================================
   v114 — Natural Project Overview content flow
   ========================================================= */

/* Let every project information card grow naturally with its content. */
.project-info-section{
  min-height:0 !important;
  height:auto !important;
  align-content:start !important;
}

/* Do not distribute overview content vertically through the card. */
#project-overview .project-section-body{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
}

/* Normal paragraph flow and spacing. */
#project-overview .project-description-text{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  margin-top:14px !important;
}

#project-overview .project-description-text p{
  margin:0 0 14px !important;
  padding:0 !important;
  line-height:1.65 !important;
}

#project-overview .project-description-text p:last-child{
  margin-bottom:0 !important;
}


/* =========================================================
   v115 — Fresh Project Overview copy block
   Root-cause fix: old .project-description-text used white-space:pre-wrap,
   which rendered template indentation/newlines as large vertical gaps.
   ========================================================= */

#project-overview{
  height:auto !important;
  min-height:0 !important;
  align-content:start !important;
}

#project-overview .project-section-body{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
}

#project-overview .project-overview-copy{
  display:block !important;
  white-space:normal !important;
  height:auto !important;
  min-height:0 !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  color:#b8c0c8;
  font-size:13px;
  line-height:1.65;
}

#project-overview .project-overview-copy p{
  display:block;
  margin:0 0 14px !important;
  padding:0 !important;
  line-height:1.65 !important;
}

#project-overview .project-overview-copy p:last-child{
  margin-bottom:0 !important;
}

#project-overview .project-overview-copy a{
  color:#ff4453;
  font-weight:700;
  text-decoration:none;
}

#project-overview .project-overview-copy a:hover{
  text-decoration:underline;
}


/* v116 — Project pages use the standard site footer.
   Hide only the obsolete legacy project footer if an old cached node remains. */
.project-footer-legacy,
.project-detail-footer-legacy{
  display:none !important;
}
\n\n/* v119 — Project download counter */\n.project-download-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}\n.project-download-count{color:#7f8994;font-size:10px;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap}\n.download-count-number{color:#b8c0c8;font-weight:800}\n@media(max-width:620px){.project-download-actions{align-items:stretch}}\n