.cpl-library,.cpl-detail{font:inherit;color:inherit;max-width:1080px;margin:1.5rem auto}.cpl-search{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:0 0 20px}.cpl-search label{display:flex;flex-direction:column;gap:5px;flex:1 1 220px;font-size:.9rem}.cpl-search input,.cpl-search select,.cpl-fields input{width:100%;padding:11px;border:1px solid #b8c4ce;border-radius:6px;background:#fff;color:#17222e}.cpl-search button,.cpl-copy{background:#143d57;color:#fff;border:0;border-radius:7px;padding:12px 18px;cursor:pointer}.cpl-search button:hover,.cpl-copy:hover{background:#225c80}.cpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:16px}.cpl-card{border:1px solid #dce3e9;border-radius:10px;padding:19px;background:#fff;color:#182734;box-shadow:0 3px 10px #162b4010}.cpl-card h3{font-size:1.12rem;line-height:1.4;margin:0 0 12px}.cpl-card h3 a{color:#123a58;text-decoration:none}.cpl-open{display:inline-block;margin-top:6px;font-weight:600}.cpl-muted{color:#617080;font-size:.88rem}.cpl-pages{display:flex;gap:8px;margin:22px 0}.cpl-pages a{padding:7px 10px;border:1px solid #dce3e9;border-radius:4px}.cpl-pages [aria-current=page]{font-weight:700;background:#e8eff5}.cpl-detail{border:1px solid #dce3e9;border-radius:12px;padding:clamp(16px,3vw,30px);background:#fff;color:#1b2936}.cpl-builder{margin-top:24px}.cpl-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:14px 0 24px}.cpl-fields label{font-weight:600;font-size:.88rem;display:flex;flex-direction:column;gap:6px}.cpl-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow-y:auto;font:inherit;font-size:.94rem;line-height:1.65;color:#182632;background:#f4f7fa;border:1px solid #d9e2eb;border-radius:8px;padding:18px}.cpl-message{margin-left:10px}.cpl-library :focus-visible,.cpl-detail :focus-visible{outline:3px solid #398fd1;outline-offset:2px}
.cpl-back{margin:0 0 .5rem}.cpl-title{margin-top:0}.cpl-description{line-height:1.6}.cpl-related{max-width:1080px;margin:1.5rem auto}.cpl-related ul{margin:.5rem 0 0 1.2rem}.cpl-related li{margin:.3rem 0}.cpl-output::selection,.cpl-output ::selection{background:#bfdcf3}
.cpl-library *,.cpl-library *::before,.cpl-library *::after,.cpl-detail *,.cpl-detail *::before,.cpl-detail *::after{box-sizing:border-box}.cpl-card p{font-size:.95rem;line-height:1.55;margin:0 0 10px}.cpl-card .cpl-open{font-size:.95rem}.cpl-detail h3{font-size:1.1rem;margin:1.2rem 0 .6rem}