/* dt-retain-v1 (lane retain, 2026-10-21): preference centre, F66 mock exam + shop banner, report card, B63 form, notes */
.dtrt-prefs,.dtrt-report,.dtrt-mock{--dtrt-b:#1354ff;--dtrt-d:#00369a;--dtrt-g:#5b6b82;--dtrt-l:#eef3ff;--dtrt-line:#e3e9f3;min-width:0;box-sizing:border-box}
.dtrt-prefs *,.dtrt-report *,.dtrt-mock *,.dtrt-banner *,.dtrt-news *{box-sizing:border-box}
.dtrt-msg{padding:10px 14px;border-radius:12px;margin:0 0 14px;line-height:1.9}
.dtrt-msg--ok{background:#e9f8ef;color:#156b3a}.dtrt-msg--err{background:#fdeceb;color:#9b231a}
.dtrt-intro,.dtrt-hint{color:#5b6b82;line-height:1.9}.dtrt-hint{font-size:13px;margin:4px 0 12px}
.dtrt-field{display:flex;flex-direction:column;gap:6px;max-width:460px}
.dtrt-field input{min-height:46px;border-radius:12px;padding:0 12px;width:100%}
.dtrt-prefs__list{border:0;margin:6px 0 14px;padding:0;display:grid;gap:8px}
.dtrt-pref{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:10px 12px;border:1px solid #e3e9f3;border-radius:12px;cursor:pointer;line-height:1.8}
.dtrt-pref input{margin-top:6px;flex:0 0 auto;width:18px;height:18px}
.dtrt-save,.dtrt-btn{min-height:46px;border-radius:12px!important}
.dtrt-card{margin-top:22px;padding:16px;border:1px solid #e3e9f3;border-radius:16px;background:#fbfcff}
.dtrt-card h3{margin:0 0 6px;font-size:17px;color:#00369a}
.dtrt-card table{width:100%}
.dtrt-note{padding:12px 14px;border-radius:12px;background:#eef3ff;color:#00369a;line-height:1.9}

/* shop banner (F66 door) */
.dtrt-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:14px 16px;
  border-radius:16px;background:linear-gradient(135deg,#eef3ff,#f7f9ff);border:1px solid #d9e3ff;min-width:0}
.dtrt-banner__t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px;line-height:1.8}
.dtrt-banner__t b{color:#00369a;font-size:16px}.dtrt-banner__t span{color:#5b6b82;font-size:14px}
.dtrt-banner__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:12px;background:#1354ff;
  color:#fff!important;font-weight:700;text-decoration:none;flex:0 0 auto}

/* F66 page */
.dtrt-mock{max-width:760px;width:100%;flex:1 1 100%;margin:24px auto 40px;padding:0 16px;line-height:1.9}
.dtrt-mock [hidden],.dtrt-mock-page .wd-sidebar-opener,.dtrt-mock-page .sidebar-container,.dtrt-mock-page .wd-sidebar{display:none!important}
.dtrt-mock section{background:#fff;border:1px solid #e3e9f3;border-radius:18px;padding:22px 18px;box-shadow:0 6px 24px rgba(19,84,255,.06)}
.dtrt-mock__eyebrow{margin:0;color:#1354ff;font-weight:700;font-size:14px}
.dtrt-mock h1{font-size:24px;margin:4px 0 8px;color:#00369a;line-height:1.6}
.dtrt-mock__lead{color:#3c4a60}
.dtrt-mock__facts{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dtrt-mock__facts li{background:#eef3ff;border-radius:14px;padding:10px 6px;text-align:center;display:flex;flex-direction:column}
.dtrt-mock__facts b{font-size:20px;color:#00369a}.dtrt-mock__facts span{font-size:13px;color:#5b6b82}
.dtrt-mock__month{font-weight:700;color:#00369a;margin:6px 0}
.dtrt-mock button.dtrt-mock__start,.dtrt-mock button.dtrt-p{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border:0;border-radius:14px;
  background:#1354ff!important;color:#fff!important;font:inherit;font-weight:700;font-size:16px;cursor:pointer;width:100%;max-width:340px;text-transform:none}
.dtrt-mock button.dtrt-mock__start[disabled]{opacity:.6;cursor:wait}
.dtrt-mock__src,.dtrt-mock__note{font-size:13px;color:#5b6b82;margin-top:12px}
.dtrt-mock__shop a{color:#1354ff;font-weight:700}
.dtrt-run__bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;padding:8px 0 10px;
  border-bottom:1px solid #e3e9f3;margin-bottom:12px}
.dtrt-run__pos{font-weight:700;color:#00369a}
.dtrt-run__time{font-variant-numeric:tabular-nums;background:#eef3ff;color:#00369a;border-radius:10px;padding:4px 10px;font-weight:700}
.dtrt-run__time.is-low{background:#fdeceb;color:#9b231a}
.dtrt-run__stem{font-size:17px;line-height:2;margin:6px 0 14px;overflow-wrap:anywhere}
.dtrt-run__opts{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.dtrt-run__opts label{display:flex;gap:10px;align-items:flex-start;min-height:48px;padding:12px 14px;border:1.5px solid #dbe3f0;border-radius:14px;cursor:pointer;line-height:1.8;overflow-wrap:anywhere}
.dtrt-run__opts input{margin-top:6px;flex:0 0 auto;width:18px;height:18px}
.dtrt-run__opts label.is-on{border-color:#1354ff;background:#eef3ff}
.dtrt-run__nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dtrt-mock .dtrt-run__nav button{min-height:48px;border-radius:12px;border:1.5px solid #1354ff;background:#fff;color:#1354ff;font:inherit;font-weight:700;cursor:pointer}
.dtrt-run__nav button.dtrt-p{background:#1354ff;color:#fff;max-width:none}
.dtrt-run__dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:16px 0 4px}
.dtrt-run__dots button{min-height:44px;border-radius:10px;border:1px solid #dbe3f0;background:#fff;font:inherit;font-size:13px;cursor:pointer;padding:0}
.dtrt-run__dots button.is-done{background:#e9f8ef;border-color:#9fd8b4}.dtrt-run__dots button.is-cur{border:2px solid #1354ff}
.dtrt-mock button.dtrt-run__finish{margin-top:14px;width:100%;min-height:48px;border-radius:12px;border:0;background:#00369a!important;color:#fff!important;font:inherit;font-weight:700;cursor:pointer}
.dtrt-res__score{font-size:22px;font-weight:800;color:#00369a;margin:6px 0}
.dtrt-res__cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.dtrt-res__cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:700;text-decoration:none;
  background:#1354ff;color:#fff!important;flex:1 1 200px}
.dtrt-res__cta a.g{background:#eef3ff;color:#1354ff!important}
.dtrt-mock__news{margin-top:18px;padding-top:14px;border-top:1px solid #e3e9f3}

/* report card */
.dtrt-report__score{font-size:20px;font-weight:800;color:#00369a}
.dtrt-report__qs{padding:0;margin:14px 0;list-style:none;display:grid;gap:12px;counter-reset:q}
.dtrt-q{border:1px solid #e3e9f3;border-radius:14px;padding:12px 14px;counter-increment:q;min-width:0}
.dtrt-q__top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#5b6b82;margin:0}
.dtrt-q__top:before{content:counter(q);font-weight:800;color:#00369a}
.dtrt-q__badge{border-radius:8px;padding:0 8px;font-weight:700}
.dtrt-q--ok .dtrt-q__badge{background:#e9f8ef;color:#156b3a}.dtrt-q--wrong .dtrt-q__badge{background:#fdeceb;color:#9b231a}.dtrt-q--blank .dtrt-q__badge{background:#f1f3f7;color:#5b6b82}
.dtrt-q__stem{margin:6px 0;line-height:2;overflow-wrap:anywhere}
.dtrt-q__opts{margin:0 0 6px;padding-right:22px;line-height:1.9;list-style-type:persian}
.dtrt-opt.is-key{color:#156b3a;font-weight:700}.dtrt-opt.is-mine{color:#9b231a}
.dtrt-opt em{font-style:normal;font-size:12px;border-radius:6px;padding:0 6px;background:#f1f3f7;margin-right:6px}
.dtrt-q__ref{font-size:13px;color:#5b6b82;overflow-wrap:anywhere;margin:4px 0}
.dtrt-q__exp{margin-top:8px;padding:10px 12px;background:#fbfcff;border-radius:12px;font-size:14px;line-height:2;overflow-wrap:anywhere}
.dtrt-report__list{line-height:2.2}

/* B63 form */
.dtrt-news-box{padding:16px;border:1px solid #e3e9f3;border-radius:16px;background:#fbfcff;margin:18px 0}
.dtrt-news__row{display:flex;gap:8px;flex-wrap:wrap}
.dtrt-news__row input{flex:1 1 200px;min-width:0;min-height:46px;border-radius:12px;padding:0 12px;border:1px solid #cfd8e6}
.dtrt-news__row button{min-height:46px;padding:0 22px;border-radius:12px;border:0;background:#1354ff!important;color:#fff!important;font:inherit;font-weight:700;cursor:pointer;flex:0 0 auto}
.dtrt-news__consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:13px;color:#3c4a60;line-height:1.9;cursor:pointer;min-height:44px}
.dtrt-news__consent input{margin-top:5px;flex:0 0 auto;width:18px;height:18px}
.dtrt-news__msg{margin:6px 0 0;font-size:14px;min-height:1em}
.dtrt-news__msg.is-ok{color:#156b3a}.dtrt-news__msg.is-err{color:#9b231a}

@media (max-width:480px){
  .dtrt-mock{margin-top:12px;padding:0 12px}
  .dtrt-mock section{padding:18px 14px}
  .dtrt-mock h1{font-size:21px}
  .dtrt-run__dots{grid-template-columns:repeat(5,minmax(0,1fr))}
  .dtrt-mock__start,.dtrt-mock button.dtrt-p{max-width:none}
}