.cp-block{border-top:1px solid var(--si-gray-border);margin-top:56px;padding-top:40px}.cp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.cp-title{letter-spacing:-.02em;color:var(--si-black);margin:0 0 6px;font-size:1.6rem;font-weight:800;line-height:1.25}.cp-title em{color:var(--si-accent);font-style:normal}.cp-sub{max-width:640px;color:var(--si-gray-text);margin:0;font-size:.95rem;line-height:1.6}.cp-all{color:var(--si-primary-dark);white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:700}.cp-all:hover{text-decoration:underline}.cp-rows{flex-direction:column;gap:14px;display:flex}.cp-note{color:var(--si-gray-text);margin:16px 0 0;font-size:.8rem}.cp-note a{color:var(--si-primary-dark);font-weight:600}.ce-block{gap:20px;margin-top:56px;display:grid}@media (min-width:992px){.ce-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}.ce-how,.ce-example{border:1px solid var(--si-gray-border);background:#fff;border-radius:18px;padding:26px}.ce-example{background:var(--si-gray-bg)}.ce-title{letter-spacing:-.02em;color:var(--si-black);margin:0 0 14px;font-size:1.35rem;font-weight:800}.ce-title em{color:var(--si-accent);font-style:normal}.ce-formula{background:var(--si-primary-light);color:var(--si-primary);white-space:nowrap;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:.95rem;font-weight:700;overflow-x:auto}.ce-text{color:var(--si-gray-text);margin:0 0 10px;font-size:.92rem;line-height:1.7}.ce-cols{gap:18px;display:grid}@media (min-width:560px){.ce-cols{grid-template-columns:1fr 1fr}}.ce-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--si-gray-text);margin:0 0 8px;font-size:.72rem;font-weight:800}.ce-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ce-list li{border:1px solid var(--si-gray-border);background:#fff;border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.85rem;display:flex}.ce-list span{color:var(--si-gray-text)}.ce-list b{color:var(--si-black);white-space:nowrap}.ce-list-out b{color:var(--si-primary-dark)}.ce-note{color:var(--si-gray-text);margin:12px 0 0;font-size:.78rem}.cp-links{flex-wrap:wrap;align-items:center;gap:8px 18px;display:inline-flex}.cp-compare{background:var(--si-primary);color:#fff;border:2px solid var(--si-primary);border-radius:10px;padding:8px 14px}.cp-compare:hover{opacity:.9;text-decoration:none}.embed-box{border:1px solid var(--si-gray-border);background:var(--si-gray-bg);border-radius:14px;margin-top:40px;padding:18px 20px}.embed-box summary{cursor:pointer;color:var(--si-black);font-weight:700}.embed-box p{color:var(--si-gray-text);margin:12px 0;font-size:.9rem;line-height:1.6}.embed-box textarea{border:1px solid var(--si-gray-border);resize:vertical;background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.embed-box button{background:var(--si-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;margin-top:10px;padding:0 18px;font-weight:700}