/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename.css, then process with Codekit to output into prod/

*/[role=tabpanel]>:is(h2,h3,p){margin-inline:auto;max-width:var(--max-width-reading-long)}[role=tablist] a,[role=tablist] li{display:inline-block}[role=tablist]{text-align:center}@media (max-width:767px){[role=tablist] a,[role=tablist] li{display:block;position:static}[role=tablist] [aria-selected]{position:static}}@media (min-width:768px){[role=tablist]{display:flex;gap:var(--spacing-m);justify-content:center;margin-inline:auto;max-width:75rem;padding-inline:var(--spacing-l)}[role=tablist] li{flex-basis:33.33%}[role=tablist] a{display:flex;justify-content:center}}[role=tablist] li{padding-block-end:0}[role=tablist] a{padding:var(--spacing-m) var(--spacing-l)}[role=tabpanel]{padding:var(--spacing-l-4) var(--spacing-l)}[role=tablist] a{color:#000;font-size:var(--font-size-s);font-weight:var(--font-family-main-weight-strong);letter-spacing:var(--letter-spacing-s);line-height:var(--font-size-s-1-line-height);text-decoration:none;text-transform:uppercase}[role=tab]{border-style:solid;border:1px var(--colour-grey);border-block-end:0}[role=tablist] [aria-selected]{border-block-end:0;position:relative;top:2px}[role=tablist] [aria-selected],[role=tabpanel]{background:var(--colour-grey-light-2)}@media (max-width:550px){[role=tablist] li+li a{border-top:0!important}[role=tablist] li:not(:only-child) [aria-selected]{color:var(--colour-red)}[role=tabpanel]{border-top:0}}.c-tabbed-interface :focus:focus-visible{box-shadow:inset 0 0 0 4px var(--colour-focus);outline:none}.c-tabbed-list{font-size:var(--font-size-s);list-style:none;margin-inline:auto;max-width:var(--max-width-reading-long);text-align:center}