.cp{gap:16px}
.cp-card{border:1.5px dashed var(--line);border-radius:10px;background:#f1efe8;padding:14px;display:grid;gap:12px}
.cp-card>*{opacity:1}
.cp-cc-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.cp-cc-head b{color:#4b4f5b}
.cp-notice{background:var(--amber-l);border:1px solid #f0d88a;color:#5e4500;border-radius:8px;padding:9px 12px;font-size:14px}
.cp-nets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.cp-net{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 4px;filter:grayscale(.85);opacity:.7;display:grid;place-items:center}
.cp-logo svg{display:block;width:100%;height:24px}
.cp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cp-fine{margin:0}
.cp-fs{border:0;margin:0;padding:0;min-width:0}
.cp-fs legend{padding:0;margin-bottom:8px}
.cp-opts{display:grid;gap:10px}
.cp-opt{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;position:relative;transition:border-color .2s,background .2s,box-shadow .2s}
.cp-opt:hover{border-color:#cfcabb}
.cp-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cp-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #b8b3a2;margin-top:1px;background:#fff;display:grid;place-items:center;transition:border-color .2s}
.cp-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold-d);transform:scale(0);transition:transform .15s}
.cp-txt{display:grid;gap:2px}
.cp-txt b{font-weight:700}
.cp-txt em{font-style:normal;font:700 11px var(--f);letter-spacing:.06em;text-transform:uppercase;background:var(--gold-l);color:var(--gold-d);padding:1px 8px;border-radius:99px;margin-left:6px}
.cp-txt small{color:var(--mute);font-size:13px}
.cp-opt.cp-sel{border-color:var(--gold-d);background:var(--gold-l);box-shadow:0 0 0 3px rgba(255,192,0,.25)}
.cp-opt.cp-sel .cp-dot{border-color:var(--gold-d)}
.cp-opt.cp-sel .cp-dot:after{transform:scale(1)}
.cp-opt:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.cp-info{border-left:3px solid var(--gold-d);padding:6px 12px;background:#faf8f2;border-radius:0 8px 8px 0}
@media(max-width:700px){.cp-nets{grid-template-columns:repeat(3,1fr)}.cp-cc-head{flex-direction:column}}