/* GeniReply Help Center — stile CommentGuard adattato al brand */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#22252a;line-height:1.55;background:#fff;-webkit-font-smoothing:antialiased}
a{color:#0f2847;text-decoration:none;transition:color .15s}
a:hover{color:#c9a227}

/* ========== HEADER ========== */
.hc-header{background:linear-gradient(180deg,#0f2847 0%,#081a33 100%);color:#fff;padding:1.1rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hc-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.hc-logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;color:#fff}
.hc-logo:hover{color:#c9a227}
.hc-logo-mark{width:28px;height:28px;color:#c9a227;flex-shrink:0}
.hc-logo-img{height:44px;width:auto;max-width:180px;display:block;flex-shrink:0}
.hc-logo-sub{font-weight:500;color:#cbd5e9;letter-spacing:.01em}
.hc-nav{display:flex;align-items:center;gap:1.2rem;font-size:.9rem}
.hc-nav a{color:#dbeafe}
.hc-nav a:hover{color:#c9a227}
.hc-lang-switch{display:flex;gap:.4rem;font-size:.85rem}
.hc-lang-switch a{padding:.25rem .55rem;border-radius:4px;color:#93c5fd;border:1px solid transparent}
.hc-lang-switch a.active{background:rgba(201,162,39,.15);color:#c9a227;border-color:rgba(201,162,39,.35)}

/* ========== HERO + SEARCH ========== */
.hc-hero{background:linear-gradient(180deg,#0f2847 0%,#142f54 100%);padding:3.2rem 1.5rem 3.6rem;color:#fff;text-align:center}
.hc-hero h1{font-size:2.3rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.02em}
.hc-hero p{color:#cbd5e9;font-size:1.05rem;margin-bottom:1.8rem;max-width:560px;margin-left:auto;margin-right:auto}
.hc-search{max-width:620px;margin:0 auto;position:relative}
.hc-search input{width:100%;padding:1rem 1.2rem 1rem 3rem;font-size:1rem;border:none;border-radius:8px;background:#fff;color:#22252a;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.hc-search input:focus{outline:3px solid rgba(201,162,39,.5);outline-offset:0}
.hc-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;pointer-events:none}
.hc-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.18);text-align:left;max-height:460px;overflow-y:auto;display:none;z-index:50}
.hc-search-results.open{display:block}
.hc-search-results .hit{padding:.85rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;display:block;color:#22252a}
.hc-search-results .hit:last-child{border-bottom:none}
.hc-search-results .hit:hover{background:#f9fafb;color:#0f2847}
.hc-search-results .hit-cat{font-size:.72rem;color:#2bae76;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}
.hc-search-results .hit-title{font-size:.95rem;font-weight:600}
.hc-search-results .hit-snip{font-size:.82rem;color:#6b7280;margin-top:.25rem;line-height:1.4}
.hc-search-results .empty{padding:1rem;color:#6b7280;font-size:.9rem;text-align:center}

/* ========== MAIN ========== */
.hc-main{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}
.hc-breadcrumb{font-size:.85rem;color:#6b7280;margin-bottom:1.2rem}
.hc-breadcrumb a{color:#0f2847;font-weight:500}
.hc-breadcrumb a:hover{color:#c9a227}

/* ========== CARDS (home) ========== */
.hc-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;margin-top:1rem}
.hc-cat-card{display:block;padding:1.6rem 1.4rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .15s;color:#22252a}
.hc-cat-card:hover{border-color:#c9a227;box-shadow:0 6px 18px rgba(15,40,71,.08);transform:translateY(-2px);color:#22252a}
.hc-cat-card .hc-cat-icon{width:36px;height:36px;color:#0f2847;margin-bottom:.9rem}
.hc-cat-card h3{font-size:1.08rem;font-weight:700;color:#0f2847;margin-bottom:.35rem}
.hc-cat-card .hc-cat-desc{font-size:.88rem;color:#4b5563;margin-bottom:.6rem}
.hc-cat-card .hc-cat-count{font-size:.75rem;color:#2bae76;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* ========== CATEGORY PAGE ========== */
.hc-cat-header{margin-bottom:2rem;padding-bottom:1.4rem;border-bottom:1px solid #e5e7eb}
.hc-cat-header h1{font-size:1.9rem;color:#0f2847;font-weight:700;margin-bottom:.5rem;letter-spacing:-.015em}
.hc-cat-header p{color:#4b5563;font-size:1rem;max-width:720px}

.hc-article-list{display:flex;flex-direction:column;gap:.3rem}
.hc-article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .15s}
.hc-article:hover{border-color:#c9a227}
.hc-article summary{padding:1rem 1.2rem;font-weight:600;font-size:1rem;color:#0f2847;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.hc-article summary::-webkit-details-marker{display:none}
.hc-article summary::after{content:"+";font-size:1.4rem;font-weight:400;color:#6b7280;flex-shrink:0;transition:transform .2s}
.hc-article[open] summary::after{content:"−"}
.hc-article-body{padding:0 1.2rem 1.2rem;color:#4b5563;font-size:.95rem;line-height:1.65}
.hc-article-body p{margin-bottom:.8rem}
.hc-article-body p:last-child{margin-bottom:0}
.hc-article-body ul,.hc-article-body ol{margin:.6rem 0 .8rem 1.5rem}
.hc-article-body li{margin-bottom:.3rem}
.hc-article-body code{background:#f3f4f6;padding:.1rem .35rem;border-radius:3px;font-size:.87em;color:#0f2847;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.hc-article-body strong{color:#0f2847}
.hc-article-body .hc-tip{background:#eff6ff;border-left:3px solid #0f2847;padding:.75rem 1rem;margin:.8rem 0;border-radius:0 6px 6px 0;font-size:.9rem}
.hc-article-body .hc-warn{background:#fffbeb;border-left:3px solid #c9a227;padding:.75rem 1rem;margin:.8rem 0;border-radius:0 6px 6px 0;font-size:.9rem}
.hc-article-body .hc-key{display:inline-block;background:#0f2847;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;padding:.1rem .5rem;border-radius:3px;margin:0 .15em}

/* ========== FOOTER ========== */
.hc-footer{margin-top:4rem;padding:2.2rem 1.5rem;background:linear-gradient(180deg,#0f2847 0%,#081a33 100%);color:#dbeafe;font-size:.82rem;line-height:1.7}
.hc-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}
.hc-footer-info{display:flex;flex-direction:column}
.hc-footer-info .hc-company{font-weight:700;color:#fff;margin-bottom:.3rem;font-size:.88rem}
.hc-footer a{color:#c9a227}
.hc-footer a:hover{color:#fff}
.hc-footer-links{display:flex;flex-direction:column;gap:.55rem;align-items:flex-end;min-width:220px}
.hc-footer-links .hc-legal-row{display:flex;flex-wrap:wrap;gap:.65rem}
.hc-footer-links .hc-legal-row span{color:#93c5fd}
.hc-footer-meta{color:#93c5fd;font-size:.75rem}

/* ========== RESPONSIVE ========== */
@media (max-width:720px){
  .hc-hero{padding:2.4rem 1.2rem 2.8rem}
  .hc-hero h1{font-size:1.7rem}
  .hc-hero p{font-size:.95rem}
  .hc-header-inner{gap:.9rem}
  .hc-nav{gap:.7rem;font-size:.82rem}
  .hc-cat-header h1{font-size:1.55rem}
  .hc-footer-inner{flex-direction:column}
  .hc-footer-links{align-items:flex-start}
}