/* RadioInternet.ca — Blog hub + related guide block — v1.1.0 */
.ri-blog-hub{display:grid;gap:34px;color:#f7fbff}
.ri-blog-hero,.ri-blog-bottom{position:relative;overflow:hidden;padding:clamp(24px,4vw,42px);border:1px solid #255075;border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(31,231,255,.18),transparent 34%),linear-gradient(145deg,#0b2542,#071523 58%,#06111f);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.ri-blog-hero:after,.ri-blog-bottom:after{content:"";position:absolute;right:-90px;bottom:-110px;width:310px;height:310px;border:2px solid rgba(31,231,255,.32);border-radius:50%;box-shadow:0 0 0 28px rgba(15,255,80,.05),0 0 0 58px rgba(155,92,255,.04);pointer-events:none}
.ri-blog-kicker,.ri-related-blog__kicker{display:inline-block;color:#39ffb6;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.ri-blog-hero h2,.ri-blog-bottom h3{position:relative;z-index:1;margin:10px 0 14px;max-width:900px;font-size:clamp(34px,6vw,64px);line-height:.96;letter-spacing:-.045em}
.ri-blog-hero p,.ri-blog-bottom p{position:relative;z-index:1;max-width:900px;color:#c6d8e8;font-size:17px;line-height:1.7}
.ri-blog-truth{position:relative;z-index:1;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,230,0,.25);border-radius:14px;background:rgba(255,230,0,.07);color:#f6e9a6}
.ri-blog-section,.ri-blog-latest{display:grid;gap:16px}
.ri-blog-section-head span{color:#7cc8ff;font-size:11px;font-weight:950;letter-spacing:.18em}
.ri-blog-section-head h3{margin:3px 0 0;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}
.ri-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ri-blog-card{position:relative;display:flex;min-height:250px;flex-direction:column;padding:22px;border:1px solid #1f4568;border-radius:20px;background:linear-gradient(180deg,rgba(13,32,56,.98),rgba(7,25,43,.98));box-shadow:0 15px 45px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ri-blog-card:hover{transform:translateY(-3px);border-color:#2d7db6;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.ri-blog-card--post{border-color:#3c5a43;background:linear-gradient(180deg,rgba(12,48,39,.98),rgba(7,30,28,.98))}
.ri-blog-status{display:inline-flex;align-self:flex-start;max-width:100%;padding:6px 9px;border:1px solid rgba(31,231,255,.22);border-radius:999px;background:rgba(31,231,255,.07);color:#8defff;font-size:10px;font-weight:950;letter-spacing:.08em;line-height:1.3}
.ri-blog-card h4{margin:16px 0 8px;font-size:24px;line-height:1.05;letter-spacing:-.025em}
.ri-blog-card p{margin:0 0 18px;color:#b9ccdc;line-height:1.6}
.ri-blog-card a{margin-top:auto;color:#39ffb6!important;font-weight:900;text-decoration:none!important}
.ri-blog-primary{position:relative;z-index:1;display:inline-flex;margin-top:8px;padding:12px 17px;border-radius:12px;background:#0fff50;color:#00160a!important;font-weight:950;text-decoration:none!important}
.ri-related-blog{padding:30px 0;border-top:1px solid rgba(93,173,255,.16);border-bottom:1px solid rgba(93,173,255,.16);background:radial-gradient(circle at 86% 20%,rgba(31,231,255,.12),transparent 28%),#071625;color:#f7fbff}
.ri-related-blog__inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}
.ri-related-blog h2{margin:8px 0 8px;max-width:800px;font-size:clamp(27px,4vw,42px);line-height:1.02;letter-spacing:-.035em}
.ri-related-blog p{max-width:820px;margin:0;color:#aebfd0;line-height:1.65}
.ri-related-blog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.ri-related-blog__primary,.ri-related-blog__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:12px;font-weight:950;text-decoration:none!important;white-space:nowrap}
.ri-related-blog__primary{background:#0fff50;color:#00160a!important}
.ri-related-blog__secondary{border:1px solid #2b5b82;background:#0c2036;color:#d8edff!important}
@media(max-width:920px){.ri-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ri-related-blog__inner{grid-template-columns:1fr}.ri-related-blog__actions{justify-content:flex-start}}
@media(max-width:620px){.ri-blog-grid{grid-template-columns:1fr}.ri-blog-card{min-height:0}.ri-blog-hero,.ri-blog-bottom{padding:22px 18px}.ri-related-blog{padding:24px 0}.ri-related-blog__actions{display:grid;grid-template-columns:1fr}.ri-related-blog__primary,.ri-related-blog__secondary{width:100%}}