/*
Theme Name: Vybra Blog
Theme URI: https://vybrahq.com
Author: Vybra
Description: Editorial WordPress theme for Vybra Blog.
Version: 1.0.0
Text Domain: vybra-blog
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--ink:#17191e;--muted:#6f747e;--line:#e9eaed;--blue:#4b6bfb;--paper:#fff;--soft:#f4f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef0f3;color:var(--ink);font-family:Inter,Arial,sans-serif}.site-shell{max-width:1240px;margin:34px auto;background:var(--paper);box-shadow:0 24px 65px #7280932d;overflow:hidden}.site-header{height:80px;border-bottom:1px solid var(--line);padding:0 55px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px;letter-spacing:-1px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:#17191e;color:#fff;border-radius:50%;font-size:17px;font-family:Georgia;font-style:italic}.brand small{font-size:13px;color:#727783;font-weight:500;letter-spacing:0;margin-left:-3px}.primary-menu{margin-left:auto}.primary-menu ul{display:flex;align-items:center;gap:28px;padding:0;margin:0;list-style:none}.primary-menu a{font-size:12px;font-weight:600;color:#363b44;text-decoration:none}.header-action{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#353942;text-decoration:none;border-bottom:1px solid var(--blue);padding:7px 0 5px}.site-main{min-height:500px}.cover-feature{position:relative;margin:30px 62px 24px;min-height:455px;border-radius:10px;overflow:hidden;display:grid;align-items:end;color:#fff;background:#12151b;text-decoration:none}.cover-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.cover-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,22,.82),rgba(9,15,22,.18) 70%)}.cover-copy{position:relative;z-index:1;max-width:615px;padding:58px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--blue);margin:0}.cover-copy .eyebrow{color:#d8e6ff}.cover-copy h1{font:800 clamp(36px,5vw,64px)/1.03 Manrope,Inter,sans-serif;letter-spacing:-.065em;margin:16px 0}.cover-copy p{font-size:15px;max-width:410px;line-height:1.55;color:#e1e5ea}.cover-cta,.button{display:inline-flex;align-items:center;gap:15px;margin-top:18px;border:0;border-radius:99px;background:#fff;color:#141820;padding:12px 17px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.section{padding:60px 62px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font:800 25px Manrope,Inter,sans-serif;margin:0;letter-spacing:-.05em}.section-title a{font-size:11px;color:#596bcb;text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;position:relative}.post-image{display:block;height:182px;background:#eef0f2}.post-image img{width:100%;height:100%;object-fit:cover}.post-info{padding:16px}.post-meta{font-size:10px;color:var(--blue);margin:0}.post-info h2,.post-info h3{font:700 18px/1.2 Manrope,Inter,sans-serif;margin:9px 0 15px;letter-spacing:-.04em}.post-info h2 a,.post-info h3 a{color:inherit;text-decoration:none}.date{font-size:10px;color:#9ba0a8;margin:0}.tag-bar{margin:0 62px;border:1px solid var(--line);border-radius:8px;min-height:43px;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 20px;overflow:auto;white-space:nowrap}.tag-bar strong{font-size:10px}.tag-bar a{color:var(--blue);font:500 10px Inter;text-decoration:none}.trending{margin:0 62px 75px;border-top:1px solid var(--line);padding-top:44px}.trending-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.trending-list a{border-radius:7px;background:var(--soft);padding:20px;text-decoration:none;color:inherit}.trending-list small{display:block;color:var(--blue);font-weight:700;font-size:10px;text-transform:uppercase;margin-bottom:13px}.trending-list b{font:700 17px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.04em}.newsletter{margin:0 62px 65px;padding:45px 48px;border-radius:8px;background:#eef1ff;display:flex;justify-content:space-between;align-items:center;gap:30px}.newsletter h2{font:800 35px/1.06 Manrope,Inter,sans-serif;letter-spacing:-.055em;margin:13px 0 7px}.newsletter p{font-size:13px;color:#6d7380;margin:0}.newsletter form{width:390px}.newsletter input{width:100%;border:1px solid #dde0eb;border-radius:5px;padding:13px;font:12px Inter}.newsletter .button{margin:9px 0 0;background:#17191e;color:#fff;border-radius:4px}.article{padding:64px 12% 100px}.back-link{font-size:12px;color:#626b77;text-decoration:none;display:inline-block;margin-bottom:55px}.article h1{font:800 clamp(42px,6vw,76px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.065em;max-width:920px;margin:12px 0 25px}.article-byline{font-size:12px;color:#747b86;margin:20px 0 36px}.article-hero{display:block;width:100%;height:min(55vw,570px);object-fit:cover;border-radius:8px}.article-content{max-width:700px;margin:55px auto;font-size:17px;line-height:1.75;color:#343842}.article-content .lead{font-size:23px;line-height:1.55;color:#17191e}.article-content h2{font:800 31px Manrope,Inter,sans-serif;letter-spacing:-.05em;margin-top:52px}.article-content blockquote{border-left:3px solid var(--blue);margin:38px 0;padding:3px 0 3px 25px;font:600 25px/1.3 Manrope,Inter,sans-serif;color:#17191e}.related{max-width:900px;margin:60px auto}.page-content{padding:100px 12%;min-height:620px}.page-content h1{font:800 clamp(42px,6vw,76px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.065em;max-width:850px;margin:12px 0 25px}.intro{color:#717782;font-size:18px;line-height:1.6;max-width:600px}.search-form{display:flex;gap:8px;margin:30px 0}.search-form input{flex:1;padding:12px;border:1px solid var(--line)}.pagination{margin-top:35px}.pagination .page-numbers{display:inline-block;margin-right:7px;padding:8px 11px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding:26px 62px;display:flex;justify-content:space-between;align-items:center;color:#8b9098;font-size:11px}.site-footer div{display:flex;gap:16px}.site-footer a{text-decoration:none;color:inherit}.comment-list{list-style:none;padding:0}.comment-body{padding:18px 0;border-bottom:1px solid var(--line)}.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid var(--line);margin:5px 0 12px}.comment-form .submit{background:#17191e;color:#fff;border:0;padding:10px 15px;cursor:pointer}@media(max-width:800px){body{background:#fff}.site-shell{margin:0;box-shadow:none}.site-header{height:70px;padding:0 20px}.primary-menu{display:none}.header-action{margin-left:auto}.cover-feature{margin:20px;min-height:450px}.cover-copy{padding:30px}.cover-copy h1{font-size:42px}.section{padding:55px 20px}.post-grid,.trending-list{grid-template-columns:1fr}.tag-bar,.trending{margin-left:20px;margin-right:20px}.trending{margin-bottom:45px}.newsletter{margin:0 20px 40px;padding:30px;display:block}.newsletter form{width:100%;margin-top:28px}.article,.page-content{padding:65px 25px}.article-hero{height:280px}.site-footer{margin:0 20px;padding:25px 0;flex-wrap:wrap;gap:15px}}