/* Help hub hero and links to the article sections. */
.help-main{min-width:0}
.help-hero{
  margin:0 0 30px;
  padding:25px;
  overflow:hidden;
  border:1px solid #ffffffb5;
  border-radius:20px;
  background:var(--paper);
  box-shadow:var(--raised);
}
.help-hero-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:35px;
}
.help-hero h1{font-size:36px;line-height:1.25;font-weight:600;margin:0 0 15px}
.help-lead{font-size:16px;line-height:1.4;color:var(--muted)}
.help-lead p{margin:0}
.help-kicker{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0 0 10px;
  color:var(--accent-ink);
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.help-kicker>.icon{width:16px;height:16px}
.help-hero-art{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2.15fr) minmax(0,1fr);
  place-items:center;
  width:100%;
  height:150px;
  margin-top:18px;
  padding:8px 12px;
  border-radius:12px;
  background:var(--paper);
  box-shadow:var(--pressed);
  color:var(--accent);
}
.help-hero-art>svg{display:block;width:100%;height:100%;min-height:0}
.help-hero-art-symbol{
  display:grid;
  place-items:center;
  width:clamp(40px,5vw,62px);
  aspect-ratio:1;
  border-radius:12px;
  background:var(--paper);
  box-shadow:var(--fine);
  color:var(--icon);
}
.help-hero-art-symbol>.icon{width:55%;height:55%}
.help-section-nav{
  display:grid;
  grid-template-rows:auto 1fr;
  align-content:start;
  gap:15px;
  padding:20px;
  border-radius:15px;
  background:var(--table-accent-bg);
  box-shadow:var(--pressed);
}
.help-section-nav-title{
  margin:0;
  color:var(--ink);
  font-size:20px;
  font-weight:600;
  line-height:1.3;
}
.help-section-links{display:grid;grid-auto-rows:1fr;gap:10px}
.help-section-link{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:10px 15px;
  border:1px solid #ffffffb5;
  border-radius:10px;
  background:var(--paper);
  box-shadow:var(--fine);
  color:var(--ink);
  font-weight:500;
  text-decoration:none;
}
.help-section-link-copy{display:grid;gap:3px;min-width:0}
.help-section-link-description{color:var(--muted);font-size:14px;font-weight:400;line-height:1.4}
.help-section-link>.icon{width:24px;height:24px;color:var(--icon)}
.help-section-link>.icon:last-child{width:20px;height:20px;color:var(--link)}
.help-section-link:hover{box-shadow:var(--raised);text-decoration:none}
.help-section-link:hover>.icon:last-child{color:var(--ink)}
.help-section-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.help-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 25px;background:var(--table-accent-bg);margin:20px -25px -25px;color:var(--muted);font-size:12px}
.help-meta>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.help-meta .icon{width:14px;height:14px;color:var(--icon)}
.help-meta strong{font-weight:500;color:var(--ink)}
.help-entry-name{display:block;font-size:16px;line-height:1.4;font-weight:500;color:var(--ink);overflow-wrap:break-word}
.help-entry-desc{display:block;font-size:14px;line-height:1.4;color:var(--muted);margin-top:5px}
.help-entry-time{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.4;font-weight:500;color:var(--accent-ink);white-space:nowrap;margin-top:auto;padding-top:10px}
.help-entry-time>.icon{width:14px;height:14px;color:var(--icon)}
.help-author-wrap{margin-top:50px}
.help-author-wrap>.fsp-author-frame{margin:0}

@media(max-width:1000px){
  .help-hero-row{gap:25px}
  .help-hero h1{font-size:30px}
}
@media(max-width:700px){
  .help-hero{padding:20px 15px}
  .help-hero-row{grid-template-columns:minmax(0,1fr);gap:20px}
  .help-hero h1{font-size:25px}
  .help-hero-art{height:122px}
  .help-section-nav{padding:15px}
  .help-section-nav-title{font-size:18px}
  .help-meta{margin:20px -15px -20px;padding:15px;align-items:flex-start}
}
@media(max-width:380px){
  .help-meta{flex-direction:column;align-items:flex-start;gap:10px}
}

/* Article cards selected from Help variant6; reading time in a small raised pill. */
.help-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.help-image-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:12px;background:var(--paper);box-shadow:var(--fine);color:var(--ink);text-decoration:none}.help-image-card:hover{box-shadow:var(--pressed);color:var(--ink);text-decoration:none}.help-image-card:focus-visible{outline:none;outline-offset:4px}.help-card-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/2;background:var(--article-media-bg);overflow:hidden}.help-card-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:100%;object-fit:cover}.help-card-copy{display:flex;flex-direction:column;gap:10px;padding:20px;min-width:0;flex:1}.help-image-card .help-entry-name{font-size:18px;line-height:1.4;font-weight:500}.help-image-card .help-entry-desc{margin:0;font-size:14px;line-height:1.4}.help-card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px;font-size:13px}.help-read-label{display:inline-flex;align-items:center;gap:10px;color:var(--link)}.help-read-label>.icon{width:16px;height:16px;color:currentColor}.help-image-card:hover .help-read-label{color:var(--ink)}.help-card-bottom .help-entry-time{margin:0 0 0 auto;min-height:30px;padding:5px 10px;border-radius:999px;background:var(--paper);box-shadow:var(--fine)}.help-card-bottom .help-entry-time>.icon{width:14px;height:14px}
@media(max-width:1000px){.help-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.help-card-copy{padding:15px}}
@media(max-width:700px){.help-library-grid{grid-template-columns:minmax(0,1fr);gap:20px}}

.help-source-body .help-library-grid:not([hidden]) + p { margin-block-start: 20px; }