/* ODIN Cycle mobile reading fix V3.7.3 — scoped to page-id-97.
 * Existing eight-step SVG stays untouched; legible companion appears only on mobile.
 */
body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content figure.odin-cycle-figure{
  box-sizing:border-box;
  width:100%;
  max-width:100%!important;
  margin:26px auto 30px!important;
  overflow:visible;
  padding:0;
  text-align:center;
}
body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-figure svg{
  display:block;
  width:100%!important;
  max-width:100%;
  height:auto!important;
  margin:0 auto;
}
body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-figure figcaption{
  display:block;
  color:#385365!important;
  opacity:1!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.65!important;
  text-align:center;
  margin:14px 0 0!important;
  padding:0 6px!important;
}
body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps{display:none}
@media(max-width:700px){
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content figure.odin-cycle-figure{margin:22px 0 17px!important}
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-figure figcaption{
   color:#304d5d!important;
   font-size:16px!important;
   text-align:left;
   padding:0!important;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps{
   display:block;
   margin:22px 0 32px;
   padding:20px 17px;
   border:1px solid #d6e5e9;
   border-radius:13px;
   background:#f3f9f9;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps h2{
   margin:0 0 9px!important;
   color:#143c51!important;
   font-size:24px!important;
   line-height:1.3!important;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps p{
   margin:0 0 15px;
   font-size:16px!important;
   line-height:1.65!important;
   color:#385365!important;
   font-weight:500;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps ol{
   display:grid;
   grid-template-columns:minmax(0,1fr);
   list-style:none;
   counter-reset:odin-cycle;
   padding:0!important;
   margin:0!important;
   gap:9px;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps li{
   counter-increment:odin-cycle;
   display:grid;
   grid-template-columns:36px minmax(0,1fr);
   column-gap:11px;
   align-items:start;
   margin:0;
   padding:12px!important;
   background:#fff;
   border:1px solid #d8e7e9;
   border-radius:9px;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps li:before{
   content:counter(odin-cycle);
   grid-row:span 2;
   display:grid;
   place-items:center;
   width:34px;
   height:34px;
   border-radius:50%;
   background:#12445b;
   color:#fff;
   font-size:16px;
   font-weight:750;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps li strong{
   display:block;
   font-size:17px!important;
   line-height:1.4!important;
   color:#133e52!important;
 }
 body.page-id-97.odin-ui-v1 main#main>article.reading-shell>.reading-content .odin-cycle-mobile-steps li span{
   display:block;
   font-size:15px;
   font-weight:500;
   line-height:1.55;
   color:#39596a;
 }
}