/* ==========================================================
   HOSTING MAGAZINE 2026
   GLOBAL ENTERPRISE DESIGN SYSTEM
   Kadence + Classic Editor
   ========================================================== */


/* ==========================================================
   01. WORDPRESS / KADENCE — HOME CLEANUP
   ========================================================== */

body.home .entry-header,
body.home header.entry-header,
body.home .page-header,
body.home .entry-title,
body.home h1.entry-title,
body.home .page-title,
body.home .content-area .entry-header,
body.home .site-main > article > .entry-header,
body.home .entry-content-wrap > .entry-header{
display:none!important;
}

body.home .content-area,
body.home .site-main,
body.home .entry-content,
body.home .entry-content-wrap{
margin-top:0!important;
padding-top:0!important;
}

body.home .entry-content-wrap{
box-shadow:none!important;
background:transparent!important;
}


/* ==========================================================
   02. HEADER KADENCE
   ========================================================== */

.site-main-header-wrap,
#masthead{
background:#fff!important;
border-bottom:1px solid #e7ebf0!important;
box-shadow:0 2px 14px rgba(15,23,42,.035)!important;
}

.site-main-header-wrap .site-header-row-container-inner > .site-container,
.site-header-row-container-inner > .site-container{
width:calc(100% - 48px)!important;
max-width:1200px!important;
margin:0 auto!important;
padding:0!important;
}

.site-main-header-inner-wrap{
min-height:74px!important;
align-items:center!important;
}

.site-header-main-section-left{
display:flex!important;
align-items:center!important;
}

.site-header-main-section-right{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
}

.site-branding{
margin:0!important;
}

.site-branding a.brand{
display:flex!important;
align-items:center!important;
}

.site-branding img,
.site-branding a.brand img{
width:auto!important;
height:auto!important;
max-height:44px!important;
max-width:155px!important;
}

.main-navigation .primary-menu-container > ul{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:nowrap!important;
gap:2px!important;
}

.main-navigation .primary-menu-container > ul > li{
margin:0!important;
}

.main-navigation .primary-menu-container > ul > li > a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:74px!important;
padding:0 11px!important;
font-size:12px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:-.01em!important;
white-space:nowrap!important;
color:#172033!important;
}

.main-navigation .primary-menu-container > ul > li > a:hover{
color:#2563eb!important;
}


/* ==========================================================
   03. GLOBAL DESIGN SYSTEM
   ========================================================== */

.hm2026{
--navy:#08111f;
--navy2:#101c30;
--navy3:#172554;

--blue:#2563eb;
--blue2:#1d4ed8;
--blue-soft:#eff6ff;

--green:#059669;
--green2:#047857;
--green-soft:#ecfdf5;

--text:#172033;
--muted:#64748b;
--line:#dfe7ef;
--line2:#edf1f5;

--soft:#f6f8fb;
--white:#ffffff;

--amber:#b45309;
--amber-soft:#fffbeb;

position:relative!important;
left:50%!important;

width:100vw!important;
max-width:none!important;

margin-left:-50vw!important;
margin-right:0!important;

overflow:hidden!important;

background:#fff!important;

font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif!important;

font-size:16px!important;
line-height:1.65!important;

color:var(--text)!important;
}

.hm2026 *,
.hm2026 *:before,
.hm2026 *:after{
box-sizing:border-box!important;
}

.hm2026 img{
max-width:100%!important;
height:auto!important;
}

.hm2026 a{
text-decoration:none!important;
}

.hm2026 p{
margin-top:0!important;
}

.hm2026 .shell{
width:calc(100% - 48px)!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
}

.hm2026 .section{
padding:88px 0!important;
}

.hm2026 .section-soft{
background:var(--soft)!important;
}

.hm2026 .section-dark{
background:var(--navy)!important;
color:#cbd5e1!important;
}

.hm2026 h1,
.hm2026 h2,
.hm2026 h3{
margin-top:0!important;
font-weight:800!important;
line-height:1.08!important;
letter-spacing:-.037em!important;
color:var(--navy)!important;
}

.hm2026 h1{
max-width:760px!important;
margin-bottom:21px!important;
font-size:clamp(44px,5.1vw,70px)!important;
}

.hm2026 h2{
margin-bottom:15px!important;
font-size:clamp(30px,3.4vw,44px)!important;
}

.hm2026 h3{
margin-bottom:8px!important;
font-size:20px!important;
}

.hm2026 .muted{
color:var(--muted)!important;
}

.hm2026 .eyebrow{
display:flex!important;
align-items:center!important;
gap:8px!important;
margin-bottom:12px!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
color:var(--blue)!important;
}

.hm2026 .section-head{
max-width:790px!important;
margin-bottom:40px!important;
}


/* ==========================================================
   04. CLASSIC EDITOR / WPAUTOP PROTECTION
   ========================================================== */

.hm2026 .balanced-grid > p,
.hm2026 .balanced-grid > br,
.hm2026 .decision-box > p,
.hm2026 .decision-box > br,
.hm2026 .spec-grid > p,
.hm2026 .spec-grid > br,
.hm2026 .card-actions > p,
.hm2026 .card-actions > br,
.hm2026 .renew-grid > p,
.hm2026 .renew-grid > br,
.hm2026 .best-grid > p,
.hm2026 .best-grid > br,
.hm2026 .use-grid > p,
.hm2026 .use-grid > br,
.hm2026 .compare-grid > p,
.hm2026 .compare-grid > br,
.hm2026 .method-grid > p,
.hm2026 .method-grid > br,
.hm2026 .knowledge > p,
.hm2026 .knowledge > br,
.hm2026 .source-chips > p,
.hm2026 .source-chips > br{
display:none!important;
}


/* ==========================================================
   05. BUTTONS
   ========================================================== */

.hm2026 .btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;

min-height:43px!important;

padding:10px 17px!important;

border:1px solid transparent!important;
border-radius:9px!important;

font-size:13px!important;
font-weight:850!important;
line-height:1.1!important;

white-space:nowrap!important;

transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease,
border-color .18s ease!important;
}

.hm2026 .btn:hover{
transform:translateY(-2px)!important;
}

.hm2026 .btn-primary{
background:var(--blue)!important;
color:#fff!important;
box-shadow:0 8px 22px rgba(37,99,235,.20)!important;
}

.hm2026 .btn-primary:hover{
background:var(--blue2)!important;
}

.hm2026 .btn-dark{
background:var(--navy)!important;
color:#fff!important;
}

.hm2026 .btn-green{
background:var(--green)!important;
color:#fff!important;
box-shadow:0 8px 22px rgba(5,150,105,.18)!important;
}

.hm2026 .btn-green:hover{
background:var(--green2)!important;
}

.hm2026 .btn-outline{
background:#fff!important;
border-color:var(--line)!important;
color:var(--navy)!important;
}

.hm2026 .btn-outline:hover{
background:#f8fbff!important;
border-color:#b8cff5!important;
}


/* ==========================================================
   06. GENERIC ICONS
   ========================================================== */

.hm2026 .hm-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:42px!important;
height:42px!important;
flex:0 0 42px!important;

border-radius:10px!important;

background:var(--blue-soft)!important;
color:var(--blue)!important;

font-size:10px!important;
font-weight:950!important;
letter-spacing:-.02em!important;
}


/* ==========================================================
   07. PROVIDER BRANDMARKS
   ========================================================== */

.hm2026 .brandmark{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:42px!important;
height:42px!important;
flex:0 0 42px!important;

border:1px solid var(--line)!important;
border-radius:11px!important;

background:#fff!important;

font-size:11px!important;
font-weight:950!important;
}

.hm2026 .brand-x{
background:#ecfdf5!important;
color:#047857!important;
border-color:#a7f3d0!important;
}

.hm2026 .brand-v{
background:#eff6ff!important;
color:#1d4ed8!important;
}

.hm2026 .brand-s{
background:#f1f5f9!important;
color:#334155!important;
}

.hm2026 .brand-k{
background:#f5f3ff!important;
color:#6d28d9!important;
}

.hm2026 .brand-t{
background:#fff7ed!important;
color:#c2410c!important;
}


/* ==========================================================
   08. HOME HERO
   ========================================================== */

.hm2026 .hero{
position:relative!important;
overflow:hidden!important;

padding:82px 0 88px!important;

background:
radial-gradient(circle at 83% 18%,rgba(37,99,235,.31),transparent 31%),
radial-gradient(circle at 73% 92%,rgba(5,150,105,.10),transparent 27%),
linear-gradient(135deg,#060c16 0%,#0c1729 58%,#172554 100%)!important;

color:#cbd5e1!important;
}

.hm2026 .hero:before{
content:""!important;
position:absolute!important;
inset:0!important;
pointer-events:none!important;
opacity:.12!important;

background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;

background-size:58px 58px!important;
}

.hm2026 .hero-grid{
position:relative!important;
z-index:2!important;

display:block!important;

width:100%!important;
max-width:920px!important;
}

.hm2026 .hero h1{
max-width:840px!important;
color:#fff!important;
}

.hm2026 .hero-copy{
max-width:760px!important;
margin-bottom:29px!important;
font-size:18px!important;
line-height:1.62!important;
color:#cbd5e1!important;
}

.hm2026 .hero-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
margin-bottom:29px!important;
}

.hm2026 .hero .btn-outline{
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.20)!important;
color:#fff!important;
}

.hm2026 .trust-row{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}

.hm2026 .trust-pill{
display:inline-flex!important;
align-items:center!important;

padding:8px 11px!important;

border:1px solid rgba(255,255,255,.14)!important;
border-radius:999px!important;

background:rgba(255,255,255,.045)!important;

font-size:11px!important;
color:#e2e8f0!important;
}


/* ==========================================================
   10. DECISION STRIP
   ========================================================== */

.hm2026 .decision{
position:relative!important;
z-index:5!important;
margin-top:-31px!important;
}

.hm2026 .decision-box{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;

width:100%!important;
overflow:hidden!important;

border:1px solid var(--line)!important;
border-radius:16px!important;

background:#fff!important;

box-shadow:0 18px 50px rgba(15,23,42,.10)!important;
}

.hm2026 .decision-item{
display:flex!important;
gap:13px!important;
min-width:0!important;
padding:21px!important;
}

.hm2026 .decision-item + .decision-item{
border-left:1px solid var(--line)!important;
}

.hm2026 .decision-item strong{
display:block!important;
margin-bottom:4px!important;
font-size:13px!important;
color:var(--navy)!important;
}

.hm2026 .decision-item p{
margin:0!important;
font-size:11px!important;
color:var(--muted)!important;
}


/* ==========================================================
   11. BALANCED PROVIDER GRID
   ========================================================== */

.hm2026 .balanced-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:17px!important;
width:100%!important;
align-items:stretch!important;
}

.hm2026 .balanced-grid > .provider-card{
grid-column:span 2!important;
}

.hm2026 .balanced-grid > .provider-card:nth-of-type(4){
grid-column:2 / span 2!important;
}

.hm2026 .balanced-grid > .provider-card:nth-of-type(5){
grid-column:4 / span 2!important;
}


/* ==========================================================
   12. PROVIDER CARDS
   ========================================================== */

.hm2026 .provider-card{
display:flex!important;
flex-direction:column!important;

width:100%!important;
min-width:0!important;
height:100%!important;

padding:22px!important;
margin:0!important;

border:1px solid var(--line)!important;
border-radius:16px!important;

background:#fff!important;

box-shadow:0 4px 15px rgba(15,23,42,.025)!important;

transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease!important;
}

.hm2026 .provider-card:hover{
transform:translateY(-3px)!important;
border-color:#bdd0ea!important;
box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}

.hm2026 .provider-card-xlogic{
position:relative!important;

border-color:#98e5c0!important;

background:
radial-gradient(circle at 100% 0,rgba(5,150,105,.07),transparent 30%),
linear-gradient(145deg,#fff,#f4fdf8)!important;

box-shadow:0 10px 28px rgba(5,150,105,.07)!important;
}

.hm2026 .provider-card-xlogic:before{
content:""!important;

position:absolute!important;
top:0!important;
bottom:0!important;
left:0!important;

width:4px!important;

border-radius:16px 0 0 16px!important;

background:var(--green)!important;
}

.hm2026 .provider-card-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
width:100%!important;
margin-bottom:15px!important;
}

.hm2026 .provider-identity{
display:flex!important;
align-items:flex-start!important;
gap:11px!important;
min-width:0!important;
}

.hm2026 .provider-identity h3{
margin:0!important;
font-size:20px!important;
}

.hm2026 .provider-kicker{
margin-top:3px!important;
font-size:10px!important;
font-weight:750!important;
color:var(--muted)!important;
}

.hm2026 .editorial-pick{
display:inline-flex!important;

margin-top:6px!important;
padding:4px 7px!important;

border-radius:999px!important;
background:#eff6ff!important;

font-size:9px!important;
font-weight:900!important;
color:#1d4ed8!important;
}

.hm2026 .provider-card-xlogic .editorial-pick{
background:#dff8eb!important;
color:#047857!important;
}

.hm2026 .badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;

padding:5px 8px!important;

border-radius:999px!important;

font-size:10px!important;
font-weight:950!important;
}

.hm2026 .badge-rank{
background:var(--navy)!important;
color:#fff!important;
}

.hm2026 .provider-card-xlogic .badge-rank{
background:var(--green)!important;
}

.hm2026 .best-for{
min-height:76px!important;
margin-bottom:15px!important;
font-size:12px!important;
line-height:1.6!important;
color:var(--muted)!important;
}

.hm2026 .spec-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
}

.hm2026 .spec{
display:flex!important;
align-items:center!important;
gap:7px!important;
min-width:0!important;

padding:8px 9px!important;

border:1px solid var(--line2)!important;
border-radius:8px!important;
background:#fafbfd!important;

font-size:11px!important;
line-height:1.25!important;
color:#475569!important;
}

.hm2026 .spec-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;

min-width:28px!important;
height:22px!important;

padding:0 4px!important;

border-radius:5px!important;

background:#eaf2ff!important;

font-size:8px!important;
font-weight:950!important;
color:#1d4ed8!important;
}

.hm2026 .card-verdict{
margin:14px 0 16px!important;
padding:11px 12px!important;

border:1px solid var(--line2)!important;
border-radius:9px!important;

background:#f8fafc!important;

font-size:10.5px!important;
line-height:1.55!important;
color:#64748b!important;
}

.hm2026 .provider-card-xlogic .card-verdict{
border-color:#d6f3e5!important;
background:#f2fcf7!important;
}

.hm2026 .card-verdict strong{
color:#334155!important;
}

.hm2026 .provider-bottom{
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;

margin-top:auto!important;
padding-top:16px!important;

border-top:1px solid var(--line)!important;
}

.hm2026 .provider-price{
font-size:18px!important;
font-weight:950!important;
color:var(--navy)!important;
}

.hm2026 .provider-note{
min-height:34px!important;
margin-top:4px!important;
font-size:10px!important;
color:var(--muted)!important;
}

.hm2026 .card-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin-top:13px!important;
}

.hm2026 .card-actions .btn{
min-height:36px!important;
padding:8px 10px!important;
font-size:11px!important;
}


/* ==========================================================
   13. COMPARISON NOTE
   ========================================================== */

.hm2026 .comparison-note{
margin-top:24px!important;
padding:17px 19px!important;

border:1px solid var(--line)!important;
border-radius:12px!important;

background:#f8fafc!important;

font-size:11px!important;
line-height:1.65!important;
color:#64748b!important;
}

.hm2026 .comparison-note strong{
display:block!important;
margin-bottom:4px!important;
font-size:13px!important;
color:#334155!important;
}

.hm2026 .comparison-note a{
display:inline-block!important;
margin-top:7px!important;
font-weight:850!important;
color:var(--blue)!important;
}


/* ==========================================================
   14. TABLE
   ========================================================== */

.hm2026 .table-wrap{
display:block!important;

width:100%!important;
max-width:1180px!important;

margin:0 auto!important;

overflow-x:auto!important;

border:1px solid var(--line)!important;
border-radius:16px!important;

background:#fff!important;

box-shadow:0 8px 25px rgba(15,23,42,.035)!important;
}

.hm2026 .table-wrap table{
width:100%!important;
min-width:0!important;

margin:0!important;

border-collapse:collapse!important;
table-layout:fixed!important;

font-size:12px!important;
}

.hm2026 .table-wrap th{
padding:14px!important;

background:var(--navy)!important;

font-size:9px!important;
font-weight:950!important;
letter-spacing:.065em!important;
text-transform:uppercase!important;

text-align:left!important;

color:#fff!important;
}

.hm2026 .table-wrap td{
padding:14px!important;

border-bottom:1px solid var(--line)!important;

vertical-align:top!important;
line-height:1.55!important;
overflow-wrap:anywhere!important;

color:#334155!important;
}

.hm2026 .table-wrap th:nth-child(1),
.hm2026 .table-wrap td:nth-child(1){
width:18%!important;
}

.hm2026 .table-wrap th:nth-child(2),
.hm2026 .table-wrap td:nth-child(2){
width:15%!important;
}

.hm2026 .table-wrap th:nth-child(3),
.hm2026 .table-wrap td:nth-child(3){
width:16%!important;
}

.hm2026 .table-wrap th:nth-child(4),
.hm2026 .table-wrap td:nth-child(4){
width:17%!important;
}

.hm2026 .table-wrap th:nth-child(5),
.hm2026 .table-wrap td:nth-child(5){
width:18%!important;
}

.hm2026 .table-wrap th:nth-child(6),
.hm2026 .table-wrap td:nth-child(6){
width:16%!important;
}

.hm2026 .table-wrap tr:last-child td{
border-bottom:0!important;
}

.hm2026 .row-xlogic td{
background:#effcf6!important;
}

.hm2026 .source-link{
display:inline-block!important;
margin-top:6px!important;
font-size:10px!important;
font-weight:850!important;
color:var(--blue)!important;
}


/* ==========================================================
   15. PROVIDER STRENGTHS
   ========================================================== */

.hm2026 .best-grid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
}

.hm2026 .best-card{
min-width:0!important;

padding:19px!important;

border:1px solid var(--line)!important;
border-radius:13px!important;

background:#fff!important;
}

.hm2026 .best-card.highlight{
border-color:#a7f3d0!important;
background:#f1fdf7!important;
}

.hm2026 .best-label{
margin-bottom:7px!important;

font-size:9px!important;
font-weight:950!important;
letter-spacing:.075em!important;
text-transform:uppercase!important;

color:var(--blue)!important;
}

.hm2026 .best-card.highlight .best-label{
color:var(--green)!important;
}

.hm2026 .best-card h3{
margin-bottom:6px!important;
font-size:16px!important;
}

.hm2026 .best-card p{
margin:0!important;
font-size:11px!important;
color:var(--muted)!important;
}


/* ==========================================================
   16. RENEWALS
   ========================================================== */

.hm2026 .renew-grid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:12px!important;
width:100%!important;
}

.hm2026 .renew-card{
min-width:0!important;

padding:18px!important;

border:1px solid var(--line)!important;
border-radius:13px!important;

background:#fff!important;
}

.hm2026 .renew-card.featured{
border-color:#a7f3d0!important;
background:var(--green-soft)!important;
}

.hm2026 .renew-card h3{
margin-bottom:7px!important;
font-size:16px!important;
}

.hm2026 .renew-card p{
margin:0!important;
font-size:11px!important;
color:var(--muted)!important;
}

.hm2026 .alert{
display:flex!important;
gap:12px!important;
align-items:flex-start!important;

margin-top:17px!important;
padding:16px 17px!important;

border:1px solid #fde68a!important;
border-radius:11px!important;

background:var(--amber-soft)!important;

font-size:12px!important;
color:#78350f!important;
}


/* ==========================================================
   17. CHOOSE BY PROJECT
   ========================================================== */

.hm2026 .use-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:17px!important;
width:100%!important;
align-items:stretch!important;
}

.hm2026 .use-card{
display:flex!important;
flex-direction:column!important;

min-width:0!important;
height:100%!important;

padding:23px!important;
margin:0!important;

border:1px solid var(--line)!important;
border-radius:15px!important;

background:#fff!important;

transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease!important;
}

.hm2026 .use-card:hover{
transform:translateY(-3px)!important;
border-color:#bdd0f0!important;
box-shadow:0 12px 30px rgba(37,99,235,.065)!important;
}

.hm2026 .use-card h3{
margin:15px 0 7px!important;
font-size:19px!important;
}

.hm2026 .use-card p{
margin-bottom:17px!important;
font-size:12px!important;
color:var(--muted)!important;
}

.hm2026 .use-action{
margin-top:auto!important;
padding-top:14px!important;
border-top:1px solid var(--line)!important;
}


/* ==========================================================
   18. DIRECT COMPARISONS
   ========================================================== */

.hm2026 .compare-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px!important;
width:100%!important;
}

.hm2026 .compare-card{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;

gap:17px!important;
align-items:center!important;

min-width:0!important;

padding:21px!important;
margin:0!important;

border:1px solid var(--line)!important;
border-radius:14px!important;

background:#fff!important;

transition:.18s ease!important;
}

.hm2026 .compare-card:hover{
transform:translateY(-2px)!important;
border-color:#bcd0ed!important;
box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}

.hm2026 .compare-title{
font-size:16px!important;
font-weight:900!important;
color:var(--navy)!important;
}

.hm2026 .compare-title strong{
color:var(--green)!important;
}

.hm2026 .compare-card p{
margin:4px 0 0!important;
font-size:11px!important;
color:var(--muted)!important;
}


/* ==========================================================
   19. METHODOLOGY GENERIC
   ========================================================== */

.hm2026 .section-dark h2,
.hm2026 .section-dark h3{
color:#fff!important;
}

.hm2026 .section-dark .section-head p{
color:#94a3b8!important;
}

.hm2026 .method-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:13px!important;
width:100%!important;
margin-top:29px!important;
}

.hm2026 .method{
min-width:0!important;

padding:20px!important;

border:1px solid #334155!important;
border-radius:13px!important;

background:#111d31!important;
}

.hm2026 .method-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:38px!important;
height:38px!important;
margin-bottom:12px!important;

border-radius:9px!important;
background:#172a48!important;

font-size:12px!important;
font-weight:950!important;
color:#93c5fd!important;
}

.hm2026 .method h3{
margin-bottom:7px!important;
font-size:16px!important;
}

.hm2026 .method p{
margin:0!important;
font-size:11px!important;
color:#94a3b8!important;
}


/* ==========================================================
   20. KNOWLEDGE — ENTERPRISE RESOURCE HUB
   ========================================================== */

.hm2026 .knowledge{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:20px!important;
width:100%!important;
align-items:stretch!important;
}

.hm2026 .knowledge > p,
.hm2026 .knowledge > br{
display:none!important;
}

.hm2026 .knowledge-card{
position:relative!important;

display:flex!important;
flex-direction:column!important;

min-width:0!important;
height:100%!important;

padding:28px!important;

border:1px solid var(--line)!important;
border-radius:18px!important;

background:
linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;

box-shadow:0 7px 24px rgba(15,23,42,.035)!important;

overflow:hidden!important;

transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease!important;
}

.hm2026 .knowledge-card:first-child{
border-top:3px solid var(--blue)!important;
}

.hm2026 .knowledge-card:last-child{
border-top:3px solid var(--green)!important;
}

.hm2026 .knowledge-card:hover{
transform:translateY(-3px)!important;
border-color:#bfd2ee!important;
box-shadow:0 16px 38px rgba(15,23,42,.07)!important;
}

.hm2026 .knowledge-card > .hm-icon{
margin-bottom:17px!important;

width:48px!important;
height:48px!important;
flex:0 0 48px!important;

border-radius:13px!important;

font-size:11px!important;
}

.hm2026 .knowledge-card h3{
margin:0 0 8px!important;

font-size:22px!important;
line-height:1.15!important;
letter-spacing:-.035em!important;

color:var(--navy)!important;
}

.hm2026 .knowledge-card > p{
max-width:500px!important;
margin:0 0 23px!important;

font-size:13px!important;
line-height:1.7!important;

color:var(--muted)!important;
}

.hm2026 .link-list{
display:grid!important;
gap:10px!important;

width:100%!important;

margin-top:auto!important;
}

.hm2026 .link-list > p,
.hm2026 .link-list > br{
display:none!important;
}

.hm2026 .link-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 32px!important;

gap:15px!important;
align-items:center!important;

width:100%!important;

padding:14px 15px!important;

border:1px solid var(--line)!important;
border-radius:11px!important;

background:#fff!important;

font-size:13px!important;
font-weight:800!important;
line-height:1.35!important;

color:var(--text)!important;

transition:
transform .16s ease,
border-color .16s ease,
background .16s ease,
box-shadow .16s ease!important;
}

.hm2026 .link-row:last-child{
border-bottom:1px solid var(--line)!important;
}

.hm2026 .link-row:hover{
transform:translateX(3px)!important;

border-color:#bfdbfe!important;

background:#f8fbff!important;

box-shadow:0 6px 18px rgba(15,23,42,.045)!important;

color:var(--blue)!important;
}

.hm2026 .link-row span:first-child{
min-width:0!important;
}

.hm2026 .link-row span:last-child{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:32px!important;
height:32px!important;

border-radius:9px!important;

background:var(--blue-soft)!important;
color:var(--blue)!important;

font-size:16px!important;
line-height:1!important;
font-weight:900!important;
}

.hm2026 .knowledge-card:last-child .link-row span:last-child{
background:var(--green-soft)!important;
color:var(--green)!important;
}

@media(max-width:950px){

.hm2026 .knowledge{
grid-template-columns:1fr!important;
}

}

@media(max-width:650px){

.hm2026 .knowledge-card{
padding:22px!important;
}

.hm2026 .knowledge-card h3{
font-size:20px!important;
}

.hm2026 .link-row{
grid-template-columns:minmax(0,1fr) 30px!important;
padding:13px 14px!important;
}

.hm2026 .link-row span:last-child{
width:30px!important;
height:30px!important;
}

}
/* ==========================================================
   21. FAQ — ENTERPRISE ACCORDION
   ========================================================== */

.hm2026 .faq{
width:100%!important;
max-width:980px!important;
margin-left:auto!important;
margin-right:auto!important;
}

.hm2026 .faq + .sources{
max-width:980px!important;
margin-left:auto!important;
margin-right:auto!important;
}

.hm2026 .faq details{
position:relative!important;

width:100%!important;

padding:0!important;
margin:0!important;

border-bottom:1px solid var(--line)!important;

background:transparent!important;
}

.hm2026 .faq details:first-child{
border-top:1px solid var(--line)!important;
}

/* DOMANDA */

.hm2026 .faq summary{
position:relative!important;

display:flex!important;
align-items:center!important;

min-height:70px!important;

padding:20px 52px 20px 0!important;

cursor:pointer!important;
list-style:none!important;

outline:none!important;
border:0!important;
box-shadow:none!important;

font-size:16px!important;
line-height:1.4!important;
font-weight:900!important;

color:var(--navy)!important;

transition:
color .18s ease,
background .18s ease!important;
}

.hm2026 .faq summary::-webkit-details-marker{
display:none!important;
}

.hm2026 .faq summary:hover{
color:var(--blue)!important;
}

/* elimina il brutto rettangolo blu del browser */

.hm2026 .faq summary:focus{
outline:none!important;
box-shadow:none!important;
}

.hm2026 .faq summary:focus-visible{
outline:none!important;
box-shadow:none!important;
}

/* focus accessibile ma più elegante */

.hm2026 .faq summary:focus-visible:before{
content:""!important;

position:absolute!important;
left:-14px!important;
top:12px!important;
bottom:12px!important;

width:3px!important;

border-radius:999px!important;

background:var(--blue)!important;
}

/* PULSANTE + / - */

.hm2026 .faq summary:after{
content:""!important;

position:absolute!important;
right:0!important;
top:50%!important;

width:30px!important;
height:30px!important;

margin-top:-15px!important;

border-radius:50%!important;

background:
linear-gradient(#2563eb,#2563eb) center/12px 2px no-repeat,
linear-gradient(#2563eb,#2563eb) center/2px 12px no-repeat,
#eaf2ff!important;

transition:
background .18s ease,
transform .18s ease!important;
}

.hm2026 .faq details[open] summary{
color:var(--navy)!important;
}

.hm2026 .faq details[open] summary:after{
background:
linear-gradient(#2563eb,#2563eb) center/12px 2px no-repeat,
#eaf2ff!important;
}

/* RISPOSTA */

.hm2026 .faq details > p{
max-width:860px!important;

margin:0!important;
padding:0 46px 16px 0!important;

font-size:14px!important;
line-height:1.8!important;

color:var(--muted)!important;
}

.hm2026 .faq details > p + p{
padding-top:4px!important;
}

.hm2026 .faq details > p:last-child{
padding-bottom:26px!important;
}

.hm2026 .faq details strong{
color:#334155!important;
font-weight:800!important;
}

/* apertura più leggibile */

.hm2026 .faq details[open]{
background:
linear-gradient(
180deg,
rgba(37,99,235,.025) 0%,
rgba(37,99,235,0) 100%
)!important;
}


/* ==========================================================
   FAQ SECTION HEAD ALLINEATO ALL'ACCORDION
   ========================================================== */

.hm2026 .section-soft .section-head:has(+ .faq),
.hm2026 .section-head:has(~ .faq){
max-width:980px!important;
margin-left:auto!important;
margin-right:auto!important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:650px){

.hm2026 .faq{
max-width:none!important;
}

.hm2026 .faq summary{
min-height:64px!important;

padding:
18px
46px
18px
0!important;

font-size:15px!important;
}

.hm2026 .faq summary:after{
width:28px!important;
height:28px!important;

margin-top:-14px!important;
}

.hm2026 .faq details > p{
padding-right:34px!important;

font-size:13px!important;
line-height:1.75!important;
}

.hm2026 .faq summary:focus-visible:before{
left:-8px!important;
}

}

/* ==========================================================
   22. SOURCES
   ========================================================== */

.hm2026 .sources{
padding-top:26px!important;
margin-top:37px!important;
border-top:1px solid var(--line)!important;
}

.hm2026 .source-chips{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin-top:11px!important;
}

.hm2026 .source-chip{
display:inline-flex!important;
align-items:center!important;

padding:6px 9px!important;

border:1px solid var(--line)!important;
border-radius:999px!important;

background:#fff!important;

font-size:10px!important;
font-weight:850!important;
color:#475569!important;
}


/* ==========================================================
   23. FINAL CTA
   ========================================================== */

.hm2026 .final-cta{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;

gap:28px!important;
align-items:center!important;

width:100%!important;

padding:37px 39px!important;

border-radius:20px!important;

background:
radial-gradient(circle at 88% 25%,rgba(37,99,235,.28),transparent 31%),
linear-gradient(135deg,#08111f,#172554)!important;

box-shadow:0 17px 43px rgba(15,23,42,.12)!important;

color:#cbd5e1!important;
}

.hm2026 .final-cta h2{
margin-bottom:7px!important;
font-size:32px!important;
color:#fff!important;
}

.hm2026 .final-cta p{
margin:0!important;
}


/* ==========================================================
   24. GLOBAL TABLET
   ========================================================== */

@media(max-width:950px){

.hm2026 .balanced-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026 .balanced-grid > .provider-card,
.hm2026 .balanced-grid > .provider-card:nth-of-type(4),
.hm2026 .balanced-grid > .provider-card:nth-of-type(5){
grid-column:auto!important;
}

.hm2026 .balanced-grid > .provider-card:last-child{
grid-column:1 / -1!important;
max-width:570px!important;
justify-self:center!important;
}

.hm2026 .best-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026 .best-card:last-child{
grid-column:1 / -1!important;
max-width:570px!important;
justify-self:center!important;
}

.hm2026 .renew-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026 .renew-card:last-child{
grid-column:1 / -1!important;
}

.hm2026 .use-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026 .compare-grid{
grid-template-columns:1fr!important;
}

.hm2026 .method-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026 .knowledge{
grid-template-columns:1fr!important;
}

.hm2026 .table-wrap table{
min-width:900px!important;
table-layout:auto!important;
}

.hm2026 .final-cta{
grid-template-columns:1fr!important;
}

}


/* ==========================================================
   25. GLOBAL MOBILE
   ========================================================== */

@media(max-width:650px){

.hm2026 .shell{
width:calc(100% - 28px)!important;
}

.hm2026 .section{
padding:62px 0!important;
}

.hm2026 .hero{
padding:61px 0 63px!important;
}

.hm2026 h1{
font-size:41px!important;
}

.hm2026 h2{
font-size:30px!important;
}

.hm2026 .hero-copy{
font-size:16px!important;
}

.hm2026 .hero-actions{
display:grid!important;
grid-template-columns:1fr!important;
}

.hm2026 .hero-actions .btn{
width:100%!important;
}

.hm2026 .decision{
margin-top:-22px!important;
}

.hm2026 .decision-box{
grid-template-columns:1fr!important;
}

.hm2026 .decision-item + .decision-item{
border-left:0!important;
border-top:1px solid var(--line)!important;
}

.hm2026 .balanced-grid{
grid-template-columns:1fr!important;
}

.hm2026 .balanced-grid > .provider-card,
.hm2026 .balanced-grid > .provider-card:nth-of-type(4),
.hm2026 .balanced-grid > .provider-card:nth-of-type(5),
.hm2026 .balanced-grid > .provider-card:last-child{
grid-column:auto!important;
max-width:none!important;
}

.hm2026 .best-for{
min-height:0!important;
}

.hm2026 .spec-grid{
grid-template-columns:1fr!important;
}

.hm2026 .card-actions{
display:grid!important;
grid-template-columns:1fr!important;
}

.hm2026 .card-actions .btn{
width:100%!important;
}

.hm2026 .best-grid,
.hm2026 .renew-grid,
.hm2026 .use-grid,
.hm2026 .method-grid{
grid-template-columns:1fr!important;
}

.hm2026 .best-card:last-child,
.hm2026 .renew-card:last-child{
grid-column:auto!important;
max-width:none!important;
}

.hm2026 .compare-card{
grid-template-columns:1fr!important;
}

.hm2026 .compare-card .btn{
width:100%!important;
}

.hm2026 .final-cta{
padding:26px!important;
}

.hm2026 .final-cta .btn{
width:100%!important;
}

}


/* ==========================================================
   26. METHODOLOGY PAGE
   ========================================================== */

body:has(.hm2026-methodology) .entry-header,
body:has(.hm2026-methodology) header.entry-header,
body:has(.hm2026-methodology) .page-header,
body:has(.hm2026-methodology) .entry-title,
body:has(.hm2026-methodology) h1.entry-title,
body:has(.hm2026-methodology) .page-title{
display:none!important;
}

.hm2026-methodology .method-hero{
position:relative;
overflow:hidden;

padding:82px 0 76px;

background:
radial-gradient(circle at 84% 18%,rgba(37,99,235,.30),transparent 31%),
radial-gradient(circle at 72% 95%,rgba(5,150,105,.12),transparent 28%),
linear-gradient(135deg,#060c16 0%,#0d1728 58%,#172554 100%);

color:#cbd5e1;
}

.hm2026-methodology .method-hero:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.11;

background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);

background-size:58px 58px;
}

.hm2026-methodology .method-hero-grid{
position:relative;
z-index:2;

display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
gap:70px;
align-items:center;
}

.hm2026-methodology .method-hero h1{
max-width:780px!important;
color:#fff!important;
}

.hm2026-methodology .method-hero-copy{
max-width:720px;
margin-bottom:27px;
font-size:18px;
line-height:1.6;
color:#cbd5e1;
}

.hm2026-methodology .method-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.hm2026-methodology .method-meta span{
display:inline-flex;
align-items:center;

padding:8px 11px;

border:1px solid rgba(255,255,255,.14);
border-radius:999px;

background:rgba(255,255,255,.05);

font-size:11px;
color:#e2e8f0;
}

.hm2026-methodology .method-summary{
padding:17px;

border:1px solid rgba(255,255,255,.15);
border-radius:18px;

background:rgba(255,255,255,.075);

box-shadow:0 28px 65px rgba(0,0,0,.24);
}

.hm2026-methodology .method-summary-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:13px;
}

.hm2026-methodology .method-summary-title{
font-size:11px;
font-weight:950;
letter-spacing:.09em;
text-transform:uppercase;
color:#a7f3d0;
}

.hm2026-methodology .method-summary-version{
font-size:10px;
color:#94a3b8;
}

.hm2026-methodology .method-summary-main{
padding:20px;
border-radius:14px;
background:#fff;
}

.hm2026-methodology .method-summary-row{
display:grid;
grid-template-columns:40px minmax(0,1fr);
gap:12px;
align-items:start;

padding:12px 0;

border-bottom:1px solid #edf1f5;
}

.hm2026-methodology .method-summary-row:last-child{
border-bottom:0;
padding-bottom:0;
}

.hm2026-methodology .method-summary-row:first-child{
padding-top:0;
}

.hm2026-methodology .summary-icon{
display:flex;
align-items:center;
justify-content:center;

width:36px;
height:36px;

border-radius:9px;

background:#eff6ff;
color:#2563eb;

font-size:9px;
font-weight:950;
}

.hm2026-methodology .method-summary-row strong{
display:block;
margin-bottom:2px;
font-size:12px;
color:#0f172a;
}

.hm2026-methodology .method-summary-row p{
margin:0!important;
font-size:10px;
line-height:1.55;
color:#64748b;
}

.hm2026-methodology .method-principles{
position:relative;
z-index:4;
margin-top:-28px;
}

.hm2026-methodology .method-principles-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));

overflow:hidden;

border:1px solid #dfe7ef;
border-radius:16px;

background:#fff;

box-shadow:0 18px 50px rgba(15,23,42,.10);
}

.hm2026-methodology .method-principle{
display:flex;
gap:13px;
padding:22px;
}

.hm2026-methodology .method-principle + .method-principle{
border-left:1px solid #dfe7ef;
}

.hm2026-methodology .method-principle strong{
display:block;
margin-bottom:4px;
font-size:13px;
color:#08111f;
}

.hm2026-methodology .method-principle p{
margin:0!important;
font-size:11px;
color:#64748b;
}

.hm2026-methodology .score-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:17px;
width:100%;
}

.hm2026-methodology .score-card{
grid-column:span 2;

display:flex;
flex-direction:column;

min-width:0;
padding:23px;

border:1px solid #dfe7ef;
border-radius:16px;

background:#fff;

box-shadow:0 5px 18px rgba(15,23,42,.03);

transition:.18s ease;
}

.hm2026-methodology .score-card:nth-child(4){
grid-column:2 / span 2;
}

.hm2026-methodology .score-card:nth-child(5){
grid-column:4 / span 2;
}

.hm2026-methodology .score-card:hover{
transform:translateY(-3px);
border-color:#bdd0ec;
box-shadow:0 14px 34px rgba(15,23,42,.07);
}

.hm2026-methodology .score-card-primary{
border-color:#a7f3d0;

background:
radial-gradient(circle at 100% 0,rgba(5,150,105,.07),transparent 33%),
linear-gradient(145deg,#fff,#f4fdf8);
}

.hm2026-methodology .score-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
margin-bottom:14px;
}

.hm2026-methodology .score-number{
display:flex;
align-items:center;
justify-content:center;

width:41px;
height:41px;
flex:0 0 41px;

border-radius:10px;

background:#eff6ff;
color:#2563eb;

font-size:10px;
font-weight:950;
}

.hm2026-methodology .score-card-primary .score-number{
background:#dff8eb;
color:#047857;
}

.hm2026-methodology .score-percent{
font-size:27px;
font-weight:950;
line-height:1;
color:#08111f;
}

.hm2026-methodology .score-card h3{
margin-bottom:8px!important;
font-size:19px!important;
}

.hm2026-methodology .score-card p{
margin-bottom:17px!important;
font-size:12px;
color:#64748b;
}

.hm2026-methodology .weight-track{
height:6px;
margin-top:auto;
overflow:hidden;
border-radius:999px;
background:#edf2f7;
}

.hm2026-methodology .weight-fill{
display:block;
height:100%;
border-radius:999px;
background:#2563eb;
}

.hm2026-methodology .score-card-primary .weight-fill{
background:#059669;
}

.hm2026-methodology .meaning-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
gap:25px;
align-items:stretch;
}

.hm2026-methodology .meaning-card{
padding:28px;
border:1px solid #dfe7ef;
border-radius:17px;
background:#fff;
}

.hm2026-methodology .meaning-card h3{
font-size:23px!important;
}

.hm2026-methodology .meaning-list{
display:grid;
gap:11px;
margin-top:20px;
}

.hm2026-methodology .meaning-item{
display:flex;
gap:11px;
align-items:flex-start;
}

.hm2026-methodology .meaning-item .hm-icon{
width:34px!important;
height:34px!important;
flex:0 0 34px!important;
}

.hm2026-methodology .meaning-item strong{
display:block;
font-size:12px;
color:#172033;
}

.hm2026-methodology .meaning-item span{
font-size:11px;
color:#64748b;
}

.hm2026-methodology .not-box{
padding:28px;
border:1px solid #fde68a;
border-radius:17px;
background:#fffbeb;
}

.hm2026-methodology .not-box h3{
color:#78350f!important;
}

.hm2026-methodology .not-list{
display:grid;
gap:11px;
margin-top:19px;
}

.hm2026-methodology .not-item{
display:flex;
gap:10px;
font-size:12px;
color:#78350f;
}

.hm2026-methodology .not-mark{
display:flex;
align-items:center;
justify-content:center;

width:22px;
height:22px;
flex:0 0 22px;

border-radius:50%;

background:#fef3c7;

font-size:11px;
font-weight:950;
color:#b45309;
}

.hm2026-methodology .process-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:13px;
width:100%;
margin-top:30px;
}

.hm2026-methodology .process-card{
position:relative;

padding:22px;

border:1px solid #334155;
border-radius:14px;

background:#111d31;
}

.hm2026-methodology .process-step{
display:flex;
align-items:center;
justify-content:center;

width:38px;
height:38px;
margin-bottom:14px;

border-radius:10px;

background:#172a48;

font-size:11px;
font-weight:950;
color:#93c5fd;
}

.hm2026-methodology .process-card h3{
font-size:17px!important;
color:#fff!important;
}

.hm2026-methodology .process-card p{
margin:0!important;
font-size:11px;
color:#94a3b8;
}

.hm2026-methodology .sources-grid,
.hm2026-methodology .policy-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:17px;
}

.hm2026-methodology .source-card,
.hm2026-methodology .policy-card{
padding:27px;

border:1px solid #dfe7ef;
border-radius:16px;

background:#fff;
}

.hm2026-methodology .source-card .hm-icon,
.hm2026-methodology .policy-card .hm-icon{
margin-bottom:16px;
}

.hm2026-methodology .source-card h3,
.hm2026-methodology .policy-card h3{
font-size:21px!important;
}

.hm2026-methodology .source-card p,
.hm2026-methodology .policy-card p{
margin-bottom:0!important;
font-size:12px;
line-height:1.7;
color:#64748b;
}

.hm2026-methodology .policy-card-important{
border-color:#fde68a;
background:#fffbeb;
}

.hm2026-methodology .policy-card-important .hm-icon{
background:#fef3c7!important;
color:#b45309!important;
}

.hm2026-methodology .policy-card-important p{
color:#78350f;
}

.hm2026-methodology .verification-date{
display:inline-flex;
align-items:center;
gap:7px;

margin-top:17px;
padding:8px 10px;

border-radius:8px;

background:#f1f5f9;

font-size:11px;
font-weight:850;
color:#334155;
}

.hm2026-methodology .correction-box{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:30px;
align-items:center;

padding:34px;

border:1px solid #bfdbfe;
border-radius:20px;

background:
radial-gradient(circle at 90% 20%,rgba(37,99,235,.08),transparent 35%),
linear-gradient(145deg,#fff,#f8fbff);

box-shadow:0 12px 35px rgba(15,23,42,.05);
}

.hm2026-methodology .correction-box h2{
margin-bottom:8px!important;
font-size:31px!important;
}

.hm2026-methodology .correction-box p{
max-width:720px;
margin:0!important;
font-size:13px;
color:#64748b;
}

.hm2026-methodology .method-summary-main > p,
.hm2026-methodology .method-summary-main > br,
.hm2026-methodology .method-principles-grid > p,
.hm2026-methodology .method-principles-grid > br,
.hm2026-methodology .score-grid > p,
.hm2026-methodology .score-grid > br,
.hm2026-methodology .meaning-grid > p,
.hm2026-methodology .meaning-grid > br,
.hm2026-methodology .process-grid > p,
.hm2026-methodology .process-grid > br,
.hm2026-methodology .sources-grid > p,
.hm2026-methodology .sources-grid > br,
.hm2026-methodology .policy-grid > p,
.hm2026-methodology .policy-grid > br{
display:none!important;
}

@media(max-width:950px){

.hm2026-methodology .method-hero-grid{
grid-template-columns:1fr;
gap:42px;
}

.hm2026-methodology .method-summary{
max-width:620px;
}

.hm2026-methodology .score-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.hm2026-methodology .score-card,
.hm2026-methodology .score-card:nth-child(4),
.hm2026-methodology .score-card:nth-child(5){
grid-column:auto;
}

.hm2026-methodology .score-card:last-child{
grid-column:1 / -1;
max-width:580px;
justify-self:center;
}

.hm2026-methodology .meaning-grid{
grid-template-columns:1fr;
}

.hm2026-methodology .process-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.hm2026-methodology .correction-box{
grid-template-columns:1fr;
}

}

@media(max-width:650px){

.hm2026-methodology .method-hero{
padding:61px 0 62px;
}

.hm2026-methodology .method-hero h1{
font-size:40px!important;
}

.hm2026-methodology .method-hero-copy{
font-size:16px;
}

.hm2026-methodology .method-principles{
margin-top:-20px;
}

.hm2026-methodology .method-principles-grid,
.hm2026-methodology .score-grid,
.hm2026-methodology .process-grid,
.hm2026-methodology .sources-grid,
.hm2026-methodology .policy-grid{
grid-template-columns:1fr;
}

.hm2026-methodology .method-principle + .method-principle{
border-left:0;
border-top:1px solid #dfe7ef;
}

.hm2026-methodology .score-card,
.hm2026-methodology .score-card:last-child{
grid-column:auto;
max-width:none;
}

.hm2026-methodology .correction-box{
padding:26px;
}

.hm2026-methodology .correction-box .btn{
width:100%;
}

}


/* ==========================================================
   27. GUIDE POST 176 — TEMPLATE FULL WIDTH
   ========================================================== */

body.postid-176 #secondary,
body.postid-176 aside#secondary,
body.postid-176 .primary-sidebar,
body.postid-176 .sidebar-inner-wrap,
body.postid-176 .widget-area{
display:none!important;
}

body.postid-176 .entry-header,
body.postid-176 header.entry-header,
body.postid-176 .entry-title,
body.postid-176 h1.entry-title,
body.postid-176 .entry-meta,
body.postid-176 .entry-taxonomies,
body.postid-176 .entry-footer{
display:none!important;
}

body.postid-176 .content-container,
body.postid-176 .site-container.content-container,
body.postid-176 #primary,
body.postid-176 .content-area,
body.postid-176 #main,
body.postid-176 .site-main,
body.postid-176 article.entry,
body.postid-176 article.post-176,
body.postid-176 .site-main > article,
body.postid-176 .entry-content-wrap,
body.postid-176 .entry-content{
display:block!important;

width:100%!important;
max-width:none!important;

margin:0!important;
padding:0!important;

background:transparent!important;

border:0!important;
border-radius:0!important;

box-shadow:none!important;
}

body.postid-176 #primary,
body.postid-176 .content-area{
float:none!important;
}

body.postid-176 .entry-content{
overflow:visible!important;
}

body.postid-176 .entry-content > .hm2026-guide{
position:relative!important;

left:50%!important;

width:100vw!important;
max-width:100vw!important;

margin-left:-50vw!important;
margin-right:-50vw!important;
}

body.postid-176 #comments,
body.postid-176 .comments-area,
body.postid-176 .post-navigation,
body.postid-176 .navigation.post-navigation{
display:none!important;
}


/* ==========================================================
   28. GUIDE DESIGN SYSTEM
   ========================================================== */

.hm2026-guide{
--hm-navy:#08111f;
--hm-navy-2:#0f1b30;
--hm-navy-3:#172554;

--hm-blue:#2563eb;
--hm-blue-dark:#1d4ed8;
--hm-blue-soft:#eff6ff;

--hm-green:#059669;
--hm-green-dark:#047857;
--hm-green-soft:#ecfdf5;

--hm-text:#172033;
--hm-body:#475569;
--hm-muted:#64748b;

--hm-line:#dfe7ef;
--hm-soft:#f6f8fb;
--hm-white:#ffffff;

--hm-orange:#d97706;
--hm-orange-soft:#fffbeb;

width:100%;
max-width:none;

font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;

font-size:16px;
line-height:1.7;

color:var(--hm-text);

background:#fff;
}

.hm2026-guide *,
.hm2026-guide *:before,
.hm2026-guide *:after{
box-sizing:border-box;
}

.hm2026-guide a{
text-decoration:none!important;
}

.hm2026-guide img{
max-width:100%;
height:auto;
}

.hm2026-guide .shell{
display:block!important;

width:calc(100% - 48px)!important;
max-width:1180px!important;

margin-left:auto!important;
margin-right:auto!important;

padding-left:0!important;
padding-right:0!important;
}

.hm2026-guide .section{
position:relative;

width:100%;

padding:78px 0!important;
}

.hm2026-guide .section-soft{
background:var(--hm-soft);
}

.hm2026-guide .section-dark{
background:var(--hm-navy);
color:#cbd5e1;
}

.hm2026-guide .section-head{
max-width:800px;
margin-bottom:42px;
}

.hm2026-guide .eyebrow{
margin:0 0 13px!important;

font-size:12px!important;
line-height:1.25!important;
font-weight:900!important;

letter-spacing:.11em!important;
text-transform:uppercase!important;

color:var(--hm-blue)!important;
}

.hm2026-guide h1,
.hm2026-guide h2,
.hm2026-guide h3{
color:var(--hm-navy)!important;

font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif!important;

letter-spacing:-.045em!important;
}

.hm2026-guide h1{
margin:0 0 24px!important;

font-size:clamp(48px,5vw,70px)!important;
line-height:1.01!important;
font-weight:800!important;
}

.hm2026-guide h2{
margin:0 0 18px!important;

font-size:clamp(34px,3.7vw,47px)!important;
line-height:1.08!important;
font-weight:800!important;
}

.hm2026-guide h3{
margin-top:0!important;

font-size:21px!important;
line-height:1.2!important;
font-weight:800!important;
}

.hm2026-guide p{
margin-top:0;
}

.hm2026-guide .muted{
color:var(--hm-muted)!important;
}

.hm2026-guide .hm-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;

width:44px!important;
height:44px!important;

flex:0 0 44px!important;

border-radius:11px!important;

background:var(--hm-blue-soft)!important;
color:var(--hm-blue)!important;

font-size:11px!important;
line-height:1!important;
font-weight:900!important;
}

.hm2026-guide .hm-icon-green{
background:var(--hm-green-soft)!important;
color:var(--hm-green)!important;
}


/* ==========================================================
   29. GUIDE BUTTONS
   ========================================================== */

.hm2026-guide .btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;

min-height:48px!important;

padding:13px 19px!important;

border:1px solid transparent!important;
border-radius:10px!important;

font-size:13px!important;
line-height:1.15!important;
font-weight:800!important;

text-decoration:none!important;

transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background .18s ease!important;
}

.hm2026-guide .btn:hover{
transform:translateY(-2px);
}

.hm2026-guide .btn-primary{
color:#fff!important;
background:var(--hm-blue)!important;
box-shadow:0 9px 24px rgba(37,99,235,.22)!important;
}

.hm2026-guide .btn-primary:hover{
background:var(--hm-blue-dark)!important;
}

.hm2026-guide .btn-dark{
color:#fff!important;
background:var(--hm-navy)!important;
}

.hm2026-guide .btn-green{
color:#fff!important;
background:var(--hm-green)!important;
box-shadow:0 8px 22px rgba(5,150,105,.18)!important;
}

.hm2026-guide .btn-green:hover{
background:var(--hm-green-dark)!important;
}

.hm2026-guide .btn-outline{
color:var(--hm-navy)!important;
background:#fff!important;
border-color:#cfd9e5!important;
}

.hm2026-guide .btn-outline:hover{
border-color:#93c5fd!important;
box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}

.hm2026-guide .hero-actions{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:11px!important;
margin:29px 0 0!important;
}


/* ==========================================================
   30. GUIDE HERO
   ========================================================== */

.hm2026-guide .guide-hero{
position:relative!important;

width:100%!important;

padding:92px 0 103px!important;

overflow:hidden!important;

background:
radial-gradient(circle at 82% 17%,rgba(37,99,235,.34),transparent 34%),
radial-gradient(circle at 67% 100%,rgba(5,150,105,.10),transparent 30%),
linear-gradient(120deg,#050b14 0%,#0b1628 54%,#172554 100%)!important;

color:#cbd5e1!important;
}

.hm2026-guide .guide-hero:before{
content:"";

position:absolute;
inset:0;

pointer-events:none;

background:
linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);

background-size:70px 70px;

opacity:.75;
}

.hm2026-guide .guide-hero-grid{
position:relative!important;
z-index:2!important;

display:grid!important;

grid-template-columns:
minmax(0,1.35fr)
minmax(360px,.65fr)!important;

gap:70px!important;
align-items:center!important;

width:100%!important;
}

.hm2026-guide .guide-hero-grid > *{
min-width:0!important;
}

.hm2026-guide .guide-hero .eyebrow{
color:#93c5fd!important;
}

.hm2026-guide .guide-hero h1{
max-width:735px!important;
margin-bottom:24px!important;
color:#fff!important;
}

.hm2026-guide .guide-hero-copy{
max-width:690px!important;
margin:0!important;

font-size:18px!important;
line-height:1.67!important;

color:#cbd5e1!important;
}

.hm2026-guide .guide-hero .btn-outline{
color:#fff!important;
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.28)!important;
}

.hm2026-guide .guide-meta{
display:flex!important;
flex-wrap:wrap!important;
gap:9px!important;
margin-top:31px!important;
}

.hm2026-guide .guide-meta span{
display:inline-flex!important;
align-items:center!important;

min-height:38px!important;

padding:8px 13px!important;

border:1px solid rgba(255,255,255,.15)!important;
border-radius:999px!important;

background:rgba(255,255,255,.055)!important;

color:#e2e8f0!important;

font-size:12px!important;
line-height:1!important;
font-weight:600!important;
}


/* ==========================================================
   31. GUIDE HERO CHECK PANEL
   ========================================================== */

.hm2026-guide .hero-check{
width:100%!important;
max-width:420px!important;

justify-self:end!important;

padding:16px!important;

border:1px solid rgba(255,255,255,.16)!important;
border-radius:22px!important;

background:rgba(255,255,255,.075)!important;

box-shadow:
0 30px 80px rgba(0,0,0,.27),
inset 0 1px 0 rgba(255,255,255,.05)!important;

backdrop-filter:blur(14px)!important;
}

.hm2026-guide .hero-check-top{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:15px!important;
padding:3px 4px 14px!important;
}

.hm2026-guide .hero-check-label{
color:#a7f3d0!important;

font-size:11px!important;
line-height:1!important;
font-weight:900!important;

letter-spacing:.11em!important;
text-transform:uppercase!important;
}

.hm2026-guide .hero-check-time{
color:#94a3b8!important;
font-size:11px!important;
}

.hm2026-guide .hero-check-main{
padding:7px 20px!important;

border-radius:16px!important;

background:#fff!important;

box-shadow:
inset 0 0 0 1px rgba(15,23,42,.04),
0 8px 30px rgba(0,0,0,.08)!important;
}

.hm2026-guide .hero-check-row{
display:grid!important;
grid-template-columns:42px minmax(0,1fr)!important;

gap:14px!important;
align-items:center!important;

padding:15px 0!important;

border-bottom:1px solid #e8edf3!important;
}

.hm2026-guide .hero-check-row:last-child{
border-bottom:0!important;
}

.hm2026-guide .hero-check-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:40px!important;
height:40px!important;

border-radius:10px!important;

background:#eff6ff!important;
color:var(--hm-blue)!important;

font-size:10px!important;
font-weight:900!important;
}

.hm2026-guide .hero-check-row strong{
display:block!important;
margin:0 0 3px!important;
color:var(--hm-navy)!important;
font-size:13px!important;
line-height:1.3!important;
}

.hm2026-guide .hero-check-row p{
margin:0!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.55!important;
}


/* ==========================================================
   32. GUIDE QUICK ANSWER
   ========================================================== */

.hm2026-guide .quick-choice{
position:relative!important;
z-index:5!important;
margin-top:-35px!important;
}

.hm2026-guide .quick-choice-inner{
display:grid!important;

grid-template-columns:150px minmax(0,1fr)!important;

gap:27px!important;
align-items:center!important;

width:100%!important;

padding:28px 31px!important;

border:1px solid var(--hm-line)!important;
border-radius:18px!important;

background:#fff!important;

box-shadow:0 22px 60px rgba(15,23,42,.11)!important;
}

.hm2026-guide .quick-choice-label{
color:var(--hm-green)!important;

font-size:12px!important;
line-height:1.25!important;
font-weight:900!important;

letter-spacing:.09em!important;
text-transform:uppercase!important;
}

.hm2026-guide .quick-choice p{
margin:0!important;
color:#475569!important;
font-size:15px!important;
line-height:1.7!important;
}


/* ==========================================================
   33. GUIDE ARTICLE / TOC
   ========================================================== */

.hm2026-guide .guide-toc{
display:grid!important;

grid-template-columns:250px minmax(0,1fr)!important;

gap:56px!important;
align-items:start!important;

width:100%!important;
}

.hm2026-guide .toc-side{
position:sticky!important;
top:105px!important;

width:100%!important;
max-width:250px!important;

padding:21px!important;

border:1px solid var(--hm-line)!important;
border-radius:16px!important;

background:#fff!important;

box-shadow:0 10px 32px rgba(15,23,42,.04)!important;
}

.hm2026-guide .toc-title{
margin-bottom:8px!important;
color:#64748b!important;
font-size:11px!important;
line-height:1.3!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}

.hm2026-guide .toc-side a{
display:block!important;

padding:10px 3px!important;

border-bottom:1px solid #edf1f5!important;

color:#334155!important;

font-size:13px!important;
line-height:1.35!important;
font-weight:700!important;

transition:.15s ease!important;
}

.hm2026-guide .toc-side a:last-child{
border-bottom:0!important;
}

.hm2026-guide .toc-side a:hover{
padding-left:8px!important;
color:var(--hm-blue)!important;
}

.hm2026-guide .guide-body{
display:block!important;

width:100%!important;
max-width:874px!important;
min-width:0!important;

margin:0!important;
padding:0!important;
}

.hm2026-guide .guide-block{
display:block!important;

width:100%!important;
max-width:none!important;

margin:0 0 72px!important;
padding:0!important;

scroll-margin-top:125px!important;
}

.hm2026-guide .guide-block:last-child{
margin-bottom:0!important;
}

.hm2026-guide .guide-block > p{
width:100%!important;
max-width:790px!important;

margin-bottom:17px!important;

color:#52627a!important;

font-size:16px!important;
line-height:1.8!important;
}

.hm2026-guide .guide-block > h3{
margin-top:29px!important;
margin-bottom:9px!important;
}

.hm2026-guide .guide-intro{
width:100%!important;
max-width:790px!important;

color:#334155!important;

font-size:19px!important;
line-height:1.72!important;
}


/* ==========================================================
   34. GUIDE QUESTION GRID
   ========================================================== */

.hm2026-guide .question-grid{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:14px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .question-card{
display:grid!important;

grid-template-columns:46px minmax(0,1fr)!important;

gap:14px!important;

min-width:0!important;

padding:20px!important;

border:1px solid var(--hm-line)!important;
border-radius:15px!important;

background:#fff!important;

transition:.18s ease!important;
}

.hm2026-guide .question-card:hover{
transform:translateY(-2px)!important;
border-color:#bfdbfe!important;
box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
}

.hm2026-guide .question-number{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:44px!important;
height:44px!important;

border-radius:11px!important;

background:#eff6ff!important;
color:var(--hm-blue)!important;

font-size:11px!important;
font-weight:900!important;
}

.hm2026-guide .question-card strong{
display:block!important;
margin-bottom:4px!important;
color:var(--hm-navy)!important;
font-size:14px!important;
line-height:1.4!important;
}

.hm2026-guide .question-card p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.6!important;
}


/* ==========================================================
   35. GUIDE REQUIREMENTS — SAFE CHECKS
   ========================================================== */

.hm2026-guide .require-grid{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:17px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .require-card{
width:100%!important;
min-width:0!important;

padding:26px!important;

border:1px solid var(--hm-line)!important;
border-radius:17px!important;

background:#fff!important;
}

.hm2026-guide .require-card-featured{
border-color:#a7f3d0!important;

background:
radial-gradient(circle at 100% 0,rgba(5,150,105,.08),transparent 38%),
linear-gradient(145deg,#fff,#f4fdf8)!important;
}

.hm2026-guide .require-card h3{
margin:17px 0 8px!important;
}

.hm2026-guide .require-card p{
color:#64748b!important;
font-size:14px!important;
line-height:1.7!important;
}

.hm2026-guide .require-list{
list-style:none!important;
margin:18px 0 0!important;
padding:0!important;
}

.hm2026-guide .require-list li{
position:relative!important;

margin:0!important;

padding:7px 0 7px 29px!important;

color:#475569!important;

font-size:13px!important;
line-height:1.55!important;
}

.hm2026-guide .require-list li:before{
content:""!important;

position:absolute!important;
left:0!important;
top:10px!important;

width:16px!important;
height:16px!important;

border-radius:50%!important;

background:#dcfce7!important;
}

.hm2026-guide .require-list li:after{
content:""!important;

position:absolute!important;
left:5px!important;
top:14px!important;

width:6px!important;
height:3px!important;

border-left:2px solid #059669!important;
border-bottom:2px solid #059669!important;

transform:rotate(-45deg)!important;
}


/* ==========================================================
   36. GUIDE WARNING BOX
   ========================================================== */

.hm2026-guide .warning-box{
display:grid!important;

grid-template-columns:44px minmax(0,1fr)!important;

gap:16px!important;

width:100%!important;

margin:25px 0!important;
padding:21px!important;

border:1px solid #fde68a!important;
border-radius:15px!important;

background:#fffbeb!important;
}

.hm2026-guide .warning-box strong{
color:#78350f!important;
font-size:14px!important;
}

.hm2026-guide .warning-box p{
margin:5px 0 0!important;
color:#92400e!important;
font-size:13px!important;
line-height:1.65!important;
}


/* ==========================================================
   37. GUIDE PERFORMANCE METRICS
   ========================================================== */

.hm2026-guide .metric-cards{
display:grid!important;

grid-template-columns:repeat(3,minmax(0,1fr))!important;

gap:15px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .metric-card{
width:100%!important;
min-width:0!important;

padding:23px!important;

border:1px solid var(--hm-line)!important;
border-radius:16px!important;

background:#fff!important;
}

.hm2026-guide .metric-card h3{
margin:15px 0 7px!important;
font-size:19px!important;
}

.hm2026-guide .metric-card p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.65!important;
}


/* ==========================================================
   38. GUIDE SECURITY
   ========================================================== */

.hm2026-guide .security-box{
display:grid!important;

grid-template-columns:
minmax(0,1.15fr)
minmax(300px,.85fr)!important;

gap:21px!important;

width:100%!important;

margin-top:30px!important;

align-items:stretch!important;
}

.hm2026-guide .security-main,
.hm2026-guide .backup-box{
width:100%!important;
min-width:0!important;
height:100%!important;

padding:27px!important;

border:1px solid var(--hm-line)!important;
border-radius:18px!important;

background:#fff!important;
}

.hm2026-guide .backup-box{
border-color:#a7f3d0!important;
background:#f3fdf8!important;
}

.hm2026-guide .backup-box .require-list{
margin-top:14px!important;
}

.hm2026-guide .security-list{
display:grid!important;
gap:15px!important;
margin-top:21px!important;
}

.hm2026-guide .security-item{
display:grid!important;
grid-template-columns:44px minmax(0,1fr)!important;
gap:13px!important;
align-items:start!important;
}

.hm2026-guide .security-item strong{
display:block!important;
color:var(--hm-navy)!important;
font-size:14px!important;
}

.hm2026-guide .security-item span{
display:block!important;
margin-top:3px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.55!important;
}


/* ==========================================================
   39. GUIDE PRICE ANATOMY
   ========================================================== */

.hm2026-guide .price-anatomy{
display:grid!important;

grid-template-columns:repeat(4,minmax(0,1fr))!important;

gap:13px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .price-part{
width:100%!important;
min-width:0!important;

padding:20px!important;

border:1px solid var(--hm-line)!important;
border-radius:15px!important;

background:#fff!important;
}

.hm2026-guide .price-part strong{
display:block!important;
margin-bottom:7px!important;
color:var(--hm-navy)!important;
font-size:13px!important;
}

.hm2026-guide .price-part p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.6!important;
}


/* ==========================================================
   40. GUIDE HOSTING TYPES
   ========================================================== */

.hm2026-guide .hosting-types{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:17px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .hosting-type{
display:flex!important;
flex-direction:column!important;

width:100%!important;
min-width:0!important;

padding:26px!important;

border:1px solid var(--hm-line)!important;
border-radius:17px!important;

background:#fff!important;
}

.hm2026-guide .hosting-type-featured{
border-color:#bfdbfe!important;
background:linear-gradient(145deg,#fff,#f7fbff)!important;
}

.hm2026-guide .hosting-type-head{
display:flex!important;
align-items:center!important;
gap:14px!important;
margin-bottom:14px!important;
}

.hm2026-guide .hosting-type-head h3{
margin:0!important;
}

.hm2026-guide .hosting-type > p{
color:#64748b!important;
font-size:14px!important;
line-height:1.7!important;
}

.hm2026-guide .pros-cons{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:11px!important;

margin-top:auto!important;
padding-top:16px!important;
}

.hm2026-guide .mini-list{
padding:15px!important;
border-radius:12px!important;
background:#f8fafc!important;
}

.hm2026-guide .mini-list strong{
display:block!important;
margin-bottom:8px!important;

font-size:11px!important;
font-weight:900!important;

letter-spacing:.05em!important;
text-transform:uppercase!important;
}

.hm2026-guide .mini-list ul{
margin:0!important;
padding-left:17px!important;
}

.hm2026-guide .mini-list li{
margin:4px 0!important;
color:#64748b!important;
font-size:12px!important;
line-height:1.55!important;
}


/* ==========================================================
   41. GUIDE SUPPORT
   ========================================================== */

.hm2026-guide .support-grid{
display:grid!important;

grid-template-columns:repeat(3,minmax(0,1fr))!important;

gap:15px!important;

width:100%!important;

margin-top:30px!important;

align-items:stretch!important;
}

.hm2026-guide .support-card{
display:flex!important;
flex-direction:column!important;

width:100%!important;
min-width:0!important;
height:100%!important;

padding:24px!important;

border:1px solid var(--hm-line)!important;
border-radius:16px!important;

background:#fff!important;
}

.hm2026-guide .support-card h3{
margin:15px 0 8px!important;
font-size:19px!important;
}

.hm2026-guide .support-card p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.65!important;
}


/* ==========================================================
   42. GUIDE RED FLAGS
   ========================================================== */

.hm2026-guide .redflags{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:14px!important;

width:100%!important;

margin-top:30px!important;
}

.hm2026-guide .redflag{
display:grid!important;
grid-template-columns:40px minmax(0,1fr)!important;
gap:13px!important;
align-items:start!important;

width:100%!important;
min-width:0!important;
min-height:118px!important;

padding:20px!important;

border:1px solid #fed7aa!important;
border-radius:14px!important;

background:#fffaf5!important;
}

.hm2026-guide .redflag-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;

width:38px!important;
height:38px!important;

border-radius:10px!important;

background:#ffedd5!important;
color:#c2410c!important;

font-size:13px!important;
font-weight:900!important;
}

.hm2026-guide .redflag strong{
display:block!important;
color:#7c2d12!important;
font-size:14px!important;
}

.hm2026-guide .redflag p{
margin:4px 0 0!important;
color:#9a3412!important;
font-size:13px!important;
line-height:1.55!important;
}


/* ==========================================================
   43. GUIDE FINAL CHECK — SAFE CHECKS
   ========================================================== */

.hm2026-guide .final-check{
width:100%!important;

padding:36px!important;

border:1px solid #bfdbfe!important;
border-radius:20px!important;

background:
radial-gradient(circle at 95% 5%,rgba(37,99,235,.10),transparent 34%),
linear-gradient(145deg,#ffffff 0%,#f8fbff 100%)!important;

box-shadow:0 10px 32px rgba(15,23,42,.035)!important;
}

.hm2026-guide .final-check h2{
max-width:650px!important;
}

.hm2026-guide .final-check-grid{
display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

column-gap:42px!important;
row-gap:7px!important;

width:100%!important;

margin-top:25px!important;
}

.hm2026-guide .final-check-item{
position:relative!important;

min-height:39px!important;

padding:8px 0 8px 29px!important;

color:#475569!important;

font-size:14px!important;
line-height:1.5!important;
}

.hm2026-guide .final-check-item:before{
content:""!important;

position:absolute!important;
left:0!important;
top:10px!important;

width:17px!important;
height:17px!important;

border-radius:50%!important;

background:#dcfce7!important;
}

.hm2026-guide .final-check-item:after{
content:""!important;

position:absolute!important;
left:5px!important;
top:14px!important;

width:7px!important;
height:4px!important;

border-left:2px solid #059669!important;
border-bottom:2px solid #059669!important;

transform:rotate(-45deg)!important;
}


/* ==========================================================
   44. GUIDE RELATED CONTENT
   ========================================================== */

.hm2026-guide .related-grid{
display:grid!important;

grid-template-columns:repeat(3,minmax(0,1fr))!important;

gap:17px!important;

width:100%!important;

align-items:stretch!important;
}

.hm2026-guide .related-grid > p,
.hm2026-guide .related-grid > br{
display:none!important;
}

.hm2026-guide .related-card{
display:flex!important;
flex-direction:column!important;

width:100%!important;
min-width:0!important;
min-height:255px!important;

margin:0!important;
padding:25px!important;

border:1px solid #dfe7ef!important;
border-radius:17px!important;

background:#fff!important;

box-shadow:0 5px 18px rgba(15,23,42,.025)!important;

overflow:hidden!important;

transition:
transform .18s ease,
border-color .18s ease,
box-shadow .18s ease!important;
}

.hm2026-guide .related-card:hover{
transform:translateY(-3px)!important;
border-color:#bfdbfe!important;
box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
}

.hm2026-guide .related-card h3{
margin:17px 0 8px!important;
color:#08111f!important;
font-size:20px!important;
line-height:1.2!important;
}

.hm2026-guide .related-card p{
margin:0 0 20px!important;
color:#64748b!important;
font-size:13px!important;
line-height:1.65!important;
}

.hm2026-guide .related-arrow{
display:inline-flex!important;
align-items:center!important;

width:max-content!important;
max-width:100%!important;

margin-top:auto!important;

padding:9px 12px!important;

border-radius:8px!important;

background:#eff6ff!important;
color:#1d4ed8!important;

font-size:12px!important;
line-height:1.2!important;
font-weight:800!important;

text-decoration:none!important;
}

.hm2026-guide .related-arrow:hover{
background:#dbeafe!important;
}


/* ==========================================================
   45. GUIDE FAQ
   Inherits safe global toggle
   ========================================================== */

.hm2026-guide .faq{
width:100%!important;
max-width:900px!important;
}

.hm2026-guide .faq details{
width:100%!important;
padding:20px 0!important;
border-bottom:1px solid var(--hm-line)!important;
}

.hm2026-guide .faq summary{
cursor:pointer!important;

color:var(--hm-navy)!important;

font-size:16px!important;
line-height:1.4!important;
font-weight:800!important;
}

.hm2026-guide .faq details p{
margin:12px 0 0!important;
padding-right:40px!important;

color:#64748b!important;

font-size:14px!important;
line-height:1.7!important;
}


/* ==========================================================
   46. GUIDE DARK
   ========================================================== */

.hm2026-guide .section-dark h1,
.hm2026-guide .section-dark h2,
.hm2026-guide .section-dark h3{
color:#fff!important;
}

.hm2026-guide .section-dark p{
color:#94a3b8!important;
}


/* ==========================================================
   47. GUIDE FINAL CTA
   ========================================================== */

.hm2026-guide .final-cta{
display:grid!important;

grid-template-columns:minmax(0,1fr) auto!important;

gap:35px!important;
align-items:center!important;

width:100%!important;

padding:41px 44px!important;

border:1px solid #26344a!important;
border-radius:22px!important;

background:
radial-gradient(circle at 90% 30%,rgba(37,99,235,.28),transparent 32%),
linear-gradient(135deg,#0a1424,#172554)!important;

box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
}

.hm2026-guide .final-cta h2{
max-width:700px!important;
margin-bottom:10px!important;
color:#fff!important;
}

.hm2026-guide .final-cta p{
margin:0!important;
color:#cbd5e1!important;
font-size:16px!important;
line-height:1.7!important;
}


/* ==========================================================
   48. GUIDE CLASSIC EDITOR CLEANUP
   ========================================================== */

.hm2026-guide .guide-hero-grid > br,
.hm2026-guide .guide-meta > br,
.hm2026-guide .hero-check-main > br,
.hm2026-guide .quick-choice-inner > br,
.hm2026-guide .guide-toc > br,
.hm2026-guide .question-grid > br,
.hm2026-guide .require-grid > br,
.hm2026-guide .metric-cards > br,
.hm2026-guide .security-box > br,
.hm2026-guide .price-anatomy > br,
.hm2026-guide .hosting-types > br,
.hm2026-guide .support-grid > br,
.hm2026-guide .redflags > br,
.hm2026-guide .final-check-grid > br,
.hm2026-guide .related-grid > br{
display:none!important;
}

.hm2026-guide .guide-hero-grid > p:empty,
.hm2026-guide .guide-meta > p:empty,
.hm2026-guide .hero-check-main > p:empty,
.hm2026-guide .quick-choice-inner > p:empty,
.hm2026-guide .guide-toc > p:empty,
.hm2026-guide .question-grid > p:empty,
.hm2026-guide .require-grid > p:empty,
.hm2026-guide .metric-cards > p:empty,
.hm2026-guide .security-box > p:empty,
.hm2026-guide .price-anatomy > p:empty,
.hm2026-guide .hosting-types > p:empty,
.hm2026-guide .support-grid > p:empty,
.hm2026-guide .redflags > p:empty,
.hm2026-guide .final-check-grid > p:empty,
.hm2026-guide .related-grid > p:empty{
display:none!important;
}


/* ==========================================================
   49. GUIDE TABLET LARGE
   ========================================================== */

@media(max-width:1000px){

.hm2026-guide .guide-hero-grid{
grid-template-columns:minmax(0,1fr) 370px!important;
gap:42px!important;
}

.hm2026-guide .guide-toc{
grid-template-columns:215px minmax(0,1fr)!important;
gap:35px!important;
}

.hm2026-guide .toc-side{
max-width:215px!important;
}

.hm2026-guide .metric-cards,
.hm2026-guide .support-grid,
.hm2026-guide .related-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.hm2026-guide .price-anatomy{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

}


/* ==========================================================
   50. GUIDE TABLET
   ========================================================== */

@media(max-width:820px){

.hm2026-guide .shell{
width:calc(100% - 34px)!important;
}

.hm2026-guide .section{
padding:66px 0!important;
}

.hm2026-guide .guide-hero{
padding:70px 0 76px!important;
}

.hm2026-guide .guide-hero-grid{
grid-template-columns:1fr!important;
gap:42px!important;
}

.hm2026-guide .hero-check{
max-width:620px!important;
justify-self:start!important;
}

.hm2026-guide .guide-toc{
grid-template-columns:1fr!important;
gap:40px!important;
}

.hm2026-guide .toc-side{
position:static!important;

display:grid!important;

grid-template-columns:repeat(2,minmax(0,1fr))!important;

gap:0 20px!important;

width:100%!important;
max-width:none!important;
}

.hm2026-guide .toc-title{
grid-column:1/-1!important;
}

.hm2026-guide .guide-body{
max-width:none!important;
}

.hm2026-guide .question-grid,
.hm2026-guide .require-grid,
.hm2026-guide .hosting-types{
grid-template-columns:1fr!important;
}

.hm2026-guide .security-box{
grid-template-columns:1fr!important;
}

.hm2026-guide .guide-block{
margin-bottom:62px!important;
}

.hm2026-guide .final-check-grid{
column-gap:24px!important;
}

}


/* ==========================================================
   51. GUIDE MOBILE
   ========================================================== */

@media(max-width:620px){

.hm2026-guide{
font-size:16px!important;
}

.hm2026-guide .shell{
width:calc(100% - 28px)!important;
}

.hm2026-guide .section{
padding:54px 0!important;
}

.hm2026-guide .guide-hero{
padding:58px 0 65px!important;
}

.hm2026-guide .guide-hero h1{
font-size:39px!important;
line-height:1.04!important;
}

.hm2026-guide .guide-hero-copy{
font-size:16px!important;
}

.hm2026-guide .guide-hero .hero-actions{
display:grid!important;
grid-template-columns:1fr!important;
}

.hm2026-guide .guide-hero .btn{
width:100%!important;
}

.hm2026-guide .guide-meta{
display:grid!important;
grid-template-columns:1fr!important;
}

.hm2026-guide .guide-meta span{
width:max-content!important;
max-width:100%!important;
}

.hm2026-guide .hero-check{
max-width:none!important;
}

.hm2026-guide .quick-choice{
margin-top:-22px!important;
}

.hm2026-guide .quick-choice-inner{
grid-template-columns:1fr!important;
gap:8px!important;
padding:23px!important;
}

.hm2026-guide .toc-side{
grid-template-columns:1fr!important;
}

.hm2026-guide .question-grid,
.hm2026-guide .require-grid,
.hm2026-guide .metric-cards,
.hm2026-guide .hosting-types,
.hm2026-guide .price-anatomy,
.hm2026-guide .support-grid,
.hm2026-guide .redflags,
.hm2026-guide .final-check-grid,
.hm2026-guide .related-grid{
grid-template-columns:1fr!important;
}

.hm2026-guide .pros-cons{
grid-template-columns:1fr!important;
}

.hm2026-guide .guide-block{
margin-bottom:55px!important;
}

.hm2026-guide .guide-block h2{
font-size:31px!important;
}

.hm2026-guide .guide-block > p{
font-size:15px!important;
}

.hm2026-guide .final-check{
padding:25px!important;
}

.hm2026-guide .final-cta{
grid-template-columns:1fr!important;
padding:29px!important;
}

.hm2026-guide .related-card,
.hm2026-guide .redflag{
min-height:0!important;
}

}


/* ==========================================================
   52. GUIDE SMALL MOBILE
   ========================================================== */

@media(max-width:420px){

.hm2026-guide .shell{
width:calc(100% - 22px)!important;
}

.hm2026-guide .guide-hero h1{
font-size:35px!important;
}

.hm2026-guide .hero-check-main{
padding:7px 14px!important;
}

.hm2026-guide .hero-check-row{
grid-template-columns:38px minmax(0,1fr)!important;
gap:11px!important;
}

.hm2026-guide .hero-check-icon{
width:37px!important;
height:37px!important;
}

.hm2026-guide .question-card,
.hm2026-guide .require-card,
.hm2026-guide .metric-card,
.hm2026-guide .hosting-type,
.hm2026-guide .support-card,
.hm2026-guide .related-card{
padding:19px!important;
}

.hm2026-guide .security-main,
.hm2026-guide .backup-box{
padding:21px!important;
}

}