.dgks{--navy:#1B1464;--rose:#C8356A;--pink:#E72A7E;--lav:#F6F3FD;--txt:#4F4B6E;--mut:#5E5A78;--mut2:#8A86A3;font-family:Manrope,system-ui,sans-serif;color:var(--txt);box-sizing:border-box;max-width:1344px;margin:48px auto;padding:56px 64px;border-radius:40px;background:linear-gradient(160deg,#F6F3FD 0%,#FBF6FB 100%);display:grid;grid-template-columns:400px minmax(0,1fr);grid-template-areas:"side card" "form card";column-gap:48px;row-gap:18px;align-items:start;scroll-margin-top:80px}
 .dgks *{box-sizing:border-box}
.dgks-side{grid-area:side;display:flex;flex-direction:column;gap:18px}
.dgks-card{grid-area:card;background:#fff;border-radius:28px;padding:26px 30px 22px;box-shadow:0 18px 50px rgba(27,20,100,.08);display:flex;flex-direction:column;gap:8px}
.dgks-form{grid-area:form;display:flex;flex-direction:column;gap:16px}
.dgks-eb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rose)}
.dgks-line{width:56px;height:5px;border-radius:3px;background:var(--pink)}
.dgks-h{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:46px;line-height:1.02;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--navy);max-width:330px}
.dgks-lead{margin:0;font-size:16.5px;line-height:1.6}
.dgks-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dgks-card__top b{font-size:15px;font-weight:800;color:var(--navy)}
.dgks-card__top span{font-size:13px;font-weight:600;color:var(--mut2)}
.dgks-m{display:none}
.dgks-grid{display:flex;flex-direction:column;gap:4px}
.dgks-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:10px;padding-bottom:4px;border-bottom:1px solid #F1EEF8}
.dgks-w{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 6px;border:0;border-radius:12px;background:transparent;cursor:pointer;font:inherit;color:var(--navy)}
.dgks-w:hover{background:#F6F3FD}
.dgks-w:focus-visible{outline:3px solid var(--rose);outline-offset:1px}
.dgks-face{height:24px;width:24px;display:flex;align-items:flex-end;justify-content:center}
.dgks-face svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.dgks-face svg .e{fill:currentColor;stroke:none}
.dgks-face--ok{color:#3E5A6B}.dgks-face--sad{color:#5A4FC2}
.dgks-bar{width:100%;height:18px;border-radius:6px;background:var(--pink)}
.dgks-w[data-s=B] .dgks-bar{background:var(--navy)}
.dgks-w[data-s=GB] .dgks-bar{background:linear-gradient(90deg,var(--pink) 55%,var(--navy) 55%)}
.dgks-w[data-s=BG] .dgks-bar{background:linear-gradient(90deg,var(--navy) 45%,var(--pink) 45%)}
.dgks-n{font-size:16px;line-height:1;font-weight:500}
.dgks-w.is-sel{background:#EFEBFA}.dgks-w.is-sel .dgks-n{font-weight:800}
.dgks-w.is-me{background:#FDE3EE}
.dgks-w.is-me .dgks-bar{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--pink)}
.dgks-w.is-me .dgks-n{color:var(--rose);font-weight:800}
.dgks-leg{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:16px;padding-top:10px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--navy)}
.dgks-leg span{display:flex;align-items:center;gap:6px}
.dgks-leg .dgks-face{width:18px;height:18px}
.dgks-sw{width:18px;height:18px;border-radius:4px;flex-shrink:0}.dgks-sw--g{background:var(--pink)}.dgks-sw--b{background:var(--navy)}
.dgks-q{font-size:15px;font-weight:800;color:var(--navy)}
.dgks-in{display:flex;gap:8px;margin-top:-8px}
.dgks-in input,.dgks-chk input{font:inherit;color:var(--navy);background:#fff}
.dgks-in input{flex:1;min-width:0;height:54px;padding:0 14px;border-radius:14px;border:1.5px solid #D8D0F0;font-size:16px}
.dgks-in input:focus,.dgks-chk input:focus{outline:3px solid #F4A9C4;outline-offset:1px;border-color:var(--navy)}
.dgks-go{width:54px;height:54px;flex-shrink:0;border-radius:14px;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center}
.dgks-hint{margin-top:-8px;font-size:13px;line-height:1.4;color:var(--mut)}.dgks-hint b{color:var(--navy)}
.dgks-empty{display:flex;gap:12px;align-items:center;padding:18px 20px;border-radius:18px;border:1.5px dashed #D8D0F0;font-size:14.5px;line-height:1.45}
.dgks-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #FDE3EE}
.dgks-err{padding:16px 18px;border-radius:18px;background:var(--lav);font-size:14px;line-height:1.5;color:var(--navy)}
.dgks-res{border-radius:24px;padding:26px 28px;display:flex;flex-direction:column;gap:10px;background:#FDF0F4;color:#7A1F45}
.dgks-res[hidden],.dgks-err[hidden],.dgks-back[hidden],.dgks-empty[hidden],.dgks-chk[hidden],.dgks-next[hidden]{display:none}
.dgks-res[data-s=GB],.dgks-res[data-s=BG]{background:#EDE7FB;color:var(--navy)}
.dgks-res[data-s=B]{background:var(--navy);color:#fff}
.dgks-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;color:var(--navy);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dgks-res[data-s=B] .dgks-pill{background:rgba(255,255,255,.14);color:#fff}
.dgks-pdot{width:9px;height:9px;border-radius:50%;background:var(--pink)}
.dgks-res[data-s=GB] .dgks-pdot,.dgks-res[data-s=BG] .dgks-pdot{background:#5A4FC2}.dgks-res[data-s=B] .dgks-pdot{background:#F4A9C4}
.dgks-week{font-family:Literata,Georgia,serif;font-size:46px;line-height:1;font-weight:700}
.dgks-sub{font-size:14px;font-weight:700;opacity:.85}
.dgks-desc{margin:2px 0 0;font-size:16px;line-height:1.55}
.dgks-next{display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:2px;border-top:1px solid rgba(128,120,190,.3);font-size:14px;font-weight:700}
.dgks-res[data-s=B] .dgks-next{border-top-color:rgba(255,255,255,.22)}
.dgks-back{align-self:flex-start;padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:800;color:inherit;text-decoration:underline;cursor:pointer}
.dgks-chk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;opacity:.85}
.dgks-chk input{height:32px;padding:0 8px;border-radius:9px;border:1px solid rgba(128,120,190,.45);font-size:13px}
.dgks-cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dgks-cta span{font-size:15px;font-weight:700;color:var(--navy)}
.dgks-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:999px;background:var(--navy);color:#fff;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}
.dgks-more{font-size:14px;font-weight:800;color:var(--rose);text-decoration:none}
@media (max-width:900px){
  .dgks{margin:16px;padding:22px 12px 20px;border-radius:28px;display:flex;flex-direction:column;gap:12px}
  .dgks-side{gap:8px;padding:0 6px}
  .dgks-eb{font-size:11px}.dgks-line{display:none}
  .dgks-h{font-size:28px;max-width:none}
  .dgks-lead{font-size:13.5px;line-height:1.5}
  .dgks-card{border-radius:20px;padding:14px 10px 12px;gap:6px}
  .dgks-card__top{padding:0 4px}.dgks-card__top b{font-size:12.5px}.dgks-card__top span{font-size:11px}
  .dgks-d{display:none}.dgks-m{display:inline}
  .dgks-grid{gap:2px}
  .dgks-row{column-gap:4px;padding-bottom:2px}
  .dgks-w{gap:2px;padding:2px 0 3px;border-radius:8px}
  .dgks-face{width:15px;height:15px}
  .dgks-bar{height:9px;border-radius:3px}
  .dgks-w.is-me .dgks-bar{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pink)}
  .dgks-n{font-size:10.5px}
  .dgks-leg{grid-template-columns:1fr 1fr;gap:8px 10px;padding:8px 4px 0;font-size:10.5px}
  .dgks-leg .dgks-face,.dgks-sw{width:13px;height:13px}
  .dgks-form{padding:4px 4px 0;gap:12px}
  .dgks-q{font-size:13.5px}
  .dgks-in input{height:48px}.dgks-go{width:48px;height:48px}
  .dgks-in,.dgks-hint{margin-top:-6px}
  .dgks-hint{font-size:11.5px}
  .dgks-empty{padding:14px 16px;font-size:13px}
  .dgks-res{border-radius:20px;padding:18px;gap:8px}
  .dgks-pill{font-size:11.5px}
  .dgks-week{font-size:34px}
  .dgks-sub{font-size:12.5px}
  .dgks-desc{font-size:14px}
  .dgks-next{font-size:13px;padding-top:10px}
  .dgks-cta{align-items:stretch}
  .dgks-cta span{font-size:13.5px;text-align:center}
  .dgks-cta a{height:48px;font-size:14.5px}
  .dgks-more{text-align:center;font-size:13px}
}
@media (prefers-reduced-motion:reduce){ .dgks *{scroll-behavior:auto!important}}

/* Theme wrappers: avoid double outer margin */
.drg-v2__kalk-wrap .dgks,
.drg-kalk-page__tool .dgks{margin:0 auto;max-width:100%}
.drg-v2__kalk-wrap{width:min(1344px,calc(100% - 48px));margin-inline:auto;padding:8px 0 56px}
@media (max-width:900px){
  .drg-v2__kalk-wrap{width:100%;padding:8px 0 28px}
  .drg-v2__kalk-wrap .dgks{margin:0 16px}
}