/* Reference-inspired light reading layout. Loaded after the original theme. */
:root{--hk-bg:#f7f9fc;--hk-bg-2:#fff;--hk-panel:#fff;--hk-line:#e2e8f0;--hk-ink:#172436;--hk-muted:#607084;--hk-accent:#1686d9;--hk-accent-2:#1686d9;--hk-width:1120px}
body.hk-theme{background:#f7f9fc!important;color:#172436!important;font:15px/1.65 Inter,Segoe UI,Arial,sans-serif!important}
.hk-site{background:#f7f9fc!important;color:#172436}
.hk-header,.hk-header.is-scrolled{height:66px;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e8edf3;box-shadow:0 2px 12px rgba(25,51,82,.04)}
.hk-header::after{display:none}
.hk-header-inner{gap:24px}
.hk-brand{min-width:0;color:#167dc9!important;gap:9px}
.hk-brand-mark{width:32px;height:32px;color:#1686d9;border-color:#c6e6ff;background:#f1f8fe;box-shadow:none}
.hk-brand-mark svg{width:21px;height:21px}
.hk-brand-name{color:#187fc8;font:800 14px/1.1 Segoe UI,Arial,sans-serif;letter-spacing:.01em;text-transform:none}
.hk-brand-sub{margin-top:3px;color:#7192ab;font-size:8px;letter-spacing:.13em}
.hk-nav{gap:23px}
.hk-nav a{color:#657386!important;font-size:11px;letter-spacing:0;text-transform:none}
.hk-nav a:hover,.hk-nav a[aria-current=page]{color:#1686d9!important}
.hk-nav a::after{background:#1686d9}
.hk-header-action{padding:8px 13px;color:#1686d9!important;background:#f0f8ff;border:1px solid #d4eafd;box-shadow:none;font-size:10px;letter-spacing:0;text-transform:none}
.hk-header-action:hover{background:#1686d9;color:#fff!important}
.hk-menu-button span{background:#1e3046}
.hk-app-home{padding:22px 20px 80px;background:#f7f9fc}
.hk-app-container{width:min(100%,850px);margin:0 auto}
.hk-app-breadcrumb{display:flex;gap:9px;margin:0 2px 13px;color:#8a99a9;font-size:11px}
.hk-app-breadcrumb a{color:#1686d9!important}
.hk-app-card{background:#fff;border:1px solid #e9eef3;border-radius:10px;box-shadow:0 3px 15px rgba(30,55,90,.035)}
.hk-app-summary{padding:22px}
.hk-app-identity{display:flex;align-items:center;gap:17px}
.hk-app-icon{width:82px;height:82px;flex:none;object-fit:cover;object-position:50% 10%;border-radius:13px;border:1px solid #e5edf5;box-shadow:0 2px 8px #d9e3ef}
.hk-app-eyebrow{color:#1686d9;font-size:10px;font-weight:800;letter-spacing:.1em}
.hk-app-identity h1{margin:3px 0;color:#1a2938;font:750 clamp(24px,3vw,34px)/1.12 Segoe UI,Arial,sans-serif}
.hk-app-version{margin:3px 0 0;color:#758597;font-size:12px}
.hk-app-stars{display:block;margin-top:5px;color:#f4ae29;font-size:13px;letter-spacing:2px}
.hk-app-intro{margin:18px 0;color:#4d5f72;font-size:13px;line-height:1.7}
.hk-app-quicklinks{border:1px solid #e5edf5;border-radius:7px;overflow:hidden}
.hk-app-quicklinks h2{margin:0;padding:9px 13px;background:#e9f4ff;color:#235c84;font:700 12px Segoe UI,Arial,sans-serif}
.hk-app-quicklinks a{display:flex;justify-content:space-between;padding:10px 13px;border-top:1px solid #e9eef4;color:#4b5d6e!important;font-size:12px}
.hk-app-quicklinks a:hover{background:#f4faff;color:#1686d9!important}
.hk-app-quicklinks a span{color:#1686d9;font-size:18px;line-height:1}
.hk-app-primary{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0;padding:11px 18px;border-radius:5px;background:#1686d9;color:#fff!important;text-align:center;font-size:14px;font-weight:800;line-height:1.25;transition:background .2s}
.hk-app-primary:hover{background:#086daf;color:#fff!important}
.hk-app-primary>span:first-child{font-size:22px}
.hk-app-primary small{display:block;margin-top:3px;font-size:10px;font-weight:500;opacity:.87}
.hk-app-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.hk-app-gallery img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:5px}
.hk-app-facts{margin-top:20px;padding-top:17px;border-top:1px solid #e8edf3}
.hk-app-facts h2,.hk-app-related h2{margin:0 0 12px;color:#1c2c3d;font:700 17px Segoe UI,Arial,sans-serif}
.hk-app-facts dl{margin:0}
.hk-app-facts dl div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid #f0f2f5;font-size:12px}
.hk-app-facts dt{color:#8794a3}.hk-app-facts dd{margin:0;color:#25374a;text-align:right}
.hk-app-home .hk-shell{max-width:none;padding:0}
.hk-app-home .hk-home-guide,.hk-app-home .hk-home-guide-section{margin-top:16px;padding:25px;background:#fff!important;border:1px solid #e9eef3;border-radius:10px;box-shadow:0 3px 15px rgba(30,55,90,.035);color:#263647}
.hk-app-home .hk-home-guide-head{margin:0 0 23px}
.hk-app-home .hk-kicker,.hk-app-home .hk-home-feature>span,.hk-app-home .hk-home-updates .hk-kicker,.hk-app-home .hk-home-platform-primary>span,.hk-app-home .hk-home-pros-cons span,.hk-app-home .hk-home-alternatives-card>span,.hk-app-home .hk-home-faq>span{color:#1686d9!important;text-shadow:none}
.hk-app-home .hk-kicker::before{background:#1686d9;box-shadow:none}
.hk-app-home .hk-display,.hk-app-home .hk-home-guide h2,.hk-app-home .hk-home-guide h3,.hk-app-home .hk-home-guide-section h2,.hk-app-home .hk-home-guide-section h3{color:#192b3c!important;font-family:Segoe UI,Arial,sans-serif;font-weight:750;letter-spacing:-.02em;text-shadow:none}
.hk-app-home .hk-display em{color:#1686d9!important;font-style:normal}
.hk-app-home .hk-home-guide-head h2{margin:7px 0 10px;font-size:clamp(25px,4vw,34px);line-height:1.25}
.hk-app-home .hk-home-guide-subtitle,.hk-app-home .hk-home-guide p,.hk-app-home .hk-home-guide-section p,.hk-app-home .hk-home-guide-section small{color:#536578!important;font-size:13px;line-height:1.75}
.hk-app-home .hk-button,.hk-app-home .hk-home-platform-primary .hk-button{padding:11px 17px;border:1px solid #1686d9;border-radius:5px;background:#1686d9;color:#fff!important;box-shadow:none;font-size:11px;letter-spacing:0;text-transform:none}
.hk-app-home .hk-button:hover{background:#086daf;border-color:#086daf}
.hk-app-home .hk-button--ghost{background:#fff;color:#1686d9!important}
.hk-app-home .hk-button--ghost:hover{background:#eff8ff}
.hk-app-home .hk-home-guide-actions{margin-top:18px}
.hk-app-home .hk-home-guide-intro{grid-template-columns:165px 1fr;gap:25px;padding:18px;border:1px solid #e8edf3;border-radius:7px;background:#fff;clip-path:none}
.hk-app-home .hk-home-guide-poster{max-width:165px}
.hk-app-home .hk-home-guide-poster img{border-radius:5px;box-shadow:none}
.hk-app-home .hk-home-guide-poster span{color:#8293a7}
.hk-app-home .hk-home-guide-intro-copy h3{margin:6px 0 10px;font-size:24px}
.hk-app-home .hk-home-guide-intro-copy p{margin-bottom:10px}
.hk-app-home .hk-home-guide-notice{display:block;margin-top:12px;padding:10px 13px;border-left:3px solid #1686d9;background:#eef8ff}
.hk-app-home .hk-home-guide-notice strong{display:block;color:#176ea9!important}
.hk-app-home .hk-home-guide-notice span{color:#4c6274}
.hk-app-home .hk-home-guide-media{display:block;margin-top:25px}
.hk-app-home .hk-home-guide-media h3{margin:5px 0;font-size:23px}
.hk-app-home .hk-home-guide-media p{max-width:none}
.hk-app-home .hk-home-guide-video{width:min(100%,610px);margin:13px auto 0;border:0;border-radius:6px;box-shadow:none}
.hk-app-home .hk-home-guide-toc{margin-top:24px;padding:11px;background:#f6faff;border:1px solid #e6eff7;border-radius:6px}
.hk-app-home .hk-home-guide-toc>span{color:#59758d}
.hk-app-home .hk-home-guide-toc a{border:1px solid #d9e9f7;border-radius:4px;color:#176ea9!important;background:#fff}
.hk-app-home .hk-home-guide-toc a:hover{background:#e9f5ff;border-color:#1686d9}
.hk-app-home .hk-section-heading{display:block;margin-bottom:16px}
.hk-app-home .hk-section-heading h2,.hk-app-home .hk-home-combat-grid h2,.hk-app-home .hk-home-alternatives h2{margin:5px 0 8px;font-size:25px}
.hk-app-home .hk-section-heading p{margin:0;max-width:none}
.hk-app-home .hk-home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hk-app-home .hk-home-feature,.hk-app-home .hk-home-updates,.hk-app-home .hk-home-platform-primary,.hk-app-home .hk-home-platform-list,.hk-app-home .hk-home-alternatives-card,.hk-app-home .hk-home-faq{min-height:0;padding:16px;border:1px solid #e6edf3;border-radius:6px;background:#fbfdff;clip-path:none;box-shadow:none}
.hk-app-home .hk-home-feature h3,.hk-app-home .hk-home-faq h3{margin:7px 0;font:700 16px/1.35 Segoe UI,Arial,sans-serif;color:#25384a!important}
.hk-app-home .hk-home-feature a,.hk-app-home .hk-home-guide-section--combat a:not(.hk-button),.hk-app-home .hk-home-faq a{color:#1686d9!important}
.hk-app-home .hk-home-combat-grid,.hk-app-home .hk-home-alternatives{grid-template-columns:1fr;gap:18px}
.hk-app-home .hk-home-updates h3,.hk-app-home .hk-home-platform-primary h3{margin:6px 0;font-size:20px}
.hk-app-home .hk-home-updates li,.hk-app-home .hk-home-platform-list>div,.hk-app-home .hk-home-alternatives-card>a{border-color:#e5edf4;color:#344a5e!important}
.hk-app-home .hk-home-updates li span,.hk-app-home .hk-home-platform-list strong,.hk-app-home .hk-home-platform-list b,.hk-app-home .hk-home-alternatives-card>a span{color:#1686d9!important}
.hk-app-home .hk-home-platform-grid{grid-template-columns:1fr 1fr;gap:12px}
.hk-app-home .hk-home-pros-cons{margin-top:12px;border:1px solid #e6edf3;border-radius:6px;background:#fbfdff}
.hk-app-home .hk-home-faq-grid{gap:10px}
.hk-app-home .hk-home-faq{padding:15px}
.hk-app-related{margin-top:16px;padding:24px}
.hk-app-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hk-app-related-grid a{padding:17px;border:1px solid #e6edf3;border-radius:6px;background:#fbfdff}
.hk-app-related-grid a:hover{border-color:#1686d9;background:#f4faff}
.hk-app-related-grid strong,.hk-app-related-grid span{display:block}
.hk-app-related-grid strong{color:#263a4d;font-size:13px}.hk-app-related-grid span{margin-top:5px;color:#1686d9;font-size:11px}
.hk-footer-cta{padding:35px 20px;border-top:1px solid #e7edf3;background:#fff;text-align:center}
.hk-footer-cta h2{margin:7px 0;color:#1b2b3d;font:750 26px Segoe UI,Arial,sans-serif}
.hk-footer-cta p{color:#657587}
.hk-footer-cta .hk-button{padding:10px 17px;border-radius:5px;background:#1686d9;color:#fff!important;box-shadow:none}
.hk-footer{padding:45px 0 0;background:#fff;border-top:1px solid #e9eef3;color:#627486}
.hk-footer h3{color:#24384b}.hk-footer p{color:#6b7d8e}.hk-footer li a{color:#637488!important}.hk-footer li a:hover,.hk-footer-bottom a{color:#1686d9!important}
.hk-footer .hk-brand-mark{box-shadow:none}.hk-footer .hk-brand-name{color:#1686d9}
.hk-footer-bottom{border-top-color:#e9eef3}
.hk-search input{background:#fff;color:#24384b}.hk-search button{background:#1686d9;color:#fff}
/* Keep article and other inner pages readable under the same light header and footer. */
.hk-inner-hero{background:#edf6fe;border-color:#e0ebf4}.hk-inner-hero h1{color:#17293b}.hk-inner-lead,.hk-breadcrumb,.hk-meta{color:#5a6e82}
.hk-prose,.hk-prose p,.hk-prose li{color:#344a5d}.hk-prose h2,.hk-prose h3,.hk-prose h4{color:#1b3043}
.hk-content-layout{background:#fff}.hk-sidebox{background:#f7fbff;border-color:#e1ebf4}.hk-sidebox h2{color:#20364a}.hk-toc a{color:#4f6479!important}
.hk-article-panel{background:#fff;border-color:#e5edf4}.hk-prose a:not(.wp-block-button__link){color:#1686d9!important}
@media(max-width:760px){.hk-header,.hk-header.is-scrolled{height:62px}.hk-nav{background:#fff;border-color:#e7edf3;box-shadow:0 12px 30px #203b5d15}.hk-nav a{color:#34495e!important}.hk-app-home{padding:16px 12px 55px}.hk-app-summary,.hk-app-home .hk-home-guide,.hk-app-home .hk-home-guide-section,.hk-app-related{padding:18px}.hk-app-home .hk-home-guide-intro{grid-template-columns:1fr}.hk-app-home .hk-home-guide-poster{width:150px}.hk-app-home .hk-home-platform-grid{grid-template-columns:1fr}.hk-app-related-grid{grid-template-columns:1fr}.hk-footer-grid{gap:26px}}
@media(max-width:520px){.hk-app-identity{align-items:flex-start}.hk-app-icon{width:72px;height:72px}.hk-app-identity h1{font-size:22px}.hk-app-gallery{gap:4px}.hk-app-home .hk-home-feature-grid,.hk-app-home .hk-home-faq-grid{grid-template-columns:1fr}.hk-app-home .hk-home-guide-actions{display:grid}.hk-app-home .hk-home-guide-toc{display:grid;grid-template-columns:1fr 1fr}.hk-app-home .hk-home-guide-toc>span{grid-column:1/-1}.hk-footer-grid{grid-template-columns:1fr}}

/* Shared light treatment for platform guides, map, journal, about, contact and posts. */
main#main-content:not(.hk-app-home){background:#f7f9fc;color:#26384a}
main#main-content:not(.hk-app-home) .hk-shell{max-width:900px}
main#main-content:not(.hk-app-home) .hk-inner-hero{padding:31px 0 18px;background:#f7f9fc;border:0}
main#main-content:not(.hk-app-home) .hk-inner-hero::after{display:none}
main#main-content:not(.hk-app-home) .hk-breadcrumb{margin-bottom:12px;color:#8798a9;font-size:11px;letter-spacing:0;text-transform:none}
main#main-content:not(.hk-app-home) .hk-breadcrumb a{color:#1686d9!important}
main#main-content:not(.hk-app-home) .hk-kicker{color:#1686d9!important;font-size:10px;letter-spacing:.09em}
main#main-content:not(.hk-app-home) .hk-kicker::before{background:#1686d9;box-shadow:none}
main#main-content:not(.hk-app-home) .hk-inner-hero h1{max-width:100%;margin:8px 0 0;color:#1c2f42!important;font:750 clamp(29px,4vw,43px)/1.16 Segoe UI,Arial,sans-serif;letter-spacing:-.035em;text-shadow:none}
main#main-content:not(.hk-app-home) .hk-inner-lead{max-width:690px;margin-top:10px;color:#5d7083!important;font-size:13px;line-height:1.7}
main#main-content:not(.hk-app-home) .hk-meta{margin-top:12px;color:#8292a2;font-size:10px;letter-spacing:0;text-transform:none}
main#main-content:not(.hk-app-home) .hk-meta span+span::before{color:#9fb3c4}
main#main-content:not(.hk-app-home) .hk-content-layout{max-width:844px;margin:4px auto 56px;padding:27px;grid-template-columns:minmax(0,1fr) 190px;gap:27px;align-items:start;background:#fff;border:1px solid #e6edf4;border-radius:9px;box-shadow:0 3px 15px rgba(30,55,90,.035)}
main#main-content:not(.hk-app-home) .hk-prose{color:#33495d;font:14px/1.85 Segoe UI,Arial,sans-serif}
main#main-content:not(.hk-app-home) .hk-prose p,main#main-content:not(.hk-app-home) .hk-prose li{color:#405569!important}
main#main-content:not(.hk-app-home) .hk-prose h2,main#main-content:not(.hk-app-home) .hk-prose h3,main#main-content:not(.hk-app-home) .hk-prose h4{color:#203448!important;font-family:Segoe UI,Arial,sans-serif;font-weight:750;letter-spacing:-.025em}
main#main-content:not(.hk-app-home) .hk-prose h2{margin:31px 0 13px;font-size:24px}
main#main-content:not(.hk-app-home) .hk-prose h3{margin:26px 0 10px;font-size:19px}
main#main-content:not(.hk-app-home) .hk-prose h4{font-size:16px}
main#main-content:not(.hk-app-home) .hk-prose a:not(.wp-block-button__link){color:#137fc8!important;text-decoration-color:#94d2f6}
main#main-content:not(.hk-app-home) .hk-prose blockquote{background:#edf7ff;border-left-color:#1686d9;color:#334c60;font:italic 17px/1.6 Georgia,serif}
main#main-content:not(.hk-app-home) .hk-prose table{background:#fff}
main#main-content:not(.hk-app-home) .hk-prose th{background:#eaf4fc;color:#263f53}
main#main-content:not(.hk-app-home) .hk-prose td{background:#fff;color:#405569;border-color:#dbe6ef}
main#main-content:not(.hk-app-home) .hk-prose .wp-block-button__link,main#main-content:not(.hk-app-home) .hk-prose .wp-element-button{background:#1686d9!important;color:#fff!important;box-shadow:none!important}
main#main-content:not(.hk-app-home) .hk-prose .wp-block-button__link:hover,main#main-content:not(.hk-app-home) .hk-prose .wp-element-button:hover{background:#086daf!important}
main#main-content:not(.hk-app-home) .hk-prose .wp-block-button__link strong{color:#fff!important}
main#main-content:not(.hk-app-home) .hk-prose .ez-toc-container,main#main-content:not(.hk-app-home) .hk-prose #ez-toc-container{background:#f3f9fe!important;border-color:#dcebf5!important;color:#2b4255!important}
main#main-content:not(.hk-app-home) .hk-sidebar{top:84px}
main#main-content:not(.hk-app-home) .hk-sidebox{padding:16px;border-color:#e5edf4;border-radius:6px;background:#f8fbfe}
main#main-content:not(.hk-app-home) .hk-sidebox h2{margin-bottom:10px;color:#263c50;font:700 15px Segoe UI,Arial,sans-serif}
main#main-content:not(.hk-app-home) .hk-sidebox p{color:#64778a;font-size:11px}
main#main-content:not(.hk-app-home) .hk-toc li{border-color:#e6edf3}
main#main-content:not(.hk-app-home) .hk-toc a{color:#536b7e!important;font-size:11px}
main#main-content:not(.hk-app-home) .hk-toc a:hover{color:#1686d9!important}
main#main-content:not(.hk-app-home) .hk-card-link{color:#1686d9!important}
main#main-content:not(.hk-app-home) .hk-section{padding:16px 0 65px;background:#f7f9fc}
main#main-content:not(.hk-app-home) .hk-section-heading{margin:0 0 19px}
main#main-content:not(.hk-app-home) .hk-section-heading h2{margin:7px 0;color:#203448;font:750 25px Segoe UI,Arial,sans-serif}
main#main-content:not(.hk-app-home) .hk-section-heading h2 em{color:#1686d9;font-style:normal}
main#main-content:not(.hk-app-home) .hk-section-heading p{color:#627487;font-size:12px}
main#main-content:not(.hk-app-home) .hk-post-grid{gap:12px}
main#main-content:not(.hk-app-home) .hk-post-card{min-height:220px;padding:20px;background:#fff;border:1px solid #e4ecf3;border-radius:7px;clip-path:none;box-shadow:0 3px 12px rgba(28,54,83,.035)}
main#main-content:not(.hk-app-home) .hk-post-card:hover{transform:translateY(-3px);border-color:#91c8ef;box-shadow:0 8px 22px rgba(25,80,123,.09)}
main#main-content:not(.hk-app-home) .hk-post-card small{color:#1686d9;font-size:10px;letter-spacing:0;text-transform:none}
main#main-content:not(.hk-app-home) .hk-post-card h3{color:#203449;font:700 16px/1.4 Segoe UI,Arial,sans-serif}
main#main-content:not(.hk-app-home) .hk-post-card p{color:#64778a;font-size:12px}
main#main-content:not(.hk-app-home) .hk-post-card span{color:#1686d9;font-size:11px;letter-spacing:0;text-transform:none}
main#main-content:not(.hk-app-home) .hk-pagination{color:#52677b}
main#main-content:not(.hk-app-home) .hk-pagination .page-numbers{border-color:#dce9f3;background:#fff;color:#1686d9}
main#main-content:not(.hk-app-home) .hk-pagination .current{background:#1686d9;color:#fff}
main#main-content:not(.hk-app-home) .hk-empty{border-color:#e5edf4;background:#fff;color:#52677b}
main#main-content:not(.hk-app-home) .hk-button{background:#1686d9;border:1px solid #1686d9;border-radius:5px;color:#fff!important;box-shadow:none}
main#main-content:not(.hk-app-home) .hk-button:hover{background:#086daf;border-color:#086daf}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7 label{color:#34495e!important}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7 input:not([type=hidden]):not([type=submit]),main#main-content:not(.hk-app-home) .hk-prose .wpcf7 textarea{background:#fff!important;border:1px solid #cfdde9!important;color:#263a4e!important;box-shadow:none}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7 input:focus,main#main-content:not(.hk-app-home) .hk-prose .wpcf7 textarea:focus{border-color:#1686d9!important;outline:2px solid #cbe8fa;outline-offset:1px}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7 input[type=submit]{background:#1686d9!important;color:#fff!important;border-radius:5px;letter-spacing:0}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7 input[type=submit]:hover{background:#086daf!important}
main#main-content:not(.hk-app-home) .hk-prose .wpcf7-response-output{color:#354b5e!important;border-color:#1686d9!important}
.hk-footer p{color:#6b7d8e!important}
.hk-footer li a{color:#637488!important}
.hk-footer li a:hover{color:#1686d9!important}
@media(max-width:760px){main#main-content:not(.hk-app-home) .hk-inner-hero{padding:23px 0 12px}main#main-content:not(.hk-app-home) .hk-content-layout{display:block;margin:4px 12px 40px;padding:20px}main#main-content:not(.hk-app-home) .hk-sidebar{position:static;margin-top:25px}main#main-content:not(.hk-app-home) .hk-section{padding:12px 0 48px}}
@media(max-width:520px){main#main-content:not(.hk-app-home) .hk-inner-hero h1{font-size:29px}main#main-content:not(.hk-app-home) .hk-post-grid{grid-template-columns:1fr}main#main-content:not(.hk-app-home) .hk-prose h2{font-size:22px}main#main-content:not(.hk-app-home) .hk-prose table{font-size:12px}}

/* Larger reading type and the prominent Android guide action. */
body.hk-theme{font-size:16px;line-height:1.7}
.hk-brand-name{font-size:16px}
.hk-nav a{font-size:12px}
.hk-app-breadcrumb,.hk-breadcrumb{font-size:12px}
.hk-app-eyebrow{font-size:11px}
.hk-app-version{font-size:14px}
.hk-app-intro{font-size:15px;line-height:1.8}
.hk-app-quicklinks h2{font-size:14px;padding:12px 15px}
.hk-app-quicklinks a{font-size:14px;padding:12px 15px}
.hk-app-primary{justify-content:flex-start;gap:22px;min-height:88px;margin:20px 0;padding:18px 26px;border-radius:5px;background:#3b83ca;box-shadow:0 4px 8px rgba(26,70,112,.18);text-align:left;transition:background .2s,transform .2s,box-shadow .2s}
.hk-app-primary:hover{background:#236fb8;transform:translateY(-2px);box-shadow:0 8px 18px rgba(26,70,112,.2)}
.hk-app-primary .hk-app-primary-icon{display:grid;place-items:center;width:48px;flex:none;color:#fff}
.hk-app-primary .hk-app-primary-icon svg{width:36px;height:36px}
.hk-app-primary .hk-app-primary-copy{display:block}
.hk-app-primary-copy strong{display:block;color:#fff;font:750 clamp(20px,2.3vw,24px)/1.2 Segoe UI,Arial,sans-serif}
.hk-app-primary-copy>span{display:block;margin-top:3px;color:#fff;font:650 15px/1.4 Segoe UI,Arial,sans-serif}
.hk-app-facts h2,.hk-app-related h2{font-size:19px}
.hk-app-facts dl div{font-size:14px;padding:9px 0}
.hk-app-home .hk-home-guide-head h2{font-size:clamp(29px,4vw,38px)}
.hk-app-home .hk-home-guide-subtitle,.hk-app-home .hk-home-guide p,.hk-app-home .hk-home-guide-section p,.hk-app-home .hk-home-guide-section small{font-size:15px;line-height:1.8}
.hk-app-home .hk-home-guide-intro-copy h3,.hk-app-home .hk-section-heading h2,.hk-app-home .hk-home-combat-grid h2,.hk-app-home .hk-home-alternatives h2{font-size:27px}
.hk-app-home .hk-home-feature h3,.hk-app-home .hk-home-faq h3{font-size:18px}
.hk-app-home .hk-home-guide-toc a,.hk-app-home .hk-home-alternatives-card>a{font-size:13px}
.hk-app-home .hk-home-updates li,.hk-app-home .hk-home-platform-list strong,.hk-app-home .hk-home-platform-list small{font-size:14px}
.hk-app-related-grid strong{font-size:15px}.hk-app-related-grid span{font-size:13px}
main#main-content:not(.hk-app-home) .hk-prose{font-size:16px;line-height:1.85}
main#main-content:not(.hk-app-home) .hk-prose h2{font-size:28px}
main#main-content:not(.hk-app-home) .hk-prose h3{font-size:22px}
main#main-content:not(.hk-app-home) .hk-prose h4{font-size:18px}
main#main-content:not(.hk-app-home) .hk-inner-lead{font-size:15px}
main#main-content:not(.hk-app-home) .hk-post-card h3{font-size:19px}
main#main-content:not(.hk-app-home) .hk-post-card p{font-size:14px}
main#main-content:not(.hk-app-home) .hk-post-card small,main#main-content:not(.hk-app-home) .hk-post-card span{font-size:12px}
main#main-content:not(.hk-app-home) .hk-sidebox h2{font-size:17px}
main#main-content:not(.hk-app-home) .hk-sidebox p,main#main-content:not(.hk-app-home) .hk-toc a{font-size:13px}
.hk-footer p,.hk-footer li a{font-size:14px}
@media(max-width:520px){.hk-app-primary{gap:15px;min-height:78px;padding:15px 17px}.hk-app-primary .hk-app-primary-icon{width:38px}.hk-app-primary .hk-app-primary-icon svg{width:31px;height:31px}.hk-app-primary-copy strong{font-size:19px}.hk-app-primary-copy>span{font-size:14px}main#main-content:not(.hk-app-home) .hk-prose h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hk-app-primary{transition:none}.hk-app-primary:hover{transform:none}}

/* Readable site identity and page introductions. */
.hk-header{height:82px}
.hk-header.is-scrolled{height:74px}
.hk-header-inner{gap:27px}
.hk-brand{gap:13px;flex:none}
.hk-brand-mark{width:47px;height:47px;border-radius:10px;border-width:1.5px}
.hk-brand-mark svg{width:31px;height:31px}
.hk-brand-name{font-size:21px;line-height:1.05;letter-spacing:.005em}
.hk-brand-sub{margin-top:5px;font-size:10px;letter-spacing:.13em}
.hk-nav{gap:22px}
.hk-nav a{font-size:14px;font-weight:700;line-height:1.3}
.hk-header-action{padding:11px 16px;font-size:13px;font-weight:750}
.hk-menu-button{width:48px;height:48px;color:#203a53;border-color:#cbdde9;background:#fff}
.hk-menu-button span{width:22px;height:2px;background:#203a53}
main#main-content:not(.hk-app-home) .hk-inner-hero{padding:40px 0 26px}
main#main-content:not(.hk-app-home) .hk-breadcrumb{margin-bottom:17px;font-size:13px;font-weight:600}
main#main-content:not(.hk-app-home) .hk-kicker{font-size:12px;letter-spacing:.1em}
main#main-content:not(.hk-app-home) .hk-inner-hero h1{margin-top:10px;font-size:clamp(36px,4.6vw,52px);line-height:1.12}
main#main-content:not(.hk-app-home) .hk-inner-lead{margin-top:14px;font-size:17px;line-height:1.65}
main#main-content:not(.hk-app-home) .hk-meta{margin-top:15px;font-size:12px}
.hk-app-breadcrumb{font-size:13px}
.hk-app-intro{font-size:16px}
.hk-app-quicklinks a{font-size:15px}
.hk-app-home .hk-home-guide-subtitle,.hk-app-home .hk-home-guide p,.hk-app-home .hk-home-guide-section p,.hk-app-home .hk-home-guide-section small{font-size:16px}
main#main-content:not(.hk-app-home) .hk-prose{font-size:17px}
@media(max-width:920px){.hk-header-inner{gap:18px}.hk-brand{min-width:0}.hk-nav{gap:14px}.hk-nav a{font-size:13px}}
@media(max-width:760px){.hk-header{height:74px}.hk-header.is-scrolled{height:70px}.hk-brand-mark{width:42px;height:42px}.hk-brand-mark svg{width:27px;height:27px}.hk-brand-name{font-size:18px}.hk-brand-sub{font-size:9px}.hk-nav a{font-size:16px;padding:14px 7px}.hk-menu-button{width:46px;height:46px}main#main-content:not(.hk-app-home) .hk-inner-hero{padding:29px 0 18px}main#main-content:not(.hk-app-home) .hk-inner-hero h1{font-size:clamp(32px,8vw,42px);max-width:100%;white-space:normal;overflow-wrap:anywhere}main#main-content:not(.hk-app-home) .hk-inner-lead{font-size:16px}}
@media(max-width:380px){.hk-brand-name{font-size:16px}.hk-brand-mark{width:39px;height:39px}.hk-brand-mark svg{width:25px;height:25px}.hk-menu-button{width:42px;height:42px}}
