/* Shared RJ Computers theme for the homepage, archive and every article. */
:root{--ink:#18382e;--ink-soft:#425c50;--paper:#f6f7f2;--paper-raised:#fff;--amber:#c7e89b;--amber-ink:#18382e;--teal:#245b43;--steel:#53675c;--line:#dce3d9;--radius:12px}
html{scroll-behavior:auto;scroll-padding-top:100px}body{background:#fafbf7;font-family:'IBM Plex Sans',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand .mark,.mono,.kicker,.post-meta,.post-card .code,.post-card .go,.crumb,.faq-q,.faq-q .plus,.foot-grid h4,.foot-bottom,.brand .tag{font-family:'IBM Plex Sans',Arial,sans-serif}h1,h2,h3{letter-spacing:-.035em}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #71975a;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;min-width:0}
.topstrip{background:#102c22;color:#e9f1e4;font-family:inherit;font-size:11px;letter-spacing:0}.topstrip .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 32px;flex-wrap:wrap}.topstrip a{color:#fff;text-decoration:none}.topstrip a:hover{text-decoration:underline}
header.site{background:#fafbf7;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}header.site>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding-top:0;padding-bottom:0}a.brand{position:relative;min-height:44px;padding-left:54px;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;text-decoration:none;flex-shrink:0;display:flex}a.brand::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:42px;height:42px;background:url('/favicon.svg?v=brand2') center/contain no-repeat}.brand .mark{font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-1.1px;color:#18382e}.brand .mark span{color:#50864a}.brand .tag{font-size:8px;letter-spacing:1.6px;color:var(--steel);display:block}nav.main{display:flex;gap:24px}nav.main a{color:var(--ink-soft);font-size:14px;font-weight:500;text-decoration:none;padding:12px 0;border:0}nav.main a:hover,nav.main a.active{color:#245b43;text-decoration:underline;text-underline-offset:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;white-space:normal;text-decoration:none;text-align:center}.btn-amber{background:#c7e89b;color:#18382e;border-color:#c7e89b}.btn-amber:hover{background:#d9f3b4;border-color:#d9f3b4}.btn-teal{background:#245b43;color:white;border-color:#245b43}.btn-teal:hover{background:#163c29;border-color:#163c29}.btn-ghost{background:white;border-color:#a9bfa7;color:#18382e}.btn-ghost:hover{background:#edf4e9;color:#18382e}header.site>.wrap>.btn{background:#183f2f;color:white;border-radius:100px;border-color:#183f2f}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer}.bars,.bars:before,.bars:after{width:20px;height:2px;background:currentColor;display:block;position:relative}.bars:before,.bars:after{content:'';position:absolute;left:0}.bars:before{top:-6px}.bars:after{top:6px}.mobile-menu-toggle[aria-expanded=true] .bars{background:transparent}.mobile-menu-toggle[aria-expanded=true] .bars:before{transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .bars:after{transform:translateY(-6px) rotate(-45deg)}.mobile-menu{border-top:1px solid var(--line);background:#fff;max-height:calc(100dvh - 84px);overflow:auto}.mobile-menu:not([hidden]):not(.open){display:none}.mobile-menu.open{display:block}.mobile-menu .wrap{display:block;padding-top:12px;padding-bottom:20px}.mobile-menu-links{display:grid;gap:0}.mobile-menu-links a{display:flex;min-height:48px;align-items:center;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.mobile-menu-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.mobile-menu-actions .btn{width:auto;flex:1}
/* Reading and discovery surfaces */
.blog-index{padding:52px 0 70px}.index-head{padding:30px;max-width:none;background:#153b2f;color:#e8f1e4;border-radius:16px;margin-bottom:32px}.index-head h1{color:white;font-size:clamp(30px,4vw,45px);line-height:1.17;max-width:850px}.index-head .kicker{color:#c7e89b;font-family:inherit;letter-spacing:1.5px;font-size:10px}.index-head p{color:#d1dfd4;max-width:650px;font-size:16px}.blog-search input{border:1px solid #b9cab3;border-radius:8px;background:#fff;color:var(--ink);min-height:48px}.blog-search label{font-size:14px}.post-grid{background:transparent;border:0;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0;gap:16px;transition:border-color .18s,background .18s}.post-card:hover{background:#fdfff9;border-color:#709965}.post-card .code{color:#3b663f;background:#edf2e2;border-radius:5px;font-size:11px;padding:6px 9px;white-space:normal}.post-card h2{font-size:20px;line-height:1.35}.post-card .desc{font-size:14px;color:var(--steel);line-height:1.7}.post-card .go{font-size:12px;color:#2d6040}.pagination a{border-radius:7px;background:white;min-height:44px}.pagination a[aria-current]{background:#245b43}.crumb{color:var(--steel);font-size:12px;padding-top:20px;padding-bottom:18px;overflow-wrap:anywhere}.post-hero{background:#153b2f;color:#e8f1e4;padding:40px 0;border:0}.post-hero h1{color:white;max-width:34ch;font-size:clamp(29px,3.5vw,44px);line-height:1.2;overflow-wrap:break-word}.post-hero .dek{color:#d1dfd4;max-width:68ch;font-size:17px;line-height:1.75}.post-meta{color:#d1dfd4;font-size:12px}.post-meta .serial{background:#294f3b;color:#d9efbb;border-color:#5f805d;border-radius:5px}.post-body{background:#fafbf7}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:26px;line-height:1.3}.prose h3{font-size:20px;line-height:1.35}.prose p,.prose li{color:var(--ink-soft)}.prose a{color:#245b43;text-underline-offset:3px;overflow-wrap:anywhere}.quick-answer{background:#eaf0df;border-left:4px solid #709965;border-radius:0 10px 10px 0}.article-toc,.inline-cta,.side-card{border:1px solid var(--line);border-radius:12px;background:white;box-shadow:none}.inline-cta .kicker{letter-spacing:1px}.side-card{padding:23px}.side-card h2,.side-card h3{line-height:1.3}.side-list a{gap:12px;line-height:1.6}.table-scroll{border-radius:10px}thead{background:#eaf0df}caption{background:#f1f5e9}.faq-item.open .faq-a{max-height:none}.faq-q .plus{color:#245b43}.related-guides{padding-left:32px;padding-right:32px}.cta-banner{background:#163e30;color:white}.cta-banner h2{color:#fff}.cta-banner p{color:#d6e4d6}.cta-banner .btn-ghost{color:#173c2e;background:#fff;border-color:#fff}
footer.site{background:#102b23;color:#c7d8c9;padding:48px 0 24px;font-size:13px}.foot-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:32px}.foot-grid>div{min-width:0;overflow-wrap:anywhere}.foot-grid h4{font-size:13px;letter-spacing:0;text-transform:none;color:white;margin:0 0 14px}.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.foot-grid a{color:#dce8d8;text-decoration:none}.foot-grid a:hover{color:#c7e89b;text-decoration:underline}footer.site .brand .mark{color:#f0f6e9}footer.site .brand .mark span{color:#c7e89b}.footer-description{max-width:30ch;margin-top:15px}.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #385144;margin-top:36px;padding-top:20px;font-size:11px;color:#bdcebe}.foot-bottom a{color:inherit}
@media(max-width:1050px){nav.main{gap:15px}.brand .tag{display:none}}
@media(max-width:899px){header.site nav.main{display:none!important}header.site>.wrap>.btn{display:none}.mobile-menu-toggle{display:flex}header.site>.wrap{min-height:74px;padding-top:0;padding-bottom:0}.wrap{padding-left:24px;padding-right:24px}.topstrip .wrap{padding:9px 24px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.foot-grid>div:first-child,.foot-grid>div:last-child{grid-column:auto}.mobile-menu .wrap{padding-left:24px;padding-right:24px}}
@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.topstrip .wrap{display:flex;justify-content:center;padding:9px 20px}.topstrip .wrap>span:first-child{display:none}.topstrip .wrap>span+span{margin:0}a.brand{padding-left:47px;min-height:40px}a.brand::before{width:36px;height:36px}.brand .mark,a.brand .mark{font-size:19px}.brand .tag{display:none!important}.post-grid{grid-template-columns:1fr}.index-head{padding:24px}.index-head h1{font-size:30px}.blog-index{padding-top:30px}.post-hero{padding:30px 0}.post-hero h1{font-size:30px}.post-hero .dek{font-size:16px}.post-body{padding-top:30px}.prose h2{font-size:24px}.related-guides{padding-left:20px;padding-right:20px}.foot-grid{gap:28px 20px}.foot-grid>div:first-child,.foot-grid>div:last-child{grid-column:1/-1}.foot-bottom{flex-direction:column}.mobile-menu-actions{display:grid;grid-template-columns:1fr}.mobile-menu-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Nested navigation must not inherit the header row layout. */
header.site .mobile-menu .wrap{display:block;padding-top:12px;padding-bottom:20px}
/* Unified control states. Keep article link styles from recolouring buttons. */
:root{--action-dark:#245b43;--action-dark-hover:#163c29;--action-light:#c7e89b;--action-light-hover:#d9f3b4;--action-ink:#18382e;--action-muted:#edf4e9;--action-border:#7c9678}
.btn.btn-amber{color:var(--action-ink);background:var(--action-light);border-color:var(--action-light)}
.btn.btn-amber:hover{color:var(--action-ink);background:var(--action-light-hover);border-color:var(--action-light-hover)}
.btn.btn-teal{color:#fff;background:var(--action-dark);border-color:var(--action-dark)}
.btn.btn-teal:hover{color:#fff;background:var(--action-dark-hover);border-color:var(--action-dark-hover)}
.btn.btn-ghost{color:var(--action-ink);background:#fff;border-color:var(--action-border)}
.btn.btn-ghost:hover{color:var(--action-ink);background:var(--action-muted);border-color:#52704d}
header.site>.wrap>.btn.btn-amber{color:#fff;background:#183f2f;border-color:#183f2f}
header.site>.wrap>.btn.btn-amber:hover{color:#fff;background:#102c22;border-color:#102c22}
.hero .btn.btn-amber,.cta-banner .btn.btn-amber{color:var(--action-ink);background:var(--action-light);border-color:var(--action-light)}
.hero .btn.btn-amber:hover,.cta-banner .btn.btn-amber:hover{color:var(--action-ink);background:var(--action-light-hover);border-color:var(--action-light-hover)}
.hero .btn.btn-ghost{color:#fff;background:transparent;border-color:#8aaa99}
.hero .btn.btn-ghost:hover{color:#fff;background:#284e40;border-color:#b1c7b7}
.cta-banner .btn.btn-ghost{color:var(--action-ink);background:#fff;border-color:#fff}
.cta-banner .btn.btn-ghost:hover{color:var(--action-ink);background:var(--action-muted);border-color:var(--action-muted)}
.coverage-check .btn.btn-amber,.help-panel .btn.request-link{color:#fff;background:var(--action-dark);border-color:var(--action-dark)}
.coverage-check .btn.btn-amber:hover,.help-panel .btn.request-link:hover{color:#fff;background:var(--action-dark-hover);border-color:var(--action-dark-hover)}
.btn{cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.device-options .device-option{color:var(--action-ink);background:#f6f8f1;border-color:#b7c7ae}
.device-options .device-option:hover{color:var(--action-ink);background:#e7efda;border-color:#52704d}
.device-options .device-option[aria-pressed=true]{color:#fff;background:var(--action-dark);border-color:var(--action-dark)}
.device-options .device-option[aria-pressed=true]:hover{color:#fff;background:var(--action-dark-hover);border-color:var(--action-dark-hover)}
.service-filters button{color:var(--action-ink);background:#f3f5ed;border-color:#b7c7ae}
.service-filters button:hover{color:var(--action-ink);background:#e7efda;border-color:#52704d}
.service-filters button[aria-pressed=true]{color:#fff;background:var(--action-dark);border-color:var(--action-dark)}
.service-filters button[aria-pressed=true]:hover{color:#fff;background:var(--action-dark-hover);border-color:var(--action-dark-hover)}
.pagination a{color:var(--action-ink);background:#fff;border-color:#b7c7ae}
.pagination a:hover{color:var(--action-ink);background:#e7efda;border-color:#52704d}
.pagination a[aria-current=page]{color:#fff;background:var(--action-dark);border-color:var(--action-dark)}
.pagination a[aria-current=page]:hover{color:#fff;background:var(--action-dark-hover);border-color:var(--action-dark-hover)}
button.mobile-menu-toggle{color:var(--action-ink);background:#fff;border-color:#b7c7ae}
button.mobile-menu-toggle:hover,button.mobile-menu-toggle[aria-expanded=true]{color:var(--action-ink);background:#edf4e9;border-color:#52704d}
.faq-q{color:var(--action-ink);background:transparent;border-radius:6px}
.faq-q:hover{color:var(--action-ink);background:#edf4e9}
.faq-q[aria-expanded=true]{color:var(--action-dark)}
summary:hover{color:var(--action-dark);text-decoration:underline;text-underline-offset:4px}
.mobile-menu-links a:hover{color:var(--action-dark);background:#edf4e9}
.mobile-contact a{color:var(--action-ink);background:#edf4e9}
.mobile-contact a:hover{color:var(--action-ink);background:#dce9cc}
.mobile-contact a:last-child{color:#fff;background:var(--action-dark)}
.mobile-contact a:last-child:hover{color:#fff;background:var(--action-dark-hover)}
:where(.btn,button,.pagination a,summary,.mobile-contact a,.mobile-menu-links a):focus-visible{outline:3px solid #245b43;outline-offset:3px;box-shadow:0 0 0 3px #fff}
.hero .btn:focus-visible,.cta-banner .btn:focus-visible{outline-color:#c7e89b;box-shadow:0 0 0 3px #153b2f}
.btn:is(:disabled,[aria-disabled=true]),button:disabled{color:#50604f;background:#e1e7db;border-color:#becab8;cursor:not-allowed;transform:none}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}