/* pages-a.css — platform, integrity, shadow-ai, integrations, capabilities. Every rule is pa- prefixed so nothing here
   reaches another page. Colours are theme tokens only, so light and dark both hold. */

/* shared */
.pa-verbs{margin-top:34px}
.pa-verbs .card,.pa-gw .card{display:flex;flex-direction:column}
.pa-verbs .card .link-arrow{margin-top:auto;padding-top:16px}
.pa-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.pa-list li{position:relative;padding-left:16px;font-size:.92rem;color:var(--ink-2);line-height:1.55}
.pa-list li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--amber)}
.pa-list li b{color:var(--ink)}
.pa-h3{font-size:1.12rem;font-weight:700;letter-spacing:-.02em;margin:0}
.pa-p{font-size:.93rem;color:var(--ink-2);line-height:1.56;margin:0}
.pa-p.pa-gap{margin-top:18px}
.pa-split{margin-top:34px;align-items:start}
.pa-split>*{min-width:0}
.pa-more{display:flex;flex-direction:column}
.lcard .ll+.pa-list{margin-top:14px}

/* Policy Shield families */
.pa-fam{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.pa-fam>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 18px;min-width:0}
.pa-fam .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.pa-fam b{display:block;font-size:1rem;margin-top:4px;color:var(--ink)}
.pa-fam p{font-size:.86rem;color:var(--ink-2);margin-top:4px;line-height:1.5}
.pa-fam>div.pa-own{border-style:dashed;background:transparent}
@media(max-width:1080px){.pa-fam{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pa-fam{grid-template-columns:1fr}}

/* identity assurance ladder */
.pa-ladder{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.pa-ladder li{display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:center;font-size:.9rem;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--bg)}
.pa-ladder li span{grid-row:span 2;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-family:var(--mono);font-size:.72rem;border:1px solid var(--line-2);color:var(--amber)}
.pa-ladder li small{font-weight:400;font-size:.78rem;color:var(--ink-3)}

/* integrity page */
.pa-q{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.pa-q>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 18px;min-width:0}
.pa-q .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.pa-q b{display:block;font-size:1.02rem;margin-top:6px;color:var(--ink);line-height:1.35}
.pa-q p{font-size:.86rem;color:var(--ink-2);margin-top:6px;line-height:1.5}
@media(max-width:980px){.pa-q{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pa-q{grid-template-columns:1fr}}
.pa-states{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.pa-states>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:18px;min-width:0}
.pa-states .sw{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:8px}
.pa-states b{font-size:1rem;color:var(--ink)}
.pa-states p{font-size:.88rem;color:var(--ink-2);margin-top:8px;line-height:1.5}
@media(max-width:860px){.pa-states{grid-template-columns:1fr}}
.pa-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.pa-chain>div{border:1px solid var(--line);border-top-width:3px;border-radius:14px;background:var(--paper);padding:16px 18px;min-width:0}
.pa-chain b{display:block;font-size:1.02rem}
.pa-chain p{font-size:.86rem;color:var(--ink-2);margin-top:6px;line-height:1.5}
.pa-chain .broken{border-top-color:var(--block)} .pa-chain .broken b{color:var(--block)}
.pa-chain .unapproved{border-top-color:var(--flag)} .pa-chain .unapproved b{color:var(--flag)}
.pa-chain .weak{border-top-color:var(--flag)} .pa-chain .weak b{color:var(--flag)}
.pa-chain .inorder{border-top-color:var(--allow)} .pa-chain .inorder b{color:var(--allow)}
@media(max-width:980px){.pa-chain{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pa-chain{grid-template-columns:1fr}}
.pa-planes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.pa-planes>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 18px;min-width:0}
.pa-planes .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pa-planes b{display:block;font-size:1rem;margin-top:4px;color:var(--ink)}
.pa-planes p{font-size:.86rem;color:var(--ink-2);margin-top:6px;line-height:1.5}
.pa-planes p.d{color:var(--ink-3);font-size:.8rem}
@media(max-width:980px){.pa-planes{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pa-planes{grid-template-columns:1fr}}

/* shadow AI: how it is found */
.pa-src{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.pa-src>div{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 18px;min-width:0}
.pa-src .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.pa-src b{display:block;font-size:1rem;margin-top:4px;color:var(--ink)}
.pa-src p{font-size:.86rem;color:var(--ink-2);margin-top:6px;line-height:1.5}
.pa-src .ll{margin-top:12px}
@media(max-width:980px){.pa-src{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pa-src{grid-template-columns:1fr}}
.pa-sankey{margin-top:30px}

/* integrations: "how it connects" line */
.pa-how{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);margin-top:10px;letter-spacing:.02em}
.pa-span2{grid-column:span 2}
@media(max-width:620px){.pa-span2{grid-column:auto}}
