:root {color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#263a43;background:#e6edef;font-size:16px;line-height:1.85;-webkit-text-size-adjust:100%}
* {box-sizing:border-box}
body {margin:0;background:radial-gradient(ellipse at 10% 0%,#ffffffcc,transparent 45%),radial-gradient(ellipse at 95% 28%,#c7d9e266,transparent 45%);min-height:100vh}
a {color:inherit;text-underline-offset:4px}
a:focus-visible {outline:3px solid #37627c;outline-offset:4px;border-radius:4px}
.skip {position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:2}
.skip:focus {top:10px}
.info-header {max-width:980px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 22px max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:18px}
.info-brand {display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:.05em;line-height:1.4}
.info-brand img {border-radius:11px}
.info-brand small {display:block;font-size:10px;font-weight:400;letter-spacing:.02em;color:#536972}
.back {font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap}
main {max-width:744px;padding:54px 42px 32px;margin:20px auto 40px;background:linear-gradient(135deg,#ffffffb8,#ffffff60);border:1px solid #ffffffc7;border-radius:28px;box-shadow:inset 1px 1px 0 white,0 18px 70px #374d5c0a}
.eyebrow {font-size:12px;color:#526972;letter-spacing:.05em;margin:0 0 16px}
h1 {font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(27px,4vw,37px);font-weight:500;letter-spacing:.02em;line-height:1.6;margin:0 0 22px;text-wrap:balance}
.lead {font-size:16px;color:#526972;line-height:2}
section {margin-top:38px;padding-top:28px;border-top:1px solid #44627322}
h2 {font-size:17px;line-height:1.7;margin:0 0 13px;font-weight:650}
p {font-size:14px;margin:12px 0;overflow-wrap:anywhere}
.operator {padding:24px 26px;border:1px solid #ffffffb3;border-radius:20px;background:#ffffff55;box-shadow:inset 1px 1px 0 #fff9}
.operator h2 {font-size:23px;font-weight:500;margin:6px 0}
.primary-link {display:inline-flex;align-items:center;gap:22px;margin-top:8px;min-height:44px;font-size:13px;font-weight:500}
.facts {margin:0}
.facts>div {display:grid;grid-template-columns:76px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #44627316;font-size:14px}
.facts dt {font-weight:600}
.facts dd {margin:0;overflow-wrap:anywhere}
.note,.updated {font-size:12px;color:#526972}
.updated {margin-top:38px}
footer {max-width:744px;margin:0 auto;padding:0 28px calc(30px + env(safe-area-inset-bottom));color:#526972}
footer nav {display:flex;flex-wrap:wrap;column-gap:24px;row-gap:4px;font-size:12px}
footer nav a {min-height:44px;display:flex;align-items:center}
footer nav a[aria-current] {text-decoration:none;font-weight:600;color:#263a43}
footer p {font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:600px) {main{margin:12px 12px 28px;padding:30px 22px 22px;border-radius:24px}.info-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.info-brand{font-size:18px;gap:9px}.back{font-size:12px}.facts>div{grid-template-columns:64px 1fr;gap:8px}.operator{padding:20px}section{margin-top:30px;padding-top:24px}}
@media(prefers-reduced-motion:reduce) {*{scroll-behavior:auto}}
@media(forced-colors:active) {main,.operator {border:1px solid CanvasText}}

.operator .operator-brand {margin:12px 0 16px;line-height:0}
.operator-brand img {display:block;width:240px;max-width:100%;height:auto;border-radius:10px}

/* Original company mark colours, shared by both app and information headers. */
.company-number {font-weight:650;letter-spacing:0;white-space:nowrap}
.company-number .company-one {color:#f2685e}
.company-number .company-two {color:#4b9cc6}
.company-number .company-three {color:#ce9a3e}

/* Company navigation is separate from the editor home link. */
.info-brand a {color:inherit;text-decoration:none}
.info-home-icon {display:block;line-height:0;flex:none}
.info-brand .company-site:hover {text-decoration:underline;text-underline-offset:3px}
.operator-brand a {display:block;width:fit-content;max-width:100%;border-radius:6px}
.operator-brand a:hover {opacity:.85}
