/* PINOVA reading system 2026 — reusable Be Vietnam Pro from site, no new font. */
@media(min-width:1151px){.pin-tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:761px) and (max-width:1150px){.pin-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.pin-product-placeholder{font-size:12px!important;color:#536c7f!important;text-align:center;padding:20px}.pin-product-placeholder::after{display:none!important}

:root{--pin-reading-text:#253b4f;--pin-reading-heading:#0c3158;--pin-reading-muted:#526b7d;--pin-reading-line:#dde8ec;--pin-reading-green:#11773b}
.single-post .pin-article{max-width:960px;margin:auto}.single-post .pin-article-header{max-width:870px;margin:0 auto 28px}.single-post .pin-article-header h1{color:var(--pin-reading-heading);font-family:inherit;font-size:clamp(27px,3.6vw,44px);line-height:1.32;letter-spacing:-.7px;margin:13px 0 14px;font-weight:800}.single-post .pin-article-meta{color:var(--pin-reading-muted);font-size:12px}.single-post .pin-article-lead{font-size:17px;line-height:1.9;color:#476177;padding:12px 0 12px 20px;border-left:4px solid #188249;margin:25px 0}.single-post .pin-prose{max-width:830px;margin:24px auto 35px;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--pin-reading-text);font-size:17px;line-height:1.95;letter-spacing:0;overflow-wrap:break-word}.single-post .pin-page .pin-prose p,.single-post .pin-page .pin-prose li{font-size:17px;line-height:1.95;color:var(--pin-reading-text);margin:0 0 1.05em}.single-post .pin-prose>*+*{margin-top:1.05em}.single-post .pin-page .pin-prose h2,.single-post .pin-page .pin-prose h3,.single-post .pin-page .pin-prose h4{font-weight:800;letter-spacing:-.3px;color:var(--pin-reading-heading);line-height:1.45;scroll-margin-top:110px;margin-top:1.95em;margin-bottom:.65em}.single-post .pin-page .pin-prose h2{font-size:clamp(24px,2.65vw,31px);padding-bottom:11px;border-bottom:1px solid #dce9e5}.single-post .pin-page .pin-prose h3{font-size:clamp(20px,2.25vw,25px)}.single-post .pin-page .pin-prose h4{font-size:18px}.single-post .pin-prose strong{color:#123a59;font-weight:750}.single-post .pin-prose a:not(.pin-btn){color:#0a6842;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}.single-post .pin-prose a:hover{color:#065b31}.single-post .pin-prose ul,.single-post .pin-prose ol{padding-left:1.35em;margin:1.15em 0 1.5em}.single-post .pin-prose li+li{margin-top:.35em}.single-post .pin-prose li::marker{color:#168443;font-weight:800}.single-post .pin-prose blockquote,.single-post .pin-prose .wp-block-quote{border-left:4px solid #178847;background:#f0f8f4;padding:20px 25px;border-radius:0 13px 13px 0;margin:1.7em 0;color:#164363}.single-post .pin-prose blockquote p{margin:0!important;color:#164363!important}.single-post .pin-prose img{display:block;max-width:100%;height:auto;border-radius:14px;margin:24px auto}.single-post .pin-prose figcaption{text-align:center;font-size:11px;color:#617687;line-height:1.7;margin-top:8px}.single-post .pin-prose .wp-block-image{margin:1.7em 0}.single-post .pin-prose .wp-block-table{margin:1.7em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pin-reading-line);border-radius:11px}.single-post .pin-prose table{width:100%;border-collapse:collapse;border:1px solid var(--pin-reading-line);font-size:14px;line-height:1.7;margin:1.4em 0;background:#fff}.single-post .pin-prose th,.single-post .pin-prose td{padding:13px 14px;text-align:left;vertical-align:top;border:1px solid var(--pin-reading-line);overflow-wrap:anywhere}.single-post .pin-prose th{background:#eaf5ee;color:#0d3d55;font-weight:800}.single-post .pin-prose tr:nth-child(even){background:#f8fbfa}.single-post .pin-prose pre,.single-post .pin-prose code{font-size:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.single-post .pin-prose pre{overflow-x:auto;background:#0a2847;color:#f6fbff;padding:17px;border-radius:12px}.single-post .pin-prose hr{border:0;border-top:1px solid var(--pin-reading-line);margin:2em 0}.single-post .pin-prose .pin-note,.single-post .pin-prose .pin-box{border:1px solid #d8e7e2;border-left:4px solid #188847;padding:17px 19px;background:#f3f9f6;border-radius:10px;margin:22px 0}.single-post .pin-prose .pin-callout-warning{border-left-color:#d29622;background:#fff9ea}.single-post .pin-article .pin-subpage-cta{max-width:900px;margin:42px auto 20px}.single-post .pin-article-more{margin:65px 0 20px}
.pin-logo .pin-logo-img{width:210px!important;max-width:210px!important;height:auto!important;object-fit:contain!important;aspect-ratio:1200/353;filter:none!important}
.pin-logo small{display:none!important}
.pin-nav-inner{min-height:78px!important}
.pin-footer .pin-logo-img{width:196px!important;max-width:196px!important}
.pin-app-visual{position:relative;overflow:hidden;background:#ebf3f7!important}.pin-app-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .23s ease!important}
.pin-app:hover .pin-app-visual img{transform:scale(1.025)}
.pin-app-grid .pin-app{overflow:hidden;border-radius:14px}
.pin-app-grid .pin-app-body{background:#fff}
.pin-app-grid .pin-app-body strong{color:#0c3359;line-height:1.5;font-size:15px}
.pin-app-grid .pin-app-body>span{color:#52667a;line-height:1.75}
@media(max-width:970px){.pin-logo .pin-logo-img{width:180px!important;max-width:180px!important}}
@media(max-width:760px){.single-post .pin-prose{font-size:16px;line-height:1.9;padding:0 1px}.single-post .pin-page .pin-prose p,.single-post .pin-page .pin-prose li{font-size:16px;line-height:1.88}.single-post .pin-page .pin-prose h2{font-size:24px}.single-post .pin-page .pin-prose h3{font-size:20px}.single-post .pin-prose .wp-block-table{margin-left:-4px;margin-right:-4px}.single-post .pin-prose table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}.single-post .pin-prose table td,.single-post .pin-prose table th{min-width:115px;padding:10px}.single-post .pin-article-header h1{font-size:30px}.pin-app-grid .pin-app-visual{height:145px!important}.pin-app-grid .pin-app-body strong{font-size:13px}}
@media(max-width:440px){.pin-logo .pin-logo-img{width:144px!important;max-width:144px!important}.pin-footer .pin-logo-img{width:180px!important;max-width:180px!important}.pin-app-grid .pin-app-visual{height:120px!important}}
@media(prefers-reduced-motion:reduce){.pin-app-visual img{transition:none!important}}