:root{--cl-ink:#142033;--cl-muted:#627086;--cl-line:#dfe6ef;--cl-panel:#fff;--cl-soft:#f6f8fc;--cl-brand:#5b4cf0;--cl-accent:#16a3a0;--cl-dark:#10182c}
.cl-lab-card{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:26px;padding:clamp(20px,4vw,38px);box-shadow:0 18px 55px rgba(35,48,82,.08);margin:0 0 28px}
.cl-tool-title{max-width:760px;margin:0 0 24px}.cl-tool-title h1,.cl-tool-title h2,.cl-content-head h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.045em;margin:.25rem 0 .75rem}.cl-tool-title p,.cl-content-head p{color:var(--cl-muted);font-size:1.04rem}.cl-kicker{display:inline-block;font-size:.73rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#5142d6}
.cl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cl-workbox{background:#fbfcfe;border:1px solid var(--cl-line);border-radius:18px;padding:18px}.cl-workbox.cl-soft{background:#f7f5ff}.cl-field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cl-field,.cl-field-row label,.cl-recipe-grid label,.cl-contact-form label{display:block;font-size:.88rem;font-weight:750;color:#344054}.cl-field textarea,.cl-field-row select,.cl-recipe-grid input,.cl-recipe-grid select,.cl-contact-form input,.cl-contact-form textarea{width:100%;font:inherit;color:var(--cl-ink);background:#fff;border:1px solid #cdd6e4;border-radius:12px;padding:11px 12px;margin-top:7px;box-sizing:border-box}.cl-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.cl-field{margin-top:13px}
.cl-example-row,.cl-button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}.cl-example-row{font-size:.83rem;color:#738096}.cl-example-row button,.cl-btn{font:inherit;border:1px solid #cbd4e2;background:#fff;color:#27344a;border-radius:10px;padding:9px 12px;cursor:pointer}.cl-btn-primary{background:var(--cl-brand);border-color:var(--cl-brand);color:#fff;font-weight:800}.cl-btn:hover{transform:translateY(-1px)}.cl-status{font-size:.84rem;color:#5e6b80}.cl-privacy-note{background:#f1f6ff;border-radius:13px;padding:12px 14px;color:#536279;margin:16px 0 0}
.cl-single-tool{max-width:900px}.cl-result-box{margin-top:16px;border:1px solid var(--cl-line);background:#fafbfe;border-radius:16px;padding:18px;min-height:90px}.cl-result-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cl-result-summary strong{margin-right:auto}.cl-result-summary span,.cl-tag{font-size:.75rem;background:#edf0ff;color:#4b43c7;border-radius:999px;padding:6px 9px;font-weight:750}.cl-explain-list{display:grid;gap:9px}.cl-explain-list>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #e9edf4}.cl-explain-list code{font-weight:800}.cl-explain-list p{margin:0;color:#647086}.cl-good{color:#067647}.cl-warn{color:#b54708}
.cl-check-list{display:grid;gap:9px}.cl-check-list>div{display:flex;gap:11px;align-items:flex-start;border:1px solid #e5e9f1;border-radius:12px;padding:11px 13px;background:#fff}.cl-check-list .ok strong{color:#067647}.cl-check-list .warn strong{color:#b54708}
.cl-recipe-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:11px}.cl-code-output{white-space:pre-wrap;overflow:auto;background:#10182c;color:#e7ecf7;border-radius:14px;padding:16px 18px;font:600 .95rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-top:14px}.cl-small{font-size:.86rem;color:#6d788c}
.cl-content-head{max-width:780px;margin-bottom:22px}.cl-searchbar{display:flex;gap:13px;align-items:center;justify-content:space-between;margin-bottom:18px}.cl-searchbar input{width:min(650px,100%);padding:13px 15px;border:1px solid #cdd6e4;border-radius:12px;font:inherit}.cl-searchbar span{white-space:nowrap;color:#6a7588}.cl-function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cl-function-card{background:#fff;border:1px solid var(--cl-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.cl-function-card h2{margin:.5rem 0 .35rem;font-size:1.18rem}.cl-function-card p{font-size:.9rem;color:#687488;margin:.35rem 0}.cl-function-card>a{font-weight:750;font-size:.88rem}.cl-muted{color:#98a2b3;font-size:.82rem}
.cl-table-shell{overflow:auto;border:1px solid var(--cl-line);border-radius:15px;background:#fff}.cl-table-shell table{width:100%;border-collapse:collapse;min-width:850px}.cl-table-shell th,.cl-table-shell td{text-align:left;padding:12px 14px;border-bottom:1px solid #ecf0f5}.cl-table-shell th{background:#f6f8fb;color:#59667b;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.cl-table-shell tr:last-child td{border-bottom:0}
.cl-error-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cl-error-grid article{border:1px solid var(--cl-line);border-radius:16px;padding:18px;background:#fff}.cl-error-grid code{display:inline-block;background:#fff0ed;color:#b42318;border-radius:9px;padding:7px 10px;font-weight:850}.cl-error-grid h2{font-size:1.08rem;margin:.8rem 0 .4rem}.cl-error-grid p{color:#657186;margin:0}
.cl-shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cl-shortcut-grid>div{display:flex;gap:15px;align-items:center;border:1px solid var(--cl-line);background:#fff;border-radius:13px;padding:13px 15px}.cl-shortcut-grid kbd{min-width:165px;background:#f2f4f7;border:1px solid #d8dee8;border-bottom-width:3px;border-radius:8px;padding:6px 8px;font-weight:800}
.cl-faq{display:grid;gap:9px}.cl-faq details{border:1px solid var(--cl-line);background:#fff;border-radius:14px;padding:14px 16px}.cl-faq summary{font-weight:800;cursor:pointer}.cl-contact-form{max-width:720px;display:grid;gap:13px}.cl-notice{background:#eefbf4;border:1px solid #ccebd9;border-radius:12px;padding:12px 14px;margin-bottom:16px}
.cl-home-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 52px}.cl-home-strip>div{background:#111a30;color:#fff;border-radius:15px;padding:16px}.cl-home-strip strong{display:block;font-size:1.45rem}.cl-home-strip span{color:#b7c3d7;font-size:.84rem}.cl-home-section{margin:58px 0}.cl-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.cl-section-head h2{font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-.035em;line-height:1.08;margin:.3rem 0 0}.cl-section-head p{max-width:440px;color:#6c788c;margin:0}.cl-tool-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cl-tool-link-grid a{background:#fff;border:1px solid var(--cl-line);border-radius:18px;padding:18px;color:#172235;text-decoration:none}.cl-tool-link-grid a>span{font-size:.75rem;color:#6154dd;font-weight:850}.cl-tool-link-grid h3{margin:.55rem 0 .4rem}.cl-tool-link-grid p{color:#68758a;margin:0;font-size:.9rem}.cl-dark-section{background:#10182c;color:#fff;border-radius:26px;padding:clamp(24px,4vw,40px)}.cl-dark-section .cl-kicker{color:#a9a0ff}.cl-dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cl-dark-grid a{border:1px solid #2a3856;border-radius:15px;padding:17px;color:#fff;text-decoration:none}.cl-dark-grid strong{display:block}.cl-dark-grid span{display:block;color:#b7c2d5;margin-top:6px;font-size:.88rem}.cl-guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cl-guide-links a{border:1px solid var(--cl-line);background:#fff;border-radius:15px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.cl-guide-links code{font-weight:850;color:#4e46cb}.cl-guide-links span{color:#6c788c;font-size:.86rem}
.cl-inline-table{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.cl-inline-table>div{background:#f5f7fb;border:1px solid #e2e7ef;border-radius:12px;padding:12px}.cl-inline-table strong,.cl-inline-table span{display:block}.cl-inline-table strong{font-size:.75rem;color:#6c778a}.cl-lead{font-size:1.13rem;color:#536078}
@media(max-width:980px){.cl-function-grid{grid-template-columns:repeat(2,1fr)}.cl-tool-link-grid{grid-template-columns:repeat(2,1fr)}.cl-recipe-grid{grid-template-columns:1fr 1fr}.cl-home-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cl-two,.cl-error-grid,.cl-dark-grid,.cl-guide-links,.cl-shortcut-grid{grid-template-columns:1fr}.cl-inline-table{grid-template-columns:1fr 1fr}.cl-explain-list>div{grid-template-columns:1fr}.cl-searchbar,.cl-section-head{align-items:stretch;flex-direction:column}.cl-function-grid{grid-template-columns:1fr}}
@media(max-width:520px){.cl-field-row,.cl-recipe-grid,.cl-tool-link-grid,.cl-home-strip,.cl-inline-table{grid-template-columns:1fr}.cl-shortcut-grid>div{align-items:flex-start;flex-direction:column}.cl-shortcut-grid kbd{min-width:0}}
.cl-mini-report{margin-top:14px;border-top:1px solid var(--cl-line);padding-top:12px;color:#617087;font-size:.9rem}.cl-mini-report ul{margin:.5rem 0 0;padding-left:20px}.cl-tool-notes{margin-top:28px;padding-top:22px;border-top:1px solid var(--cl-line);max-width:900px}.cl-tool-notes h2{font-size:1.3rem;margin:1.2rem 0 .45rem}.cl-tool-notes p{color:#5e6b80}.cl-converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cl-workbox input{width:100%;font:inherit;color:var(--cl-ink);background:#fff;border:1px solid #cdd6e4;border-radius:12px;padding:11px 12px;margin-top:7px;box-sizing:border-box}.cl-converter-result{margin-top:14px;background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:14px;font-weight:800;min-height:52px}.cl-converter-links{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.cl-converter-grid{grid-template-columns:1fr}}


/* v2.3 deeper reference content */
.cl-long-notes{margin-top:30px;border-top:1px solid var(--cl-line);padding-top:24px}.cl-note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0 24px}.cl-note-grid>div,.cl-trust-grid>div{border:1px solid var(--cl-line);border-radius:14px;padding:15px;background:#fff}.cl-note-grid strong,.cl-trust-grid strong{display:block;margin-bottom:5px}.cl-note-grid p,.cl-trust-grid p{margin:0;color:var(--cl-muted);font-size:.9rem}.content-note{border-left:4px solid var(--cl-accent);background:#f0fbfa;padding:14px 16px;border-radius:0 12px 12px 0;margin:20px 0;color:#405167}.mini-link-row{display:flex;gap:8px;flex-wrap:wrap}.mini-link-row a{border:1px solid var(--cl-line);background:#fff;border-radius:999px;padding:8px 11px;font-size:.84rem;font-weight:750}.cl-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cl-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cl-category-grid section{background:#fff;border:1px solid var(--cl-line);border-radius:16px;padding:18px}.cl-category-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f5;padding-bottom:10px;margin-bottom:12px}.cl-category-head h2{font-size:1.05rem;margin:0}.cl-category-head span{font-size:.78rem;color:#7b879a}.cl-code-cloud{display:flex;flex-wrap:wrap;gap:7px}.cl-code-cloud a,.cl-code-cloud>span{background:#f5f7fb;border:1px solid #e4e8f0;border-radius:8px;padding:5px 8px}.cl-error-deep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cl-error-deep-grid article{background:#fff;border:1px solid var(--cl-line);border-radius:18px;padding:19px}.cl-error-top{display:flex;gap:12px;align-items:center}.cl-error-top code{background:#fff0ed;color:#b42318;border-radius:9px;padding:7px 10px;font-weight:850}.cl-error-top h2{font-size:1.08rem;margin:0}.cl-error-deep-grid h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;color:#526075;margin:16px 0 6px}.cl-error-deep-grid p,.cl-error-deep-grid li{color:#647086;font-size:.9rem}.cl-error-deep-grid ul{margin:0;padding-left:19px}.cl-mini-code{white-space:pre-wrap;background:#111a30;color:#edf1f8;border-radius:10px;padding:11px 12px;font:600 .84rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.cl-shortcut-jump{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.cl-shortcut-jump a{background:#fff;border:1px solid var(--cl-line);border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:750}.cl-shortcut-jump span{color:#7b8798}.cl-shortcut-section{margin:32px 0}.cl-shortcut-section>h2{font-size:1.35rem}.cl-argument-list,.cl-example-stack{display:grid;gap:9px;margin:14px 0}.cl-argument-list>div,.cl-example-stack>div{display:grid;grid-template-columns:minmax(160px,.35fr) 1fr;gap:16px;border:1px solid var(--cl-line);border-radius:13px;padding:13px 15px;background:#fff}.cl-argument-list p,.cl-example-stack p{margin:0;color:#637086}.cl-argument-list code{font-weight:800}.cl-inline-table{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.cl-inline-table>div{border:1px solid var(--cl-line);background:#fff;border-radius:12px;padding:10px 12px}.cl-inline-table strong,.cl-inline-table span{display:block}.cl-inline-table strong{font-size:.73rem;color:#7a8799;text-transform:uppercase;letter-spacing:.05em}.cl-lead{font-size:1.08rem;color:#526075}.cl-function-guide>h2{margin-top:30px}
@media(max-width:800px){.cl-note-grid,.cl-trust-grid,.cl-category-grid,.cl-error-deep-grid{grid-template-columns:1fr}.cl-inline-table{grid-template-columns:1fr 1fr}.cl-argument-list>div,.cl-example-stack>div{grid-template-columns:1fr}.cl-shortcut-grid{grid-template-columns:1fr}}