/*
Theme Name: HeySheshank Telugu Tech
Theme URI: https://heysheshank.com/blog/
Description: Lightweight, mobile-first editorial child theme for a Telugu technology publication. Built on Astra; replaces Astra's front-end templates. Design: "Editorial Earth".
Author: HeySheshank
Template: astra
Version: 1.0.0
Requires PHP: 7.4
Text Domain: hs-telugu
*/

/* =========================================================== Design tokens */
:root{
  --brand-primary:#176B50; --brand-primary-hover:#0F5440; --brand-accent:#E8A23A; --brand-accent-soft:#FCEFD9;
  --brand-primary-soft:#E3F0EA;
  --page-bg:#FAF7F0; --surface:#FFFFFF; --text-primary:#20231F; --text-secondary:#5F645A; --border:#E6E0D5; --border-strong:#D3CBBE;
  --on-primary:#FFFFFF;
  --danger:#A3352A; --danger-soft:#FBEAE7; --ok:#176B50;
  --font-telugu:"Noto Sans Telugu",sans-serif;
  --font-latin:"Inter",sans-serif;
  --font:"Inter","Noto Sans Telugu",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --content-width:1160px; --article-width:740px; --gutter:18px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --radius-card:12px; --radius-button:8px;
  --shadow:0 1px 2px rgba(32,35,31,.04),0 4px 14px rgba(32,35,31,.06);
}
:root{color-scheme:light}
/* Dark palette kept for a possible manual toggle later. It is NOT applied automatically: the site always uses the light theme. */
:root[data-theme="dark"]{
    --brand-primary:#8CD6B4; --brand-primary-hover:#A8E4C8; --brand-primary-soft:#22362D; --brand-accent:#E8A23A; --brand-accent-soft:#3A2F1C;
    --page-bg:#171C19; --surface:#222B25; --text-primary:#F3F3ED; --text-secondary:#BEC5BB; --border:#333E36; --border-strong:#46534A;
    --on-primary:#10261C; --danger:#F2A094; --danger-soft:#3A2420;
    --shadow:none;
  }

/* =========================================================== Base */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body.hst{margin:0;background:var(--page-bg);color:var(--text-primary);font-family:var(--font);font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}
@media (min-width:960px){body.hst{font-size:19px}}
body.hst *,body.hst *::before,body.hst *::after{box-sizing:border-box}
.hst img,.hst svg,.hst video,.hst iframe{max-width:100%;height:auto}
.hst a{color:var(--brand-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hst a:hover{color:var(--brand-primary-hover);text-decoration-thickness:2px}
.hst :focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;border-radius:4px}
.hst h1,.hst h2,.hst h3,.hst h4{font-family:var(--font);color:var(--text-primary);font-weight:700;margin:0 0 var(--space-3)}
.hst h1{font-size:clamp(28px,6.4vw,42px);line-height:1.4;letter-spacing:-.005em}
.hst h2{font-size:24px;line-height:1.45}
.hst h3{font-size:21px;line-height:1.45}
@media (min-width:960px){.hst h2{font-size:30px}.hst h3{font-size:24px}}
.hst p{margin:0 0 var(--space-4)}
.hst ul,.hst ol{margin:0 0 var(--space-4);padding-left:1.4em}
.hst li{margin-bottom:var(--space-2)}
.hst code{font-size:.88em;background:var(--brand-primary-soft);padding:.1em .35em;border-radius:4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hst-skip{position:absolute;left:var(--space-3);top:-100px;z-index:100;background:var(--brand-primary);color:var(--on-primary)!important;padding:10px 16px;border-radius:var(--radius-button)}
.hst-skip:focus{top:var(--space-3)}
.hst-wrap{max-width:var(--content-width);margin:0 auto;padding:0 var(--gutter)}
.hst-read{max-width:calc(var(--article-width) + 2*var(--gutter));margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.hst-main{display:block;min-height:50vh}
.hst-muted,.hst .hst-muted{color:var(--text-secondary);font-size:15px}
.hst-ico{flex:none;vertical-align:middle}

/* =========================================================== Buttons */
.hst-btn,.hst .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:10px 20px;border-radius:var(--radius-button);font:700 16px/1.4 var(--font);text-decoration:none!important;border:2px solid var(--brand-primary);background:var(--brand-primary);color:var(--on-primary)!important;cursor:pointer;text-align:center}
.hst-btn:hover,.hst .wp-block-button__link:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}
.hst-btn--ghost,.hst .is-style-outline .wp-block-button__link{background:transparent;color:var(--brand-primary)!important}
.hst-btn--ghost:hover,.hst .is-style-outline .wp-block-button__link:hover{background:var(--brand-primary-soft);color:var(--brand-primary)!important}
.hst-btn--wa{background:#1E7A45;border-color:#1E7A45;color:#fff!important}
.hst-btn--wa:hover{background:#155E35;border-color:#155E35}
.hst-btn[disabled]{opacity:.75;cursor:default}
.hst-btn[aria-pressed="true"]{background:var(--brand-primary-soft);border-color:var(--brand-primary)}
.hst .wp-block-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-4)}
.hst .wp-block-buttons>.wp-block-button{margin:0}
.hst-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.hst-iconbtn{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;justify-content:center;padding:0 10px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-button);font:600 15px var(--font);cursor:pointer}
.hst-iconbtn:hover{border-color:var(--border-strong)}

/* =========================================================== Header & navigation */
.hst-header{background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:50}
.hst-header__inner{display:flex;align-items:center;gap:var(--space-3);min-height:60px}
.hst-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text-primary)!important;margin-right:auto;min-height:44px}
.hst-logo svg{flex:none}
.hst-logo__text{display:flex;flex-direction:column;line-height:1.1}
.hst-logo__name{font-weight:700;font-size:17px;letter-spacing:-.01em}
.hst-logo__sub{font-size:12px;font-weight:700;color:var(--brand-primary);letter-spacing:.06em;text-transform:uppercase}
.hst-header__actions{display:flex;gap:var(--space-2)}
.hst-nav ul{list-style:none;margin:0;padding:0}
.hst-nav li{margin:0}
.hst-nav a{display:flex;align-items:center;min-height:48px;padding:6px 4px;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:17px;border-bottom:1px solid var(--border)}
.hst-nav a:hover,.hst-nav .current-menu-item>a,.hst-nav .current-category-ancestor>a,.hst-nav .current-post-ancestor>a{color:var(--brand-primary)}
@media (max-width:959px){
  .hst-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 10px 20px rgba(0,0,0,.08);padding:0 var(--gutter) var(--space-3)}
  .hst-nav.is-open{display:block}
  .hst-menu-toggle__label{font-size:15px}
}
@media (min-width:960px){
  .hst-header__inner{min-height:68px}
  .hst-menu-toggle{display:none}
  .hst-nav{order:0;margin-right:var(--space-2)}
  .hst-nav ul{display:flex;gap:2px}
  .hst-nav a{border:0;padding:6px 12px;border-radius:var(--radius-button);font-size:16px;min-height:44px}
  .hst-nav a:hover{background:var(--brand-primary-soft)}
  .hst-nav .current-menu-item>a,.hst-nav .current-category-ancestor>a,.hst-nav .current-post-ancestor>a{background:var(--brand-primary-soft)}
}
.hst-searchpanel{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-4) 0}

/* =========================================================== Search form */
.hst-search{max-width:640px}
.hst-search__label{display:block;font-weight:700;margin-bottom:var(--space-2);font-size:16px}
.hst-search__row{display:flex;gap:var(--space-2)}
.hst-search input[type=search]{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--surface);color:var(--text-primary);font:17px var(--font)}
.hst-search button{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border:0;border-radius:var(--radius-button);background:var(--brand-primary);color:var(--on-primary);font:700 16px var(--font);cursor:pointer}
@media (max-width:400px){.hst-search button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}

/* =========================================================== Badges, cards, grids */
.hst-badge{display:inline-block;background:var(--brand-primary-soft);color:var(--brand-primary)!important;font-size:14px;font-weight:700;padding:3px 10px;border-radius:6px;text-decoration:none!important;line-height:1.6}
.hst-badge:hover{background:var(--brand-primary);color:var(--on-primary)!important}
.hst-badge--muted{background:var(--page-bg);color:var(--text-secondary)!important}
.hst-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media (min-width:680px){.hst-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}
@media (min-width:1000px){.hst-grid{grid-template-columns:repeat(3,1fr)}}
.hst-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow)}
.hst-card__media{aspect-ratio:16/9;background:var(--brand-primary-soft)}
.hst-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.hst-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5);flex:1}
.hst-card--noimg{border-top:4px solid var(--brand-primary)}
.hst-card__title{font-size:20px!important;line-height:1.5!important;margin:0!important}
.hst-card__title a{color:var(--text-primary);text-decoration:none}
.hst-card__title a::after{content:"";position:absolute;inset:0}
.hst-card__title a:hover{color:var(--brand-primary)}
.hst-card .hst-badge{position:relative;z-index:2}
.hst-card__desc{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0!important}
.hst-card__meta{color:var(--text-secondary);font-size:14px;margin:auto 0 0!important;padding-top:var(--space-2)}
.hst-card:focus-within{outline:3px solid var(--brand-accent);outline-offset:2px}
.hst-card__title a:focus-visible{outline:none}
@media (min-width:1000px){.hst-card--featured{grid-column:span 2;flex-direction:row}.hst-card--featured .hst-card__media{flex:0 0 55%;aspect-ratio:auto}.hst-card--featured .hst-card__title{font-size:26px!important}}

/* =========================================================== Homepage */
.hst-home .hst-wrap>*:first-child{margin-top:0}
.hst-hero{padding:var(--space-6) 0 var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}
@media (min-width:960px){.hst-hero{padding:var(--space-8) 0 var(--space-7)}}
.hst-hero .hst-eyebrow{display:inline-block;font-size:14px;font-weight:700;color:var(--text-primary);background:var(--brand-accent-soft);border-left:4px solid var(--brand-accent);padding:4px 12px;border-radius:4px;margin-bottom:var(--space-4)}
.hst-hero h1{max-width:18ch;margin-bottom:var(--space-4)}
.hst-hero .hst-hero__lead{font-size:clamp(17px,2.6vw,20px);color:var(--text-secondary);max-width:58ch;margin-bottom:var(--space-5)}
@media (max-width:420px){.hst-hero .wp-block-buttons>.wp-block-button,.hst-hero .wp-block-button__link{width:100%}}
.hst-cattiles{list-style:none;padding:0!important;margin:var(--space-5) 0 0!important;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
@media (min-width:800px){.hst-cattiles{grid-template-columns:repeat(4,1fr)}}
.hst-cattiles li{margin:0}
.hst-cattiles a{display:flex;flex-direction:column;gap:2px;height:100%;min-height:44px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-decoration:none;color:var(--text-primary)}
.hst-cattiles a:hover{border-color:var(--brand-primary)}
.hst-cattiles__name{font-weight:700;color:var(--brand-primary)}
.hst-cattiles__desc{font-size:14px;line-height:1.6;color:var(--text-secondary)}
@media (max-width:420px){.hst-cattiles__desc{display:none}}
.hst-section{padding:var(--space-6) 0;border-bottom:1px solid var(--border)}
.hst-section:last-child{border-bottom:0}
@media (min-width:960px){.hst-section{padding:var(--space-7) 0}}
.hst-section__head{max-width:720px;margin-bottom:var(--space-5)}
.hst-section__head p{color:var(--text-secondary);margin:0}
.hst-section__more{margin:var(--space-5) 0 0!important}
.hst-section__more a{display:inline-flex;align-items:center;gap:6px;font-weight:700;min-height:44px}
.hst-starthere{list-style:none;padding:0!important;margin:0!important;counter-reset:hst;display:grid;gap:var(--space-3)}
@media (min-width:800px){.hst-starthere{grid-template-columns:repeat(2,1fr)}}
.hst-starthere li{margin:0;counter-increment:hst}
.hst-starthere a{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-decoration:none;color:var(--text-primary);min-height:64px}
.hst-starthere a::before{content:counter(hst);grid-row:span 2;width:34px;height:34px;border-radius:50%;background:var(--brand-accent-soft);color:var(--text-primary);font-weight:700;display:grid;place-items:center;font-size:15px}
.hst-starthere a:hover{border-color:var(--brand-primary)}
.hst-starthere__title{font-weight:700;line-height:1.5}
.hst-starthere__cat{font-size:14px;color:var(--text-secondary)}
.hst-aitool{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--brand-accent);border-radius:var(--radius-card);padding:var(--space-5) var(--space-4)}
@media (min-width:768px){.hst-aitool{padding:var(--space-6)}}
.hst-aitool>*:last-child,.hst-aitool .wp-block-group>*:last-child{margin-bottom:0}
.hst-aitool dl{margin:0 0 var(--space-4)}
.hst-cta{background:var(--brand-primary);color:var(--on-primary);border-radius:var(--radius-card);padding:var(--space-6) var(--space-5);margin:var(--space-6) 0}
.hst-cta h2{color:var(--on-primary)!important}
.hst-cta p{opacity:.92}
.hst-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.hst-cta .hst-btn--ghost{border-color:var(--on-primary);color:var(--on-primary)!important}
.hst-empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-card);padding:var(--space-5);color:var(--text-secondary)}
.hst-empty p:last-child{margin:0}

/* =========================================================== Breadcrumbs, page heads, listings */
.hst-crumbs{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.6}
.hst-crumbs a{color:var(--text-secondary);text-decoration:none;display:inline-block;padding:4px 0}
.hst-crumbs a:hover{color:var(--brand-primary);text-decoration:underline}
.hst-crumbs .breadcrumb_last,.hst-crumbs [aria-current]{color:var(--text-primary)}
.hst-pagehead{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-5) 0}
@media (min-width:960px){.hst-pagehead{padding:var(--space-7) 0 var(--space-6)}}
.hst-pagehead p{color:var(--text-secondary);max-width:62ch;margin-bottom:0}
.hst-pagehead .hst-search{margin-top:var(--space-4)}
.hst-pagehead [role=status]{margin-top:var(--space-3)}
.hst-listing{padding:var(--space-5) 0 var(--space-7)}
.hst-listing>.hst-wrap>h2{margin-top:0}
.hst-othercats{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border)}
.hst-othercats h2{font-size:20px!important}
.hst-catlinks{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.hst-catlinks li{margin:0}
.hst-catlinks a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);text-decoration:none;font-weight:600}
.hst-catlinks a:hover{border-color:var(--brand-primary)}
.hst-pagination .nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);justify-content:center}
.hst-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--surface);text-decoration:none;font-weight:600}
.hst-pagination .page-numbers.current{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--on-primary)}

/* =========================================================== Article */
.hst-article__head{padding-top:var(--space-5)}
@media (min-width:960px){.hst-article__head{padding-top:var(--space-7)}}
.hst-article__head .hst-badge{margin-bottom:var(--space-3)}
.hst-article__intro{font-size:clamp(18px,2.4vw,20px);color:var(--text-secondary)}
.hst-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-2) 0;margin-bottom:var(--space-5)}
.hst-meta a{color:var(--text-secondary)}
.hst-hero-img{margin:0 auto var(--space-5)}
.hst-hero-img img{border-radius:var(--radius-card);display:block;width:100%}
.hst-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--space-5)}
.hst-toc summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:700;min-height:48px;display:flex;align-items:center;gap:6px;list-style:none}
.hst-toc summary::-webkit-details-marker{display:none}
.hst-toc summary::after{content:"+";margin-left:auto;font-size:22px;line-height:1;color:var(--brand-primary)}
.hst-toc[open] summary::after{content:"\2212"}
.hst-toc__count{font-weight:400;color:var(--text-secondary);font-size:15px}
.hst-toc ol{margin:0;padding:0 var(--space-4) var(--space-4) 2.6em}
.hst-toc li{margin:0}
.hst-toc a{display:block;padding:6px 0;text-decoration:none;line-height:1.55}
.hst-toc a:hover{text-decoration:underline}
.hst-content{padding-bottom:var(--space-6)}
.hst-content>*{margin-top:0}
.hst-content h2{margin-top:var(--space-7);scroll-margin-top:var(--space-4)}
.hst-content h3{margin-top:var(--space-6);scroll-margin-top:var(--space-4)}
.hst-content h2:first-child{margin-top:0}
.hst-content figure{margin:0 0 var(--space-5)}
.hst-content figcaption,.hst-content .wp-element-caption{font-size:14px;color:var(--text-secondary);margin-top:var(--space-2);line-height:1.6}
.hst-content blockquote{margin:0 0 var(--space-5);padding:var(--space-2) var(--space-4);border-left:4px solid var(--brand-accent);color:var(--text-secondary)}
.hst-content img{border-radius:8px}
.hst-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}
.hst-content th,.hst-content td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
.hst-content thead th{background:var(--brand-primary-soft);font-weight:700}
.hst-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Boxes */
.hst-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-4) var(--space-2);margin:0 0 var(--space-5)}
@media (min-width:768px){.hst-box{padding:var(--space-5) var(--space-5) var(--space-3)}}
.hst-box__label,.hst .hst-box__label{font-size:14px!important;font-weight:700;letter-spacing:.04em;margin:0 0 var(--space-2)!important;color:var(--brand-primary)}
.hst-tldr{border-left:5px solid var(--brand-primary);background:var(--brand-primary-soft)}
.hst-warn{border-left:5px solid var(--brand-accent);background:var(--brand-accent-soft)}
.hst-warn .hst-box__label{color:var(--text-primary)}
.hst-warn .hst-box__label::before{content:"\26A0  "}
.hst-verdict{border:2px solid var(--brand-primary)}
.hst-quickpicks{border-top:4px solid var(--brand-accent)}
.hst-disclosure{font-size:15px;line-height:1.7;background:var(--page-bg);border-style:dashed}
.hst-disclosure p{margin-bottom:var(--space-2)}
.hst-sources{font-size:15px;line-height:1.7}
.hst-sources ul{padding-left:1.2em}
.hst-sources a{overflow-wrap:anywhere}

/* Steps & screenshots */
.hst-step{position:relative;border-left:3px solid var(--brand-primary-soft);padding-left:var(--space-4);margin:0 0 var(--space-6)}
.hst-step>h3{margin-top:0!important}
.hst-shot img{border:1px solid var(--border);border-radius:12px;background:var(--surface);max-height:640px;width:auto;margin:0 auto;display:block}
.hst-shot img:not([src]),.hst-shot:has(img:not([src])){display:none}
.hst-shot{text-align:center}

/* FAQ */
.hst-faq{margin:var(--space-7) 0 var(--space-5)}
.hst-faq .wp-block-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin:0 0 var(--space-3);padding:0}
.hst-faq summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:700;min-height:48px;display:flex;align-items:center;line-height:1.6}
.hst-faq .wp-block-details>*:not(summary){padding:0 var(--space-4);margin-bottom:var(--space-3)}

/* Products & comparison */
.hst-product{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);margin:0 0 var(--space-6)}
@media (min-width:768px){.hst-product{padding:var(--space-5)}}
.hst-product h3{margin-top:0!important}
.hst-product__label{display:inline-block;background:var(--brand-accent-soft);color:var(--text-primary);font-weight:700;font-size:14px;padding:2px 10px;border-radius:6px;margin-bottom:var(--space-2)!important}
.hst-product__price{font-size:16px;color:var(--text-secondary)}
.hst-specs{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr;gap:2px 16px;font-size:16px}
@media (min-width:600px){.hst-specs{grid-template-columns:1fr 1fr}}
.hst-proscons{display:grid;gap:0 var(--space-5)}
@media (min-width:600px){.hst-proscons{grid-template-columns:1fr 1fr}.hst-proscons>.hst-box__label:nth-of-type(1){grid-column:1;grid-row:1}.hst-proscons>.hst-pros{grid-column:1;grid-row:2}.hst-proscons>.hst-box__label:nth-of-type(2){grid-column:2;grid-row:1}.hst-proscons>.hst-cons{grid-column:2;grid-row:2}}
.hst-pros,.hst-cons{list-style:none;padding:0!important;font-size:16px}
.hst-pros li::before{content:"\2713  ";color:var(--ok);font-weight:700}
.hst-cons li::before{content:"\2715  ";color:var(--danger);font-weight:700}
.hst-compare{position:relative}
.hst-compare table{min-width:560px}
.hst-compare td:first-child,.hst-compare th:first-child{position:sticky;left:0;background:var(--surface);font-weight:700;z-index:1}
.hst-compare thead th:first-child{background:var(--brand-primary-soft)}
@media (max-width:640px){.hst-compare::before{content:"\2192  మిగతా కాలమ్స్ కోసం పక్కకు స్క్రోల్ చేయండి";display:block;font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2)}}
.hst-aff{margin:0}

/* Feedback, share, author */
.hst-article__foot{padding-bottom:var(--space-6)}
.hst-feedback{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-4) var(--space-3);margin-bottom:var(--space-5)}
.hst-feedback h2{font-size:20px!important;margin-bottom:var(--space-3)}
.hst-feedback__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}
.hst-feedback__thanks{margin:var(--space-2) 0 0!important;font-weight:600}
.hst-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.hst-share__label{font-weight:700;width:100%}
@media (min-width:600px){.hst-share__label{width:auto}}
.hst-authorbox{display:grid;grid-template-columns:64px 1fr;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4)}
.hst-authorbox h2{font-size:16px!important;color:var(--text-secondary);margin:0 0 2px}
.hst-authorbox__name{font-weight:700;font-size:19px;margin:0 0 var(--space-2)!important}
.hst-authorbox__name a{color:var(--text-primary);text-decoration:none}
.hst-authorbox p{font-size:16px;line-height:1.7}
.hst-authorbox__policy{color:var(--text-secondary);margin:0!important}
.hst-avatar{border-radius:50%;display:block;object-fit:cover}
.hst-avatar--initials{display:grid;place-items:center;background:var(--brand-primary);color:var(--on-primary);font-weight:700;font-size:22px;font-family:var(--font-latin)}
.hst-related{background:var(--surface);border-top:1px solid var(--border);padding:var(--space-6) 0 var(--space-7)}

/* Forms */
.hst-form{display:grid;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-5)}
@media (min-width:768px){.hst-form{padding:var(--space-5)}}
.hst-field label{display:block;font-weight:700;margin-bottom:var(--space-1);font-size:16px}
.hst-form input,.hst-form select,.hst-form textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--surface);color:var(--text-primary);font:17px/1.6 var(--font)}
.hst-form textarea{min-height:160px}
.hst-hint{font-size:14px;color:var(--text-secondary);font-weight:400}
.hst-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hst-alert{border-radius:var(--radius-button);padding:var(--space-3) var(--space-4);border:1px solid}
.hst-alert--ok{background:var(--brand-primary-soft);border-color:var(--brand-primary)}
.hst-alert--err{background:var(--danger-soft);border-color:var(--danger)}

/* Ads: only rendered after approval; space reserved to limit layout shift. */
.hst-ad{margin:var(--space-6) 0;min-height:300px;text-align:center}
.hst-ad__label{display:block;font-size:12px;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-1)}

/* =========================================================== Footer */
.hst-footer{background:#171C19;color:#BEC5BB;padding:var(--space-7) 0 var(--space-5);margin-top:var(--space-7);font-size:16px;line-height:1.7}
.hst-footer a{color:#F3F3ED}
.hst-footer a:hover{color:#8CD6B4}
.hst-footer .hst-logo{color:#F3F3ED!important}
.hst-footer .hst-logo__sub{color:#8CD6B4}
.hst-footer h2{color:#F3F3ED!important;font-size:17px!important;margin-bottom:var(--space-3)}
.hst-footer ul{list-style:none;padding:0;margin:0}
.hst-footer li{margin:0}
.hst-footer li a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none}
.hst-footer li a:hover{text-decoration:underline}
.hst-footer .hst-catlinks{display:block}
.hst-footer .hst-catlinks a{border:0;background:none;padding:0;min-height:40px;border-radius:0;font-weight:400}
.hst-footer__grid{display:grid;gap:var(--space-6)}
@media (min-width:800px){.hst-footer__grid{grid-template-columns:1.4fr 1fr 1fr}}
.hst-footer__about p{margin:var(--space-3) 0 0}
.hst-footer__base{border-top:1px solid #333E36;margin-top:var(--space-6);padding-top:var(--space-4);font-size:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-5)}
.hst-footer__base p{margin:0}