/* ===================================================================
   Stockpile Reports — Help Center Styles
   3-column layout: sidebar nav | content | table of contents
   =================================================================== */

/* Category page hero */
.help-cat-hero{padding:7.5rem 0 2.5rem;background:var(--white);text-align:center}
.help-cat-hero h1{font-size:2.25rem;font-weight:500;color:var(--body);margin-bottom:0.5rem}
.help-cat-hero p{font-size:1rem;font-weight:300;color:var(--gray)}
.help-cat-hero .help-breadcrumb{margin-bottom:1rem;font-size:0.875rem;font-weight:300;color:var(--gray)}
.help-cat-hero .help-breadcrumb a{color:var(--yellow);text-decoration:none}
.help-cat-hero .help-breadcrumb a:hover{text-decoration:underline}

/* Category article list */
.help-cat-list{padding:0 0 5rem;background:var(--white)}
.help-cat-list .container{max-width:780px}
.help-article-link{display:block;padding:1.25rem 1.5rem;margin-bottom:0.75rem;background:#f7f7f7;border-radius:6px;text-decoration:none;color:var(--body);font-size:1.0625rem;font-weight:400;transition:background .15s,box-shadow .15s;min-height:48px}
.help-article-link:hover{background:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.help-article-link span{display:block;font-size:0.8125rem;font-weight:300;color:var(--gray);margin-top:0.25rem}

/* ─── Doc page 3-column layout ─── */
.help-doc-layout{display:grid;grid-template-columns:260px 1fr 200px;gap:0;min-height:calc(100vh - 72px);padding-top:72px}

/* Sidebar */
.help-sidebar{background:#f7f7f7;border-right:1px solid var(--border);padding:2rem 0;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.help-sidebar h3{font-size:0.875rem;font-weight:700;color:var(--body);padding:0 1.25rem;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:.5px}
.help-sidebar a{display:block;padding:0.625rem 1.25rem;font-size:0.875rem;font-weight:300;color:var(--body);text-decoration:none;transition:background .15s,color .15s;border-left:3px solid transparent;min-height:44px;display:flex;align-items:center}
.help-sidebar a:hover{background:rgba(0,0,0,0.03);color:var(--yellow)}
.help-sidebar a.active{border-left-color:var(--yellow);color:var(--yellow);font-weight:500;background:rgba(254,189,22,0.06)}
.help-sidebar .sidebar-section{margin-bottom:1.5rem}
.help-sidebar .sidebar-section-title{font-size:0.75rem;font-weight:500;color:var(--gray);padding:0 1.25rem;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:.8px}
.help-sidebar .sidebar-back{display:block;padding:0.75rem 1.25rem;font-size:0.875rem;font-weight:500;color:var(--yellow);text-decoration:none;border-bottom:1px solid var(--border);margin-bottom:1rem;min-height:44px;display:flex;align-items:center}
.help-sidebar .sidebar-back:hover{text-decoration:underline}

/* Main content area */
.help-content{padding:2.5rem 3rem 5rem;max-width:100%;overflow-x:hidden}
.help-content .help-breadcrumb{margin-bottom:1.5rem;font-size:0.875rem;font-weight:300;color:var(--gray)}
.help-content .help-breadcrumb a{color:var(--yellow);text-decoration:none}
.help-content .help-breadcrumb a:hover{text-decoration:underline}
.help-content h1{font-size:2rem;font-weight:500;color:var(--body);margin-bottom:1rem;line-height:1.2}
.help-content .help-updated{font-size:0.8125rem;font-weight:300;color:var(--gray);margin-bottom:2rem}
.help-content h2{font-size:1.375rem;font-weight:500;color:var(--body);margin:2rem 0 0.75rem;padding-top:0.5rem}
.help-content h3{font-size:1.125rem;font-weight:500;color:var(--body);margin:1.5rem 0 0.5rem}
.help-content p{font-size:1rem;font-weight:300;color:var(--body);line-height:1.8;margin-bottom:1rem}
.help-content ul,.help-content ol{margin:0.75rem 0 1.25rem 1.5rem;font-size:1rem;font-weight:300;color:var(--body);line-height:1.8}
.help-content ul{list-style:disc}
.help-content ol{list-style:decimal}
.help-content li{margin-bottom:0.375rem}
.help-content li ul{margin-top:0.375rem}
.help-content strong{font-weight:500}
.help-content img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0;border:1px solid var(--border)}
.help-content .help-video{position:relative;padding-top:56.25%;height:0;overflow:hidden;border-radius:8px;margin:1.25rem 0;max-width:640px}
.help-content .help-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* Table of Contents (right sidebar) */
.help-toc{padding:2rem 1rem;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;border-left:1px solid var(--border);-webkit-overflow-scrolling:touch}
.help-toc h4{font-size:0.75rem;font-weight:700;color:var(--body);text-transform:uppercase;letter-spacing:.8px;margin-bottom:1rem}
.help-toc a{display:block;padding:0.375rem 0;font-size:0.8125rem;font-weight:300;color:var(--gray);text-decoration:none;transition:color .15s;line-height:1.5;min-height:44px;display:flex;align-items:center}
.help-toc a:hover{color:var(--yellow)}

/* Responsive */
@media(max-width:1024px){
  .help-doc-layout{grid-template-columns:1fr;gap:0}
  .help-sidebar{display:none}
  .help-toc{display:none}
  .help-content{padding:6.25rem 2rem 3.75rem}
}
@media(max-width:400px){
  .help-content{padding:5.5rem 1rem 3rem}
  .help-cat-hero{padding:6rem 0 2rem}
  .help-cat-hero h1{font-size:1.75rem}
}