/* plan.css : individual brand plan page (uses global.css tokens) */
.pl2-wrap{max-width:820px;margin:0 auto;padding:36px 28px 100px}
.pl2-crumb{font-size:13px;color:var(--ink-muted);margin-bottom:22px}
.pl2-crumb a{color:var(--ink-muted)}
.pl2-crumb a:hover{color:var(--ink-2)}

.pl2-head .idrow{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.pl2-head .fav{width:46px;height:46px;border-radius:12px;background:var(--paper);border:1px solid var(--rule);box-shadow:var(--sh);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--ink);flex-shrink:0}
.pl2-head .idbrand{flex:1;min-width:0;font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.pl2-head .lbl{font-size:13px;font-weight:600;color:var(--tertiary);margin-bottom:12px}
.pl2-head h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:0}
.pl2-head .sub{font-size:17px;color:var(--tertiary);margin-top:14px;font-weight:450;max-width:60ch;line-height:1.5}
.pl2-tag{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:5px 11px;border-radius:var(--radius-full)}
.pl2-tag.strong{color:var(--scale);background:var(--scale-bg)}
.pl2-tag.moderate{color:var(--warn);background:var(--warn-bg)}
.pl2-tag.weak{color:var(--kill);background:var(--kill-bg)}
.pl2-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pl2-mchip{font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-full);padding:6px 12px}
.pl2-mchip .k{color:var(--ink-muted)}
.pl2-est{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:13px;color:var(--ink-muted)}
.pl2-est .av{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--surface);border:1px solid var(--rule)}
.pl2-est a{color:var(--accent-ink);font-weight:600}
.pl2-est b{color:var(--ink-2);font-weight:600}

.pl2-kick{font-size:13px;font-weight:600;color:var(--tertiary);margin-bottom:14px}
.pl2-lead{font-size:15px;color:var(--tertiary);line-height:1.6;margin-bottom:16px;max-width:66ch}
.pl2-lead b{color:var(--ink);font-weight:600}
.pl2-sec{margin-top:52px}
.pl2-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--sh)}

.pl2-read{padding:28px 32px}
.pl2-read p{font-size:16px;line-height:1.62;color:var(--ink);margin-bottom:14px}
.pl2-read p:last-child{margin-bottom:0}
.pl2-read b{font-weight:600}

.pl2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pl2-stat{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:18px}
.pl2-stat .l{font-size:12px;color:var(--ink-muted)}
.pl2-stat .v{font-family:var(--font-mono);font-weight:500;font-size:26px;letter-spacing:-.01em;color:var(--ink);margin-top:8px;font-variant-numeric:tabular-nums}
.pl2-stat .v small{font-size:15px;color:var(--ink-muted)}
.pl2-assume{font-size:13px;color:var(--ink-muted);margin-top:12px;line-height:1.5}
.pl2-assume b{color:var(--ink-2);font-weight:600;font-family:var(--font-mono)}

.pl2-fields{padding:6px 26px}
.pl2-field{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:17px 0;border-top:1px solid var(--rule)}
.pl2-field:first-child{border-top:none}
.pl2-field .fl{font-size:14px;font-weight:600;color:var(--ink)}
.pl2-field .fv{font-size:14px;color:var(--tertiary);line-height:1.6}

.pl2-brief{display:flex;gap:24px;padding:22px;align-items:flex-start;margin-bottom:14px}
.pl2-brief .mock{width:150px;flex-shrink:0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}
.pl2-brief .mh{display:flex;gap:7px;align-items:center;padding:9px 11px}
.pl2-brief .dot{width:24px;height:24px;border-radius:50%;background:var(--ink)}
.pl2-brief .mn{font-size:11px;font-weight:700;color:var(--ink)}
.pl2-brief .ml{font-size:9px;color:var(--ink-muted)}
.pl2-brief .mv{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;font-size:13px;font-weight:600;color:var(--ink);line-height:1.35;background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pl2-brief .mf{display:flex;justify-content:space-between;align-items:center;padding:9px 11px}
.pl2-brief .md{font-family:var(--font-mono);font-size:9px;color:var(--ink-muted)}
.pl2-brief .mc{font-size:10px;font-weight:600;background:var(--ink);color:#fff;padding:4px 9px;border-radius:var(--radius-full)}
.pl2-brief .bc{flex:1;min-width:0}
.pl2-brief .bl{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.pl2-brief .fmt{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);padding:4px 10px;border-radius:var(--radius-full)}
.pl2-brief .ang{font-size:12px;color:var(--ink-muted)}
.pl2-brief .hook{font-size:17px;font-weight:600;line-height:1.32;color:var(--ink);margin-bottom:10px}
.pl2-brief .why{font-size:13px;color:var(--tertiary);line-height:1.5}

/* set-it-up config + checklist */
.pl2-set{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:14px 0;border-top:1px solid var(--rule)}
.pl2-set:first-child{border-top:none}
.pl2-set .sl{font-size:13px;font-weight:600;color:var(--ink)}
.pl2-set .sv{font-size:14px;color:var(--tertiary);line-height:1.55}
.pl2-set .sv b{color:var(--ink-2);font-weight:600}
.pl2-set .sv .m{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.pl2-steps{padding:6px 26px}
.pl2-step{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--rule)}
.pl2-step:first-child{border-top:none}
.pl2-step .n{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pl2-step .t{font-size:14.5px;color:var(--ink-2);line-height:1.55;padding-top:2px}
.pl2-step .t b{color:var(--ink);font-weight:600}

.pl2-trust{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:24px 28px}
.pl2-trust h3{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px}
.pl2-trust p{font-size:14px;color:var(--tertiary);line-height:1.6}

.pl2-strip{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pl2-strip .h{font-size:20px;font-weight:600;letter-spacing:-.01em}
.pl2-strip .s{font-size:14px;color:rgba(255,255,255,.7);margin-top:4px;max-width:440px}
.pl2-strip .b{background:#fff;color:var(--ink);font-size:14px;font-weight:600;padding:0 20px;height:46px;display:inline-flex;align-items:center;border-radius:var(--radius);text-decoration:none}

.pl2-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pl2-rcard{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--sh);padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.pl2-rcard:hover{border-color:var(--neutral)}
.pl2-rcard .rn{font-size:14px;font-weight:600;color:var(--ink)}
.pl2-rcard .rd{font-size:12px;color:var(--ink-muted)}
@media(max-width:720px){
  .pl2-wrap{padding:28px 20px 80px}
  .pl2-stats{grid-template-columns:1fr 1fr}
  .pl2-rel{grid-template-columns:1fr}
  .pl2-field{grid-template-columns:1fr;gap:6px}
  .pl2-set{grid-template-columns:1fr;gap:6px}
  .pl2-brief{flex-direction:column;gap:16px}
  .pl2-brief .mock{width:100%;max-width:200px}
  .pl2-read{padding:22px 20px}
  .pl2-fields{padding:4px 20px}
  .pl2-steps{padding:4px 20px}
  .pl2-trust{padding:22px 20px}
  .pl2-strip{padding:24px 22px}
}
@media(max-width:420px){
  .pl2-head h1{font-size:26px;line-height:1.2}
  .pl2-brief .mock{max-width:100%}
}
