/* Help pages: same navy hall palette and masthead rhythm as the home page */
:root{--bg:#06090F;--slot:#0C111A;--ink:#EEF1F6;--dim:#C5CCD8;--rule:#5A667B;--hair:#1A2232;--red:#DD454B}
body{background:var(--bg);color:var(--ink)}
.wrap{max-width:720px}
header.hhead{padding:calc(16px + env(safe-area-inset-top,0px)) 0 0;align-items:center;border-bottom:1px solid var(--hair);padding-bottom:12px}
.back{border-bottom:0;font-size:13px;letter-spacing:.14em;padding-bottom:0}
header.hhead .lang summary{border-bottom:0;font-size:12px;letter-spacing:.14em}
.acc summary{font-size:12px}
h1,h1.solo{text-align:center;font-weight:700;font-size:clamp(30px,8.2vw,40px);letter-spacing:.005em;margin:30px 0 0;text-wrap:balance}
h1::before{content:"Sydney Gig Guide";display:block;font-family:var(--body);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.eyebrow{text-align:center;font-size:12px;letter-spacing:.14em;color:var(--dim);margin:28px 0 6px}
.eyebrow + h1{margin-top:0}.eyebrow + h1::before{display:none}
.mastrule{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);border-left:0;border-right:0;height:4px;margin:14px 0 0}
.lede{margin:18px 0 0;font-size:20px}
h1.solo ~ .lede{text-align:center;margin-left:auto;margin-right:auto}
nav.hjump{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;margin:20px 0 0;border:1px solid var(--rule);border-radius:2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
nav.hjump a{display:flex;align-items:center;justify-content:center;text-align:center;border:0!important;border-right:1px solid var(--rule)!important;padding:12px 6px!important;color:var(--ink);line-height:1.25;white-space:normal}
nav.hjump a:last-child{border-right:0!important}
nav.hjump a:hover{background:var(--slot);color:var(--red)}
.filter{border-radius:2px;background:var(--slot)}
.blk,.blk.soon{border-top:2px solid var(--ink);padding-top:0;margin-top:44px;position:relative}
.blk::before{content:"";display:block;border-top:1px solid var(--rule);margin:3px 0 16px}
h2.bh{font-size:25px}
.bn,h2.bh .bn{width:auto!important;height:auto!important;background:none!important;color:var(--red)!important;font-family:var(--display);font-size:25px!important;border-radius:0!important}
.bn::after{content:".";}
.nd,.tile,.ec,.stg button{background:var(--slot);border-color:var(--rule);border-radius:2px}
.nd.urgent{border-color:var(--red)}
.tile .tn,.sec .st{color:var(--ink)}
.tile:hover .tn{color:var(--red)}
h2.hg{font-size:12px;letter-spacing:.14em;color:var(--dim);border-bottom:1px solid var(--hair);padding-bottom:6px;margin:34px 0 12px}
h2{font-weight:700;border-bottom-color:var(--rule)}
.soon{border-top-color:var(--ink)}
.soon .sh{color:var(--ink)}
.hnav{border-color:var(--rule)}
.hnav a{color:var(--ink)}
.jump{background:var(--bg)}
.floattop{background:var(--slot);color:var(--ink);border:1px solid var(--rule);box-shadow:0 6px 20px rgba(0,0,0,.55)}
.floattop:hover{background:var(--ink);color:var(--bg)}
.due{border-color:var(--rule)}
footer{border-top:2px solid var(--ink);padding-top:18px;font-size:14px;letter-spacing:.04em}