/* Пробный ОГЭ по математике — блок для rptica.ru (страница «Подготовка к ОГЭ/ЕГЭ»).
   Все правила начинаются с .og- и не затрагивают остальные блоки сайта. */
.og-root{--og-ink:#05203E;--og-ink2:#5E6A80;--og-vio:#BA65DC;--og-vio-d:#9E47C6;--og-vio-soft:#F3E8FA;--og-bg:#F4F5FB;--og-line:#E3E6F0;--og-line2:#CBD2E3;--og-ok:#1E9E5A;--og-ok-soft:#E3F6EB;--og-bad:#D9442F;--og-bad-soft:#FBE6E2;--og-warn:#A86F00;--og-warn-soft:#FFF3D6;--og-blue:#2B87DE;--og-blue-soft:#E1EEFB;--og-deep:#1B114E;--og-hot1:#D551D9;--og-hot2:#E74E23;
  --og-f:'Museo Sans Cyrl 500','Museo Sans Cyrl',Arial,sans-serif;--og-fb:'Museo Sans Cyrl 700','Museo Sans Cyrl 500',Arial,sans-serif;
  color:var(--og-ink);font-family:var(--og-f);font-weight:500;line-height:1.45;font-size:16px;text-align:left}
.og-root *{box-sizing:border-box}
.og-root h2,.og-root h3,.og-root h4,.og-root p,.og-root ul,.og-root ol,.og-root li{margin:0}
.og-root img{max-width:100%;height:auto}
.og-root b,.og-root strong,.og-root h2,.og-root h3,.og-root h4,.og-btn,.og-chip,.og-num,.og-timer,.og-topic,.og-tag,.og-link,.og-kb,.og-err,.og-chip-n,.og-st,.og-grade,.og-ans label,.og-form h3,.og-brand b,.og-copy,.og-x{font-family:var(--og-fb);font-weight:600}
.og-root[hidden],.og-root [hidden]{display:none!important}
.og-section{position:relative;margin:70px 0 10px}
@media (max-width:991px){.og-section{margin:44px 0 0}}

.og-band{position:relative;border-radius:32px;background:#5A4FE0 url(/img/card1/bg1.png) center/cover no-repeat;padding:56px 48px}
.og-band__s1{position:absolute;right:-18px;top:-34px;width:96px;z-index:3;pointer-events:none}
.og-band__s2{position:absolute;right:120px;bottom:-26px;width:62px;z-index:3;pointer-events:none}
.og-glass{position:relative;z-index:2;max-width:1100px;margin:0 auto;background:rgba(212,232,255,.80);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:32px;padding:40px 44px}
@media (max-width:991px){.og-band{padding:18px;border-radius:30px}.og-band__s1{right:-4px;top:-30px;width:62px}.og-band__s2{display:none}.og-glass{padding:24px 20px;border-radius:24px}}
.og-reg{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start}
@media (max-width:991px){.og-reg{grid-template-columns:1fr;gap:24px}}
.og-chip{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:6px 14px;font-size:13px;line-height:1.2;color:#fff;background:linear-gradient(90deg,var(--og-hot1),var(--og-hot2))}
.og-chip--ok{background:var(--og-ok)}
.og-chip--vio{background:var(--og-vio)}
.og-root .og-title{margin-top:16px;font-size:clamp(28px,3.6vw,44px);line-height:1.02;color:#000;text-wrap:balance;letter-spacing:-.01em}
.og-title span{color:var(--og-vio)}
.og-root .og-lead{margin-top:14px;font-size:16px;line-height:1.45;color:var(--og-ink);max-width:34em}
.og-root .og-facts{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.og-root .og-facts li{margin:0;background:rgba(255,255,255,.72);border-radius:16px;padding:12px 12px 10px;font-size:13px;line-height:1.2;color:var(--og-ink2);list-style:none}
.og-root .og-facts li::before{display:none}
.og-facts b{display:block;font-size:24px;line-height:1.1;color:var(--og-ink);margin-bottom:2px;font-variant-numeric:tabular-nums}
@media (max-width:520px){.og-root .og-facts{grid-template-columns:1fr 1fr}}
.og-form{display:grid;gap:10px;background:#fff;border-radius:24px;padding:22px;margin:0}
.og-form h3{font-size:20px;line-height:1.2;color:var(--og-ink)}
.og-root .og-sub{font-size:14px;color:var(--og-ink2);margin-top:-4px}
.og-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){.og-row{grid-template-columns:1fr}}
.og-root .og-input{display:block;width:100%;min-width:0;height:50px;margin:0;border-radius:8px;border:1.5px solid transparent;background:var(--og-bg);padding:0 14px;font-family:var(--og-f);font-size:15px;color:var(--og-ink);outline:none;box-shadow:none}
.og-root .og-input::placeholder{color:#7D879B;opacity:1}
.og-root .og-input:focus{border-color:var(--og-vio);background:#fff}
.og-root .og-input.og-err-f{border-color:var(--og-bad);background:#fff}
.og-root .og-err{font-size:13px;color:var(--og-bad)}
.og-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.45;color:rgba(5,32,62,.62);cursor:pointer;margin:0}
.og-root .og-check input{position:static;opacity:1;width:18px;height:18px;flex:none;margin:0;accent-color:var(--og-vio);appearance:auto;-webkit-appearance:checkbox;display:inline-block}
.og-check a{color:inherit;text-decoration:underline}
.og-btn{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;width:auto;height:auto;margin:0;padding:0 26px;border-radius:999px;background:var(--og-vio);color:#fff;font-size:16px;line-height:1.15;text-decoration:none;text-align:center;transition:background .15s ease,transform .08s ease;box-shadow:none}
.og-btn:hover{background:var(--og-vio-d);color:#fff}
.og-btn:active{transform:translateY(1px)}
.og-btn:focus-visible,.og-root :focus-visible{outline:3px solid var(--og-blue);outline-offset:2px}
.og-btn[disabled]{opacity:.55;cursor:not-allowed}
.og-btn--hot{background:linear-gradient(90deg,var(--og-hot1),var(--og-hot2))}
.og-btn--hot:hover{background:linear-gradient(90deg,#C844CC,#D9441C)}
.og-btn--ghost{background:#fff;color:var(--og-vio-d);box-shadow:inset 0 0 0 2px var(--og-vio)}
.og-btn--ghost:hover{background:var(--og-vio-soft);color:var(--og-vio-d)}
.og-btn--white{background:#fff;color:#000}
.og-btn--white:hover{background:#F1EEF8;color:#000}
.og-btn--sm{min-height:40px;padding:0 16px;font-size:14px}
.og-btn--block{width:100%}
.og-btn svg{width:18px;height:18px;flex:none}
.og-root .og-hint{font-size:13px;line-height:1.4;color:var(--og-ink2)}
.og-state{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
@media (max-width:991px){.og-state{grid-template-columns:1fr;gap:20px}}
.og-root .og-state h3{font-size:clamp(22px,2.6vw,30px);line-height:1.1;margin-top:12px;color:#000}
.og-root .og-state .og-lead{font-size:15px}
.og-root .og-rules{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;line-height:1.4}
.og-root .og-rules li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;margin:0;list-style:none}
.og-root .og-rules li::before{display:none}
.og-rules li span{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--og-vio-d);display:grid;place-items:center;font-family:var(--og-fb);font-weight:600;font-size:13px}
.og-actions{display:grid;gap:10px;background:#fff;border-radius:24px;padding:22px}
.og-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.og-mini div{background:var(--og-bg);border-radius:14px;padding:10px;text-align:center}
.og-mini b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.og-mini span{font-size:12px;color:var(--og-ink2)}
.og-scoreline{display:flex;align-items:center;gap:14px;margin-top:14px}
.og-grade{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:32px;color:#fff;background:var(--og-vio);flex:none}
.og-grade.g2{background:var(--og-bad)}.og-grade.g3{background:var(--og-warn)}.og-grade.g4{background:var(--og-blue)}.og-grade.g5{background:var(--og-ok)}

/* полноэкранный режим экзамена */
.og-exam{position:fixed;inset:0;z-index:100000;background:#F4F5FB;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.og-ewrap{max-width:920px;margin:0 auto;padding:0 16px 56px}
.og-bar{position:sticky;top:0;z-index:20;background:#fff;border-radius:0 0 22px 22px;box-shadow:0 10px 30px rgba(27,17,78,.10);padding:10px 14px;display:grid;gap:8px;margin:0 -4px 18px}
.og-bar__l1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.og-brand{display:flex;align-items:center;gap:10px;min-width:0}
.og-brand i{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1B114E,#272673);display:grid;place-items:center;flex:none;overflow:hidden}
.og-brand i img{height:22px;width:auto;max-width:22px;object-fit:cover;object-position:left}
.og-brand b{font-size:14px;line-height:1.1;display:block}
.og-brand span{font-size:12px;color:var(--og-ink2)}
.og-timer{font-size:20px;font-variant-numeric:tabular-nums;padding:5px 12px;border-radius:999px;background:var(--og-vio-soft);color:var(--og-vio-d);display:inline-flex;align-items:center;gap:6px;line-height:1.2}
.og-timer.low{background:var(--og-bad-soft);color:var(--og-bad)}
.og-prog{flex:1 1 150px;min-width:120px;display:grid;gap:4px;font-size:12px;color:var(--og-ink2)}
.og-pbar{height:8px;border-radius:999px;background:var(--og-line);overflow:hidden}
.og-pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--og-vio),var(--og-blue));transition:width .25s ease}
.og-bar__act{display:flex;gap:8px;margin-left:auto}
.og-x{appearance:none;-webkit-appearance:none;border:0;background:var(--og-bg);color:var(--og-ink);width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:none}
.og-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:thin}
.og-chip-n{appearance:none;flex:none;width:34px;height:34px;padding:0;border-radius:10px;border:1.5px solid var(--og-line2);background:#fff;color:var(--og-ink);font-size:13px;cursor:pointer;display:grid;place-items:center}
.og-chip-n.done{background:var(--og-vio);border-color:var(--og-vio);color:#fff}
.og-chip-n.cur{outline:2px solid var(--og-blue);outline-offset:1px}
.og-chip-n.p2{border-style:dashed}.og-chip-n.p2.done{border-style:solid}
@media (max-width:640px){
  .og-bar{padding:8px 10px;gap:6px;margin:0 -12px 14px;border-radius:0 0 18px 18px}
  .og-bar__l1{display:grid;grid-template-columns:auto auto 1fr;gap:6px 8px}
  .og-brand div{display:none}
  .og-brand i{width:34px;height:34px;border-radius:10px}
  .og-timer{font-size:16px;padding:4px 10px}
  .og-bar__act{grid-column:3;justify-self:end;gap:6px}
  .og-bar__act .og-lbl{display:none}
  .og-bar__act .og-btn{padding:0 12px;min-height:38px;font-size:13px}
  .og-x{width:38px;height:38px;min-width:38px}
  .og-prog{grid-column:1/-1;grid-row:2;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:11px}
}
.og-part{display:grid;gap:6px;padding:10px 4px 2px}
.og-root .og-part h2{font-size:26px;line-height:1.15;color:var(--og-ink)}
.og-root .og-part p{font-size:14px;color:var(--og-ink2);max-width:60em}
.og-tasks{display:grid;gap:14px}
.og-task{background:#fff;border:1px solid var(--og-line);border-radius:24px;padding:16px;display:grid;gap:12px;scroll-margin-top:150px}
.og-task.answered{border-color:var(--og-vio)}
.og-task__h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.og-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--og-deep);color:#fff;font-size:17px;flex:none}
.og-topic{font-size:14px}
.og-tag{font-size:12px;border-radius:999px;padding:4px 10px;background:var(--og-bg);color:var(--og-ink2);border:1px solid var(--og-line);line-height:1.2}
.og-tag--geo{background:var(--og-vio-soft);color:var(--og-vio-d);border-color:transparent}
.og-task__h .og-tag:last-child{margin-left:auto}
.og-paper{background:#fff;border-radius:14px;border:1px solid var(--og-line);padding:6px;overflow:hidden}
.og-root .og-paper img{display:block;width:100%;height:auto}
.og-paper--intro{border:2px solid var(--og-vio-soft)}
.og-zoomhint{font-size:12px;color:var(--og-ink2);text-align:right}
@media (min-width:641px){.og-zoomhint{display:none}}
@media (max-width:640px){.og-paper,.og-sol{cursor:zoom-in}}
@media (max-width:991px){.og-tbl{container-type:inline-size}.og-root .og-sol{position:-webkit-sticky;position:sticky;left:8px;max-width:calc(100cqw - 16px)}}
.og-ans{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}
.og-ans label{font-size:15px}
.og-root .og-ans .og-input{max-width:280px;font-size:18px;font-family:var(--og-fb);font-weight:600;font-variant-numeric:tabular-nums}
.og-ans .og-wk{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.og-ans .og-hint{grid-column:1/-1}
.og-key{grid-column:1/-1;font-size:13px;color:var(--og-warn);background:var(--og-warn-soft);border-radius:10px;padding:6px 10px;width:max-content;max-width:100%}
.og-kb{appearance:none;border:1.5px solid var(--og-line2);background:var(--og-bg);color:var(--og-ink);border-radius:10px;min-width:42px;height:42px;padding:0 8px;cursor:pointer;font-size:16px}
.og-link{appearance:none;background:none;border:0;padding:0;font-size:inherit;color:var(--og-vio-d);cursor:pointer;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.og-up{display:grid;gap:10px;border:1.5px dashed var(--og-line2);border-radius:16px;padding:14px;background:var(--og-bg)}
.og-up__h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.og-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.og-thumb{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--og-line2);background:#fff}
.og-root .og-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.og-thumb button{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border-radius:50%;border:0;background:rgba(5,32,62,.75);color:#fff;cursor:pointer;line-height:1;font-size:14px}
.og-thumb.lost{display:grid;place-items:center;font-size:11px;text-align:center;color:var(--og-ink2);padding:6px;background:var(--og-bg)}
.og-end{display:flex;justify-content:center;padding:18px 0 8px}

/* результат */
.og-res{display:grid;gap:16px;padding-top:6px}
.og-card{background:#fff;border:1px solid var(--og-line);border-radius:28px;padding:clamp(18px,3.5vw,28px);display:grid;gap:14px}
.og-root .og-card h3{font-size:19px;line-height:1.2;color:var(--og-ink)}
.og-score{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
@media (max-width:560px){.og-score{grid-template-columns:1fr}}
.og-ring{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--og-vio) var(--pct,0%),var(--og-line) 0);position:relative}
.og-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.og-ring div{position:relative;z-index:1;text-align:center;line-height:1}
.og-ring strong{font-size:42px;display:block;font-variant-numeric:tabular-nums}
.og-ring span{font-size:12px;color:var(--og-ink2)}
.og-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:600px){.og-tiles{grid-template-columns:1fr}}
.og-tile{border:1px solid var(--og-line);border-radius:18px;padding:14px;display:grid;gap:4px;background:var(--og-bg)}
.og-tile b{font-size:26px;font-variant-numeric:tabular-nums}
.og-tile span{font-size:12px;color:var(--og-ink2)}
.og-note{background:var(--og-blue-soft);border-radius:16px;padding:14px 16px;font-size:14px}
.og-topics{display:flex;flex-wrap:wrap;gap:8px}
.og-topics span{background:var(--og-bad-soft);color:var(--og-bad);border-radius:999px;padding:6px 12px;font-size:13px;font-family:var(--og-fb);font-weight:600}
.og-topics span.ok{background:var(--og-ok-soft);color:var(--og-ok)}
.og-tbl{overflow-x:auto}
.og-tbl table{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.og-tbl th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--og-ink2);padding:8px;border:0;border-bottom:1px solid var(--og-line);background:none;font-family:var(--og-fb);font-weight:600}
.og-tbl td{padding:9px 8px;border:0;border-bottom:1px solid var(--og-line);vertical-align:top;background:none}
.og-tbl td.c{white-space:nowrap}
.og-tbl tr.og-solrow td{background:var(--og-bg);padding:12px 8px}
.og-sol{display:grid;gap:8px}
.og-root .og-sol img{width:100%;height:auto;border-radius:12px;border:1px solid var(--og-line);background:#fff}
.og-st{display:inline-flex;align-items:center;font-size:13px;border-radius:999px;padding:3px 10px;white-space:nowrap;line-height:1.3}
.og-st.ok{background:var(--og-ok-soft);color:var(--og-ok)}.og-st.bad{background:var(--og-bad-soft);color:var(--og-bad)}.og-st.none{background:var(--og-line);color:var(--og-ink2)}.og-st.wait{background:var(--og-warn-soft);color:var(--og-warn)}.og-st.pre{background:var(--og-blue-soft);color:var(--og-blue)}
.og-cta{position:relative;overflow:hidden;border-radius:32px;background:#1B114E url(/img/bg.png) center/cover no-repeat;color:#fff;padding:clamp(22px,4vw,38px);padding-right:clamp(22px,30%,300px);display:grid;gap:14px}
.og-root .og-cta h3{font-size:clamp(22px,3vw,32px);line-height:1.1;color:#fff}
.og-root .og-cta p{color:rgba(255,255,255,.82);font-size:15px;max-width:36em}
.og-cta .og-plus{display:flex;flex-wrap:wrap;gap:8px}
.og-cta .og-plus span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;font-size:13px}
.og-cta .og-btns{display:flex;flex-wrap:wrap;gap:10px}
.og-cta .og-contacts{display:grid;gap:6px;font-size:15px;font-family:var(--og-fb);font-weight:600}
.og-cta .og-contacts a{color:#fff;text-decoration:none}
.og-cta .og-contacts div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.og-copy{appearance:none;font-size:12px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:3px 10px;cursor:pointer}
.og-root .og-cta__bird{position:absolute;right:10px;bottom:-12px;width:min(28%,250px);pointer-events:none}
@media (max-width:640px){.og-cta{padding-right:clamp(22px,4vw,38px);padding-bottom:150px}.og-root .og-cta__bird{width:150px;right:8px}}

/* модальные окна блока */
.og-modal{position:fixed;inset:0;z-index:100010;background:rgba(5,32,62,.55);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.og-modal__box{background:#fff;color:var(--og-ink);border-radius:28px;max-width:780px;width:100%;max-height:min(90vh,920px);overflow:auto;padding:22px;display:grid;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.og-modal__box.narrow{max-width:520px}
.og-root .og-modal__box img{width:100%;height:auto;border-radius:12px;border:1px solid var(--og-line);background:#fff}
.og-modal__h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.og-root .og-modal__h h3{font-size:20px;color:var(--og-ink)}
.og-zoomer{overflow:auto;max-height:78vh;-webkit-overflow-scrolling:touch}
.og-root .og-zoomer img{width:max(100%,860px);max-width:none;border:0}
.og-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100020;background:#1B114E;color:#fff;border-radius:18px;padding:11px 18px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:calc(100% - 32px);text-align:center;font-family:'Museo Sans Cyrl 700','Museo Sans Cyrl 500',Arial,sans-serif;font-weight:600}
body.og-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.og-root *{transition:none!important;animation:none!important}}