/* PROFILE: review-blog — polished version */
.rb-article{max-width:740px;margin:0 auto;padding:2rem 1.5rem}
.rb-bread{font-size:.8rem;opacity:.4;margin-bottom:1.5rem}
.rb-bread a{color:var(--pr);text-decoration:none}

/* Header */
.rb-header{margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.06)}
.rb-h1{font-family:var(--fh);font-size:2.2rem;font-weight:800;line-height:1.15;margin-bottom:.4rem}
.rb-meta{font-size:.88rem;opacity:.5;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.rb-meta a{color:var(--pr);text-decoration:none}
.rb-dot{opacity:.3}

/* Intro with floated image */
.rb-intro{margin-bottom:1.5rem;overflow:hidden}
.rb-float-img{float:right;width:220px;height:auto;max-height:280px;margin:0 0 1rem 1.5rem;border-radius:var(--r);object-fit:cover;shape-outside:content-box;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px rgba(0,0,0,.3)}
.rb-intro p{line-height:1.85;font-size:.95rem;text-align:justify}
.rb-intro a{color:var(--pr);text-decoration:underline;text-underline-offset:2px}

/* CTA banner */
.rb-cta-banner{text-align:center;margin:1.5rem 0;padding:1.25rem;background:rgba(var(--pr-rgb),0.06);border-radius:var(--r);border:1px solid rgba(var(--pr-rgb),0.12)}
.rb-cta{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,var(--pr),var(--ac));color:#fff;border-radius:var(--r);text-decoration:none;font-weight:700;font-size:1.05rem;transition:transform .2s,box-shadow .2s;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.rb-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}

/* Specs — horizontal pills */
.rb-specs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--sf);border-radius:var(--r)}
.rb-specs dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.4;margin-bottom:.15rem;width:100%}
.rb-specs dd{font-size:1.05rem;font-weight:700;margin:0}
.rb-spec-item{display:flex;flex-direction:column;padding-right:1.5rem;border-right:1px solid rgba(255,255,255,.06)}
.rb-spec-item:last-child{border-right:none;padding-right:0}
.rb-rtp-high{color:#4caf50}.rb-rtp-mid{color:#ff9800}.rb-rtp-low{color:#f44336}

/* Sections */
.rb-section{margin-bottom:2rem}
.rb-section h2{font-family:var(--fh);font-size:1.3rem;font-weight:700;margin-bottom:.6rem;color:var(--pr)}
.rb-section p{line-height:1.85;font-size:.95rem;opacity:.85}

/* Demo */
.rb-demo-frame{position:relative;padding-top:56.25%;background:#0a0a10;border-radius:var(--r);overflow:hidden;margin-top:.5rem}
.rb-demo-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* Features */
.rb-feat-list{list-style:none;padding:0}
.rb-feat-list li{padding:.6rem .75rem;font-size:.92rem;line-height:1.6;opacity:.8;border-left:3px solid var(--pr);margin-bottom:.5rem;background:rgba(var(--pr-rgb),0.03);border-radius:0 var(--r) var(--r) 0}

/* Tags */
.rb-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}
.rb-tag{display:inline-block;padding:.3rem .7rem;font-size:.8rem;background:rgba(255,255,255,.06);border-radius:4px;color:var(--tx);text-decoration:none;transition:background .15s}
.rb-tag:hover{background:rgba(255,255,255,.12)}
.rb-tag-m{border-left:2px solid var(--ac);border-radius:0 4px 4px 0}

/* Related slots */
.rb-rel-list{list-style:none;padding:0}
.rb-rel-list li{border-bottom:1px solid rgba(255,255,255,.04)}
.rb-rel-list li:last-child{border-bottom:none}
.rb-rel-link{display:flex;align-items:center;gap:1rem;padding:.75rem .5rem;text-decoration:none;color:var(--tx);transition:background .15s;border-radius:var(--r)}
.rb-rel-link:hover{background:rgba(255,255,255,.04)}
.rb-rel-link img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}
.rb-rel-info{display:flex;flex-direction:column}
.rb-rel-info strong{font-size:.92rem}
.rb-rel-info em{font-size:.8rem;opacity:.4;font-style:normal;margin-top:.15rem}
.rb-rtp-inline{font-size:.78rem;color:#4caf50;font-weight:600;margin-left:.4rem}

/* ====== MOBILE ====== */
@media(max-width:768px){
    .rb-article{padding:1rem .75rem}
    .rb-h1{font-size:1.6rem}
    
    /* Image: full width on mobile, not floated */
    .rb-float-img{
        float:none;
        display:block;
        width:100%;
        max-width:320px;
        height:auto;
        margin:0 auto 1.25rem;
        border-radius:var(--r);
    }
    
    .rb-intro p{text-align:left;font-size:.9rem}
    
    /* Specs stack vertically */
    .rb-specs{flex-direction:column;gap:.5rem;padding:.75rem 1rem}
    .rb-spec-item{flex-direction:row;justify-content:space-between;align-items:center;padding-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:.5rem}
    .rb-spec-item:last-child{border-bottom:none;padding-bottom:0}
    .rb-specs dt{width:auto;margin-bottom:0}
    .rb-specs dd{border-right:none;padding-right:0}
    
    /* CTA bigger tap target */
    .rb-cta{padding:16px 28px;font-size:1rem;width:100%;text-align:center}
    
    /* Features */
    .rb-feat-list li{font-size:.88rem;padding:.5rem .6rem}
    
    /* Related */
    .rb-rel-link img{width:48px;height:48px}
    .rb-rel-info strong{font-size:.88rem}
    
    /* Demo */
    .rb-demo-frame{border-radius:0;margin:0 -.75rem;padding-top:60%}
}

/* ====== SMALL MOBILE ====== */
@media(max-width:400px){
    .rb-h1{font-size:1.4rem}
    .rb-float-img{max-width:100%}
    .rb-meta{font-size:.8rem}
    .rb-section h2{font-size:1.15rem}
}