/* CloudContact /support/security-gost-tls/: navy section, white type, blue accents. */
.embed-heading { display:none; }
html.embed-root { background:#040419; color-scheme:dark; }
body.embed-page {
  --bg:#040419; --panel:#111229; --line:#34364f; --text:#f5f6fc;
  --muted:#b8bdcf; --accent:#4d78f6; --field:#090b21;
  display:flow-root; margin:0; padding:0; min-height:0; background:var(--bg);
  color-scheme:dark; color:var(--text); font:16px/1.65 Karla,Arial,Helvetica,sans-serif;
}
.embed-page > header { padding:28px 28px 0; border:0; align-items:flex-start; gap:16px; }
.embed-page > header > a, .embed-page > header > .header-controls,
.embed-page .intro, .embed-page main > footer { display:none; }
.embed-page .embed-heading { display:block; min-width:0; }
.embed-page .embed-heading h1 { margin:0; max-width:none; color:var(--text); font-size:25px; line-height:1.4; font-weight:500; letter-spacing:-.02em; }
.embed-page .embed-heading p { margin:8px 0 0; font-size:14px; }
.embed-page main { max-width:none; padding:0 28px 28px; }
.embed-page .panel { padding:24px; margin-top:24px; border-radius:18px; box-shadow:none; }
.embed-page .form-grid { max-width:none; grid-template-columns:minmax(0,1fr) minmax(100px,140px); gap:20px; }
.embed-page label { min-width:0; color:var(--text); font-size:14px; }
.embed-page input { min-height:48px; padding:11px 14px; margin-top:8px; background:var(--field); color:var(--text); border-color:#4b4e68; border-radius:10px; font-size:16px; }
.embed-page input::placeholder { color:#969db6; opacity:1; }
.embed-page input:focus { outline:2px solid #8eacff; outline-offset:2px; border-color:var(--accent); }
.embed-page .actions { gap:12px; margin-top:22px; }
.embed-page button { min-height:44px; background:#fff; color:#040419; padding:11px 24px; border:1px solid transparent; border-radius:30px; font-size:14px; font-weight:700; letter-spacing:.02em; line-height:1.5; }
.embed-page button:hover:not(:disabled) { background:#dce5ff; }
.embed-page button:focus-visible, .embed-page summary:focus-visible { outline:2px solid #8eacff; outline-offset:4px; }
.embed-page button:disabled { opacity:.65; }
.embed-page .secondary { color:var(--text); background:transparent; border-color:#72768f; }
.embed-page .secondary:hover:not(:disabled) { color:#fff; background:#242b4b; border-color:#8eacff; }
.embed-page #message { font-size:13px; margin-top:16px; overflow-wrap:anywhere; }
.embed-page .workspace { display:block; }
.embed-page .embed-history { margin-top:18px; }
.embed-page .embed-history > summary { color:#b9caff; font-size:14px; padding:4px 0; }
.embed-page #history-panel { margin-top:12px; padding:14px; background:var(--panel); }
.embed-page #history-panel > h2 { display:none; }
.embed-page #history { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.embed-page .history-item { min-height:54px; margin:0; padding:12px 14px; background:var(--field); color:var(--text); border:1px solid var(--line); border-radius:10px; font-size:13px; font-weight:500; letter-spacing:0; }
.embed-page .history-item:hover:not(:disabled) { background:#202744; border-color:#839eeb; }
.embed-page .history-item.active { background:#232d51; border-color:#8eacff; color:#fff; }
.embed-page #history > p { margin:4px 0; }
.embed-page #results[data-empty="true"] { display:none; }
.embed-page #results > h2 { overflow-wrap:anywhere; font-size:25px; line-height:1.4; }
.embed-page .eyebrow { color:#b9caff; font-size:11px; letter-spacing:.12em; }
.embed-page .compliance, .embed-page .advanced-features { margin-top:28px; padding-top:24px; }
.embed-page h2, .embed-page .advanced-features > h2 { color:var(--text); font-size:22px; font-weight:500; line-height:1.4; }
.embed-page .review-metrics { gap:12px; margin:22px 0 18px; }
.embed-page .review-metric { padding:16px 12px; background:var(--field); border-color:var(--line); border-radius:12px; }
.embed-page .review-metric strong { font-size:30px; }
.embed-page .review-metric span { font-size:12px; line-height:1.5; }
.embed-page .filter-button { min-height:40px; padding:8px 16px; color:var(--muted); background:transparent; border:1px solid #60657f; border-radius:24px; font-size:13px; font-weight:500; letter-spacing:0; }
.embed-page .filter-button[aria-pressed="true"] { color:#fff; background:#273762; border-color:#8eacff; }
.embed-page .filter-button:hover:not(:disabled) { color:#fff; background:#202744; }
.embed-page .check-card { padding:20px; background:#0b0d24; border-radius:12px; }
.embed-page .check-heading h3 { color:var(--text); font-size:16px; font-weight:600; line-height:1.55; }
.embed-page .check-category { color:var(--muted); font-size:11px; }
.embed-page .check-tags { flex-direction:row; flex-wrap:wrap; align-items:center; }
.embed-page .check-evidence, .embed-page .check-advice { font-size:14px; line-height:1.75; }
.embed-page .check-advice { border-color:var(--line); }
.embed-page .badge { font-size:11px; border-radius:20px; padding:3px 10px; background:#ffffff08; }
.embed-page .priority { color:var(--muted); }
.embed-page .pass, .embed-page .observed, .embed-page .supported, .embed-page .accepted { color:#a2df7c; }
.embed-page .fail, .embed-page .error, .embed-page .rejected, .embed-page .verification_failed { color:#ffb4b8; }
.embed-page .warn { color:#f2d28b; }
.embed-page .present { color:#b0ccff; }
.embed-page .not_observed, .embed-page .absent { color:var(--muted); }
.embed-page .check-card.pass { border-left-color:#77bd4c; }
.embed-page .check-card.fail { border-left-color:#f18b98; }
.embed-page .check-card.warn { border-left-color:#d3ab57; }
.embed-page .feature-card { background:var(--field); padding:20px; border-radius:12px; }
.embed-page .feature-card h3 { color:var(--text); font-size:16px; }
.embed-page .framework-picker { margin:20px 0; }
.embed-page .framework-button { min-height:40px; padding:8px 16px; background:transparent; color:var(--muted); border-radius:24px; border:1px solid #60657f; font-size:13px; font-weight:500; letter-spacing:0; }
.embed-page .framework-button[aria-pressed="true"] { color:#fff; background:#273762; border-color:#8eacff; }
.embed-page .framework-button:hover:not(:disabled) { color:#fff; background:#202744; }
.embed-page .certificate-summary { padding:18px; background:var(--field); border-radius:12px; }
.embed-page .site-certificates { margin:20px 0 24px; }
.embed-page .site-certificates > h3 { color:var(--muted); font-size:15px; }
.embed-page .certificate-summary h4 { color:var(--text); font-size:15px; }
.embed-page .certificate-summary p { font-size:13px; line-height:1.75; }
@media(max-width:600px) {
  .embed-page > header { padding:20px 18px 0; }
  .embed-page main { padding:0 18px 20px; }
  .embed-page .embed-heading h1 { font-size:21px; }
  .embed-page .embed-heading p { font-size:13px; }
  .embed-page .panel { padding:18px; margin-top:20px; border-radius:14px; }
  .embed-page .form-grid { gap:16px; }
  .embed-page #history { grid-template-columns:1fr; }
  .embed-page .feature-grid, .embed-page .certificate-summaries { grid-template-columns:1fr; }
  .embed-page .review-metrics { gap:8px; }
  .embed-page .review-metric { padding:13px 8px; }
  .embed-page .review-metric strong { font-size:26px; }
  .embed-page .review-metric span { font-size:11px; }
  .embed-page .check-card { padding:16px; }
}
@media(max-width:520px) {
  .embed-page .form-grid { grid-template-columns:1fr; }
  .embed-page .actions { align-items:stretch; }
  .embed-page .actions > button { width:100%; }
}
@media(prefers-reduced-motion:no-preference) {
  .embed-page button { transition:background-color .15s ease,border-color .15s ease; }
}
