/* Shared site bar and footer for every HToranges.com page. Fixed Floodlight Night colours, so they read the same on light and dark pages.
   Colours and type follow the Half Time Oranges guide: Foundation Orange for actions, Terrace Charcoal on orange, VAR blue focus rings. */
.hto-bar{display:flex;align-items:center;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;margin-inline:-16px;padding:4px 16px;
  padding-top:max(4px,env(safe-area-inset-top,0px));background:#12161C;color:#F4F5F7;border-bottom:1px solid #2E3642;
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.2;position:relative;z-index:20}
.hto-bar a{color:inherit;text-decoration:none}
.hto-bar-home{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  font-weight:900;font-size:20px;letter-spacing:.02em;text-transform:uppercase}
.hto-bar-home img{width:30px;height:auto;display:block}
.hto-bar-links{display:flex;gap:4px;flex-wrap:wrap}
.hto-bar-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;font-weight:600;color:#C9CED8}
.hto-bar-links a:hover{color:#FFFFFF;background:#1A1F27}
.hto-bar-links a[aria-current="page"]{color:#1B1F26;background:#F26A21}
@media (max-width:440px){.hto-bar-home span{display:none}.hto-bar-links a{padding:0 10px}}

.hto-foot{position:relative;margin:56px -16px 0;padding:40px 16px calc(32px + env(safe-area-inset-bottom,0px));background:#12161C;color:#F4F5F7;
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}
/* the halfway line: a full-bleed white line with the centre spot */
.hto-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#F4F5F7}
.hto-foot::after{content:"";position:absolute;left:50%;top:-7px;width:17px;height:17px;margin-left:-8.5px;border-radius:50%;background:#F4F5F7}
.hto-foot a{color:inherit}
.hto-foot-in{max-width:1040px;margin:0 auto;display:grid;gap:28px}
.hto-foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.hto-foot-label{margin:0 0 8px;font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#AEB5C2}
.hto-social-links{display:flex;flex-wrap:wrap;gap:8px}
.hto-social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #2E3642;border-radius:6px;
  text-decoration:none;font-weight:600}
.hto-social-links a:hover{border-color:#F26A21}
.hto-foot-nav{display:flex;flex-wrap:wrap;gap:4px}
.hto-foot-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#C9CED8;text-decoration:none;font-weight:600}
.hto-foot-nav a:hover{color:#FFFFFF}
.hto-legal{display:grid;gap:4px;font-size:13px;color:#AEB5C2;border-top:1px solid #2E3642;padding-top:16px}
.hto-legal p{margin:0}
.hto-url{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;font-weight:800;font-size:20px;color:#F26A21;letter-spacing:.02em;margin-top:6px!important}
.hto-bar a:focus-visible,.hto-foot a:focus-visible{outline:3px solid #6E98F0;outline-offset:2px}
.hto-report{border:1px solid #2E3642;border-radius:10px;padding:0 16px;background:#161B22}
.hto-report summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:12px;font-weight:700;color:#F4F5F7;list-style:none}
.hto-report summary:focus-visible,.hto-report button:focus-visible,.hto-report textarea:focus-visible{outline:3px solid #6E98F0;outline-offset:2px}
.hto-report form{display:grid;gap:10px;padding-bottom:16px}
.hto-foot .hto-report label{display:block;font:500 14px/1.5 "Instrument Sans",system-ui,sans-serif;letter-spacing:normal;text-transform:none;color:#C9CED8;margin:0}
.hto-report summary::-webkit-details-marker{display:none}
.hto-report summary::after{content:"+";margin-left:auto;font-size:22px;line-height:1;color:#F26A21}
.hto-report[open] summary::after{content:"−"}
.hto-report textarea{font:500 16px "Instrument Sans",system-ui,sans-serif;width:100%;padding:10px 12px;border-radius:6px;border:2px solid #2E3642;background:#12161C;color:#F4F5F7;resize:vertical}
.hto-report-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hto-report button{min-height:46px;padding:0 18px;border-radius:6px;border:2px solid #F26A21;background:transparent;color:#F4F5F7;font:700 16px "Instrument Sans",system-ui,sans-serif;cursor:pointer}
.hto-report button[disabled]{opacity:.6}
.hto-report-msg{margin:0;font-size:14px;color:#C9CED8}