/* 学習コンテンツ — .rxl 配下に閉じる。単元の色は --c（主）・--cw（淡）・--cw2（背景） */
.rxl{
  --c:#14806f; --cw:#bfe3d8; --cw2:#eaf6f2;
  --ink:#23323a; --sub:#5b6b70; --line:#dde8e4; --wash:#f4f9f7;
  --ok:#2f7d4f; --ok-w:#e6f2e8; --warn:#8a5a00; --warn-w:#fff4d6; --stop:#b4232a; --stop-w:#fde8e8; --info:#1f5f99; --info-w:#e7f0fb;
  --round:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",sans-serif;
  color:var(--ink);
}
.rxl *,.rxl *::before,.rxl *::after{box-sizing:border-box}
.rxl [hidden]{display:none!important}
.rxl .rxl-i{flex:none;vertical-align:-.15em}
.rxl h2{font-family:var(--round)}
.rxl-art{display:block;width:100%;height:auto}
.rxl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-family:var(--round);font-weight:700;font-size:15px;border:0;border-radius:999px;padding:10px 20px;background:var(--c);color:#fff!important;text-decoration:none!important;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb,var(--c) 70%,#000)}
.rxl-btn:hover{filter:brightness(.95)}
.rxl-btn.is-ghost{background:#fff;color:var(--c)!important;box-shadow:inset 0 0 0 1.5px var(--c)}

/* ===== 一覧 ===== */
.rxl-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(20px,3vw,34px);border-radius:28px;background:linear-gradient(135deg,#f0faf6,#fff 70%);border:1px solid var(--line);margin:0 0 22px}
.rxl-kicker{margin:0 0 4px;font-size:13.5px;font-weight:700;color:var(--c)}
.rxl-hero h2{font-size:clamp(23px,3vw,32px);line-height:1.35;margin:0 0 10px;text-wrap:balance}
.rxl-hero-t>p{margin:0 0 16px;color:var(--sub);font-size:15px;line-height:1.85}
.rxl-stats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.rxl-stats li{display:flex;align-items:baseline;gap:4px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;color:var(--sub)}
.rxl-stats b{font-family:var(--round);font-size:20px;color:var(--c)}
.rxl-hero-art .rxl-art{max-width:360px;margin-left:auto;filter:drop-shadow(0 10px 20px rgba(20,128,111,.12))}
.rxl-prog{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);margin:0 0 20px}
.rxl-prog-t b{display:block;font-size:14.5px}
.rxl-prog-t span{font-size:13px;color:var(--sub)}
.rxl-prog-bar{height:12px;border-radius:999px;background:#e8efed;overflow:hidden}
.rxl-prog-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#14806f,#3fae8f);transition:width .5s}
.rxl-prog-next{font-weight:700;color:var(--c);white-space:nowrap}
.rxl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.rxl-mc a{display:flex;flex-direction:column;height:100%;border-radius:22px;background:#fff;border:1px solid var(--line);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.rxl-mc a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,50,58,.1);border-color:var(--cw)}
.rxl-mc-art{display:block;background:var(--cw2)}
.rxl-mc-art .rxl-art{aspect-ratio:16/10}
.rxl-mc-b{display:flex;flex-direction:column;gap:6px;padding:14px 18px 16px;flex:1}
.rxl-mc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--sub)}
.rxl-mc-meta>span{display:inline-flex;align-items:center;gap:4px}
.rxl-mc-no{font-weight:700;color:var(--c)}
.rxl-mc-cat{padding:2px 9px;border-radius:999px;background:var(--cw2);color:var(--c);font-weight:700}
.rxl-mc-done{padding:2px 9px;border-radius:999px;background:var(--c);color:#fff;font-weight:700}
.rxl-mc-title{font-family:var(--round);font-size:18.5px;line-height:1.4}
.rxl-mc-desc{font-size:13.5px;color:var(--sub);line-height:1.75;flex:1}
.rxl-mc-foot{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--sub);padding-top:8px;border-top:1px dashed var(--line)}
.rxl-mc-foot>span{display:inline-flex;align-items:center;gap:4px}
.rxl-mc-score{margin-left:auto;font-weight:700;color:var(--c)}
.rxl-mc.is-done .rxl-mc-art{position:relative}
.rxl-note{margin:24px 0 0;font-size:13px;color:var(--sub);line-height:1.8}

/* ===== 単元 ===== */
.rxl-mod{max-width:920px;margin:0 auto}
.rxl-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--sub);margin:0 0 14px}
.rxl-crumb a{color:var(--c);font-weight:700;text-decoration:none}
.rxl-crumb a:hover{text-decoration:underline}
.rxl-mhead{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center;padding:clamp(18px,3vw,28px);border-radius:26px;background:var(--cw2);margin:0 0 18px}
.rxl-mhead .rxl-mc-meta{margin:0 0 12px}
.rxl-mhead .rxl-mc-cat{background:#fff}
.rxl-learn{background:#fff;border-radius:18px;padding:14px 18px}
.rxl-learn b{display:block;font-family:var(--round);font-size:15px;margin:0 0 6px;color:var(--c)}
.rxl-learn ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rxl-learn li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:14.5px;line-height:1.6}
.rxl-learn li .rxl-i{color:var(--c);margin-top:2px}
.rxl-mhead-art .rxl-art{filter:drop-shadow(0 8px 18px rgba(35,50,58,.1))}
.rxl-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.rxl-toc a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none}
.rxl-toc a:hover{border-color:var(--c);color:var(--c)}
.rxl-toc a>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cw2);color:var(--c);font-size:12.5px}
.rxl-sec{margin:34px 0 0;scroll-margin-top:16px}
.rxl-sec>h2{display:flex;align-items:center;gap:12px;font-size:clamp(19px,2.4vw,23px);margin:0 0 14px;line-height:1.4}
.rxl-sn{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--c);color:#fff;font-size:17px}
.rxl-sec p{font-size:15.5px;line-height:1.95;margin:0 0 14px}
.rxl-sec p b,.rxl-sum b,.rxl-fig b{color:inherit}
.rxl-sec p b{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--cw) 70%,transparent) 62%)}
.rxl-cap{font-size:13px!important;color:var(--sub);text-align:center;margin-top:-4px!important}

/* 図の共通 */
.rxl-fig{margin:18px 0 20px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.rxl-fig figcaption{margin:12px 0 0;text-align:center;font-size:13px;color:var(--sub);line-height:1.6}
.rxl .is-ok{--t:var(--ok);--tw:var(--ok-w)} .rxl .is-warn{--t:var(--warn);--tw:var(--warn-w)} .rxl .is-stop{--t:var(--stop);--tw:var(--stop-w)} .rxl .is-info{--t:var(--info);--tw:var(--info-w)}

/* 時間の流れ */
.rxl-tl{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;position:relative}
.rxl-tl li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:0 6px}
.rxl-tl li::before{content:"";position:absolute;top:21px;left:-50%;right:50%;height:4px;background:linear-gradient(90deg,var(--line),var(--t));z-index:0}
.rxl-tl li:first-child::before{display:none}
.rxl-tl-dot{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tw);color:var(--t);border:3px solid var(--t);font-family:var(--round);font-weight:700;font-size:17px;margin-bottom:6px}
.rxl-tl b{font-size:14.5px;color:var(--t);line-height:1.4}
.rxl-tl li>span:last-child{font-size:13px;color:var(--sub);line-height:1.6}

/* 手順 */
.rxl-flow{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
.rxl-flow li{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px 14px;border-radius:16px;background:var(--cw2)}
.rxl-flow li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:3px solid var(--c);border-right:3px solid var(--c);transform:translateY(-50%) rotate(45deg);opacity:.7}
.rxl-fn{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;font-size:14.5px;font-family:var(--round)}
.rxl-flow b{font-size:15px;line-height:1.45}
.rxl-flow li>span:last-child{font-size:13.5px;color:var(--sub);line-height:1.7}

/* カード */
.rxl-cards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:12px}
.rxl-card{padding:14px;border-radius:16px;background:var(--tw);border:1px solid color-mix(in srgb,var(--t) 22%,transparent)}
.rxl-ci{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--t);margin:0 0 8px}
.rxl-card b{display:block;font-size:15px;color:var(--t);margin:0 0 4px;line-height:1.4}
.rxl-card p{margin:0!important;font-size:13.5px!important;line-height:1.7!important;color:var(--ink)}

/* サイクル */
.rxl-cycle{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:70px 120px;padding:10px;color:var(--cw)}
.rxl-cy-ring{position:absolute;left:50%;top:50%;width:min(320px,70%);transform:translate(-50%,-50%);color:var(--c);opacity:.35;pointer-events:none}
.rxl-cy-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:124px;height:124px;border-radius:50%;background:var(--c);color:#fff;text-align:center;font-family:var(--round);font-weight:700;font-size:14px;word-break:keep-all;line-height:1.4;padding:10px;z-index:1;box-shadow:0 8px 20px color-mix(in srgb,var(--c) 30%,transparent)}
.rxl-cy-s{position:relative;z-index:1;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;align-items:center;padding:12px 14px;border-radius:16px;background:#fff;border:1.5px solid var(--cw);color:var(--ink)}
.rxl-cy-s b{font-size:15px}
.rxl-cy-s>span:last-child{grid-column:2;font-size:13px;color:var(--sub);line-height:1.6}
.rxl-cy-3{grid-column:2;grid-row:2}.rxl-cy-4{grid-column:1;grid-row:2}

/* 横棒 */
.rxl-bars{display:grid;gap:10px}
.rxl-bars>div{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:13.5px}
.rxl-bars i{display:block;height:16px;width:var(--w);border-radius:999px;background:linear-gradient(90deg,var(--cw),var(--c))}
.rxl-bars b{font-variant-numeric:tabular-nums;color:var(--c);min-width:4em;text-align:right}

/* 表 */
.rxl-tw{overflow-x:auto}
.rxl-tb{width:100%;border-collapse:collapse;font-size:14.5px}
.rxl-tb th,.rxl-tb td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.rxl-tb thead th{font-size:12.5px;color:var(--sub);border-bottom:2px solid var(--cw)}
.rxl-tb tbody th{width:38%;color:var(--c);font-weight:700}
.rxl-tb tbody tr:last-child>*{border-bottom:0}

/* 計算の例・式 */
.rxl-calc{margin:16px 0 18px;padding:16px 18px;border-radius:18px;background:var(--cw2);border:1.5px dashed var(--cw)}
.rxl-calc-t{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--c);margin:0 0 6px}
.rxl-calc ul{margin:0 0 8px;padding-left:1.3em;font-size:14.5px;line-height:1.85}
.rxl-calc-r{margin:0!important;padding:10px 14px;border-radius:12px;background:#fff;font-size:16px!important;font-weight:700;font-variant-numeric:tabular-nums}
.rxl-formula{display:grid;justify-items:center;gap:6px;margin:16px 0;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);text-align:center}
.rxl-formula span{display:inline-block;padding:7px 14px;border-radius:12px;font-weight:700;font-size:14.5px}
.rxl-formula .is-gen{background:var(--ok-w);color:var(--ok)}
.rxl-formula .is-brand{background:var(--info-w);color:var(--info)}
.rxl-fx-line{width:min(460px,90%);height:3px;border-radius:3px;background:var(--ink)}
.rxl-fx-bot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.rxl-fx-bot i{font-style:normal;font-weight:700}

/* ヒント */
.rxl-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;margin:14px 0;padding:12px 16px;border-radius:14px;background:var(--warn-w);border-left:4px solid #e0a800}
.rxl-tip>span{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#7a5200;white-space:nowrap;padding-top:2px}
.rxl-tip p{margin:0!important;font-size:14.5px!important;line-height:1.8!important}
.rxl-tip.is-warn{background:var(--stop-w);border-color:#d64545}.rxl-tip.is-warn>span{color:var(--stop)}
.rxl-tip.is-site{background:var(--cw2);border-color:var(--c)}.rxl-tip.is-site>span{color:var(--c)}

/* ステロイドのはしご・FTU */
.rxl-ladder{display:grid;gap:6px;margin:16px 0 8px}
.rxl-rung{display:grid;grid-template-columns:64px 150px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--rw);border-left:6px solid var(--rc)}
.rxl-rung:nth-child(1){margin-right:0}.rxl-rung:nth-child(2){margin-right:4%}.rxl-rung:nth-child(3){margin-right:8%}.rxl-rung:nth-child(4){margin-right:12%}.rxl-rung:nth-child(5){margin-right:16%}
.rxl-rn{display:grid;place-items:center;height:32px;border-radius:10px;background:var(--rc);color:#fff;font-weight:700;font-size:14px}
.rxl-rung b{color:var(--rc);font-size:15px}
.rxl-rung>span:last-child{font-size:13.5px;color:var(--ink)}
.rxl-ftu{margin:16px 0}
.rxl-ftu svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}

/* まとめ */
.rxl-sum{margin:38px 0 0;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,var(--cw2),#fff);border:1.5px solid var(--cw)}
.rxl-sum h2{display:flex;align-items:center;gap:8px;font-size:19px;margin:0 0 10px;color:var(--c)}
.rxl-sum ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px}
.rxl-sum li{counter-increment:s;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.75}
.rxl-sum li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;font-size:13.5px}
.rxl-sum b{background:linear-gradient(transparent 60%,#ffe58a 60%)}

/* クイズ */
.rxl-quiz{margin:34px 0 0;padding:clamp(18px,3vw,26px);border-radius:24px;background:#fff;border:2px solid var(--c);scroll-margin-top:16px}
.rxl-quiz-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 14px}
.rxl-quiz-h h2{display:flex;align-items:center;gap:8px;margin:0;font-size:21px;color:var(--c)}
.rxl-quiz-p{font-size:13.5px;color:var(--sub)}
.rxl-qs{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.rxl-q{padding:16px;border-radius:18px;background:var(--wash)}
.rxl-qt{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-weight:700;font-size:15.5px;line-height:1.6}
.rxl-qn{flex:none;display:grid;place-items:center;min-width:38px;height:28px;border-radius:9px;background:var(--c);color:#fff;font-size:13.5px}
.rxl-opts{display:grid;gap:8px}
.rxl-opt{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.55;padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .08s}
.rxl-opt:hover:not(:disabled){border-color:var(--c);background:var(--cw2)}
.rxl-opt:active:not(:disabled){transform:scale(.99)}
.rxl-opt:focus-visible{outline:3px solid #e0a800;outline-offset:2px}
.rxl-ok{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wash);font-weight:700;font-size:13.5px;color:var(--sub)}
.rxl-opt:disabled{cursor:default}
.rxl-opt.is-answer{border-color:var(--ok);background:var(--ok-w)}
.rxl-opt.is-answer .rxl-ok{background:var(--ok);color:#fff}
.rxl-opt.is-wrong{border-color:var(--stop);background:var(--stop-w)}
.rxl-opt.is-wrong .rxl-ok{background:var(--stop);color:#fff}
.rxl-q.is-done .rxl-opt:not(.is-answer):not(.is-wrong){opacity:.55}
.rxl-fb{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#fff;border-left:4px solid var(--ok)}
.rxl-q.is-wrong .rxl-fb{border-color:var(--stop)}
.rxl-fb b{display:block;font-size:15px;color:var(--ok)}
.rxl-q.is-wrong .rxl-fb b{color:var(--stop)}
.rxl-fb p{margin:4px 0 0;font-size:14px;line-height:1.75}
.rxl-result{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;margin:20px 0 0;padding:18px;border-radius:20px;background:var(--cw2)}
.rxl-ring{--p:0;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#fff 0)}
.rxl-ring b{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--cw2);font-family:var(--round);font-size:22px;color:var(--c)}
.rxl-rt>b{display:block;font-family:var(--round);font-size:18px}
.rxl-rt p{margin:4px 0 12px;font-size:14px;color:var(--sub)}
.rxl-rb{display:flex;flex-wrap:wrap;gap:8px}

/* サイトへのリンク・前後の単元・出典 */
.rxl-links{margin:30px 0 0}
.rxl-links h2{font-size:17px;margin:0 0 10px}
.rxl-links>div{display:flex;flex-wrap:wrap;gap:8px}
.rxl-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--cw2);color:var(--c);font-weight:700;font-size:14px;text-decoration:none}
.rxl-links a:hover{background:var(--cw)}
.rxl-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0}
.rxl-pn a{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink)}
.rxl-pn a:hover{border-color:var(--c)}
.rxl-pn small{font-size:12.5px;color:var(--sub)}
.rxl-pn b{font-family:var(--round);font-size:15.5px;color:var(--c)}
.rxl-pn .is-next{text-align:right}
.rxl-pn .is-prev b::before{content:"← "}
.rxl-pn .is-next b::after{content:" →"}
.rxl-src{margin:26px 0 0;padding:14px 18px;border-radius:16px;background:var(--wash);font-size:13px;color:var(--sub);line-height:1.8}
.rxl-src b{color:var(--ink)}
.rxl-src ul{margin:4px 0 6px;padding-left:1.2em}
.rxl-src p{margin:0}

/* 早見表・ツールの下の案内 */
.rxl-promo{margin:34px 0 0}
.rxl-promo a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:14px;border-radius:22px;background:var(--cw2);border:1.5px solid var(--cw);text-decoration:none;color:var(--ink);transition:box-shadow .15s}
.rxl-promo a:hover{box-shadow:0 10px 24px rgba(35,50,58,.1)}
.rxl-promo-art .rxl-art{border-radius:14px}
.rxl-promo-t small{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--c)}
.rxl-promo-t b{display:block;font-family:var(--round);font-size:17px;line-height:1.45;margin:2px 0}
.rxl-promo-t>span{font-size:13.5px;color:var(--sub)}

/* ===== スマホ ===== */
@media (max-width:860px){
  .rxl-hero,.rxl-mhead{grid-template-columns:minmax(0,1fr)}
  .rxl-hero-art,.rxl-mhead-art{order:-1}
  .rxl-hero-art .rxl-art,.rxl-mhead-art .rxl-art{max-width:300px;margin:0 auto}
  .rxl-flow{grid-auto-flow:row}
  .rxl-flow li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 12px;align-items:center}
  .rxl-flow li>span:last-child{grid-column:2}
  .rxl-flow li:not(:last-child)::after{right:auto;left:26px;top:auto;bottom:-12px;transform:rotate(135deg)}
  .rxl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .rxl-tl{grid-auto-flow:row;gap:14px}
  .rxl-tl li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 12px;text-align:left;align-items:center;padding:0}
  .rxl-tl li::before{top:-14px;bottom:auto;left:20px;right:auto;width:4px;height:14px;background:var(--t)}
  .rxl-tl-dot{grid-row:1/3;margin:0}
  .rxl-tl li>span:last-child{grid-column:2}
  .rxl-cards{grid-template-columns:minmax(0,1fr)}
  .rxl-cycle{grid-template-columns:minmax(0,1fr);gap:10px;padding:0}
  .rxl-cy-ring{display:none}
  .rxl-cy-c{position:static;transform:none;width:auto;height:auto;border-radius:14px;order:5;padding:10px}
  .rxl-cy-3,.rxl-cy-4{grid-column:auto;grid-row:auto}
  .rxl-bars>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .rxl-bars i{grid-column:1/-1;grid-row:2}
  .rxl-bars span{grid-row:1}
  .rxl-rung{grid-template-columns:52px minmax(0,1fr);gap:2px 10px;margin-right:0!important}
  .rxl-rn{grid-row:1/3}
  .rxl-fig{padding:14px}
  .rxl-result{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
  .rxl-rb{justify-content:center}
  .rxl-pn{grid-template-columns:minmax(0,1fr)}
  .rxl-promo a{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .rxl-prog{grid-template-columns:minmax(0,1fr)}
  .rxl-tip{grid-template-columns:minmax(0,1fr)}
  .rxl-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.rxl-mc a,.rxl-opt,.rxl-prog-bar i,.rxl-promo a{transition:none}.rxl-mc a:hover{transform:none}}