.reference-single-post{background:#f6f2e9}.reference-single-hero{padding:158px 0 82px;background:#07101f;color:#fff}.single-breadcrumb{display:flex;align-items:center;gap:16px;margin-bottom:46px;color:#8792a5;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.single-breadcrumb a:hover{color:#fff}.reference-single-hero h1{max-width:1080px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,6.6vw,88px);font-weight:400;line-height:1.03;letter-spacing:-.055em}.single-reference-meta{display:flex;align-items:center;gap:20px;margin-top:45px;color:#49b9d1;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.single-reference-meta i{display:block;width:30px;height:1px;background:#687284}.reference-single-body{padding:82px 0 110px}.single-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:72px;align-items:start}.single-main-column{min-width:0}.reference-featured{height:auto;margin:0 0 60px;overflow:hidden;background:#e3e8ef}.reference-featured img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.single-blog-sidebar{grid-column:auto;grid-row:auto;position:sticky;top:105px}.reference-post-content{max-width:780px;color:#4f5968;font-size:16px;line-height:1.9}.reference-post-content>*:first-child{margin-top:0}.reference-post-content h2,.reference-post-content h3,.reference-post-content h4{color:#101a2b;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}.reference-post-content h2{margin:48px 0 18px;font-size:36px}.reference-post-content h3{margin:42px 0 17px;font-size:29px}.reference-post-content h4{margin:35px 0 15px;font-size:23px}.reference-post-content p,.reference-post-content ul,.reference-post-content ol{margin-bottom:25px}.reference-post-content ul,.reference-post-content ol{padding-left:23px}.reference-post-content li{margin-bottom:11px;padding-left:5px}.reference-post-content strong{color:#263247}.reference-post-content a{color:var(--blue);text-decoration:underline}.reference-post-content img{max-width:100%;height:auto}.reference-post-content blockquote{margin:40px 0;padding:5px 0 5px 28px;border-left:2px solid var(--blue);color:#142039;font:400 25px/1.55 Georgia,serif}.reference-share{display:flex;align-items:center;gap:18px;max-width:780px;margin-top:55px;padding-top:25px;border-top:1px solid #d2ccc0;font-size:11px}.reference-share b{margin-right:auto;text-transform:uppercase;letter-spacing:.08em}.reference-share a{color:var(--blue)}.reference-post-navigation{max-width:780px;margin-top:45px}.reference-post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-post-navigation .nav-next{text-align:right}.reference-post-navigation a{display:block;padding:20px;border:1px solid #d2ccc0}.reference-post-navigation small,.reference-post-navigation span{display:block}.reference-post-navigation small{margin-bottom:6px;color:#8a8175;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.reference-post-navigation span{font:400 17px/1.4 Georgia,serif}.reference-post-navigation a:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:980px){.single-content-layout{grid-template-columns:minmax(0,1fr) 280px;gap:38px}.reference-single-hero h1{font-size:58px}}
@media(max-width:720px){.reference-single-hero{padding:120px 0 58px}.single-breadcrumb{margin-bottom:34px}.reference-single-hero h1{font-size:43px}.single-reference-meta{flex-wrap:wrap;gap:12px;margin-top:32px}.single-reference-meta i{width:18px}.reference-single-body{padding:48px 0 75px}.single-content-layout{grid-template-columns:1fr}.single-blog-sidebar{position:static;margin-top:30px;padding-top:45px;border-top:1px solid #d2ccc0}.reference-featured{margin-bottom:42px}.reference-post-content{font-size:15px}.reference-post-content h2{font-size:31px}.reference-post-content h3{font-size:26px}.reference-post-navigation .nav-links{grid-template-columns:1fr}.reference-post-navigation .nav-next{text-align:left}}

/* Reference structure, VistaarFlow brand palette. */
.reference-single-post{background:#f4f8fc}.reference-single-hero{background:#001846}.single-breadcrumb{color:#9aadd0}.single-reference-meta{color:#05c4d7}.single-reference-meta i{background:#44618f}.reference-featured{background:#e6eef8}.reference-post-content{color:#52617a}.reference-post-content h2,.reference-post-content h3,.reference-post-content h4{color:#071946}.reference-post-content strong{color:#142957}.reference-share{border-color:#dce5ef}.reference-post-navigation a{border-color:#dce5ef;background:#fff}.reference-post-navigation small{color:#72809a}
@media(max-width:720px){.single-blog-sidebar{border-color:#dce5ef}}

/* Full-width article canvas; the text itself remains readable. */
.reference-single-hero>.container,.reference-single-body>.container{width:calc(100% - 144px);max-width:none}.reference-single-hero h1{max-width:1280px}.reference-post-content,.reference-share,.reference-post-navigation{max-width:none}
@media(max-width:980px){.reference-single-hero>.container,.reference-single-body>.container{width:calc(100% - 80px)}}
@media(max-width:640px){.reference-single-hero>.container,.reference-single-body>.container{width:calc(100% - 28px)}}