.rr-page{background:#f4f8fc;color:#071a31}
.rr-page *{box-sizing:border-box}

.rr-hero{
 padding:68px 0;
 background:
  radial-gradient(circle at 80% 10%,rgba(99,242,10,.12),transparent 27%),
  linear-gradient(125deg,#061526,#102544);
 color:#fff;
}

.rr-hero-grid{
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);
 gap:72px;
 align-items:center;
}

.rr-kicker{
 display:block;
 margin-bottom:15px;
 color:#63f20a;
 font-size:12px;
 font-weight:700;
 letter-spacing:.14em;
 text-transform:uppercase;
}

.rr-hero h1{
 margin:0;
 font-size:clamp(44px,5vw,66px);
 line-height:1.02;
 letter-spacing:-.045em;
 font-weight:640;
}

.rr-hero-copy>p{
 max-width:720px;
 margin:22px 0 29px;
 color:#b7c9de;
 font-size:18px;
 line-height:1.7;
}

.rr-primary{
 display:inline-flex;
 align-items:center;
 gap:13px;
 padding:14px 20px;
 border-radius:10px;
 background:#63f20a;
 color:#071423;
 font-size:15px;
 font-weight:500;
 text-decoration:none;
}

.rr-primary:hover{background:#7cff2a}

.rr-stats{
 display:flex;
 gap:40px;
 margin-top:36px;
 padding-top:25px;
 border-top:1px solid rgba(255,255,255,.13);
}

.rr-stats div{display:grid;gap:4px}
.rr-stats strong{font-size:25px;font-weight:600}
.rr-stats span{color:#8fa6c0;font-size:12px}

.rr-topic-index{
 overflow:hidden;
 border:1px solid rgba(161,193,222,.2);
 border-radius:18px;
 background:rgba(7,27,48,.88);
 box-shadow:0 24px 60px rgba(0,0,0,.2);
}

.rr-topic-index>header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:19px 21px;
 border-bottom:1px solid rgba(161,193,222,.16);
}

.rr-topic-index>header span{font-size:15px;font-weight:600}
.rr-topic-index>header b{
 display:grid;
 place-items:center;
 width:30px;height:30px;
 border-radius:8px;
 background:#153653;
 color:#63f20a;
 font-size:13px;
}

.rr-topic-index nav{display:grid;padding:8px}

.rr-topic-index nav a{
 display:grid;
 grid-template-columns:30px minmax(0,1fr) 28px;
 gap:12px;
 align-items:center;
 padding:12px;
 border-radius:9px;
 color:#b5c7db;
 text-decoration:none;
}

.rr-topic-index nav a:hover{
 background:#12314e;
 color:#fff;
}

.rr-topic-index nav small{
 color:#5f7b98;
 font-size:11px;
 font-weight:600;
}

.rr-topic-index nav span{
 overflow:hidden;
 font-size:14px;
 white-space:nowrap;
 text-overflow:ellipsis;
}

.rr-topic-index nav b{
 color:#63f20a;
 font-size:12px;
 font-weight:500;
 text-align:end;
}

.rr-library{padding:72px 0 90px}

.rr-section-head{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:30px;
 margin-bottom:34px;
}

.rr-section-head h2{
 margin:0;
 font-size:clamp(32px,4vw,46px);
 line-height:1.08;
 letter-spacing:-.04em;
 font-weight:630;
}

.rr-section-head p{
 max-width:670px;
 margin:12px 0 0;
 color:#60758c;
 font-size:16px;
 line-height:1.6;
}

.rr-section-head>a{
 flex:none;
 padding:11px 15px;
 border:1px solid #cbd9e6;
 border-radius:9px;
 background:#fff;
 color:#173650;
 font-size:13px;
 font-weight:500;
 text-decoration:none;
}

.rr-category-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:26px;
}

.rr-category-card{
 display:grid;
 grid-template-columns:42% 58%;
 overflow:hidden;
 min-width:0;
 border:1px solid #d7e3ed;
 border-radius:18px;
 background:#fff;
 box-shadow:0 14px 35px rgba(18,43,67,.06);
 transition:transform .2s ease,box-shadow .2s ease;
}

.rr-category-card:hover{
 transform:translateY(-3px);
 box-shadow:0 20px 45px rgba(18,43,67,.1);
}

.rr-category-image{
 position:relative;
 min-height:100%;
 overflow:hidden;
 background:#e7eef5;
}

.rr-category-image img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .35s ease;
}

.rr-category-card:hover .rr-category-image img{transform:scale(1.025)}

.rr-category-image>span{
 position:absolute;
 left:14px;
 top:14px;
 padding:7px 10px;
 border-radius:999px;
 background:rgba(7,20,35,.88);
 color:#fff;
 font-size:11px;
 font-weight:500;
}

.rr-category-body{
 display:flex;
 flex-direction:column;
 min-width:0;
 padding:25px;
}

.rr-category-label{
 color:#198b42;
 font-size:11px;
 font-weight:650;
 letter-spacing:.09em;
 text-transform:uppercase;
}

.rr-category-body h2{
 margin:9px 0 10px;
 font-size:24px;
 line-height:1.2;
 letter-spacing:-.025em;
 font-weight:600;
}

.rr-category-body h2 a{color:#071a31;text-decoration:none}

.rr-category-body>p{
 margin:0 0 18px;
 color:#60758b;
 font-size:13px;
 line-height:1.65;
}

.rr-guide-links{
 display:grid;
 border-top:1px solid #e3eaf1;
}

.rr-guide-links a{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 padding:10px 0;
 border-bottom:1px solid #e3eaf1;
 color:#294961;
 font-size:12px;
 line-height:1.35;
 text-decoration:none;
}

.rr-guide-links a span{
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}

.rr-guide-links a b{
 color:#168a3f;
 font-weight:500;
}

.rr-category-more{
 display:inline-flex;
 align-items:center;
 gap:11px;
 align-self:flex-start;
 margin-top:19px;
 color:#0e7135;
 font-size:13px;
 font-weight:500;
 text-decoration:none;
}

html[dir="rtl"] .rr-primary span,
html[dir="rtl"] .rr-guide-links a b,
html[dir="rtl"] .rr-category-more span{
 transform:rotate(180deg);
}

html[dir="rtl"] .rr-category-image>span{
 left:auto;
 right:14px;
}

@media(max-width:1080px){
 .rr-hero-grid{grid-template-columns:1fr;gap:38px}
 .rr-topic-index nav{grid-template-columns:repeat(2,1fr)}
 .rr-category-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
 .rr-hero{padding:46px 0}
 .rr-hero h1{font-size:40px}
 .rr-hero-copy>p{font-size:16px;margin:18px 0 24px}
 .rr-stats{gap:22px;margin-top:29px}
 .rr-topic-index nav{grid-template-columns:1fr}
 .rr-library{padding:48px 0 68px}
 .rr-section-head{display:block}
 .rr-section-head>a{display:inline-block;margin-top:18px}
 .rr-category-card{grid-template-columns:1fr}
 .rr-category-image{height:220px}
 .rr-category-body{padding:23px}
}
/* RUTSS full readable category images */
.rr-category-card{
 display:flex!important;
 flex-direction:column!important;
 height:100%!important;
}

.rr-category-image{
 display:block!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 aspect-ratio:600/260!important;
 overflow:hidden!important;
 flex:0 0 auto!important;
 background:#edf3f7!important;
 border-bottom:1px solid #dce6ee!important;
}

.rr-category-image img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:center!important;
 background:#fff!important;
 transform:none!important;
}

.rr-category-card:hover .rr-category-image img{
 transform:none!important;
}

.rr-category-image>span{
 left:14px!important;
 right:auto!important;
 top:14px!important;
 z-index:2!important;
 padding:6px 10px!important;
 background:rgba(5,20,37,.9)!important;
 box-shadow:0 4px 14px rgba(0,0,0,.15)!important;
}

.rr-category-body{
 display:flex!important;
 flex-direction:column!important;
 flex:1!important;
}

.rr-category-more{
 margin-top:auto!important;
}

html[dir="rtl"] .rr-category-image>span{
 left:auto!important;
 right:14px!important;
}

@media(max-width:1080px){
 .rr-category-image{
  aspect-ratio:600/260!important;
  height:auto!important;
 }
}

@media(max-width:700px){
 .rr-category-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:600/260!important;
 }

 .rr-category-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
 }
}