/* HostFino editorial hubs: compact cards and readable, local-rendered guides. */
.editorial-hub,.editorial-article{padding-block:28px 64px;min-height:60vh}.editorial-heading{max-width:850px;margin:24px 0 30px}.editorial-heading h1{font-size:clamp(31px,4.1vw,48px);letter-spacing:-1.4px;line-height:1.15}.editorial-heading .intro{max-width:760px}.hub-search{display:flex;align-items:center;gap:12px;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}.hub-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;outline-offset:4px}.hub-count{font-size:13px;color:var(--muted);margin:15px 0}.comparison-grid,.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comparison-entry,.blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}.comparison-entry{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.comparison-entry[hidden]{display:none}.comparison-entry h2,.blog-card h2{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:0}.comparison-entry p,.blog-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.comparison-entry>.editorial-link{margin-top:auto}.comparison-logos{display:flex;align-items:center;gap:18px;min-height:42px}.comparison-logos img{width:100px;height:36px;object-fit:contain}.versus{border-radius:50%;background:var(--paper);padding:7px;font-size:12px;color:var(--muted);font-weight:700}.editorial-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:750;line-height:1.6}.editorial-link:hover,.comparison-entry h2 a:hover,.blog-card h2 a:hover{text-decoration:underline}.hub-note{padding:22px 0;color:var(--muted);font-size:14px;line-height:1.8;max-width:850px}.blog-card-copy{display:flex;flex-direction:column;gap:12px;padding:22px}.article-category{display:flex;align-items:center;gap:7px;color:var(--green);font-size:12px;line-height:1.6;font-weight:700}.blog-card-image{display:block;aspect-ratio:16/8;overflow:hidden;border-radius:16px 16px 0 0}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:5px;font-size:12px;color:var(--muted)}.blog-pagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}.blog-pagination a{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.blog-pagination a[aria-current=page]{background:var(--ink);color:#fff}.editorial-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}.editorial-prose{font-size:16px;line-height:1.85;min-width:0;overflow-wrap:anywhere}.editorial-prose h2{font-size:25px;line-height:1.35;letter-spacing:-.5px;margin:34px 0 15px;scroll-margin-top:30px}.editorial-prose h2:first-child{margin-top:0}.editorial-prose h3{font-size:20px;line-height:1.4;margin:24px 0 10px;scroll-margin-top:30px}.editorial-prose p,.editorial-prose ul,.editorial-prose ol{margin-bottom:18px}.editorial-prose li{margin-bottom:8px}.editorial-prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.editorial-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:22px 0}.editorial-prose th,.editorial-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;min-width:110px}.editorial-prose th{background:#edf3e9}.editorial-prose img{display:block;max-width:100%;height:auto;border-radius:12px}.editorial-prose blockquote{border-left:3px solid var(--green);margin:20px 0;padding:12px 18px;background:#edf3e9}.editorial-prose code{overflow-wrap:anywhere}.editorial-aside{display:grid;gap:24px;font-size:13px;min-width:0}.editorial-aside h2{font-size:15px;line-height:1.5;margin-bottom:12px}.editorial-aside section,.article-toc{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px}.editorial-aside section>.editorial-link{display:flex;margin-top:10px}.article-toc a{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:8px}.article-toc .toc-level-3{padding-left:12px}.article-toc a:hover{color:var(--green)}.article-hero{width:min(100%,960px);height:auto;max-height:460px;object-fit:cover;border-radius:16px;margin-bottom:30px}.related-reading{margin:30px 0}.related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.related-heading h2{font-size:20px;margin:0;letter-spacing:-.3px}.related-guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-guide-list>a{display:grid;grid-template-columns:1fr auto;gap:9px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px;line-height:1.5}.related-guide-list .article-category{grid-column:1/-1}.related-guide-list strong{font-size:14px}.related-guide-list>a:hover{border-color:#91b79a}.editorial-aside .topic-links,.review-aside .topic-links{margin:0;padding:18px;box-shadow:none}.editorial-aside .topic-links>div:last-child,.review-aside .topic-links>div:last-child{display:grid;grid-template-columns:1fr;gap:8px}.editorial-aside .topic-links a,.review-aside .topic-links a{padding:0;border:0;background:transparent;font-size:13px}.review-aside .topic-links{padding:14px 0;border:0}.review-aside .related-reading{margin:18px 0 0}.review-aside .related-guide-list{grid-template-columns:1fr}.review-aside .related-guide-list>a{padding:10px 0;border:0}.review-aside .related-guide-list .article-category{display:none}.review-aside .related-heading h2,.review-aside .topic-links h2{font-size:14px}.back-to-blog{margin-top:8px}.topic-links>.related-heading{display:flex;grid-template-columns:none}.main-nav{gap:20px}.main-nav a{white-space:nowrap}.header-row{gap:25px}
@media(max-width:850px){.editorial-columns{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.main-nav{gap:14px}.header-row{gap:18px}.main-nav{font-size:13px}}@media(max-width:700px){.header-row{flex-wrap:wrap;padding-block:14px;gap:12px}.language-nav{margin-left:auto}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:10px 0 0;margin:0;border-top:1px solid var(--line);gap:22px}.main-nav a{padding-block:6px}.comparison-grid,.blog-grid{grid-template-columns:1fr}.editorial-columns{grid-template-columns:1fr}.editorial-aside{grid-template-columns:1fr}.article-toc{order:-1}.editorial-heading{margin:18px 0 24px}.editorial-heading h1{font-size:33px}.editorial-prose{font-size:16px;line-height:1.8}.editorial-prose h2{font-size:23px}.related-guide-list{grid-template-columns:1fr}.comparison-entry,.blog-card-copy{padding:19px}.editorial-hub,.editorial-article{padding-top:20px}.editorial-aside .topic-links{margin:0}.footer-row nav{gap:16px}.comparison-logos img{width:100px}.related-heading h2{font-size:19px}}

.site-header .main-nav a{display:inline-flex}.topic-links>.related-heading>a{padding:0;border:0;background:transparent}.editorial-hub .topic-links{margin-block:24px;padding-block:24px}.mobile-article-toc{display:none}@media(max-width:700px){.mobile-article-toc{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin-bottom:24px;font-size:14px}.mobile-article-toc summary{font-weight:750;cursor:pointer}.mobile-article-toc a{display:block;margin-top:12px;color:var(--green);font-size:13px;line-height:1.6}.editorial-aside .article-toc{display:none}}
.site-header .main-nav{display:flex}

/* Rich articles remain server-rendered; no editor assets load publicly. */
.editorial-prose figure{margin:26px 0}.editorial-prose figure img{margin-inline:auto}.editorial-prose figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin:9px 0 0;text-align:center}.editorial-prose pre{max-width:100%;overflow:auto;padding:18px 20px;background:#142c28;color:#e6f3ed;border-radius:12px;line-height:1.65;font-size:13px}.editorial-prose pre code{white-space:pre;overflow-wrap:normal}.editorial-prose p>code,.editorial-prose li>code{padding:2px 5px;border-radius:4px;background:#e8efe9;font-size:.9em}.editorial-prose .hf-content-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 20px;padding:22px;border:1px solid #c7dcd0;background:#fff;border-radius:14px;margin:26px 0}.editorial-prose .hf-content-logo{width:100px;height:36px;object-fit:contain;grid-row:1/4;align-self:center;border-radius:0}.editorial-prose .hf-content-card>strong,.editorial-prose .hf-content-card>p,.editorial-prose .hf-content-action{grid-column:2}.editorial-prose .hf-content-card:not(:has(.hf-content-logo))>*{grid-column:1/-1}.editorial-prose .hf-content-card>p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.editorial-prose .hf-content-action{justify-self:start;font-size:14px;font-weight:700;margin-top:4px;min-height:36px;display:inline-flex;align-items:center}.editorial-prose figure:has(img){max-width:100%}@media(max-width:500px){.editorial-prose .hf-content-card{grid-template-columns:1fr;padding:18px;gap:12px}.editorial-prose .hf-content-card>strong,.editorial-prose .hf-content-card>p,.editorial-prose .hf-content-card>.hf-content-action{grid-column:1}.editorial-prose .hf-content-logo{grid-row:auto;justify-self:start}.editorial-prose pre{padding:14px}}

/* Blog archives: a compact reading list and persistent topic navigation. */
.blog-hub .editorial-heading{max-width:960px;margin:20px 0 24px}
.blog-hub .editorial-heading h1{font-size:clamp(29px,3.3vw,40px);letter-spacing:-1px;margin-bottom:12px}
.blog-hub .editorial-heading .intro{font-size:16px;line-height:1.65;margin:0;max-width:780px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.blog-main{min-width:0}
.blog-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.blog-search-input{display:flex;align-items:center;gap:10px;flex:1;min-width:160px;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:0 13px;background:#fff;color:var(--muted)}
.blog-search-input:focus-within{border-color:var(--green);outline:2px solid #b9d7ca;outline-offset:2px}
.blog-search-input input{border:0;outline:0;background:transparent;font:inherit;font-size:14px;min-width:0;width:100%;color:var(--ink);padding:12px 0}
.blog-search .button{min-height:46px;padding:11px 20px;font-size:13px;border-radius:10px}
.blog-search-clear{flex-basis:100%;color:var(--green);font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.blog-results-count{font-size:12px;color:var(--muted);margin:15px 0 12px;overflow-wrap:anywhere}
.blog-results-count strong{color:var(--ink)}
.blog-hub .blog-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.blog-hub .blog-card{display:grid;grid-template-columns:minmax(180px,26%) minmax(0,1fr);overflow:hidden;border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease}
.blog-hub .blog-card:hover{border-color:#b0cabe;box-shadow:0 4px 14px #17392e09}
.blog-hub .blog-card:not(:has(.blog-card-image)){grid-template-columns:minmax(0,1fr)}
.blog-hub .blog-card-image{aspect-ratio:auto;border-radius:0;min-height:190px;height:100%}
.blog-hub .blog-card-image img{transition:transform .25s ease}
.blog-hub .blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-hub .blog-card-copy{padding:20px 22px;gap:9px;min-width:0}
.blog-hub .blog-card h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.blog-hub .blog-card-copy>p{font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-hub .blog-card-bottom{margin-top:auto;padding-top:5px;flex-wrap:wrap;gap:4px 14px}
.blog-hub .blog-card-bottom .editorial-link{font-size:12px;min-height:30px}
.blog-card .article-category{align-self:flex-start;font-size:11px}
a.article-category:hover{text-decoration:underline;text-underline-offset:3px}
.editorial-heading>a.article-category{display:inline-flex;margin-bottom:16px}
.blog-sidebar{position:sticky;top:24px;min-width:0}
.blog-category-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 12px 12px}
.blog-category-panel>h2{font-size:16px;line-height:1.4;letter-spacing:-.2px;margin:0 8px 5px}
.blog-category-panel>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 8px 15px}
.blog-category-links ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.blog-category-links li{margin:0;min-width:0}
.blog-category-links a{display:flex;align-items:center;gap:10px;padding:11px 10px;min-height:46px;border-radius:9px;font-size:13px;line-height:1.4;color:var(--muted);transition:background-color .16s ease,color .16s ease}
.blog-category-links a>.ui-icon{flex-shrink:0;width:17px;height:17px}
.blog-category-links a>span{flex:1;min-width:0}
.blog-category-links small{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:23px;padding:0 6px;background:var(--paper);border-radius:6px;font-size:11px;color:var(--muted)}
.blog-category-links a:hover{background:#f0f6f2;color:var(--green)}
.blog-category-links a[aria-current=page]{background:#e8f3ed;color:var(--green);font-weight:750}
.blog-category-links a[aria-current=page] small{background:#fff;color:var(--green)}
.blog-category-links a:focus-visible,.blog-card a:focus-visible,.blog-mobile-categories>summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.blog-mobile-categories{display:none}
.blog-empty{padding:35px 24px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fff}
.blog-empty>.ui-icon{width:26px;height:26px;margin:0 auto 12px;color:var(--muted)}
.blog-empty h2{font-size:20px;margin-bottom:9px}
.blog-empty p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:15px}
@media(max-width:1000px){.blog-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.blog-hub .blog-card{grid-template-columns:170px minmax(0,1fr)}.blog-hub .blog-card-copy{padding:17px}.blog-hub .blog-card h2{font-size:18px}}
@media(max-width:800px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:0}.blog-sidebar{display:none}.blog-mobile-categories{display:block;margin-bottom:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.blog-mobile-categories>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:46px;list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--green)}.blog-mobile-categories>summary::-webkit-details-marker{display:none}.blog-mobile-categories>summary>span{flex:1}.blog-mobile-categories>summary small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:3px}.blog-mobile-categories>summary>.ui-icon:last-child{transition:transform .18s ease}.blog-mobile-categories[open]>summary>.ui-icon:last-child{transform:rotate(180deg)}.blog-mobile-categories .blog-category-links{border-top:1px solid var(--line);padding:8px}.blog-hub .editorial-heading{margin:16px 0 20px}.blog-hub .editorial-heading h1{font-size:32px}.blog-hub .editorial-heading .intro{font-size:15px}}
@media(max-width:500px){.blog-hub{padding-top:18px}.blog-hub .editorial-heading h1{font-size:28px;letter-spacing:-.7px;margin-bottom:10px}.blog-hub .editorial-heading .intro{font-size:14px;line-height:1.65}.blog-hub .blog-card{grid-template-columns:106px minmax(0,1fr);border-radius:12px}.blog-hub .blog-card-image{min-height:170px}.blog-hub .blog-card-copy{padding:14px;gap:7px}.blog-hub .blog-card h2{font-size:16px;line-height:1.4}.blog-hub .blog-card-copy>p{display:none}.blog-hub .blog-card-bottom{display:block;padding-top:3px}.blog-hub .blog-card-bottom time{display:block;font-size:10px;margin-bottom:2px}.blog-hub .blog-card-bottom .editorial-link{font-size:11px;min-height:28px}.blog-card .article-category{font-size:10px;gap:5px}.blog-card .article-category .ui-icon{width:13px;height:13px}.blog-search{gap:8px}.blog-search-input{min-width:0}.blog-search .button{padding-inline:15px}.blog-results-count{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.blog-hub .blog-card,.blog-hub .blog-card-image img,.blog-category-links a,.blog-mobile-categories>summary>.ui-icon:last-child{transition:none}.blog-hub .blog-card:hover .blog-card-image img{transform:none}}