22:I[868422,["/_next/static/chunks/0orfmzo0_hup-.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/0op9flae642fi.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/narrative/css/style.css","style"] :HL["https://sites.super.so/snippets/view-picker.css","style"] :HL["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Lato-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Lato-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://sites.super.so/narrative/css/style.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/view-picker.css","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap","as":"style"}] 18:["$","link","link-https://sites.super.so/narrative/css/style.css",{"rel":"stylesheet","href":"https://sites.super.so/narrative/css/style.css","precedence":"custom"}] 19:["$","link","link-https://sites.super.so/snippets/view-picker.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/view-picker.css","precedence":"custom"}] 1a:["$","meta","6",{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"#f5821f","children":null}] 1b:["$","meta","8",{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"#191919","children":null}] 21:T729, (function () { function isEmptyCell(cell) { // has real text? not empty. if ((cell.textContent || '').replace(/\s+/g, '') !== '') return false; // has a link / image / icon but no text? still not empty. if (cell.querySelector('a, img, svg')) return false; return true; } function labelTables() { document.querySelectorAll('.notion-collection-table').forEach(function (table) { var heads = table.querySelectorAll('.notion-collection-table__head-cell'); if (!heads.length) return; var labels = Array.prototype.map.call(heads, function (h) { return (h.textContent || '').trim(); }); table.querySelectorAll('.notion-collection-table__body tr').forEach(function (row) { var cells = row.children; for (var i = 0; i < cells.length; i++) { var cell = cells[i]; if (labels[i]) cell.setAttribute('data-label', labels[i]); if (isEmptyCell(cell)) cell.setAttribute('data-empty', ''); else cell.removeAttribute('data-empty'); } }); }); } var pending = false; function schedule() { if (pending) return; pending = true; requestAnimationFrame(function () { pending = false; try { labelTables(); } catch (e) {} }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', schedule); } else { schedule(); } window.addEventListener('load', schedule); // Safety re-runs to catch late client-side rendering / hydration. [150, 500, 1200, 2500].forEach(function (t) { setTimeout(schedule, t); }); // Watch node changes AND text updates (Safari hydrates via characterData). new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true, characterData: true }); })(); 1c:["$","script","12",{"dangerouslySetInnerHTML":{"__html":"$21"},"children":null}] 1d:["$","link","link-https://fonts.googleapis.com",{"rel":"preconnect","href":"https://fonts.googleapis.com"}] 1e:["$","link","link-https://fonts.gstatic.com",{"rel":"preconnect","href":"https://fonts.gstatic.com","crossorigin":""}] 1f:["$","link","link-https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap",{"rel":"stylesheet","href":"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap","precedence":"custom"}] 23:Tc6d, 24:T1cf8, 25:Tbd7a,@charset "UTF-8"; /* ============================================================ SWANSEA BAY ORIENTEERING CLUB — super.so custom CSS Polished refresh. Keeps the orange brand (#f5821f) and the existing layout; adds modern depth, hover states and clearer tables. Works in light + dark mode and on mobile. HOW TO USE: In super.so → Site settings → Code → CSS, REPLACE the whole CSS box with everything below. (Leave the Head/HTML box exactly as it is.) CONTENTS 1-2 Brand tokens (light / dark) 3 Navigation / header bar 4 Hero / page header 5 News / collection cards 6 Data tables + file/URL link pills 7 Filter pills (view picker) 8 Inline links 9 Callouts 10 Functional rules carried over from the original CSS 11 Mobile: table rows as labelled cards 12 Orienteering flair (footer finish symbol) NOTE: the !important flags and the :not(#_) selectors are deliberate. They exist only to out-rank super.so's own theme (narrative/style.css) and the view-picker snippet. Remove them and those styles win again, so please leave them in place. ============================================================ */ /* ---------- 1. Brand tokens (light) ---------- */ :root { --primary-color: #f5821f !important; /* super.so accent */ --sb-orange: #f5821f; --sb-orange-dark: #d96d10; /* hover / links */ --sb-orange-soft: rgba(245,130,31,.12); /* pill / hover fill */ --sb-orange-soft-hover: rgba(245,130,31,.16); /* pill hover fill */ --sb-orange-softer: rgba(245,130,31,.06); /* table row hover */ --sb-orange-border: rgba(245,130,31,.28); /* pill border */ --sb-border: #e6e8eb; --sb-border-strong: #d7dadf; --sb-head-bg: #f4f5f7; --sb-head-text: #374151; --sb-text-muted: #6b7280; --sb-card-bg: #ffffff; --sb-page-bg: #ffffff; --sb-link: #d96d10; --sb-card-radius: 14px; --sb-shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10); --sb-shadow-lg: 0 14px 30px rgba(16,24,40,.12), 0 6px 12px rgba(16,24,40,.08); } /* ---------- 2. Brand tokens (dark) ---------- */ html.theme-dark { --sb-border: #2c2c2e; --sb-border-strong: #3a3a3c; --sb-orange-border: rgba(245,130,31,.35); --sb-head-bg: #232325; --sb-head-text: #e6e6e6; --sb-text-muted: #9aa0a6; --sb-card-bg: #202022; --sb-page-bg: #191919; --sb-link: #f6a05a; --sb-shadow-sm: 0 1px 2px rgba(0,0,0,.40); --sb-shadow-lg: 0 14px 30px rgba(0,0,0,.55), 0 6px 12px rgba(0,0,0,.40); } html { scroll-behavior: smooth; } ::selection { background: var(--sb-orange); color: #fff; } a:focus-visible, button:focus-visible, .notion-dropdown__option:focus-visible { outline: 2px solid var(--sb-orange); outline-offset: 2px; border-radius: 6px; } /* ---------- 3. Navigation / header bar ---------- */ .super-navbar { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.1); } .super-navbar__item, .super-navbar__list { position: relative; opacity: 0.9; transition: opacity 0.18s ease, color 0.18s ease; } .super-navbar__item:hover, .super-navbar__list:hover, .super-navbar__item.active { opacity: 1; } /* animated underline grows from the left on hover / active */ .super-navbar__item::after, .super-navbar__list::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; background: currentColor; border-radius: 2px; transform: scaleX(0); transform-origin: left; transition: transform 0.22s ease; } .super-navbar__item:hover::after, .super-navbar__list:hover::after, .super-navbar__item.active::after { transform: scaleX(1); } .super-navbar__logo { transition: transform 0.2s ease, opacity 0.2s ease; } .super-navbar__logo:hover { transform: translateY(-1px); opacity: 0.92; } /* ---------- 4. Hero / page header ---------- */ .notion-header__cover { position: relative; } /* soft fade so the cover photo melts into the page */ .notion-header__cover::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 32%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--sb-page-bg)); pointer-events: none; } /* turn the club roundel into a tidy badge */ .notion-header__icon { border-radius: 18px; background: #fff; padding: 6px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); } html.theme-dark .notion-header__icon { background: #202022; } .notion-header__title { letter-spacing: -0.02em; font-weight: 800; } /* ---------- 5. News / collection cards ---------- */ .notion-collection-card.gallery { border-radius: var(--sb-card-radius); border: 1px solid var(--sb-border); background: var(--sb-card-bg); box-shadow: var(--sb-shadow-sm); overflow: hidden; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .notion-collection-card.gallery:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow-lg); border-color: rgba(245, 130, 31, 0.45); } /* gentle image zoom on hover (card clips the overflow) */ img.notion-collection-card__cover { transition: transform 0.35s ease; } .notion-collection-card.gallery:hover img.notion-collection-card__cover { transform: scale(1.045); } .notion-collection-card__content { padding: 14px 16px 18px; } .notion-collection-card .notion-property__title { font-weight: 700; transition: color 0.18s ease; } .notion-collection-card.gallery:hover .notion-property__title { color: var(--sb-orange-dark); } .notion-collection-card .notion-property__date { color: var(--sb-text-muted); font-size: 0.85em; } /* category tag on cards → small orange chip (keeps table pills flat) */ .notion-collection-card .notion-pill { display: inline-block; background: var(--sb-orange-soft) !important; color: var(--sb-orange-dark) !important; border-radius: 999px !important; padding: 2px 10px !important; font-size: 0.72em !important; font-weight: 700 !important; letter-spacing: 0.03em; text-transform: uppercase; } html.theme-dark .notion-collection-card .notion-pill { color: #f6a05a !important; } /* ---------- 6. Data tables (Events, Results, …) ---------- */ .notion-collection-table__wrapper { overflow: hidden; overflow-x: auto; border: 1px solid var(--sb-border); border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 18px rgba(16, 24, 40, 0.05); } .notion-collection-table { border: none; border-collapse: separate; border-spacing: 0; width: 100%; } /* clean header — a single horizontal orange accent, no vertical rules */ .notion-collection-table__head-cell { white-space: nowrap; background: var(--sb-head-bg); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 13px 18px; border-left: 0 !important; border-right: 0 !important; border-bottom: 2px solid var(--sb-orange); } /* header text colour — :not(#_) lifts specificity over the super.so theme */ .notion-collection-table__head-cell:not(#_), .notion-collection-table__head-cell:not(#_) * { color: var(--sb-head-text) !important; } /* body — horizontal separators only: no vertical grid lines, no zebra */ .notion-collection-table__body td { padding: 14px 18px; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--sb-border); vertical-align: top; } .notion-collection-table__body tr:last-child td { border-bottom: 0; } .notion-collection-table__body tr:hover { background: var(--sb-orange-softer); } .notion-collection-table__body tr:empty { display: none; } /* table links sit inline (no button boxes) and underline on hover */ .notion-collection-table__body a { color: var(--sb-link); text-decoration: none; } .notion-collection-table__body a:hover { text-decoration: underline; } /* file / URL property links (Details, Results, Entry) rendered as soft orange pills. The whole pill is the click target (the link fills it), and pills wrap when a cell has several. Colours come from the tokens, so light/dark need no separate overrides. */ .notion-collection-table__body .notion-property__file .notion-pill, .notion-collection-table__body .notion-property__url .notion-pill { display: inline-flex !important; margin: 3px 6px 3px 0 !important; padding: 0 !important; /* padding moves onto the link */ border-radius: 999px !important; overflow: hidden !important; /* clip the filling link to the pill */ background: var(--sb-orange-soft) !important; border: 1px solid var(--sb-orange-border) !important; box-shadow: none !important; font-size: 0.82em !important; line-height: 1.35 !important; transition: background 0.15s ease, border-color 0.15s ease !important; } .notion-collection-table__body .notion-property__file .notion-pill:hover, .notion-collection-table__body .notion-property__url .notion-pill:hover { background: var(--sb-orange-soft-hover) !important; border-color: var(--sb-orange) !important; } /* the link stretches to fill the pill, so clicks anywhere on the chip work */ .notion-collection-table__body .notion-property__file .notion-pill .notion-semantic-string, .notion-collection-table__body .notion-property__url .notion-pill .notion-semantic-string { display: flex !important; width: 100% !important; } .notion-collection-table__body .notion-property__file .notion-pill a, .notion-collection-table__body .notion-property__url .notion-pill a { display: block !important; width: 100% !important; padding: 4px 12px !important; border-radius: 999px !important; color: var(--sb-link) !important; font-weight: 600 !important; /* no underline in any state — only the pill itself animates */ text-decoration: none !important; background-image: none !important; /* removes the .notion-link.link animated underline */ } .notion-collection-table__body .notion-property__file .notion-pill a:hover, .notion-collection-table__body .notion-property__url .notion-pill a:hover { text-decoration: none !important; background-image: none !important; } /* OPTIONAL — solid orange header row. Delete the surrounding comment marks to switch it on. .notion-collection-table__head-cell { background: var(--sb-orange); border-bottom-color: var(--sb-orange-dark); } .notion-collection-table__head-cell:not(#_), .notion-collection-table__head-cell:not(#_) * { color: #fff !important; } */ /* ---------- 7. Filter pills (view picker) ---------- */ .notion-dropdown__option { border: 1px solid var(--sb-border-strong); border-radius: 999px; padding: 6px 16px; font-weight: 600; cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease; } /* active + hover need :not(#_) to beat view-picker.css (page-independent) */ .notion-dropdown__option.active:not(#_):not(#_):not(#_) { background: var(--sb-orange) !important; border-color: var(--sb-orange) !important; } .notion-dropdown__option.active:not(#_):not(#_):not(#_) * { color: #fff !important; } .notion-dropdown__option:not(.active):not(#_):not(#_):hover { background: var(--sb-orange-soft) !important; border-color: var(--sb-orange) !important; } .notion-dropdown__option:not(.active):not(#_):not(#_):hover * { color: var(--sb-orange-dark) !important; } /* ---------- 8. Inline links ("Find out more →") ---------- */ .notion-link.link { color: var(--sb-link); font-weight: 600; text-decoration: none; background-image: linear-gradient(var(--sb-orange), var(--sb-orange)); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.25s ease; } .notion-link.link:hover { background-size: 100% 2px; } /* ---------- 9. Callouts (info boxes) ---------- */ .notion-callout.bg-gray-light { border: 1px solid var(--sb-border); border-left: 4px solid var(--sb-orange); border-radius: 12px; background: var(--sb-orange-softer); box-shadow: var(--sb-shadow-sm); padding: 16px 18px; } html.theme-dark .notion-callout.bg-gray-light { background: rgba(245, 130, 31, 0.08); } /* ============================================================ 10. Functional rules carried over from your original CSS (kept so nothing regresses) ============================================================ */ /* show every item in list database views */ .notion-collection-list .notion-collection-list__item, .notion-collection-list .notion-collection-list__item:nth-child(n) { display: flex !important; } /* flatten Notion pills into plain text (tables, quick links, etc.) */ .notion-pill { background-color: transparent !important; border: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: inherit !important; margin: 0 !important; } .notion-pill a { color: inherit !important; text-decoration: underline !important; } /* strip button styling from URL and File/Media property links */ .notion-property__url a, .notion-property__file a { display: inline; padding: 0 !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; font-weight: normal !important; margin: 0 !important; } /* ============================================================ 11. Mobile: render table rows as labelled cards No more sideways scrolling — each row becomes a card and every value shows its column name. NOTE: this needs the small labelling script added to the super.so HEAD box (see sboc-head-code.html). The script copies each column heading onto its cells as data-label and flags empty cells; the CSS below does the visual layout. Change 768px if you want the switch to happen at a different width. ============================================================ */ @media (max-width: 768px) { /* let the cards breathe instead of scrolling in a box */ .notion-collection-table__wrapper { overflow: visible; border: none; border-radius: 0; box-shadow: none; } .notion-collection-table { border: 0; } /* hide the header row — labels move into each cell */ .notion-collection-table__head { display: none; } /* each row = a card; flex column so the event name can lead */ .notion-collection-table__body { display: block; } .notion-collection-table__body tr { display: flex; flex-direction: column; width: auto; background: var(--sb-card-bg) !important; /* cancels zebra + row hover */ border: 1px solid var(--sb-border); border-radius: 14px; box-shadow: var(--sb-shadow-sm); padding: 16px 18px; margin: 0 0 16px; overflow: hidden; } /* meta fields = compact "LABEL value" rows */ .notion-collection-table__body td { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: start; border: 0 !important; padding: 5px 0 !important; width: auto; text-align: left; white-space: normal; /* release super.so's single-line cell clamp */ overflow: visible !important; height: auto !important; max-height: none !important; } .notion-collection-table__body td::before { content: attr(data-label); padding-top: 3px; font-weight: 700; font-size: 0.64rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--sb-text-muted); } /* no label line if the head script isn't added */ .notion-collection-table__body td:not([data-label])::before { content: ""; } /* the title column becomes the card heading, pulled to the top */ .notion-collection-table__body td.notion-collection-table__cell.title { order: -1; display: block !important; font-size: 1.15rem; font-weight: 700; line-height: 1.25; padding: 0 0 11px !important; margin-bottom: 11px; border-bottom: 1px solid var(--sb-border) !important; } .notion-collection-table__body td.notion-collection-table__cell.title::before { display: none; } .notion-collection-table__body td.notion-collection-table__cell.title * { font-size: inherit !important; font-weight: 700 !important; line-height: 1.25 !important; } /* the file / URL container sits in its own grid cell; the pill chips inside (styled in section 6) wrap onto new lines as needed */ .notion-collection-table__body td .notion-property__file, .notion-collection-table__body td .notion-property__url { display: block !important; overflow: visible !important; max-width: none !important; } /* hide empty fields (script flags them) */ .notion-collection-table__body td[data-empty] { display: none; } } /* ============================================================ 12. Orienteering flair (subtle) The orienteering "finish" symbol — two concentric circles — sits as a quiet motif in the footer. Nothing else themed, so the site reads professional first. ============================================================ */ .super-footer { background-image: radial-gradient(circle at var(--sb-finish-x, calc(100% - 72px)) var(--sb-finish-y, 50%), transparent 0 27px, rgba(255, 255, 255, 0.5) 27px 29px, transparent 30px), radial-gradient(circle at var(--sb-finish-x, calc(100% - 72px)) var(--sb-finish-y, 50%), transparent 0 17px, rgba(255, 255, 255, 0.5) 17px 19px, transparent 20px); background-repeat: no-repeat; } /* mcp:style:sboc-quiet */ /* Quiet shadcn-style look for Events, Results, All/Wider fixtures and event pages. Overrides (does not delete) sections 4, 6, 7 and 11 above on these pages only. Pairs with the script in the Body slot and the Inter link in Head. */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) { --q-fg:#09090b; --q-mut:#71717a; --q-bd:#e4e4e7; --q-mbg:#f4f4f5; --q-pri:#f5821f; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(h1, h2, h3, p, a, td, th, div, span):not(#_) { font-family: inherit; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .notion-header__title:not(#_) { font-weight: 600; letter-spacing: -0.025em; color: var(--q-fg); } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-heading:not(#_) { font-weight: 600; letter-spacing: -0.01em; color: var(--q-fg); } /* --- tables --- */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__wrapper:not(#_) { border: 1px solid var(--q-bd); border-radius: 8px; box-shadow: none; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell:not(#_) { background: #fff; text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 500; padding: 11px 16px; border-bottom: 1px solid var(--q-bd); } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell:not(#_):not(#_) * { color: var(--q-mut) !important; font-weight: 500 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell svg { display: none; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:not(#_) { padding: 13px 16px; border-bottom: 1px solid var(--q-bd); vertical-align: middle; font-size: 14px; line-height: 1.45; color: var(--q-mut); } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:last-child td:not(#_) { border-bottom: 0; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:not(#_):hover { background: transparent !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td :is(p, div, span):not(#_) { font-size: inherit !important; color: inherit; } /* date: small bold, foreground */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td .property-75745d56:not(#_) { color: var(--q-fg); font-weight: 600; white-space: nowrap; } /* title: foreground, medium, link without underline/colour */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title:not(#_) { color: var(--q-fg); font-weight: 500; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title a:not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title a:not(#_):hover { color: var(--q-fg) !important; text-decoration: none !important; background-image: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title .notion-property__title:not(#_) { font-weight: 500 !important; white-space: normal; } /* --- buttons: Details/Results/file = outline, Entry Link = solid orange "Enter" --- */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill:not(#_):not(#_) { display: inline-flex !important; margin: 2px 6px 2px 0 !important; padding: 0 !important; border-radius: 6px !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--q-bd) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; font-size: 13px !important; line-height: 1 !important; transition: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill:not(#_):not(#_):hover { background: #fff !important; border-color: var(--q-bd) !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill .notion-semantic-string:not(#_) { display: flex !important; width: 100% !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill a:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill a:not(#_):not(#_):hover { display: flex !important; align-items: center; height: 30px; padding: 0 12px !important; border-radius: 6px !important; color: var(--q-fg) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; text-decoration: none !important; background: transparent !important; background-image: none !important; } /* Entry Link (url) -> solid orange Enter; label via CSS, link text kept for screen readers */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 .notion-pill:not(#_):not(#_) { background: var(--q-pri) !important; border-color: var(--q-pri) !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 .notion-pill a:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 .notion-pill a:not(#_):not(#_):hover { color: #fff !important; font-size: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 .notion-pill a::after { content: "Enter"; font-size: 13px; } /* relabelled file links (script sets data-sbq-label, e.g. "Details") */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) a[data-sbq-label]:not(#_):not(#_):not(#_) { font-size: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) a[data-sbq-label]::after { content: attr(data-sbq-label); font-size: 13px; } /* short date (script sets data-sbq-date) */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) [data-sbq-date]:not(#_):not(#_) { font-size: 0 !important; display: flex !important; align-items: center; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) [data-sbq-date]::after { content: attr(data-sbq-date); font-size: 14px; } /* table width: let content size the columns (Notion's fixed widths squeeze the event name) */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) table.notion-collection-table:not(#_) { table-layout: auto !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell:not(#_):not(#_) { width: auto !important; } /* file/url containers: buttons in a row, wrapping */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url):not(#_):not(#_) { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 6px; align-items: center; overflow: visible !important; max-width: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.notion-property__file, .notion-property__url) .notion-pill:not(#_):not(#_) { margin: 0 !important; } /* url Entry Link (plain link) and image-file links (thumbnail) as buttons */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.property-615d5755, .property-79646e6d) > a:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) :is(.property-615d5755, .property-79646e6d) > a:not(#_):not(#_):hover { display: inline-flex !important; align-items: center; height: 32px; padding: 0 12px !important; border: 1px solid var(--q-bd) !important; border-radius: 6px !important; background: #fff !important; color: var(--q-fg) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; text-decoration: none !important; background-image: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 > a:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 > a:not(#_):not(#_):hover { background: var(--q-pri) !important; border-color: var(--q-pri) !important; color: #fff !important; font-size: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-615d5755 > a::after { content: "Enter"; font-size: 13px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) .property-79646e6d > a > div:not(#_) { display: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) [data-sbq-title]:not(#_):not(#_) { display: block !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.text :is(p, div):not(#_) { white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; line-height: 1.45 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td :is(p.property-75745d56, p.property-77436268):not(#_):not(#_):not(#_) { white-space: nowrap !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:is(.file, .url):not(#_) { min-width: 84px; max-width: 240px; } /* --- cancelled (script sets data-sbq-cx on the row / main, data-sbq-title on the title) --- */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) tr[data-sbq-cx] td:not(#_):not(#_), :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) tr[data-sbq-cx] td:not(#_):not(#_) * { color: #a1a1aa !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) [data-sbq-title]:not(#_):not(#_):not(#_) { font-size: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) td [data-sbq-title]::before { content: attr(data-sbq-title); font-size: 14px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures, main.parent-page__all-fixtures, main.parent-page__results) [data-sbq-title]::after { content: "Cancelled"; display: inline-flex; align-items: center; height: 20px; padding: 0 8px; margin-left: 8px; border: 1px solid var(--q-bd); border-radius: 6px; font-size: 12px; font-weight: 500; color: var(--q-mut); vertical-align: 2px; white-space: nowrap; letter-spacing: 0; } :is(main.parent-page__all-fixtures, main.parent-page__results) h1[data-sbq-title]::before { content: attr(data-sbq-title); font-size: 30px; } :is(main.parent-page__all-fixtures, main.parent-page__results)[data-sbq-cx] .notion-header__title:not(#_) { color: #a1a1aa; } /* --- view picker: calm, no hover change --- */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-dropdown__option:not(#_) { border-radius: 6px; border-color: var(--q-bd); font-weight: 500; font-size: 13px; padding: 5px 12px; transition: none; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-dropdown__option:not(.active):not(#_):not(#_):not(#_):hover { background: transparent !important; border-color: var(--q-bd) !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-dropdown__option:not(.active):not(#_):not(#_):not(#_):hover * { color: inherit !important; } /* --- event pages: title, date line, two-column fact list --- */ :is(main.parent-page__all-fixtures, main.parent-page__results) .sbq-dateline { margin: 8px 0 0; padding: 0; text-align: center; color: var(--q-mut); font-size: 16px; line-height: 1.5; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__properties:not(#_) { border: 1px solid var(--q-bd); border-radius: 8px; padding: 0 !important; margin-top: 24px !important; margin-bottom: 24px !important; overflow: hidden; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property:not(#_) { display: grid !important; grid-template-columns: 160px 1fr; gap: 16px; align-items: center; margin: 0 !important; padding: 12px 16px !important; border-bottom: 1px solid var(--q-bd); font-size: 14px; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property:last-of-type:not(#_) { border-bottom: 0; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__properties .notion-divider:not(#_) { display: none; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property-name-wrapper:not(#_) { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; display: flex; align-items: center; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property-name:not(#_) { padding: 0 !important; margin: 0 !important; height: auto !important; line-height: 1.45 !important; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property-name:not(#_), :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property-name:not(#_) * { color: var(--q-mut) !important; font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property-name svg { display: none; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property > .notion-property:not(#_) { color: var(--q-fg); font-weight: 500; font-size: 14px !important; padding: 0 !important; margin: 0 !important; min-height: 0; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property > .notion-property [data-sbq-date]::after { font-size: 14px; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property:has(> .notion-page__property-name-wrapper:only-child)::after { content: "None yet"; color: #a1a1aa; font-size: 14px; } /* --- mobile: each row its own quiet card, no outer frame, no column labels --- */ @media (max-width: 768px) { :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__wrapper:not(#_) { border: 0; border-radius: 0; overflow: visible; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body:not(#_) { display: flex; flex-direction: column; gap: 12px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:not(#_):not(#_) { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 16px; border: 1px solid var(--q-bd); border-radius: 8px; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr[data-sbq-cx]:not(#_):not(#_) { background: #fafafa !important; box-shadow: none; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:not(#_):not(#_) { display: block !important; padding: 0 !important; border: 0 !important; font-size: 13.5px; white-space: normal; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.text :is(p, div):not(#_):not(#_) { white-space: normal !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:not(#_)::before { content: none !important; display: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:first-child:not(#_) { order: -2; font-size: 13px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title:not(#_):not(#_) { order: -1; font-size: 15px !important; font-weight: 500 !important; margin: 0 0 2px; padding: 0 !important; border: 0 !important; min-width: 0; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title:not(#_):not(#_) * { font-size: inherit !important; font-weight: 500 !important; line-height: 1.4 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title [data-sbq-title]:not(#_):not(#_):not(#_) { font-size: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td.title [data-sbq-title]::before { font-size: 15px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:is(.file, .url):not(#_):not(#_) { margin-top: 8px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:is(.file, .url) + td:is(.file, .url):not(#_):not(#_) { margin-top: 4px; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td[data-empty]:not(#_):not(#_) { display: none !important; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__property:not(#_) { grid-template-columns: 110px 1fr; gap: 12px; } :is(main.parent-page__all-fixtures, main.parent-page__results) h1[data-sbq-title]::before { font-size: 26px; } } /* fix2: cancelled reason note + Enter on event pages */ :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) td.title .sbq-cxnote:not(#_):not(#_) { display: block; margin: 3px 0 0; font-size: 13px !important; line-height: 1.4; font-weight: 400; color: var(--q-mut); white-space: normal; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-header__content > .sbq-cxnote:not(#_):not(#_) { margin: 6px 0 0; text-align: center; font-size: 15px; line-height: 1.5; color: var(--q-mut); } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-header__content > .sbq-actions:not(#_):not(#_) { display: flex; justify-content: center; gap: 8px; margin: 16px 0 0; } :is(main.parent-page__all-fixtures, main.parent-page__results) a.sbq-enter:not(#_):not(#_):is(:link, :visited, :hover, :focus, :active) { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 18px; border: 0; border-radius: 6px; background: var(--q-pri, #f5821f) !important; color: #fff !important; font: 500 14px/1 Inter, system-ui, sans-serif; text-decoration: none !important; box-shadow: none; opacity: 1; } :is(main.parent-page__all-fixtures, main.parent-page__results) a.sbq-enter:not(#_):not(#_):focus-visible { outline: 2px solid #09090b; outline-offset: 2px; } :is(main.parent-page__all-fixtures, main.parent-page__results) .notion-page__properties > .notion-page__property:has(.property-615d5755):not(#_):not(#_) { display: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) tr[data-sbq-cx] .property-615d5755:not(#_):not(#_) { visibility: hidden !important; } /* outline: match the site's other tables (1px #e9e9e7, square, no shadow); single dividers, no doubled cell borders */ @media (min-width: 769px) { :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__wrapper:not(#_):not(#_) { border: 1px solid #e9e9e7 !important; border-radius: 0 !important; box-shadow: none !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__head-cell:not(#_):not(#_) { border-width: 0 0 1px 0 !important; border-style: solid !important; border-color: #e9e9e7 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body td:not(#_):not(#_) { border-width: 0 0 1px 0 !important; border-style: solid !important; border-color: #e9e9e7 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:last-child td:not(#_):not(#_) { border-bottom-width: 0 !important; } :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__wrapper > table.notion-collection-table:not(#_):not(#_) { margin-bottom: 0 !important; } } @media (max-width: 768px) { :is(main.page__events, main.page__results, main.page__all-fixtures, main.page__wider-fixtures) .notion-collection-table__body tr:not(#_):not(#_) { border: 1px solid #e9e9e7 !important; } } /* /mcp:style:sboc-quiet */ /* mcp:style:results-year-dropdown */ /* Results page only: Notion view picker (years) shown as one compact select at every width instead of the wrapping pill row. No hover shade. */ main.page__results .notion-collection__header-wrapper .notion-dropdown:not(#_) { width: auto !important; display: inline-block; } main.page__results .notion-collection__header-wrapper .notion-dropdown__button:not(#_) { display: flex !important; align-items: center; justify-content: space-between !important; gap: 8px; width: 184px !important; height: 36px; padding: 0 10px 0 12px !important; border: 1px solid var(--q-bd, #e4e4e7) !important; border-radius: 6px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); font: 500 14px/1 Inter, ui-sans-serif, system-ui, sans-serif; color: var(--q-fg, #09090b); cursor: pointer; } main.page__results .notion-collection__header-wrapper .notion-dropdown__button-title:not(#_) { margin: 0 !important; font-size: 14px !important; font-weight: 500; color: var(--q-fg, #09090b); } main.page__results .notion-collection__header-wrapper .notion-dropdown__button-title:not(#_)::before { content: "Year"; margin-right: 8px; font-weight: 400; color: var(--q-mut, #71717a); } main.page__results .notion-collection__header-wrapper .notion-dropdown__button svg:last-of-type { width: 10px; height: 10px; fill: var(--q-mut, #71717a); } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu-wrapper:not(#_) { position: relative !important; margin: 0 0 16px !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu-wrapper .notion-dropdown__menu:not(#_) { position: absolute !important; top: 6px !important; left: 0 !important; width: 184px !important; min-width: 0 !important; margin: 0 !important; padding: 4px !important; max-height: min(360px, 60vh); overflow-y: auto !important; transform: none !important; animation: none !important; background: #fff !important; border: 1px solid var(--q-bd, #e4e4e7) !important; border-radius: 8px !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06) !important; z-index: 50 !important; opacity: 1 !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu-wrapper .notion-dropdown__menu:not(.open):not(#_) { display: none !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option-list:not(#_) { display: flex !important; flex-direction: column; flex-wrap: nowrap !important; gap: 0 !important; padding: 0 !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option:not(#_):not(#_) { position: relative; height: 32px !important; padding: 0 8px 0 30px !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; transition: none !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option:not(#_):not(#_) p { font-size: 14px !important; font-weight: 400 !important; color: var(--q-fg, #09090b) !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option:hover:not(#_):not(#_):not(#_):not(#_):not(#_), main.page__results .notion-collection__header-wrapper .notion-dropdown__button:hover:not(#_) { background: transparent !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option.active:not(#_):not(#_):not(#_):not(#_) { background: transparent !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option.active:not(#_):not(#_):not(#_):not(#_) p { font-weight: 600 !important; color: var(--q-fg, #09090b) !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option.active:not(#_):not(#_):not(#_):not(#_)::before { content: ""; position: absolute; left: 10px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: var(--q-pri, #f5821f); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat; } @media (max-width: 575px) { main.page__results .notion-collection__header-wrapper .notion-dropdown:not(#_) { display: block; width: 100% !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__button:not(#_), main.page__results .notion-collection__header-wrapper .notion-dropdown__menu-wrapper .notion-dropdown__menu:not(#_) { width: 100% !important; } main.page__results .notion-collection__header-wrapper .notion-dropdown__button:not(#_) { height: 40px; } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option:not(#_):not(#_) { height: 38px !important; } } main.page__results .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option:hover:not(#_):not(#_):not(#_):not(#_):not(#_) * { color: var(--q-fg, #09090b) !important; } /* /mcp:style:results-year-dropdown */20:["$","body",null,{"children":[["$","$L22",null,{"settings":{"siteId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1","userId":"ac8e0581-2e86-423e-8c0b-845510b65244","domainName":"sboc.org.uk","name":"SBOC","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/87d3177b-3a33-46fe-8007-3a6637a3e4b1/uploads/favicon/84d838f7-f908-4acd-ac84-b1f94d7eb3e0.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"c1f8c82c49fb45b39434155d48825ba3","indexPageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::cd77d220-92cc-40b4-b3fd-df929307ad29","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":true,"mondayFirst":true,"loadLimits":true,"disableLoadMore":false,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"viewsExceeded":false,"pagesExceeded":true,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":true,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"0033184b-00cd-4548-9adf-4abc67995510","type":"list","label":"About us","list":[{"id":"eba08c8b-40ac-4094-91b0-36c0a95453f4","type":"page","label":"About us","link":"/about-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::0a3fd486-2e7a-495b-93d5-3991a04b7e56","icon":"","description":"","list":[]},{"id":"747a4f81-3f72-4959-8f1b-52354490df2f","type":"page","label":"Club History","link":"/about-us/club-history","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::7305b5cf-0d2b-437d-be43-5f9c72f3b9bf","icon":"","description":"","list":[]},{"id":"3d233e58-7bda-4bc8-9ca2-e0e299dbaad6","type":"page","label":"Club Kit","link":"/about-us/club-kit","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e7b51e93-d6f8-482b-9d78-f69fbc081fab","icon":"","description":"","list":[]},{"id":"107ca078-1e72-4fb7-a886-5cb91b1d810b","type":"page","label":"Partnerships","link":"/about-us/partnerships","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::dee0ec4f-ea2f-4824-97aa-acd9913dad0d","icon":"","description":"","list":[]},{"id":"68ea458a-303b-4f9c-b4d2-7c8563dd31be","type":"page","label":"Committee Members","link":"/about-us/committee-members","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8cb4bc93-e406-47bf-9776-6f4168ff16c4","icon":"","description":"","list":[]},{"id":"3b386761-cd2d-49ca-8f55-81f4fc2fdee5","type":"page","label":"Safeguarding and Welfare","link":"/about-us/safeguarding-and-welfare","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60b7d4a7-b8ba-453f-a199-56f8a4ad5646","icon":"","description":"","list":[]},{"id":"8384dbf7-cf8b-4be9-8d49-0278f0ba62a3","type":"page","label":"Club Policies","link":"/about-us/policies","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::858a139f-69bc-4b53-8bda-768470f967b1","icon":"","description":"","list":[]}]},{"id":"a049b570-d790-4053-93ab-18ceba9e6f54","type":"page","label":"Events","link":"/events","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8abb961b-ad4a-4269-8eac-33b65af2418c","list":[]},{"id":"b28ac481-8d33-46b8-a43a-783390fbd5be","type":"page","label":"Results","link":"/results","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60633d4d-d3b0-4435-948b-b49d6bf32067","list":[]},{"id":"ee90f56b-60e5-4970-9bd5-4d9b91fcd5e3","type":"page","label":"News","link":"/news","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ec36d431-cf46-496c-a70e-7cdac3642be0","list":[]},{"id":"4a3a0649-4505-4ad5-b089-7e7028d8d29f","type":"list","label":"Get involved","list":[{"id":"0f257a87-152c-4030-b07a-525ba7c4e997","type":"page","label":"Beginners","link":"/get-involved/info-for-beginners","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::c6afeca2-fcca-497b-9342-785beca94955","icon":"","description":"","list":[]},{"id":"398e4e79-bb1f-4a96-b7f3-68674c3d7aac","type":"page","label":"Membership","link":"/membership","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::bac5decb-9174-4618-bdcc-c59d80dcc0e1","icon":"","description":"","list":[]},{"id":"120de69b-6889-4da6-8d25-b998d6755a5f","type":"page","label":"Volunteering","link":"/get-involved/volunteering","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::d73fc87c-d319-419c-ae38-8429b60afd2f","icon":"","description":"","list":[]},{"id":"d0587c13-888d-4b04-b4bd-e3fd87291420","type":"page","label":"Juniors","link":"/get-involved/juniors","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e4ccf956-c012-4f00-83c3-a3a815c8b95b","icon":"","description":"","list":[]}]},{"id":"7d1f2b32-f78e-4399-83be-7ccd307b40b0","type":"list","label":"Training & resources","list":[{"id":"7591c6b0-2c1f-4842-ad69-d5e5afa490a7","type":"page","label":"Organising & Planning","link":"/training-and-resources/organising-and-planning","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::03e1e7cb-cc91-4d64-8a7e-94ed9ea3a3fc","icon":"ClipboardCheck","description":"","list":[]},{"id":"18d25662-1d2a-4d12-995b-fd6db888f39a","type":"page","label":"Games","link":"/training-and-resources/games","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5a645777-53a5-4a7e-9830-0d6c3ec29c9a","icon":"Puzzle","description":"","list":[]},{"id":"e4e42ad3-7ed5-42fc-9d3a-3b41e99fef18","type":"page","label":"Mapping","link":"/training-and-resources/mapping","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8dc7cf9c-3cb7-431d-9cb9-72fa2e87c064","icon":"Map","description":"","list":[]},{"id":"46ae9189-8048-42aa-9ec5-7d0a0fa7b8c3","type":"page","label":"Website","link":"/training-and-resources/website","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::00f98054-ce71-4732-80e5-3b1f6d6dc785","icon":"RefreshCcw","description":"","list":[]},{"id":"6bfe8a54-09ed-45e4-8078-22c62bb42a9e","type":"page","label":"Learning the skills","link":"/training-and-resources/skills","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ba0c7896-a73e-4a80-ae92-40c2a4989acd","icon":"Award","description":"","list":[]}]},{"id":"7a4a86fd-b63e-400c-883a-701a3709118c","type":"list","label":"Maps & courses","list":[{"id":"44399edb-3fc5-48fc-8cc9-9b0e215a15e3","type":"page","label":"Permanent Orienteering Courses","link":"/maps-and-courses/permanent-courses","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::f5499aaa-66f7-4f13-86b5-db3eb407d64f","icon":"","description":"","list":[]}]},{"id":"cd444ea0-5521-430c-9de4-837ddddbf6b7","type":"page","label":"Join us","link":"/membership","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::bac5decb-9174-4618-bdcc-c59d80dcc0e1","list":[]},{"id":"0ec44afa-e4df-462a-8310-7ad5ec8cf54d","type":"page","label":"Contact us","link":"/contact-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5ca86437-720e-4cee-a3ab-011bfcf3da9c","list":[]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"SBOC","imageContent":"https://assets.super.so/87d3177b-3a33-46fe-8007-3a6637a3e4b1/uploads/logo/bd0a530b-1034-4711-ada5-9f46d4261642.svg","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"51c35114-8c03-4bc2-b5f8-064d82189ffe","type":"page","label":"About us","link":"/about-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::0a3fd486-2e7a-495b-93d5-3991a04b7e56","icon":"","list":[]},{"id":"94d21d4e-b02f-4b0e-9b33-d1a98f64c5d9","type":"list","label":"Info for…","icon":"BadgeInfo","list":[{"id":"bc26465e-7f5d-41c0-9dc9-b26b9b5957d9","type":"page","label":"Beginners","link":"/get-involved/info-for-beginners","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::c6afeca2-fcca-497b-9342-785beca94955","icon":"","description":"","list":[]},{"id":"9f9e4f8a-b3bd-48e1-9eda-37ba6cbe2c34","type":"page","label":"Organisers","link":"/training-and-resources/organising-and-planning","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::03e1e7cb-cc91-4d64-8a7e-94ed9ea3a3fc","icon":"","description":"","list":[]}]},{"id":"38d32e06-cad1-454d-9bb5-b568cfba83ae","type":"list","label":"Policies","icon":"","list":[{"id":"61de16f1-6704-4d72-82d7-49ab124f9902","type":"page","label":"Privacy Policy","link":"/privacy-policy","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::698b0d98-38ec-4953-94f7-bab1fa8581e8","icon":"","description":"","list":[]},{"id":"a9a185df-843b-411a-b013-c21bf763cb28","type":"page","label":"Safeguarding and Welfare","link":"/about-us/safeguarding-and-welfare","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60b7d4a7-b8ba-453f-a199-56f8a4ad5646","icon":"","description":"","list":[]}]},{"id":"00eb3ac5-2015-4c79-b0a0-36013e336706","type":"page","label":"Events","link":"/events","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8abb961b-ad4a-4269-8eac-33b65af2418c","list":[]},{"id":"67eb4b22-8124-4f78-a8f0-797bea6bd0b5","type":"page","label":"Results","link":"/results","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60633d4d-d3b0-4435-948b-b49d6bf32067","list":[]},{"id":"890ba8c9-232a-469e-b028-63b0dac4de89","type":"page","label":"News","link":"/news","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ec36d431-cf46-496c-a70e-7cdac3642be0","list":[]},{"id":"7f07721c-c8b3-4433-bc0f-fbac4dfe34d7","type":"page","label":"Contact us","link":"/contact-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5ca86437-720e-4cee-a3ab-011bfcf3da9c","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Swansea Bay Orienteering Club","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[{"type":"instagram","link":"https://www.instagram.com/orienteeringswanseabay/"},{"type":"twitter","link":"https://twitter.com/SwanseaBayOC"}],"footnote":"© Swansea Bay Orienteering Club","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":1200,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":8,"pageDisplay":"none"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Lato","secondaryFont":"Lato","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":72,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#ffffff","background":"#f5821f","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#ffffff","background":"#f5821f","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#262626","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e5696845-8f09-41fc-9e84-4ff06dcc4e0b","content":"$23"}],"head":[],"body":[{"id":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::3f97d00b-a326-4411-a72f-c94c222fbcff","content":"$24"}],"style":[],"css":"$25"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L26",null,"$L27","$L28","$L29","$L2a","$L2b"]}],"$L2c"]}]

SBOC Trail Challenge 1 – Llewelyn Lope