@layer base,elements,objects,components,modifiers,scope,vendors,ui,utilities;/*! Notes...

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

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. run `sudo npm install` 2. Configure with `webpack.mix.js` 3. `npm run watch` to constantly monitor and compile into prod/)

*/@layer components{.c-journal-title{max-width:var(--max-width-3);margin:auto;padding-block-start:var(--spacing-vh-s);padding-inline-start:var(--spacing-m);padding-inline-end:var(--spacing-m)}@media (max-width: 449px){.c-journal-title{padding-block-start:calc(var(--background-for-site-header-height) + var(--spacing-4xl))}}@media (min-width: 600px){.c-journal-title{padding-inline-start:var(--spacing-l);padding-inline-end:var(--spacing-l)}}.c-journal-search{max-width:var(--max-width-1);margin:auto;padding-inline-start:var(--spacing-l);padding-inline-end:var(--spacing-l)}.c-journal-categories{display:flex;gap:var(--spacing-l);align-items:center;padding-block-start:1.2rem;list-style:none}.c-journal-categories-and-search{max-width:var(--max-width-3);margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-2xs) var(--spacing-l);padding-inline-start:var(--spacing-m);padding-inline-end:var(--spacing-m);padding-block-end:2.1rem}@media (min-width: 600px){.c-journal-categories-and-search{padding-inline-start:var(--spacing-l);padding-inline-end:var(--spacing-l)}}.c-journal-categories a{text-decoration:none;color:#000}.c-journal-categories .c-journal-categories__current{text-decoration:underline;text-underline-offset:var(--underline-offset-m);text-decoration-color:var(--color-gray-light-1)}.c-journal-category-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--spacing-2xs);font-size:var(--font-size-s-x)}.c-journal-category-list *{padding:0}.c-journal-category-list ul{list-style:none;font-size:var(--font-size-s-1)}.c-journal-category-list li:before{content:"/ "}.c-journal-category-list li:after:not(:last-child){content:" /"}.c-journal-category-list ul *{color:var(--color-gray-reading)!important}}