/* YMS360 Help Center — layered on the site's inline chrome styles.
   Scoped under .hc-* so it never fights the shared header/footer CSS. */
:root{
  --hc-navy:#002041; --hc-blue:#1185df; --hc-blue-dk:#0d6fb8; --hc-blue-soft:#eaf4fc;
  --hc-ink:#1f2d3d; --hc-muted:#61728a; --hc-line:#e6ecf2; --hc-line-soft:#eef2f6;
  --hc-bg:#ffffff; --hc-bg-soft:#f7fafc; --hc-radius:14px;
  --hc-sidebar-w:270px; --hc-toc-w:200px; --hc-maxw:1280px;
  --hc-shadow:0 1px 3px rgba(0,32,65,.06),0 8px 24px rgba(0,32,65,.05);
}
/* Clear the fixed site header (72px). The page content previously relied on
   stray un-delimited head-comment text as an accidental spacer; with that fixed
   the offset must be explicit, matching how the marketing pages pad below nav. */
.hc-body{padding-top:var(--nav-height);}
.hc-body .hc-shell,.hc-body .hc-home,.hc-body .hc-hero-inner{
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--hc-ink);}

/* ===== HERO (landing) ===================================================== */
.hc-hero{background:linear-gradient(135deg,#002041 0%,#0a3a63 55%,#1185df 140%);
  color:#fff;padding:4rem 1.5rem 4.5rem;text-align:center;}
.hc-hero-inner{max-width:720px;margin:0 auto;}
.hc-hero h1{font-family:'Montserrat',sans-serif;font-size:2.6rem;font-weight:800;margin:0 0 .6rem;letter-spacing:-.01em;
  color:#fff;text-shadow:0 1px 2px rgba(0,16,33,.25);}
.hc-hero p{font-size:1.1rem;margin:0 0 1.8rem;color:rgba(255,255,255,.92);}
.hc-hero-search{position:relative;max-width:560px;margin:0 auto;}
.hc-hero-search input{width:100%;padding:1rem 1.2rem;border:0;border-radius:12px;font-size:1.02rem;
  box-shadow:0 12px 40px rgba(0,0,0,.22);}
.hc-hero-search input:focus{outline:3px solid rgba(255,255,255,.4);}

/* ===== HOME grid ========================================================== */
.hc-home{max-width:var(--hc-maxw);margin:-2.5rem auto 4rem;padding:0 1.5rem;position:relative;z-index:2;}
.hc-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-bottom:3rem;}
.hc-cat{display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 1.4rem;background:#fff;
  border:1px solid var(--hc-line);border-radius:var(--hc-radius);box-shadow:var(--hc-shadow);
  text-decoration:none;color:var(--hc-navy);transition:transform .15s,box-shadow .15s,border-color .15s;}
.hc-cat:hover{transform:translateY(-3px);border-color:var(--hc-blue);
  box-shadow:0 10px 34px rgba(17,133,223,.16);}
.hc-cat-ico{font-size:1.9rem;line-height:1;}
.hc-cat-t{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.12rem;margin-top:.4rem;}
.hc-cat-n{color:var(--hc-muted);font-size:.85rem;}
.hc-recent h2{font-family:'Montserrat',sans-serif;color:var(--hc-navy);font-size:1.35rem;margin:0 0 1.1rem;}
.hc-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem;}
.hc-recent-item{display:flex;flex-direction:column;padding:.9rem 1.1rem;background:#fff;
  border:1px solid var(--hc-line);border-radius:10px;text-decoration:none;transition:.15s;}
.hc-recent-item:hover{border-color:var(--hc-blue);background:var(--hc-blue-soft);}
.hc-recent-t{color:var(--hc-navy);font-weight:600;font-size:.96rem;}
.hc-recent-m{color:var(--hc-muted);font-size:.8rem;margin-top:.2rem;}

/* ===== DOC layout (article) ============================================== */
.hc-shell{max-width:var(--hc-maxw);margin:0 auto;padding:2.2rem 1.5rem 4rem;
  display:grid;grid-template-columns:var(--hc-sidebar-w) minmax(0,1fr) var(--hc-toc-w);
  gap:2.6rem;align-items:start;}
.hc-sidebar{position:sticky;top:1.4rem;align-self:start;max-height:calc(100vh - 2.5rem);overflow-y:auto;
  padding-right:.4rem;}
.hc-home-link{display:inline-block;color:var(--hc-muted);text-decoration:none;font-size:.85rem;
  font-weight:600;margin-bottom:.9rem;}
.hc-home-link:hover{color:var(--hc-blue);}
.hc-search{position:relative;margin-bottom:1.1rem;}
.hc-search input{width:100%;padding:.6rem .8rem;border:1px solid var(--hc-line);border-radius:9px;
  font-size:.9rem;background:var(--hc-bg-soft);}
.hc-search input:focus{outline:none;border-color:var(--hc-blue);background:#fff;box-shadow:0 0 0 3px var(--hc-blue-soft);}
#hc-search-results{position:absolute;left:0;right:0;top:calc(100% + 5px);background:#fff;
  border:1px solid var(--hc-line);border-radius:10px;box-shadow:var(--hc-shadow);z-index:30;
  max-height:64vh;overflow-y:auto;display:none;}
.hc-hero-search #hc-search-results{text-align:left;}
#hc-search-results.show{display:block;}
#hc-search-results a{display:block;padding:.65rem .85rem;border-bottom:1px solid var(--hc-line-soft);
  color:var(--hc-ink);text-decoration:none;}
#hc-search-results a:hover,#hc-search-results a.sel{background:var(--hc-bg-soft);}
#hc-search-results .r-t{font-weight:600;color:var(--hc-navy);display:block;}
#hc-search-results .r-b{color:var(--hc-muted);font-size:.8rem;}
.hc-nav ul{list-style:none;margin:0;padding:0;}
.hc-nav-root>li{margin-bottom:.1rem;}
.hc-nav a{display:block;padding:.34rem .6rem;border-radius:7px;color:var(--hc-ink);text-decoration:none;font-size:.9rem;}
.hc-nav a:hover{background:var(--hc-bg-soft);color:var(--hc-blue-dk);}
.hc-nav-item.active>a{background:var(--hc-blue-soft);color:var(--hc-blue-dk);font-weight:600;}
.hc-nav details>summary{list-style:none;cursor:pointer;padding:.34rem .6rem;border-radius:7px;font-size:.9rem;
  font-weight:600;color:var(--hc-navy);display:flex;align-items:center;gap:.45rem;}
.hc-nav details>summary::-webkit-details-marker{display:none;}
.hc-nav details>summary::before{content:"›";color:var(--hc-muted);transition:transform .15s;}
.hc-nav details[open]>summary::before{transform:rotate(90deg);}
.hc-nav details>summary:hover{background:var(--hc-bg-soft);}
.hc-nav details ul{margin-left:.75rem;padding-left:.55rem;border-left:1px solid var(--hc-line);}

.hc-doc{min-width:0;background:#fff;border:1px solid var(--hc-line);border-radius:var(--hc-radius);
  box-shadow:var(--hc-shadow);padding:2.4rem 2.6rem;}
.hc-breadcrumb{font-size:.8rem;color:var(--hc-muted);margin-bottom:1.1rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;}
.hc-breadcrumb a{color:var(--hc-muted);text-decoration:none;}
.hc-breadcrumb a:hover{color:var(--hc-blue);}
.hc-breadcrumb .sep{color:var(--hc-line);}
.hc-title{font-family:'Montserrat',sans-serif;font-size:2rem;line-height:1.2;color:var(--hc-navy);
  margin:0 0 1.5rem;font-weight:800;letter-spacing:-.01em;}
.hc-content{font-size:1.01rem;line-height:1.7;}
.hc-content h2{font-family:'Montserrat',sans-serif;font-size:1.4rem;color:var(--hc-navy);margin:2.2rem 0 .7rem;font-weight:700;scroll-margin-top:5rem;}
.hc-content h3{font-family:'Montserrat',sans-serif;font-size:1.13rem;color:var(--hc-navy);margin:1.5rem 0 .5rem;font-weight:600;scroll-margin-top:5rem;}
.hc-content p{margin:0 0 1rem;}
.hc-content a{color:var(--hc-blue-dk);text-decoration:none;border-bottom:1px solid #bfe0f5;}
.hc-content a:hover{border-bottom-color:var(--hc-blue);}
.hc-content ul,.hc-content ol{margin:0 0 1rem;padding-left:1.4rem;}
.hc-content li{margin:.35rem 0;}
.hc-content img{max-width:100%;height:auto;border:1px solid var(--hc-line);border-radius:10px;margin:1.1rem 0;box-shadow:var(--hc-shadow);}
.hc-content pre{background:#0d1b2a;color:#e6edf3;padding:1rem;border-radius:10px;overflow-x:auto;font-size:.85rem;margin:0 0 1rem;}
.hc-content code{font-family:'SF Mono',Menlo,Monaco,monospace;font-size:.88em;}
.hc-content :not(pre)>code{background:var(--hc-bg-soft);padding:.1em .35em;border-radius:4px;border:1px solid var(--hc-line);}
.hc-table{border-collapse:collapse;width:100%;margin:0 0 1.2rem;font-size:.92rem;display:block;overflow-x:auto;}
.hc-table th,.hc-table td{border:1px solid var(--hc-line);padding:.6rem .8rem;text-align:left;vertical-align:top;}
.hc-table th{background:var(--hc-bg-soft);color:var(--hc-navy);font-weight:600;}
.hc-callout{border-radius:10px;padding:1rem 1.15rem;margin:0 0 1.2rem;border-left:4px solid;background:var(--hc-bg-soft);}
.hc-callout>*:last-child{margin-bottom:0;}
.hc-callout.hc-info{border-color:var(--hc-blue);background:var(--hc-blue-soft);}
.hc-callout.hc-tip{border-color:#1a9d6a;background:#eafaf2;}
.hc-callout.hc-warning{border-color:#e0a800;background:#fdf7e6;}
.hc-callout.hc-danger{border-color:#d64545;background:#fdeeee;}
.hc-tasks{list-style:none;padding-left:0;}
.hc-tasks li{display:flex;gap:.5rem;align-items:flex-start;}
.hc-child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;margin:1.3rem 0;}
.hc-child-card{display:block;padding:1rem 1.15rem;border:1px solid var(--hc-line);border-radius:10px;
  color:var(--hc-navy)!important;font-weight:600;text-decoration:none!important;background:#fff;transition:.15s;border-bottom:1px solid var(--hc-line)!important;}
.hc-child-card:hover{border-color:var(--hc-blue);box-shadow:0 6px 20px rgba(17,133,223,.12);transform:translateY(-1px);}
.hc-updated{margin-top:2.6rem;padding-top:1rem;border-top:1px solid var(--hc-line);color:var(--hc-muted);font-size:.82rem;}

.hc-toc{position:sticky;top:1.4rem;align-self:start;font-size:.82rem;}
.hc-toc-label{text-transform:uppercase;letter-spacing:.05em;color:var(--hc-muted);font-size:.72rem;font-weight:700;margin-bottom:.6rem;}
.hc-toc ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--hc-line);}
.hc-toc a{display:block;padding:.25rem 0 .25rem .8rem;color:var(--hc-muted);text-decoration:none;margin-left:-2px;border-left:2px solid transparent;}
.hc-toc a:hover,.hc-toc a.active{color:var(--hc-blue-dk);border-left-color:var(--hc-blue);}
.hc-toc .toc-h3 a{padding-left:1.6rem;}

@media(max-width:1080px){
  .hc-shell{grid-template-columns:var(--hc-sidebar-w) minmax(0,1fr);}
  .hc-toc{display:none;}
}
@media(max-width:800px){
  .hc-shell{grid-template-columns:1fr;}
  .hc-sidebar{position:static;max-height:none;order:-1;border-bottom:1px solid var(--hc-line);padding-bottom:1rem;margin-bottom:.5rem;}
  .hc-doc{padding:1.6rem 1.3rem;}
  .hc-hero h1{font-size:2rem;}
}