.clp-section{padding:clamp(72px,9vw,120px) 0;background:linear-gradient(180deg,#fafbff,#f1f5f9);position:relative}.clp-board{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.15fr);grid-gap:0;gap:0;align-items:stretch;background:#fff;border-radius:24px;border:1px solid var(--ap-line);box-shadow:var(--ap-shadow-md);padding:28px}@media(max-width:980px){.clp-board{grid-template-columns:minmax(0,1fr);padding:20px}}.clp-inputs{min-width:0}.clp-inputs__title{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ap-muted);font-weight:600;margin-bottom:14px}.clp-inputs__badge{font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:3px 9px;border-radius:999px;background:rgba(37,99,235,.1);color:var(--ap-primary)}.clp-inputs__grid{display:flex;flex-direction:column;gap:12px}.clp-input{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid var(--ap-line);min-width:0}.clp-input>div:not(.clp-input__icon){min-width:0;flex:1 1}.clp-input__icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.clp-input--blue .clp-input__icon,.clp-input__icon{background:rgba(37,99,235,.1);color:var(--ap-primary)}.clp-input--purple .clp-input__icon{background:rgba(124,58,237,.1);color:#7c3aed}.clp-input--emerald .clp-input__icon{background:rgba(16,185,129,.1);color:var(--ap-emerald)}.clp-input__title{font-size:15px;font-weight:700;color:var(--ap-ink);margin-bottom:4px}.clp-input__body{font-size:13.5px;color:var(--ap-ink-soft);line-height:1.55}.clp-bridge{position:relative;display:flex;align-items:center;justify-content:center}.clp-bridge__line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(124,58,237,.3),rgba(16,185,129,.2));transform:translateY(-50%);z-index:0}.clp-bridge__pill{position:relative;z-index:1;transform:rotate(-90deg);white-space:nowrap;background:#fff;padding:8px 14px;border-radius:999px;border:1px solid var(--ap-line);box-shadow:0 8px 20px -8px rgba(15,23,42,.12);font-size:11.5px;font-weight:700;color:var(--ap-ink);display:inline-flex;align-items:center;gap:6px}.clp-bridge__pill svg{color:var(--ap-primary-3)}@media(max-width:980px){.clp-bridge{padding:18px 0}.clp-bridge__pill{transform:none}.clp-bridge__line{width:2px;height:100%;top:0;left:50%;right:auto;transform:translateX(-50%);background:linear-gradient(180deg,rgba(37,99,235,.2),rgba(16,185,129,.2))}}.clp-output{display:flex;flex-direction:column;gap:16px;min-width:0}.clp-output__header{display:flex;align-items:center;gap:12px}.clp-output__badge{font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.clp-output__title{font-size:15px;font-weight:700;color:var(--ap-ink)}.clp-output__sub{font-size:12.5px;color:var(--ap-muted)}.clp-output__doc{background:linear-gradient(180deg,#fdfdfe,#f8fafc);border:1px solid var(--ap-line);border-radius:16px;overflow:hidden}.clp-row{display:flex;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(15,23,42,.05)}.clp-row:last-child{border-bottom:0}.clp-row:hover{background:rgba(37,99,235,.03)}.clp-row>div{min-width:0;flex:1 1}.clp-row__idx{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(37,99,235,.08);color:var(--ap-primary);font-size:11px;font-weight:800;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ap-font-mono)}.clp-row__label{font-size:13.5px;font-weight:700;color:var(--ap-ink)}.clp-row__detail{font-size:12.5px;color:var(--ap-ink-soft)}.clp-guardrails{margin-top:36px;background:linear-gradient(135deg,#0b1220,#1e293b);color:#e2e8f0;border-radius:20px;padding:26px 28px}.clp-guardrails__title{font-size:13.5px;font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:14px}.clp-guardrails__title em{color:#fde047;font-style:italic}.clp-guardrails ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.clp-guardrails ul li{font-size:13.5px;line-height:1.6;color:rgba(226,232,240,.82)}.clp-guardrails ul li strong{color:#fff;font-weight:600}@media(max-width:820px){.clp-guardrails ul{grid-template-columns:minmax(0,1fr)}}