/* help centre additions on top of the 3e shell */
.navtag{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--peri);background:var(--lilac);padding:.42em .85em;border-radius:999px;white-space:nowrap}
@media (max-width:760px){.navtag{display:none}}
.help-hero{padding-bottom:clamp(56px,7vw,96px)}
.help-hero-sm{padding-top:clamp(96px,13vh,132px);padding-bottom:clamp(34px,4.5vw,60px)}
.help-hero-sm h1{font-size:clamp(1.9rem,1rem + 2.8vw,3.1rem)}
.crumbs{display:flex;flex-wrap:wrap;gap:.55em;align-items:center;font-size:.88rem;font-weight:700;margin-bottom:clamp(12px,1.6vw,20px);color:rgba(255,255,255,.65)}
.crumbs a{color:rgba(255,255,255,.85);text-decoration:none;border-bottom:1.5px solid transparent}
.crumbs a:hover{border-bottom-color:currentColor}
.crumbs b{color:#fff;font-weight:800;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.searchwrap{position:relative;max-width:640px;margin-top:clamp(22px,2.6vw,32px)}
.searchbox{display:flex;align-items:center;gap:.7rem;background:#fff;border-radius:999px;padding:.35rem .6rem .35rem 1.15rem;box-shadow:0 22px 46px -22px rgba(10,8,40,.75)}
.searchbox svg{color:var(--peri);flex:none}
.searchbox input{flex:1;border:0;outline:0;font:inherit;font-weight:600;color:var(--ink);font-size:1.05rem;padding:.65em .2em;background:transparent;min-width:0}
.searchbox input::placeholder{color:var(--ink-soft);opacity:.75}
.results[hidden]{display:none}
.results{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:30;background:#fff;border-radius:var(--r-lg);padding:.5rem;display:grid;box-shadow:0 26px 60px -24px rgba(10,8,40,.65),inset 0 0 0 1px var(--line);max-height:min(52vh,420px);overflow:auto}
.results a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:var(--ink);font-weight:700;text-decoration:none;padding:.65em .9em;border-radius:12px}
.results a:hover{background:var(--lilac)}
.results a em{font-style:normal;font-weight:700;font-size:.78rem;color:var(--ink-soft);white-space:nowrap}
.results .noresults{padding:.8em .9em;color:var(--ink-soft);font-size:.95rem}
.results .noresults a{display:inline;padding:0;color:var(--peri)}
.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cat-card{text-decoration:none;color:inherit}
.cat-card:nth-child(4){background:var(--teal-tint)}
.cat-card:nth-child(5){background:var(--cream)}
.cat-card:nth-child(6){background:var(--lilac)}
.cat-card:nth-child(7){background:var(--mint)}
@media (max-width:1020px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cat-grid{grid-template-columns:minmax(0,1fr)}}
.pop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,16px);margin-top:clamp(22px,3vw,36px)}
.pop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;background:#fff;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);padding:1em 1.25em;color:var(--ink);font-weight:700;text-decoration:none;transition:transform .25s var(--e),box-shadow .25s var(--e)}
.pop:hover{transform:translateY(-2px);box-shadow:var(--sh),inset 0 0 0 1px var(--line)}
.pop em{font-style:normal;font-weight:700;font-size:.78rem;color:var(--ink-soft);white-space:nowrap}
@media (max-width:760px){.pop-grid{grid-template-columns:minmax(0,1fr)}}
.artlist{display:grid;gap:clamp(10px,1.6vw,16px);margin-top:clamp(18px,2.4vw,28px);max-width:820px}
.artrow{display:block;background:var(--cream);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,26px);color:inherit;text-decoration:none;transition:transform .25s var(--e),box-shadow .25s var(--e)}
.artrow:hover{transform:translateY(-2px);box-shadow:var(--sh),inset 0 0 0 1px var(--line)}
.artrow h3{color:var(--ink)}
.artrow p{color:var(--ink-soft);font-size:.95rem;margin-top:.3rem;line-height:1.5}
.band .artlist{margin-top:0}
.kb-body{font-size:1.05rem;line-height:1.72}
.kb-body p{margin:0 0 1.05em}
.kb-body ol,.kb-body ul{margin:.4em 0 1.2em;padding-left:1.3em}
.kb-body li{margin:.4em 0}
.helpful{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line);max-width:68ch;font-weight:700;color:var(--ink-soft)}
.h-rel{font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem);margin-bottom:clamp(14px,2vw,22px)}
.stuck{margin-top:1rem;font-weight:700;color:var(--ink)}
.stuck a{color:var(--peri)}