/* PCVITA Blog v2 | flat colours, no gradients, no top or left borders. Header, footer and base come from css4/n-base.css and n-style.css. */
.bv2{background:#fff;color:#212529}
.bv2 .container{max-width:1140px}
.bv-main{display:block}
.bv-wrap{padding-top:8px;padding-bottom:56px}
/* breadcrumb */
.bv-crumb{margin:14px 0 18px;font-size:13.5px;color:#5c6770}
.bv-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none}
.bv-crumb li+li:before{content:"/";margin-right:8px;color:#b5bcc2}
.bv-crumb a{color:#5c6770}.bv-crumb a:hover{color:#dc3545}
.bv-crumb span{color:#212529}
/* listing hero */
.bv-hero{background:#f8f6ef;padding:6px 0 30px}
.bv-hero h1{margin:6px 0 8px;font:700 clamp(28px,4vw,40px)/1.2 "Roboto","Roboto Fallback",sans-serif;color:#081e21}
.bv-sub{margin:0 0 18px;color:#5c6770;font-size:16.5px;max-width:640px}
.bv-search{display:flex;max-width:560px;border:1px solid #e6e8ea;border-radius:10px;background:#fff;overflow:hidden}
.bv-search input{flex:1;min-width:0;border:0;padding:13px 16px;font-size:15px;outline:0;background:#fff}
.bv-search button{border:0;background:#dc3545;color:#fff;font-weight:600;padding:0 22px;cursor:pointer}
.bv-search button:hover{background:#b02a37}
.bv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.bv-chips a{display:block;padding:6px 14px;border:1px solid #e6e8ea;border-radius:999px;background:#fff;color:#212529;font-size:13.5px;font-weight:600}
.bv-chips a:hover,.bv-chips a.on{background:#dc3545;border-color:#dc3545;color:#fff}
/* cards */
.bv-list{padding:34px 0 56px}
.bv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bv-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8ea;border-radius:14px;overflow:hidden;transition:box-shadow .2s}
.bv-card:hover{box-shadow:0 12px 28px rgba(8,30,33,.1)}
.bv-card-img{display:block;aspect-ratio:16/9;background:#f5f6f6;overflow:hidden}
.bv-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.bv-card-ph{display:block;width:100%;height:100%;background:#fdecee}
.bv-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.bv-card h3{margin:0;font:700 17px/1.35 "Roboto","Roboto Fallback",sans-serif}
.bv-card h3 a{color:#081e21}.bv-card h3 a:hover{color:#dc3545}
.bv-card-meta{margin:auto 0 0;font-size:13px;color:#5c6770}
.bv-chip{align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:6px;background:#fdecee;color:#b02a37;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
a.bv-chip:hover{background:#dc3545;color:#fff}
.bv-empty{padding:40px 0;color:#5c6770}
.bv-pages ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:34px 0 0;padding:0;list-style:none}
.bv-pages a,.bv-pages span{display:block;min-width:40px;padding:9px 14px;border:1px solid #e6e8ea;border-radius:8px;text-align:center;font-weight:600;color:#212529;background:#fff}
.bv-pages a:hover{border-color:#dc3545;color:#dc3545}
.bv-pages .current{background:#dc3545;border-color:#dc3545;color:#fff}
/* article */
.bv-article{max-width:800px;margin:0 auto}
.bv-head h1{margin:12px 0 18px;font:700 clamp(27px,3.6vw,38px)/1.25 "Roboto","Roboto Fallback",sans-serif;color:#081e21}
.bv-meta{display:flex;flex-wrap:wrap;gap:14px 26px;margin:0 0 26px;padding:14px 16px;list-style:none;background:#f5f6f6;border-radius:12px}
.bv-meta li{display:flex;align-items:center;gap:10px;font-size:14px;color:#212529;font-weight:600}
.bv-meta small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5c6770}
.bv-meta a{color:#212529}.bv-meta a:hover{color:#dc3545}
.bv-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.bv-in{display:inline-flex;vertical-align:middle;color:#0a66c2!important}
.bv-in svg{fill:currentColor}
.bv-body{font-size:17px;line-height:1.8;color:#212529;overflow-wrap:anywhere}
.bv-body>*:first-child{margin-top:0}
.bv-body h2{margin:44px 0 14px;font:700 clamp(22px,2.6vw,28px)/1.3 "Roboto","Roboto Fallback",sans-serif;color:#081e21;scroll-margin-top:90px}
.bv-body h3{margin:30px 0 10px;font:700 clamp(18px,2vw,22px)/1.35 "Roboto","Roboto Fallback",sans-serif;color:#081e21;scroll-margin-top:90px}
.bv-body h4{margin:22px 0 8px;font:700 18px/1.4 "Roboto","Roboto Fallback",sans-serif}
.bv-body p{margin:0 0 18px}
.bv-body a{color:#b02a37;text-decoration:underline;text-underline-offset:3px}
.bv-body a:hover{color:#dc3545}
.bv-body ul,.bv-body ol{margin:0 0 20px;padding-left:24px}
.bv-body li{margin-bottom:8px}
.bv-body img{max-width:100%;height:auto;border-radius:10px;border:1px solid #e6e8ea;display:block;margin:10px auto 22px}
.bv-body .aligncenter,.bv-body .alignnone{margin-left:auto;margin-right:auto}
.bv-body .alignleft{float:left;margin:4px 20px 14px 0}.bv-body .alignright{float:right;margin:4px 0 14px 20px}
.bv-body figure{margin:0 0 22px}.bv-body figcaption,.bv-body .wp-caption-text{font-size:13.5px;color:#5c6770;text-align:center;margin-top:-10px}
.bv-body table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15.5px;display:block;overflow-x:auto}
.bv-body th,.bv-body td{padding:10px 14px;border:1px solid #e6e8ea;text-align:left;vertical-align:top}
.bv-body th{background:#f5f6f6;font-weight:700}
.bv-body pre,.bv-body code{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:14.5px}
.bv-body pre{margin:0 0 22px;padding:16px 18px;background:#0b0e13;color:#e8eaed;border-radius:10px;overflow-x:auto}
.bv-body :not(pre)>code{padding:2px 6px;background:#f5f6f6;border-radius:5px}
.bv-body blockquote{margin:0 0 22px;padding:16px 20px;background:#fdecee;border-radius:12px;font-size:16.5px}
.bv-body blockquote p:last-child{margin-bottom:0}
.bv-body hr{border:0;border-top:1px solid #e6e8ea;margin:32px 0}
.bv-body iframe,.bv-body video{max-width:100%;border:0;border-radius:10px}
.bv-body iframe[src*="youtube"],.bv-body iframe[src*="youtu.be"]{width:100%;aspect-ratio:16/9;height:auto}
/* Quick Answer and note boxes (use these classes in new posts) */
.bv-body h2.quick-answer{margin:0 0 26px;font:400 17px/1.7 "Open Sans","Open Sans Fallback","Segoe UI",Arial,sans-serif;color:#212529}
.bv-body .quick-answer,.bv-body .bv-qa{margin:0 0 26px;padding:18px 20px;background:#f8f6ef;border-radius:12px;font-size:17px}
.bv-body .bv-note{margin:0 0 22px;padding:14px 18px;border-radius:12px;background:#f5f6f6}
.bv-body .bv-note.tip{background:#eaf6ee}.bv-body .bv-note.warn{background:#fff6e0}.bv-body .bv-note.know{background:#e9f4fb}
.bv-body .bv-note b:first-child,.bv-body .bv-note strong:first-child{display:block;margin-bottom:4px}
/* TOC */
.bv-toc{margin:0 0 30px;padding:18px 22px;background:#f5f6f6;border-radius:12px}
.bv-toc-t{margin:0 0 8px;font:700 16px/1.3 "Roboto","Roboto Fallback",sans-serif;color:#081e21}
.bv-toc ol{margin:0;padding-left:20px;font-size:15.5px}
.bv-toc li{margin:0 0 5px}
.bv-toc li.l3{margin-left:18px;list-style:circle}
.bv-toc a{color:#212529;text-decoration:none}.bv-toc a:hover{color:#dc3545;text-decoration:underline}
/* Old posts: Windows and Mac download card (Bootstrap tab markup kept, restyled) */
.bv-body .alert{margin:0 0 22px;padding:14px 18px;border-radius:12px;background:#e9f4fb}
.bv-body .badge{display:inline-block;padding:3px 10px;border-radius:6px;background:#fdecee;color:#b02a37;font-size:12px;font-weight:700}
.bv-body div:has(>.nav-tabs){margin:28px 0;padding:18px 18px 20px;background:#f8f6ef;border-radius:14px;text-align:center}
.bv-body .nav-tabs{display:inline-flex;gap:4px;margin:0 0 16px;padding:4px;list-style:none;background:#fff;border:1px solid #e6e8ea;border-radius:10px}
.bv-body .nav-tabs li{margin:0}
.bv-body .nav-tabs .nav-link,.bv-body .nav-tabs a{display:block;padding:9px 26px;background:transparent;color:#212529;border-radius:7px;text-decoration:none;font-weight:600;font-size:15px;cursor:pointer}
.bv-body .nav-tabs a:hover{background:#f5f6f6}
.bv-body .nav-tabs .active,.bv-body .nav-tabs a.active:hover{background:#081e21;color:#fff}
.bv-body .tab-content{margin:0;padding:0;background:none;text-align:center}
.bv-body .tab-pane{display:none}.bv-body .tab-pane.active,.bv-body .tab-pane.show.active{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.bv-body .btn{display:inline-flex;align-items:center;justify-content:center;min-width:176px;margin:0;padding:12px 22px;border-radius:10px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;color:#fff}
.bv-body .btn-danger{background:#dc3545}.bv-body .btn-danger:hover{background:#b02a37;color:#fff}
.bv-body .btn-success{background:#28a745}.bv-body .btn-success:hover{background:#1e7e34;color:#fff}
@media(max-width:575px){.bv-body .btn{min-width:0;flex:1 1 100%}.bv-body .nav-tabs .nav-link,.bv-body .nav-tabs a{padding:9px 20px}}
.bv-body .card{margin:0 0 20px;border:1px solid #e6e8ea;border-radius:12px;overflow:hidden}
.bv-body .card-header{padding:12px 16px;background:#f5f6f6;font-weight:700}.bv-body .card-body{padding:14px 16px}
.bv-body .collapse:not(.show){display:none}
.bv-body .text-center{text-align:center}.bv-body .list-unstyled{list-style:none;padding:0}
/* author box and related */
.bv-bio{display:flex;gap:18px;align-items:flex-start;margin:44px 0 0;padding:22px;background:#f5f6f6;border-radius:14px}
.bv-bio .bv-av{width:72px;height:72px}
.bv-bio p{margin:0 0 8px;font-size:15.5px;color:#5c6770}
.bv-bio .bv-bio-n{font:700 18px/1.3 "Roboto","Roboto Fallback",sans-serif;color:#081e21}
.bv-bio a{font-weight:600;color:#b02a37}
.bv-related{max-width:1140px;margin:52px auto 0}
.bv-h{margin:0 0 18px;font:700 24px/1.3 "Roboto","Roboto Fallback",sans-serif;color:#081e21}
@media(max-width:991px){.bv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){
.bv-grid{grid-template-columns:1fr}
.bv-body{font-size:16.5px}
.bv-meta{gap:12px 18px}
.bv-bio{flex-direction:column}
.bv-search button{padding:0 16px}
}
/* Blog home */
.bv-hero-home{padding-bottom:34px}
.bv-list .bv-h{margin:0 0 18px}
.bv-top{display:grid;grid-template-columns:2.2fr 1fr;grid-template-rows:1fr 1fr;gap:22px;margin:0 0 30px}
.bv-feat{display:flex;background:#fff;border:1px solid #e6e8ea;border-radius:14px;overflow:hidden;transition:box-shadow .2s}
.bv-feat:hover{box-shadow:0 12px 28px rgba(8,30,33,.1)}
.bv-feat.big{grid-row:1/3;flex-direction:column}
.bv-feat-img{display:block;background:#f5f6f6;overflow:hidden}
.bv-feat.big .bv-feat-img{aspect-ratio:16/9}
.bv-feat.sm{flex-direction:column}
.bv-feat.sm .bv-feat-img{flex:none;aspect-ratio:16/9}
.bv-feat-img img{width:100%;height:100%;object-fit:cover;display:block}
.bv-feat-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:9px;min-width:0}
.bv-feat h2{margin:0;font:700 clamp(19px,2vw,26px)/1.3 "Roboto","Roboto Fallback",sans-serif}
.bv-feat.sm h2{font-size:16px;line-height:1.35}
.bv-feat.sm .bv-feat-body{padding:14px 16px 16px;gap:7px}
.bv-feat h2 a{color:#081e21}.bv-feat h2 a:hover{color:#dc3545}
.bv-feat-ex{margin:0;color:#5c6770;font-size:15.5px}
.bv-card h2{margin:0;font:700 17px/1.35 "Roboto","Roboto Fallback",sans-serif}
.bv-card h2 a{color:#081e21}.bv-card h2 a:hover{color:#dc3545}
.bv-tools{background:#f8f6ef;padding:34px 0 40px}
.bv-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}
.bv-tools-grid a{display:flex;align-items:center;gap:14px;height:100%;padding:14px 16px;background:#fff;border:1px solid #e6e8ea;border-radius:12px;color:#081e21;transition:box-shadow .2s}
.bv-tools-grid a:hover{box-shadow:0 8px 20px rgba(8,30,33,.09)}
.bv-ti{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:10px;background:#fdecee;color:#dc3545}
.bv-ti svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bv-tools-grid strong{display:block;font:700 15.5px/1.3 "Roboto","Roboto Fallback",sans-serif}
.bv-tools-grid small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:#5c6770}
@media(max-width:991px){.bv-top{grid-template-columns:1fr;grid-template-rows:none}.bv-feat.big{grid-row:auto}.bv-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.bv-tools-grid{grid-template-columns:1fr}}