:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17304b;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}
body{margin:0}
main{max-width:1280px;margin:auto;padding:10px 24px}header{padding:32px 0}
.page-header {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 24px;
}

.page-header-logo {
    flex: 0 0 220px;
}

.page-header-logo img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
}

.page-header-description {
    flex: 1;
    min-width: 0;
}

.page-header-description .intro {
    margin: 0;
}

@media (max-width: 600px) {
    .page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .page-header-logo {
        flex: none;
        width: 180px;
    }
}
.eyebrow{color:#b91e39;font-size:12px;font-weight:800;letter-spacing:.15em}h1{font-size: clamp(20px, 4vw, 36px);line-height:1.12;max-width:720px;margin:5px 0 20px;letter-spacing:-.04em}.intro{font-size:20px;}.small,.meta,footer{color:#50647b;font-size:13px}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0 24px}.toolbar label{font-weight:700}.toolbar span{font-size:13px;margin-left:auto}input{padding:12px 16px;border:1px solid #c7d4e4;border-radius:9px;font:inherit;max-width:100%}.legend{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;margin-bottom:24px}.legend span{display:flex;align-items:center;gap:6px}.legend img{width:18px;height:24px}.centres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.centre{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:22px}.centre-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}h2{font-size:22px;margin:0}a{color:#225da5;font-size:13px}.drops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:26px 0}.drop{margin:0;text-align:center}.drop img{width:42px;height:58px;object-fit:contain;max-width:100%}.drop strong{display:block;font-size:16px}.drop span,.drop em{display:block;font-size:10px;overflow-wrap:anywhere;margin-top:5px}.drop em{color:#225da5;font-style:normal}.warning{background:#fff4dd;border-left:3px solid #b46c00;padding:9px 12px;font-size:12px;overflow-wrap:anywhere}.meta{margin-bottom:0}footer{margin-top:32px;max-width:850px}[hidden]{display:none!important}

.share-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 24px 0;
    font-family: inherit;
}

.share-label {
    color: #374151;
    font-size: 14px;
    margin-right: 4px;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    color: #263746;
    font: inherit;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, border-color .2s,
                color .2s;
}

.share-btn:hover {
    background: #fef2f2;
    border-color: #dc2626;
    color: #991b1b;
}

.share-btn:focus-visible {
    outline: 3px solid #fca5a5;
    outline-offset: 2px;
}

.share-primary {
    background: #b91c1c;
    border-color: #b91c1c;
    color: #fff;
}

.share-primary:hover {
    background: #991b1b;
    border-color: #991b1b;
    color: #fff;
}

.share-status {
    flex-basis: 100%;
    color: #374151;
    font-size: 13px;
}

@media (max-width: 600px) {
    .share-label {
        flex-basis: 100%;
    }

    .share-btn {
        flex: 1 1 auto;
    }
}

@media(max-width:1000px){.centres{grid-template-columns:1fr}}@media(max-width:520px){main{padding:16px}header{padding:24px 0}.drops{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.drop span{font-size:11px}.toolbar span{margin-left:0}.centre{padding:18px}}