/*! Notes...

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

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. Configure with `webpack.mix.js` 2. `npm run production` will compile into prod/ on the server)

*/
@layer components{.entry-date{color:var(--colour-grey-light);font-size:var(--font-size-s);letter-spacing:var(--letter-spacing-s);text-transform:uppercase}.s-entry-content pre{background:radial-gradient(ellipse at top right, var(--colour-black-off-1) 0%,var(--colour-black-off-2) 100%)}.c-avatar{border-radius:50%}.entry-categories-and-tags li{display:inline-block}.entry-categories-and-tags li svg{margin-inline-end:.35em;position:relative;top:-.1em}.entry-categories-and-tags li:not(:last-child):after{content:" ,"}.c-comments-area{max-width:var(--max-width-reading-long);padding-inline:var(--spacing-m);margin-inline:auto;padding-block-start:var(--spacing-l-3)}.c-comments-area .c-avatar{max-width:60px;margin-inline-end:var(--spacing-s);display:inline-block}.c-comments-area--with-message{margin-block-end:var(--spacing-l-1)}.c-avatar{margin-block-end:var(--spacing-s-0)}.c-comment-meta{padding-block-end:var(--spacing-s-0)}.c-comment-author{margin-block-end:var(--spacing-s);padding-block-end:var(--spacing-s-0-0)}.c-comment{padding-block-end:var(--spacing-l-2)}.fn,.says{font-size:.9em}.url{color:var(--colour-blue);border-bottom:0;text-decoration:none}.c-comment-meta,.says{color:var(--colour-grey-light)}.required{color:var(--colour-blue)}.reply{padding-block-start:var(--spacing-s-0)}.children .c-comment{padding-block-end:0}.c-avatar--none{opacity:.5;filter:grayscale()}.c-stylised-feature-image{top:var(--spacing-l-1);z-index:-1;opacity:.5;position:absolute;left:50%;transform:translate(-50%)}}@layer scope{.c-entry-header .entry-meta{text-align:center}.s-entry-footer .entry-meta{border:1px solid var(--colour-black-off-2);border-inline:0;flex-wrap:wrap;justify-content:flex-start;display:flex}.s-entry-footer .entry-categories-and-tags{flex-basis:50%;padding-block-start:var(--spacing-s);padding-block-end:var(--spacing-l)}.s-entry-footer .entry-categories-and-tags h3{padding-block-end:var(--spacing-s-1)}.s-entry-footer .c-btn+.entry-meta{margin-block-start:var(--spacing-m)}}@layer objects{.o-comment-list{padding-block-start:var(--spacing-s-1)}}