:root{--clegal-navy:#101F33;--clegal-blue:#276fbd;--clegal-line:#d8e3ef;--clegal-muted:#5c7189;--clegal-bg:#edf3f9;--clegal-card:#fff}
.clegal-public{margin:0;min-height:100vh;background:linear-gradient(135deg,#ecf2f8,#f7f9fc);color:#172a42;font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.clegal-public *,.clegal-admin *{box-sizing:border-box}
.clegal-public-wrap,.clegal-accept-wrap{width:min(920px,calc(100% - 28px));margin:clamp(18px,4vw,52px) auto 44px}
.clegal-brand{font-weight:850;letter-spacing:.19em;font-size:1rem;color:var(--clegal-navy);margin:0 0 23px}
.clegal-back,.clegal-document a,.clegal-admin a,.clegal-actions a{color:#1767ae;text-decoration:none}
.clegal-back:hover,.clegal-document a:hover,.clegal-admin a:hover{text-decoration:underline}
.clegal-document,.clegal-panel{background:var(--clegal-card);border:1px solid var(--clegal-line);box-shadow:0 10px 40px rgba(16,31,51,.055);border-radius:16px;padding:clamp(20px,3vw,35px);margin:18px 0;overflow-wrap:anywhere}
.clegal-public h1,.clegal-accept-head h1{color:var(--clegal-navy);font-weight:800;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.25;margin:10px 0}
.clegal-document h2,.clegal-panel h2{color:var(--clegal-navy);font-size:clamp(1.08rem,1.6vw,1.34rem);font-weight:800;margin:0 0 10px}
.clegal-content{white-space:pre-wrap;font:inherit;color:#22374f;line-height:1.78;overflow-wrap:anywhere}
.clegal-meta,.clegal-footnote,.clegal-muted{color:var(--clegal-muted);font-size:.85rem;line-height:1.55}
.clegal-accept-head{border-radius:18px;background:linear-gradient(135deg,var(--clegal-navy),#235b90);color:white;padding:clamp(22px,4vw,39px)}
.clegal-accept-head span{font-weight:750;text-transform:uppercase;font-size:.77rem;letter-spacing:.13em;color:#97c9f5}
.clegal-accept-head h1{color:white}.clegal-accept-head p{margin:6px 0 0;color:#dbeafe;font-size:1rem}
.clegal-scrolling{max-height:310px;overflow-y:auto;border:1px solid var(--clegal-line);border-radius:10px;background:#f9fbfe;padding:18px;margin:18px 0;overscroll-behavior:contain}
.clegal-check{display:flex;gap:12px;align-items:flex-start;color:#22354d;font-weight:680;font-size:.9rem}
.clegal-check input,.clegal-publish input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#256bb2;margin:3px 0 0}
.clegal-button{border-radius:10px;padding:12px 20px;cursor:pointer;font:inherit;font-weight:750;border:1px solid transparent;min-height:44px}
.clegal-primary{background:#226cb4;color:white;border-color:#226cb4}
.clegal-secondary{background:#ecf4fe;color:#165990;border-color:#c6ddec}
.clegal-button:hover{filter:brightness(.96)}.clegal-button:focus-visible,.clegal-admin input:focus-visible,.clegal-admin textarea:focus-visible{outline:3px solid #86b9e9;outline-offset:2px}
.clegal-accept-form>.clegal-button{width:100%;margin-top:10px}
.clegal-alert{padding:14px 16px;border-radius:10px;font-size:.9rem;margin:16px 0}
.clegal-alert-error{color:#8b271c;background:#fff1f0;border:1px solid #f5c8c5}
.clegal-alert-ok{color:#1b5d43;background:#ebf8f2;border:1px solid #b7dfcc}
.clegal-actions{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin:16px 0}
.clegal-admin{width:min(1500px,100%);margin:0 auto;padding:12px clamp(11px,2vw,32px) 40px;color:#182c45}
.clegal-admin .clegal-hero{background:linear-gradient(125deg,#101F33,#204f7c);border-radius:17px;color:white;padding:clamp(20px,3vw,37px);margin-bottom:22px}
.clegal-admin .clegal-hero span{font-weight:800;letter-spacing:.15em;color:#a7d4ff;font-size:.77rem}
.clegal-admin .clegal-hero h1{font-weight:800;font-size:clamp(1.55rem,2.6vw,2.5rem);color:white;margin:8px 0}
.clegal-admin .clegal-hero p{color:#d6e9fc;margin:0}
.clegal-overview,.clegal-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:19px}
.clegal-overview article{background:#fff;border:1px solid var(--clegal-line);border-radius:13px;padding:20px;box-shadow:0 5px 18px rgba(16,31,51,.04);display:flex;flex-direction:column;gap:7px}
.clegal-overview span{font-size:.78rem;text-transform:uppercase;color:var(--clegal-muted);font-weight:750}
.clegal-overview strong{font-size:1.35rem;color:var(--clegal-navy)}
.clegal-overview small{color:var(--clegal-muted)}
.clegal-panel{margin:0;min-width:0;padding:clamp(15px,2vw,24px)}
.clegal-edit-form label{display:flex;flex-direction:column;font-weight:700;font-size:.85rem;color:#213850;gap:7px;margin:13px 0}
.clegal-edit-form input,.clegal-edit-form textarea{width:100%;border:1px solid #cbd9e9;background:#fff;color:#172d45;border-radius:9px;padding:11px 12px;font:inherit;font-size:14px;line-height:1.55;min-width:0}
.clegal-edit-form textarea{font:14px/1.65 system-ui,sans-serif;resize:vertical;min-height:240px}
.clegal-publish{border-top:1px solid var(--clegal-line);padding-top:17px;margin-top:23px;display:grid;gap:13px}
.clegal-publish label{display:flex;align-items:flex-start;gap:10px;color:#213850;font-size:.84rem}
.clegal-table{border-collapse:collapse;width:100%;min-width:650px;font-size:.84rem}
.clegal-table th,.clegal-table td{padding:11px 12px;border-bottom:1px solid #e5edf5;text-align:left;vertical-align:middle}
.clegal-table th{color:#49657f;background:#f1f5f9;white-space:nowrap}
.clegal-scroll{overflow-x:auto}
.clegal-footnote{margin:18px 0}
@media(max-width:900px){.clegal-editor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.clegal-overview{grid-template-columns:1fr}.clegal-admin{padding:8px 6px 30px}.clegal-overview article{padding:15px}.clegal-document{padding:18px}.clegal-accept-form>.clegal-button{font-size:.86rem}}
@media(prefers-color-scheme:dark){[data-bs-theme='dark'] .clegal-admin .clegal-panel,[data-bs-theme='dark'] .clegal-admin .clegal-overview article{background:#1e2d42;border-color:#394c64;color:#e6edf6}[data-bs-theme='dark'] .clegal-admin .clegal-panel h2,[data-bs-theme='dark'] .clegal-admin .clegal-overview strong{color:#f0f5fc}[data-bs-theme='dark'] .clegal-admin .clegal-edit-form label,[data-bs-theme='dark'] .clegal-admin .clegal-publish label{color:#d6e7f8}}