/* ===================== v0.9: agent pages ===================== */
.finding.fx{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}
.agp-hero .phero-grid{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.agp-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.agp-id .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:var(--on-accent)}
.agp-id .ic .ico{font-size:20px}
.agp-id .eyebrow{color:var(--a)}
.agp-answer{max-width:620px}
.agp-rev{margin-top:18px;font:500 11px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.mm-ag em.nx{font:700 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--blue);margin-left:6px;font-style:normal;text-transform:uppercase}
.prof .link-arrow{margin-top:6px}.prof .prof-st{position:absolute;top:18px;right:18px}

/* page sections */
.agp-watch{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.agp-p{font-size:18px;line-height:1.65;color:var(--dim);margin:0 0 20px}
.agp-src{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.agp-src li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--glass-in);border:1px solid var(--glass-in-line);color:var(--text);font-size:14px}
.agp-src .ico{color:var(--mint);font-size:14px}
.agp-why{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.agp-proof{display:grid;gap:12px;align-content:start}
.agp-proof .num{font:600 clamp(48px,6vw,72px)/1 var(--display);color:var(--a);letter-spacing:-.03em}
.agp-proof p{margin:0;color:var(--dim)}
.agp-proof .when{font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.agp-proof.none{border-style:dashed}
.agp-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
.agp-how li{position:relative;display:grid;gap:8px;padding:22px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.agp-how li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:10px;height:2px;background:var(--line-2)}
.agp-how .n{font:700 12px/1 var(--mono);color:var(--a,var(--mint))}
.agp-how b{font:600 18px/1.2 var(--display);color:var(--text)}
.agp-how span:last-child{color:var(--dim);font-size:14.5px;line-height:1.5}
.agp-never{margin-top:16px;display:grid;gap:12px}
.agp-never ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.agp-never li{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:15px}
.agp-never li .ico{color:var(--pink);font-size:15px}
.agp-never .small{color:var(--muted);font-size:13px}
.agp-rel{display:grid;gap:10px;align-content:start;color:var(--text)}
.agp-rel .top{display:flex;align-items:center;gap:10px}.agp-rel .top b{font:600 17px/1.2 var(--display)}
.agp-rel .ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:var(--on-accent)}
.agp-rel .body{color:var(--dim);font-size:14.5px}
.agp-rel:hover{color:var(--text);border-color:var(--a)}
.agp-who{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 22px;border-radius:14px;background:var(--glass-in);border:1px solid var(--glass-in-line)}
.agp-who .mm-h{padding:0 0 10px;display:block}.agp-who .chips{display:flex;flex-wrap:wrap;gap:8px}.agp-who p{margin:10px 0 0;color:var(--dim);font-size:14.5px}
.agp-links a{color:var(--cyan)}
.agp-pn{max-width:880px;margin:34px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.agp-pn a{display:grid;gap:4px;padding:14px 18px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);color:var(--text)}
.agp-pn a span{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:6px;align-items:center}
.agp-pn a b{font:600 16px/1.2 var(--display)}
.agp-pn .nx{text-align:right;justify-items:end}.agp-pn .hub{color:var(--mint);font-weight:700;font-size:14px}
.agp-pn .ico.flip{transform:scaleX(-1)}
.agp-pn a:hover{border-color:var(--line-2);color:var(--text)}
@media (max-width:1080px){.agp-hero .phero-grid,.agp-watch,.explorer,.agp-why{grid-template-columns:minmax(0,1fr)}.agp-how{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-panels{position:static}.agp-how li:not(:last-child)::after{display:none}}
@media (max-width:640px){.agp-how{grid-template-columns:minmax(0,1fr)}.agp-who{grid-template-columns:minmax(0,1fr)}.agp-pn{grid-template-columns:1fr 1fr}.agp-pn .hub{grid-column:1/-1;grid-row:2;text-align:center}}
@media (prefers-reduced-motion:reduce){.scene *{transition:none!important}}

@media (max-width:1080px){.agp-watch{gap:8px}}
@media (max-width:640px){.agp-hero .scene{margin-inline:-12px;border-radius:16px}.sc-svg text{font-size:11px}.sc-svg .t-in{font-size:12px}.sc-svg .ax{font-size:10px}}

/* ===================== Theme additions: the agent page words as core blocks =====================
   patterns/page-agent-*.php (spec/harness/gen_agent_patterns.py) carry r_agent_page()'s classes on core
   blocks; these rules stand in for the prototype's inline icons and spans. Everything above is the kit's
   agent-page.css as exported (the same rules are also at the end of op.css). */
:root{--op-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}
.agp-watch>.rv>*,.agp-never>*,.agp-who>*,.agp-who-col>*{margin-block:0}
.agp-watch>.sec-hd{margin-bottom:0}
.agp-src.wp-block-list{padding:0;margin:0}
.agp-src>li::before,.agp-never .agp-x>li::before{content:"";width:14px;height:14px;flex:none;background:var(--mint);-webkit-mask:var(--op-tick) center/contain no-repeat;mask:var(--op-tick) center/contain no-repeat}
.agp-never .agp-x{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.agp-never .agp-x>li{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:15px}
.agp-never .agp-x>li::before{width:15px;height:15px;background:var(--pink);-webkit-mask-image:var(--op-x);mask-image:var(--op-x)}
.agp-never>.eyebrow{color:var(--a,var(--mint))}
.agp-never>p.small{color:var(--muted);font-size:13px}
.agp-who .mm-h{padding:0 0 10px;display:block}
.agp-who .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.agp-who .chips>li{display:inline-flex;align-items:center;padding:7px 13px;border-radius:var(--pill);background:var(--row);border:1px solid var(--line);color:var(--text);font-size:13px;line-height:1.2}
.agp-who-col>p:not([class]){margin:10px 0 0;color:var(--dim);font-size:14.5px}
.agp-catches>.ex-also{margin-top:26px}
.wp-block-group.wrap>.agp-pn,.wp-block-group.wrap>.wp-block-omnipath-agent-nav{margin-top:34px}