/* /guides/parcel-planning/ — three parcel drafts. Original layout. */

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

.pp-drafts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.pp-drafts{grid-template-columns:1fr}}
.pp-draft{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}
.pp-draft-n{font-family:var(--font-display);font-weight:800;color:var(--coral);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}
.pp-draft h3{font-size:15.5px;margin:6px 0 16px}
.pp-draft p{font-size:13px;color:var(--muted);margin:14px 0 0;text-align:left}

.pp-parcel-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:110px;height:70px;margin:0 auto;background:var(--canvas);border:2px dashed var(--border);border-radius:8px;padding:6px}
.pp-parcel-mini span{background:rgba(255,255,255,.18);border-radius:3px}
.pp-awkward{background:var(--coral) !important}
.pp-parcel-split{display:flex;gap:6px;width:130px;background:none;border:0;padding:0}
.pp-mini-box{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--canvas);border:2px dashed var(--border);border-radius:8px;padding:6px;height:70px}
.pp-mini-solo{display:flex;align-items:center;justify-content:center}
.pp-mini-solo span{width:70%;height:70%}

.pp-awkward-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}

.pp-worksheet{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
@media (max-width:600px){.pp-worksheet{grid-template-columns:1fr}}
.pp-worksheet > div{background:var(--card);padding:14px 16px;display:flex;justify-content:space-between;gap:12px}
.pp-worksheet strong{font-size:13.5px}
.pp-worksheet span{color:var(--muted);font-size:13px}

.pp-principle{background:var(--dark);border-radius:var(--radius-lg);padding:40px}
.pp-principle .eyebrow{color:#FF8A80}
.pp-principle h2{color:#fff;font-size:22px;margin:.3em 0 .5em}
.pp-principle p{color:#C7C7C5;font-size:15px;margin:0}