/* /guides/how-to-read-a-community-find-post/ — post anatomy wireframe. Original layout. */

.cp-hero{padding:48px 0 12px;max-width:840px}
.cp-hero h1{font-size:clamp(26px,3.6vw,38px);margin:.3em 0 .5em}
.cp-lede{font-size:17px;color:#C4C6C8}

.cp-wireframe{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:560px}
.cp-wf-row{position:relative;margin-bottom:18px;padding-right:150px}
.cp-wf-row:last-child{margin-bottom:0}
.cp-wf-bar{height:12px;background:rgba(255,255,255,.14);border-radius:6px;margin-bottom:6px}
.cp-wf-title .cp-wf-bar{height:18px}
.cp-wf-photo-block{height:60px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 8px,rgba(255,255,255,.11) 8px,rgba(255,255,255,.11) 16px);border-radius:8px}
.cp-wf-pill{display:inline-block;width:44px;height:20px;background:rgba(255,255,255,.14);border-radius:999px;margin-right:8px}
.cp-wf-label{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.cp-wf-label-discovery{background:var(--coral-tint);color:var(--coral)}
.cp-wf-label-source{background:rgba(92,158,255,.16);color:#7DB2FF}
.cp-wf-label-firsthand{background:var(--qc-green-tint);color:var(--qc-green)}
.cp-wf-label-opinion{background:var(--amber-tint);color:var(--amber)}
.cp-wf-label-social{background:rgba(255,255,255,.07);color:var(--muted)}
@media (max-width:560px){.cp-wf-row{padding-right:0}.cp-wf-label{position:static;display:inline-block;transform:none;margin-top:6px}}
.cp-wf-note{font-size:12.5px;color:var(--muted);margin-top:12px;max-width:560px}

.cp-five{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){.cp-five{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cp-five{grid-template-columns:1fr}}
.cp-five-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.cp-five-item h3{font-size:14.5px;margin-bottom:8px}
.cp-five-item p{font-size:13px;color:var(--muted);margin:0}

.cp-claim-card{background:var(--card);border-left:3px solid var(--coral);border-radius:0 var(--radius) var(--radius) 0;padding:20px}
.cp-claim{font-size:19px;font-weight:700;font-style:italic;margin:0 0 12px}
.cp-claim-context{font-size:14px;color:var(--muted);margin:0}

.cp-card-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:600px){.cp-card-fields{grid-template-columns:1fr}}
.cp-card-fields span{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:#C4C6C8}

.cp-not{background:var(--dark);border-radius:var(--radius-lg);padding:40px}
.cp-not .eyebrow{color:#FF8A80}
.cp-not h2{color:#fff;font-size:21px;margin:.3em 0 .5em;max-width:56ch}
.cp-not p{color:#C7C7C5;font-size:15px;margin:0 0 20px}