/* ============================================================
   Hostinq2026: bloq/xeber siyahisi (/xeberler, /bloglar) + yazi sehifeleri (/xeber/*, /meqale/*)
   hosting.com/blog qelibi, hs- dizayn sistemi. 27 Sen 2026. Prefiks: .hsn-*
   ============================================================ */
.hsn{
  --hs-ink:#0a1616;--hs-ink2:#132828;--hs-muted:#6d7779;--hs-muted2:#5d706d;--hs-link:#067547;
  --hs-mint:#f1fbf0;--hs-line:#e6ebe7;--hs-soft:#f8f8f4;--hs-dark:#082615;--hs-dark2:#133827;
  --hs-lime:#c6fb4b;--hs-mintb:#46fdae;--hs-accent:#16a45f;
  background:var(--hs-mint);color:var(--hs-ink);
}
.hsn *,.hsn *::before,.hsn *::after{box-sizing:border-box;}
.hsn a{text-decoration:none;}
/* header arxasi: hosting/VPS/SSL/beledchi sehifelerindeki resept */
body:has(.hsn){overflow-x:hidden;background:#f1fbf0 !important;}
body:has(.hsn) header.coretema-header{margin-bottom:14px !important;}
.hsn-c{position:relative;max-width:1280px;margin:0 auto;padding:0 24px;}

/* ---------- breadcrumb zolagi (hosting.com: yumsaq yasil zolaq) ---------- */
.hsn-bar{margin:22px 0 0;background:#e4f2e3;border-radius:10px;padding:14px 18px;font-size:13.5px;line-height:1.4;color:var(--hs-muted2);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hsn-bar a{color:var(--hs-muted2);}
.hsn-bar a:hover{color:var(--hs-link);}
.hsn-bar i{font-style:normal;color:#a3b0aa;}
.hsn-bar .is-current{color:var(--hs-ink);}

/* ---------- siyahi basligi + alet zolagi ---------- */
.hsn-head{padding:44px 0 6px;}
.hsn-title{font-size:44px;line-height:1.08;font-weight:500;letter-spacing:-.02em;margin:0;color:var(--hs-ink);}
.hsn-sub{margin:12px 0 0;font-size:17px;line-height:1.55;color:var(--hs-ink2);max-width:640px;}
.hsn-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 0;}
.hsn-search{display:flex;gap:12px;flex:1 1 420px;max-width:560px;}
.hsn-search input{flex:1;min-width:0;height:56px;border:1px solid #d5e0d8;border-radius:8px;background:#fff;padding:0 18px;font-size:15.5px;color:var(--hs-ink);outline:none;font-family:inherit;-webkit-appearance:none;appearance:none;}
.hsn-search input::placeholder{color:#9aa8a1;}
.hsn-search input:focus{border-color:var(--hs-accent);box-shadow:0 0 0 3px rgba(22,164,95,.14);}
.hsn-search button{height:56px;padding:0 22px;border:0;border-radius:8px;background:var(--hs-dark);color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;font-family:inherit;transition:padding .3s cubic-bezier(.34,1.56,.64,1),background .2s;white-space:nowrap;}
.hsn-search button:hover{padding:0 28px;background:var(--hs-dark2);}
.hsn-select{position:relative;flex:0 0 auto;}
.hsn-select select{appearance:none;-webkit-appearance:none;height:56px;min-width:240px;border:1px solid #d5e0d8;border-radius:8px;background:#fff;padding:0 44px 0 16px;font-size:15px;color:var(--hs-ink);font-family:inherit;cursor:pointer;outline:none;}
.hsn-select select:focus{border-color:var(--hs-accent);box-shadow:0 0 0 3px rgba(22,164,95,.14);}
.hsn-select::after{content:"";position:absolute;right:17px;top:50%;width:9px;height:9px;border-right:1.6px solid var(--hs-ink);border-bottom:1.6px solid var(--hs-ink);transform:translateY(-70%) rotate(45deg);pointer-events:none;}
.hsn-count{font-size:14px;color:var(--hs-muted);margin:16px 0 0;}
.hsn-count a{color:var(--hs-link);font-weight:600;}

/* ---------- kart toru ---------- */
.hsn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 0;}
@media(max-width:1100px){.hsn-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:820px){.hsn-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.hsn-grid{grid-template-columns:1fr;}}
.hsn-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--hs-line);color:var(--hs-ink);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;}
.hsn-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(8,38,21,.12);color:var(--hs-ink);}
.hsn-card-arrow{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border-radius:10px;background:var(--hs-lime);color:var(--hs-dark);display:flex;align-items:center;justify-content:center;}
.hsn-card-arrow svg{width:15px;height:15px;transition:transform .3s;}
.hsn-card:hover .hsn-card-arrow svg{transform:translate(2px,-2px);}
.hsn-card-img{position:relative;aspect-ratio:16/9;background:var(--hs-dark);overflow:hidden;}
.hsn-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.hsn-card:hover .hsn-card-img img{transform:scale(1.04);}
.hsn-card-gen{position:absolute;inset:0;padding:16px 70px 16px 18px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(90% 100% at 100% 0%,#1d5f3d 0%,#0c3522 55%,#082615 100%);color:#fff;}
.hsn-card-gen small{display:inline-flex;align-self:flex-start;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:var(--hs-lime);color:var(--hs-dark);font-weight:700;margin-bottom:10px;}
.hsn-card-gen b{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hsn-card-gen em{font-style:normal;font-size:10px;color:#9fd8b6;margin-top:8px;}
.hsn-card-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.hsn-tag{display:inline-flex;align-self:flex-start;align-items:center;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#e4f2e3;color:var(--hs-link);line-height:1.2;}
.hsn-card h3{margin:0;font-size:16.5px;line-height:1.35;font-weight:600;color:var(--hs-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hsn-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--hs-line);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--hs-muted);}
.hsn-empty{background:#fff;border:1px solid var(--hs-line);border-radius:14px;padding:48px 24px;text-align:center;color:var(--hs-muted2);margin-top:22px;font-size:16px;}
.hsn-empty a{color:var(--hs-link);font-weight:600;}

/* ---------- sehifeleme (hosting.com: 1 2 3 End, aktiv alt xett) ---------- */
.hsn-pager{display:flex;align-items:center;gap:4px;margin:30px 0 0;padding:14px 0 0;border-top:1px solid #d5e0d8;flex-wrap:wrap;}
.hsn-pager a,.hsn-pager span{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:38px;padding:0 10px;border-radius:6px;font-size:15px;color:var(--hs-ink);}
.hsn-pager a:hover{background:#e4f2e3;color:var(--hs-link);}
.hsn-pager a svg{width:14px;height:14px;}
.hsn-pager .is-active{font-weight:600;}
.hsn-pager .is-active::after{content:"";position:absolute;left:9px;right:9px;bottom:2px;height:2px;background:var(--hs-accent);border-radius:2px;}
.hsn-pager .is-dots{color:var(--hs-muted);}
.hsn-pager .is-dis{opacity:.3;pointer-events:none;}
.hsn-pager .is-end{margin-left:6px;font-weight:600;}

/* ---------- bulleten ---------- */
.hsn-nl{margin:56px 0 0;background:var(--hs-dark);border-radius:16px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;color:#fff;}
.hsn-nl h3{margin:0 0 6px;font-size:24px;font-weight:500;letter-spacing:-.01em;color:#fff;}
.hsn-nl p{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.5;}
.hsn-nl form{display:flex;gap:10px;}
.hsn-nl input{height:52px;min-width:260px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;padding:0 16px;font-size:15px;font-family:inherit;outline:none;}
.hsn-nl input::placeholder{color:rgba(255,255,255,.45);}
.hsn-nl input:focus{border-color:var(--hs-mintb);}
.hsn-nl button{height:52px;padding:0 20px;border:0;border-radius:8px;background:var(--hs-lime);color:var(--hs-dark);font-weight:600;font-size:15px;cursor:pointer;font-family:inherit;white-space:nowrap;}
.hsn-nl button:hover{background:#d4ff6a;}
.hsn-list{padding-bottom:88px;}

/* ---------- yazi sehifesi (hosting.com post: sol yapisqan mundericat + orta sutun, sag sutun yox) ---------- */
.hsn-post{padding:0 0 96px;}
.hsn-post-grid{display:grid;grid-template-columns:250px minmax(0,780px);justify-content:center;gap:44px;margin-top:40px;align-items:start;}
@media(max-width:1023px){.hsn-post-grid{grid-template-columns:1fr;gap:28px;margin-top:24px;}}
.hsn-rail{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px;min-width:0;}
@media(max-width:1023px){.hsn-rail{position:static;order:2;}}
.hsn-toc{background:#fff;border:1px solid #cfdad3;border-radius:10px;padding:16px 18px;}
.hsn-toc b{display:block;font-size:14px;font-weight:700;color:var(--hs-ink);margin:0 0 6px;}
.hsn-toc ol{list-style:none;margin:0;padding:0;}
.hsn-toc li{margin:0;list-style:none;}
.hsn-toc a{display:block;padding:6px 0;font-size:13.5px;line-height:1.4;color:var(--hs-ink2);border-top:1px solid var(--hs-line);}
.hsn-toc li:first-child a{border-top:0;}
.hsn-toc a:hover{color:var(--hs-link);}
.hsn-main{min-width:0;}
.hsn-post-cover{margin:0;border-radius:14px;overflow:hidden;background:var(--hs-dark);aspect-ratio:16/9;position:relative;}
.hsn-post-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.hsn-post-cover .hsn-card-gen{padding:36px 40px;}
.hsn-post-cover .hsn-card-gen small{font-size:11px;padding:5px 9px;}
.hsn-post-cover .hsn-card-gen b{font-size:34px;line-height:1.15;font-weight:500;-webkit-line-clamp:4;letter-spacing:-.01em;}
.hsn-post-cover .hsn-card-gen em{font-size:13px;margin-top:12px;}
.hsn-post-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:22px 0 0;font-size:13.5px;line-height:1.65;color:var(--hs-muted2);}
.hsn-post-meta i{font-style:italic;color:var(--hs-ink);}
.hsn-chips{display:flex;gap:8px;flex-wrap:wrap;}
.hsn-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--hs-dark);color:#fff;font-size:12.5px;font-weight:600;line-height:1.2;}
.hsn-chip.is-light{background:#e4f2e3;color:var(--hs-link);}
.hsn-post-title{font-size:44px;line-height:1.1;font-weight:500;letter-spacing:-.02em;margin:20px 0 30px;color:var(--hs-ink);text-wrap:balance;}
.hsn-content{min-width:0;font-size:17px;line-height:1.7;color:var(--hs-ink2);}
.hsn-content h1,.hsn-content h2,.hsn-content h3,.hsn-content h4{color:var(--hs-ink);font-weight:500;letter-spacing:-.015em;line-height:1.2;margin:40px 0 14px;scroll-margin-top:120px;}
.hsn-content > :first-child{margin-top:0;}
.hsn-content h1{font-size:30px;} .hsn-content h2{font-size:30px;} .hsn-content h3{font-size:22px;font-weight:600;} .hsn-content h4{font-size:18px;font-weight:600;}
.hsn-content p{margin:0 0 18px;}
.hsn-content a{color:var(--hs-link);text-decoration:underline;text-decoration-color:rgba(6,117,71,.35);text-underline-offset:3px;}
.hsn-content a:hover{text-decoration-color:var(--hs-link);}
.hsn-content ul,.hsn-content ol{margin:0 0 18px;padding-left:22px;}
.hsn-content ul{list-style:disc;} .hsn-content ol{list-style:decimal;} .hsn-content li{list-style:inherit;margin-bottom:8px;}
.hsn-content strong{color:var(--hs-ink);font-weight:700;}
.hsn-content blockquote{border-left:3px solid var(--hs-accent);background:#fff;margin:22px 0;padding:18px 22px;border-radius:0 12px 12px 0;}
.hsn-content code{background:#fff;border:1px solid var(--hs-line);border-radius:6px;padding:2px 7px;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--hs-link);}
.hsn-content pre{background:var(--hs-dark);color:#d1fae5;border-radius:12px;padding:18px 22px;overflow-x:auto;font-size:14px;margin:22px 0;}
.hsn-content pre code{background:transparent;border:0;color:inherit;padding:0;}
.hsn-content img{max-width:100%;height:auto;border-radius:12px;margin:22px 0;display:block;}
.hsn-content iframe{max-width:100%;}
.hsn-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;display:block;overflow-x:auto;background:#fff;}
.hsn-content th,.hsn-content td{padding:12px 14px;border:1px solid var(--hs-line);text-align:left;vertical-align:top;min-width:120px;}
.hsn-content th{background:var(--hs-soft);font-weight:700;color:var(--hs-ink);}
.hsn-content hr{border:0;border-top:1px solid #d5e0d8;margin:32px 0;}
.hsn-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:40px 0 0;padding-top:22px;border-top:1px solid #d5e0d8;font-size:14px;color:var(--hs-muted2);}
.hsn-share a{width:40px;height:40px;border-radius:50%;border:1px solid #cfdad3;display:inline-flex;align-items:center;justify-content:center;color:var(--hs-ink);background:#fff;transition:background .2s,color .2s,border-color .2s;}
.hsn-share a svg{width:16px;height:16px;}
.hsn-share a:hover{background:var(--hs-dark);color:var(--hs-lime);border-color:var(--hs-dark);}
.hsn-card2{background:#fff;border:1px solid #cfdad3;border-radius:10px;padding:18px 18px 16px;}
.hsn-card2 h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-muted);margin:0 0 10px;}
.hsn-card2.is-cta{background:var(--hs-dark);border-color:var(--hs-dark);color:#fff;}
.hsn-card2.is-cta h3{color:var(--hs-mintb);}
.hsn-card2.is-cta strong{display:block;font-size:17px;font-weight:500;color:#fff;margin:0 0 6px;letter-spacing:-.01em;line-height:1.3;}
.hsn-card2.is-cta p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72);margin:0 0 14px;}
.hsn-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;padding:5px 5px 5px 14px;border-radius:8px;background:var(--hs-lime);color:var(--hs-dark);font-size:14.5px;font-weight:600;transition:transform .25s cubic-bezier(.22,1,.36,1);}
.hsn-btn:hover{transform:scale(1.02);color:var(--hs-dark);background:#d4ff6a;}
.hsn-btn i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--hs-dark);color:var(--hs-lime);flex:0 0 36px;}
.hsn-btn i svg{width:16px;height:13px;}
.hsn-mr{list-style:none;margin:0;padding:0;}
.hsn-mr li{border-top:1px solid var(--hs-line);list-style:none;}
.hsn-mr li:first-child{border-top:0;}
.hsn-mr a{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:13.5px;line-height:1.4;color:var(--hs-ink);}
.hsn-mr a:hover{color:var(--hs-link);}
.hsn-mr a b{flex:none;width:24px;height:24px;border-radius:6px;background:var(--hs-dark);color:var(--hs-lime);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:-1px;}
.hsn-tags{display:flex;flex-wrap:wrap;gap:8px;}
.hsn-tags a{padding:6px 11px;border-radius:999px;background:var(--hs-soft);border:1px solid var(--hs-line);font-size:13px;color:var(--hs-ink);}
.hsn-tags a:hover{border-color:var(--hs-accent);color:var(--hs-link);}
.hsn-help{display:flex;align-items:center;gap:12px;}
.hsn-help i{width:38px;height:38px;border-radius:50%;background:var(--hs-dark);color:var(--hs-mintb);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.hsn-help i svg{width:17px;height:17px;}
.hsn-help b{display:block;font-size:14px;font-weight:600;color:var(--hs-ink);}
.hsn-help small{display:block;font-size:12.5px;color:var(--hs-muted);}
.hsn-help a{color:var(--hs-link);font-weight:600;}
.hsn-comments{margin-top:48px;}
.hsn-comments h3{font-size:22px;font-weight:600;color:var(--hs-ink);margin:0 0 16px;}

/* ---------- mobil ---------- */
@media(max-width:767px){
  .hsn-c{padding:0 20px;}
  .hsn-bar{margin-top:14px;padding:12px 14px;font-size:13px;}
  .hsn-head{padding:28px 0 4px;}
  .hsn-title{font-size:32px;}
  .hsn-sub{font-size:16px;}
  .hsn-search{flex:1 1 100%;max-width:none;}
  .hsn-select{flex:1 1 100%;}
  .hsn-select select{width:100%;}
  .hsn-nl{grid-template-columns:1fr;padding:26px 22px;}
  .hsn-nl form{flex-direction:column;}
  .hsn-nl input{min-width:0;width:100%;}
  .hsn-post{padding-bottom:64px;}
  .hsn-post-title{font-size:30px;margin:16px 0 22px;}
  .hsn-post-cover .hsn-card-gen{padding:18px 20px;}
  .hsn-post-cover .hsn-card-gen b{font-size:20px;}
  .hsn-content{font-size:16px;}
  .hsn-content h2{font-size:24px;}
  .hsn-list{padding-bottom:64px;}
}