/* The industry and guide diagrams in the redesign (v2_plate() in build.py,
   17 Oct 2026). They replace the old PL-NN field plates: the site's own type,
   ink and brand pink, and phone layouts that reflow instead of swiping. */
.v2p{width:100%;max-width:860px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid rgba(20,22,31,.06);padding:26px 28px 22px;color:var(--ink)}
.v2p-t{font-weight:800;font-size:21px;line-height:1.25;letter-spacing:-.02em;margin-bottom:20px}
.v2p-note{margin-top:20px;padding-top:14px;border-top:1px dashed rgba(20,22,31,.18);font-size:13.5px;line-height:1.5;color:var(--muted)}
.v2p small{display:block;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}

/* hub: a centre with the items either side */
.v2p-hub{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);column-gap:28px;align-items:center}
.v2p-spk{display:grid;gap:10px}
.v2p-spk li{position:relative;padding:12px 14px 12px 16px;border-radius:12px;background:var(--paper);border-left:4px solid var(--pink);font-weight:600;font-size:14.5px;line-height:1.35}
.v2p-spk.l li::after,.v2p-spk.r li::before{content:"";position:absolute;top:50%;width:28px;border-top:1.5px dashed rgba(20,22,31,.28)}
.v2p-spk.l li::after{right:-28px}
.v2p-spk.r li::before{left:-32px}
.v2p-hub.wide{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px}
.v2p-hub.wide .v2p-core{grid-column:1 / -1;grid-row:1;text-align:left;display:flex;align-items:baseline;gap:14px}
.v2p-hub.wide .v2p-core small{margin:0}
.v2p-hub.wide .v2p-spk.l li::after,.v2p-hub.wide .v2p-spk.r li::before{display:none}
.v2p-core{padding:22px 18px;border-radius:18px;background:var(--ink);color:#fff;text-align:center;box-shadow:0 18px 34px -18px rgba(20,22,31,.6)}
.v2p-core small{color:var(--pink);margin-bottom:8px}
.v2p-core b{display:block;font-weight:800;font-size:19px;line-height:1.25;letter-spacing:-.01em}

/* timeline: what runs when */
.v2p-gh,.v2p-gr{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:20px;align-items:center}
.v2p-gh{padding-bottom:10px}
.v2p-gh>span{color:var(--muted);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
.v2p-gh>div,.v2p-gt{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.v2p-gh i{font-style:normal;font-weight:700;font-size:12.5px;text-align:center;color:var(--muted)}
.v2p-gr{padding:12px 0;border-top:1px solid var(--rule)}
.v2p-gl b{display:block;font-weight:700;font-size:15px;line-height:1.3}
.v2p-gl small{text-transform:none;letter-spacing:0;font-weight:500;font-size:13px;color:var(--muted);margin-top:2px}
.v2p-gt{height:18px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--paper) 0,var(--paper) calc(100%/var(--n) - 2px),#fff calc(100%/var(--n) - 2px),#fff calc(100%/var(--n)))}
.v2p-gt span{height:18px;border-radius:999px;background:var(--pink)}
.v2p-gr:nth-child(odd) .v2p-gt span{background:var(--ink)}

/* scale: where each item sits between two ends */
.v2p-lad{display:grid;gap:4px}
.v2p-axis,.v2p-lr{display:grid;grid-template-columns:270px minmax(0,1fr) 150px;column-gap:18px;align-items:center}
.v2p-axis{padding-bottom:6px}
.v2p-axis>div{display:flex;justify-content:space-between;gap:10px}
.v2p-axis>div span{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.v2p-axis>div span:last-child{color:var(--pink-deep);text-align:right}
.v2p-lr{padding:12px 0;border-top:1px solid var(--rule)}
.v2p-lr b{font-weight:600;font-size:15px;line-height:1.35}
.v2p-lt{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(20,22,31,.14),rgba(20,22,31,.14) 45%,var(--pink))}
.v2p-lt i{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:3px solid var(--ink)}
.v2p-lr.hi .v2p-lt i{background:var(--pink);border-color:#fff;box-shadow:0 0 0 2px var(--pink)}
.v2p-lr em{font-style:normal;font-weight:700;font-size:13.5px;color:var(--muted)}
.v2p-lr.hi em{color:var(--pink-deep)}

/* flow: the question, the stages, what decides it */
.v2p-q{display:inline-block;max-width:100%;padding:16px 20px;border-radius:18px 18px 18px 4px;background:var(--ink);color:#fff}
.v2p-q small{color:var(--pink);margin-bottom:6px}
.v2p-q b{font-weight:700;font-size:18px;line-height:1.35}
.v2p-ll{margin-top:22px;margin-bottom:10px;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v2p-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v2p-steps li{padding:16px 14px;border-radius:14px;background:var(--paper)}
.v2p-steps .n{display:block;font-weight:800;font-size:13px;color:var(--pink);margin-bottom:6px}
.v2p-steps .n:empty{display:none}
.v2p-steps b{display:block;font-weight:800;font-size:16px;line-height:1.25;margin-bottom:6px}
.v2p-steps li>span:last-child{display:block;font-size:13.5px;line-height:1.45;color:var(--muted)}
.v2p-steps li.on{background:var(--pink);color:#fff}
.v2p-steps li.on .n{color:#fff}
.v2p-steps li.on>span:last-child{color:rgba(255,255,255,.92)}
.v2p-out{margin-top:20px;padding-left:16px;border-left:4px solid var(--pink)}
.v2p-out small{color:var(--pink-deep);margin-bottom:6px}
.v2p-out p{font-weight:600;font-size:16px;line-height:1.5}

/* funnel: rows narrowing to the step that gets missed */
.v2p-fun{display:grid;gap:4px}
.v2p-fr{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:20px;align-items:center;padding:10px 0;border-top:1px solid var(--rule)}
.v2p-fl b{display:block;font-weight:800;font-size:16px}
.v2p-fl small{text-transform:none;letter-spacing:0;font-weight:500;font-size:13.5px;color:var(--muted);margin-top:2px}
.v2p-fb{height:28px;border-radius:999px;background:var(--paper)}
.v2p-fb i{display:block;height:100%;border-radius:999px;background:var(--ink)}
.v2p-fr.hi .v2p-fb i{background:var(--pink)}
.v2p-fr.hi b{color:var(--pink-deep)}

/* the results page, block by block */
.v2p-serp{padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--rule)}
.v2p-sbar{height:38px;border-radius:999px;background:#fff;border:1px solid var(--rule);display:flex;align-items:center;padding:0 16px}
.v2p-sbar i{height:7px;width:42%;border-radius:999px;background:rgba(20,22,31,.18)}
.v2p-sb{margin-top:8px;padding:12px 16px 14px;border-radius:12px;background:#fff;border:1.5px solid var(--rule)}
.v2p-sb.hi{border-color:var(--pink)}
.v2p-sb b{display:inline-block;margin-right:10px;font-weight:800;font-size:14px}
.v2p-sb.hi b{color:var(--pink-deep)}
.v2p-sb span{font-size:14px;color:var(--muted)}
.v2p-sb i{display:block;height:6px;margin-top:9px;width:78%;border-radius:999px;background:rgba(20,22,31,.12)}
.v2p-sb i+i{margin-top:6px;width:56%}

@media (max-width:760px){
  .v2p{padding:20px 16px 16px;margin-top:26px}
  .v2p-t{font-size:19px;margin-bottom:16px}
  .v2p-hub{display:flex;flex-direction:column;gap:10px}
  .v2p-core{order:-1;width:100%}
  .v2p-spk{width:100%}
  .v2p-spk.l li::after,.v2p-spk.r li::before{display:none}
  .v2p-gh,.v2p-gr{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .v2p-gh>span{display:none}
  .v2p-axis,.v2p-lr{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .v2p-axis>span{display:none}
  .v2p-hub.wide .v2p-core{display:block}
  .v2p-lr em{font-size:13px}
  .v2p-steps{grid-template-columns:minmax(0,1fr)}
  .v2p-q b{font-size:16.5px}
  .v2p-fr{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .v2p-fb{height:22px}
}