/*
Theme Name: Marcos Filho — Caderno
Theme URI: https://ds.marcosofilho.com/
Author: Marcos Filho
Description: Tema editorial para o blog Marcos Filho, baseado no Design System 1.2.4.
Version: 1.0.15
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: marcos-filho-blog
License: GPL v2 or later
*/

@font-face{font-family:Geist;src:url('assets/fonts/Geist-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('assets/fonts/GeistMono-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--semantic-colors-bg-page);color:var(--semantic-colors-text-heading);font-family:var(--font-sans);font-size:var(--typography-font-sizes-base);line-height:var(--typography-line-heights-relaxed)}
body.mf-preview-page{overflow:hidden}
body.menu-open{overflow:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--semantic-colors-link-hover)}
:focus-visible{outline:var(--borders-strong) solid var(--semantic-colors-border-ink);outline-offset:var(--space-1)}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:var(--z-index-skip-link);padding:var(--space-2) var(--space-4);background:var(--semantic-colors-bg-inverse);color:var(--semantic-colors-text-inverse);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.page-shell{width:min(calc(100% - 2 * var(--layout-gutter-desktop)),var(--containers-content));margin-inline:auto}
.brand-stop{color:var(--colors-green-700)}
.site-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:var(--z-index-sticky);background:var(--semantic-colors-bg-page);border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);width:min(calc(100% - 2 * var(--layout-gutter-desktop)),var(--containers-content));min-height:var(--space-20);margin-inline:auto}
.site-brand,.footer-brand{font-size:var(--typography-font-sizes-xl);font-weight:var(--typography-font-weights-bold);letter-spacing:var(--typography-letter-spacing-tight);white-space:nowrap}
.site-brand span:first-child{font-weight:var(--typography-font-weights-regular)}
.desktop-nav{gap:var(--space-8);margin-left:auto}
.desktop-nav a{padding:var(--space-2) 0;color:var(--semantic-colors-text-body)}
.desktop-nav a[aria-current="page"]{color:var(--semantic-colors-text-heading);border-color:var(--semantic-colors-border-ink);font-weight:var(--typography-font-weights-semibold)}
.header-actions{display:flex;align-items:center;gap:var(--space-3)}
.header-actions button,.blog-search-form button{display:grid;place-items:center;width:var(--sizing-control);height:var(--sizing-control);padding:var(--space-2);border:0;background:transparent;color:var(--semantic-colors-text-heading)}
.header-actions svg,.blog-search-form svg{width:var(--sizing-icon-default);height:var(--sizing-icon-default);fill:none;stroke:currentColor;stroke-width:1.5}
.menu-toggle{display:none!important;position:relative}
.menu-toggle span{display:block;width:var(--sizing-icon-lg);height:var(--borders-hairline);background:currentColor}
.menu-toggle span+span{margin-top:var(--space-1-5)}
.header-search-panel{position:absolute;top:100%;left:0;right:0;padding:var(--space-6) var(--layout-gutter-desktop);border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default);background:var(--semantic-colors-bg-page)}
.header-search-panel[hidden],.mobile-menu[hidden]{display:none}
.header-search-panel .blog-search-form{max-width:var(--containers-prose);margin:auto}
.blog-search-form{display:flex;align-items:center;border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-ink)}
.blog-search-form .mf-input{min-height:var(--space-12);padding:var(--space-2) 0;border:0;border-radius:0;background:transparent;font-size:var(--typography-font-sizes-lg)}
.blog-search-form .mf-input:focus-visible{outline:0}
.blog-search-form:focus-within{outline:var(--borders-strong) solid var(--semantic-colors-border-ink);outline-offset:var(--space-1)}
.mobile-menu{position:fixed;z-index:var(--z-index-modal);inset:calc(var(--space-20) + var(--wp-admin--admin-bar--height,0px)) 0 0;background:var(--semantic-colors-bg-page);padding:var(--space-12) var(--layout-gutter-mobile)}
.mobile-menu nav{display:grid;gap:var(--space-6);max-width:var(--containers-content);margin:auto}
.mobile-menu a{font-size:var(--typography-font-sizes-3xl);font-weight:var(--typography-font-weights-semibold);line-height:var(--typography-line-heights-tight)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(var(--space-24) * 6);display:flex;align-items:center;border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default)}
#network-hero{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-inner{width:min(calc(100% - 2 * var(--layout-gutter-desktop)),var(--containers-content));margin:var(--space-24) auto;position:relative;z-index:1;pointer-events:none}
.hero-inner>*{pointer-events:auto}
.hero .mf-eyebrow{margin:0 0 var(--space-8)}
.hero h1{max-width:var(--containers-narrow);margin:0;font-size:clamp(var(--typography-font-sizes-4xl),6vw,var(--typography-font-sizes-7xl));font-weight:var(--typography-font-weights-semibold);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tighter)}
.hero-dek{max-width:var(--containers-prose);margin:var(--space-8) 0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-lg)}
.hero .mf-text-link{display:inline-flex;gap:var(--space-3)}
.home-latest,.home-themes{padding-block:var(--layout-section-y)}
.section-title{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:var(--space-8);margin-bottom:var(--space-12)}
.section-title .mf-eyebrow{grid-column:1/-1;margin:0 0 var(--space-3)}
.section-title h2{margin:0;font-size:var(--typography-font-sizes-4xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.home-themes .section-title .themes-intro{grid-column:1/-1;max-width:var(--containers-prose);margin:var(--space-4) 0 0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-base);line-height:var(--typography-line-heights-relaxed)}
.section-title .mf-text-link{margin-bottom:var(--space-1)}
.post-list{border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.post-row{display:grid;grid-template-columns:var(--space-24) minmax(0,1fr) var(--space-8);gap:var(--space-8);padding:var(--space-8) 0;border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.post-page-preview{position:fixed;z-index:var(--z-index-modal);width:min(calc(var(--space-20) * 5),calc(100vw - 2 * var(--space-4)));height:min(calc(var(--space-20) * 7),calc(100dvh - var(--space-20) - var(--space-8)));background:var(--semantic-colors-bg-page);box-shadow:var(--shadows-md);pointer-events:none;overflow:hidden}
.post-page-preview[hidden]{display:none}
.post-page-preview iframe{display:block;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}
.post-row-date,.post-row-top,.article-meta,.related-list time{font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs);color:var(--semantic-colors-text-muted)}
.post-row-date{padding-top:var(--space-1)}
.post-row-top{display:flex;align-items:center;gap:var(--space-3)}
.post-row-top .mf-badge{font-size:var(--typography-font-sizes-xs)}
.post-row h2{max-width:var(--containers-prose);margin:var(--space-3) 0 var(--space-2);font-size:var(--typography-font-sizes-2xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.post-row p{max-width:var(--containers-prose);margin:0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-sm)}
.post-row-arrow{align-self:start;text-align:right;font-size:var(--typography-font-sizes-xl)}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--layout-grid-gap);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.theme-column{display:block;padding:var(--space-8) 0;border-top:var(--borders-strong) solid var(--semantic-colors-border-default);transition:color var(--motion-durations-fast) var(--ease)}
.theme-design{border-top-color:var(--colors-blue-600)}.theme-development{border-top-color:var(--colors-purple-600)}.theme-branding{border-top-color:var(--colors-emerald-600)}
.theme-design:hover,.theme-design:focus-visible{color:var(--colors-blue-600)}
.theme-development:hover,.theme-development:focus-visible{color:var(--colors-purple-600)}
.theme-branding:hover,.theme-branding:focus-visible{color:var(--colors-emerald-600)}
.theme-column h3{display:flex;justify-content:space-between;gap:var(--space-4);margin:var(--space-3) 0;font-size:var(--typography-font-sizes-2xl);line-height:var(--typography-line-heights-tight)}
.theme-column p{max-width:var(--containers-prose);margin:0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-sm)}
.listing-page{padding-block:var(--layout-section-y)}
.listing-header{max-width:var(--containers-narrow);margin-bottom:var(--space-12)}
.listing-header .mf-eyebrow{margin:0 0 var(--space-4)}
.listing-header h1,.standard-page h1,.about-page h1{margin:0;font-size:var(--typography-font-sizes-5xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.listing-header p:last-child{margin:var(--space-4) 0 0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-lg)}
.blog-filters{display:flex;gap:var(--space-8);overflow-x:auto;border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default);white-space:nowrap}
.blog-filters a{display:block;padding:var(--space-3) 0;border-bottom:var(--borders-strong) solid transparent;color:var(--semantic-colors-text-muted);font-size:var(--typography-font-sizes-sm)}
.blog-filters a[aria-current="page"]{border-color:var(--colors-green-700);color:var(--semantic-colors-text-heading)}
.blog-filters .filter-design[aria-current="page"]{border-color:var(--colors-blue-600)}
.blog-filters .filter-development[aria-current="page"]{border-color:var(--colors-purple-600)}
.blog-filters .filter-branding[aria-current="page"]{border-color:var(--colors-emerald-600)}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-6);padding-top:var(--space-12);font-family:var(--font-mono);font-size:var(--typography-font-sizes-sm)}
.blog-pagination a,.blog-pagination span{min-width:var(--space-6);text-align:center;border-bottom:var(--borders-strong) solid transparent}
.blog-pagination .current{border-color:var(--colors-green-700)}
.search-page>.blog-search-form{max-width:var(--containers-prose);margin-bottom:var(--space-12)}
.search-empty{padding-block:var(--space-20);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.search-empty h2{max-width:var(--containers-prose);font-size:var(--typography-font-sizes-3xl);line-height:var(--typography-line-heights-tight)}
.search-empty p{color:var(--semantic-colors-text-body)}
.search-empty .blog-filters{max-width:var(--containers-prose);margin-top:var(--space-8)}
.article-page{padding-bottom:var(--layout-section-y)}
.article-shell{width:min(calc(100% - 2 * var(--layout-gutter-desktop)),var(--containers-wide-media));margin:auto}
.article-breadcrumb{padding:var(--space-8) 0;color:var(--semantic-colors-text-muted);font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.article-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-header{max-width:var(--containers-prose);margin:var(--space-12) auto var(--space-16)}
.article-header h1{margin:var(--space-6) 0 var(--space-4);font-size:var(--typography-font-sizes-5xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.article-dek{margin:0;color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-xl);line-height:var(--typography-line-heights-normal)}
.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-4);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.article-featured{max-width:var(--containers-wide-media);margin:0 auto var(--space-16)}
.article-featured .gallery-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.article-content{max-width:var(--containers-prose);margin:auto}
.entry-content{font-size:var(--typography-font-sizes-base);line-height:var(--typography-line-heights-relaxed)}
.entry-content>*{margin-block:0 var(--space-6)}
.entry-content h2{margin-top:var(--space-16);font-size:var(--typography-font-sizes-3xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.entry-content h3{margin-top:var(--space-12);font-size:var(--typography-font-sizes-2xl);line-height:var(--typography-line-heights-tight)}
.entry-content p,.entry-content li{color:var(--semantic-colors-text-body)}
.entry-content a{text-decoration:underline;text-underline-offset:var(--space-1)}
.entry-content ul,.entry-content ol{padding-left:var(--space-6)}
.entry-content li+li{margin-top:var(--space-2)}
.entry-content blockquote{margin-inline:0;padding:var(--space-6) 0;border-block:var(--borders-hairline) solid var(--semantic-colors-border-default);font-size:var(--typography-font-sizes-2xl);font-weight:var(--typography-font-weights-medium);line-height:var(--typography-line-heights-tight)}
.entry-content blockquote p{color:var(--semantic-colors-text-heading)}
.entry-content figure{margin:var(--space-10) 0}
.entry-content figure img{display:block;width:100%;border-radius:var(--radii-media)}
.entry-content figcaption{margin-top:var(--space-2);color:var(--semantic-colors-text-muted);font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.entry-content .alignwide{width:min(var(--containers-wide-media),calc(100vw - 2 * var(--layout-gutter-desktop)));max-width:none;margin-left:50%;transform:translateX(-50%)}
.entry-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}
.entry-content .wp-block-gallery{display:grid;width:min(calc(var(--containers-prose) * 2),calc(100vw - 2 * var(--layout-gutter-desktop)));max-width:none;margin-left:calc((100% - min(calc(var(--containers-prose) * 2),calc(100vw - 2 * var(--layout-gutter-desktop)))) / 2);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.entry-content .wp-block-gallery figure{margin:0}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image{position:static;width:100%!important;max-width:none!important;display:block}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image::before{display:none!important}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static!important;width:auto!important;max-height:none!important;margin-top:var(--space-2);padding:0!important;background:none!important;backdrop-filter:none!important;filter:none!important;color:var(--semantic-colors-text-muted)!important;text-align:left;font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.entry-content .wp-block-gallery .gallery-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;transition:width var(--motion-durations-slower) var(--ease),margin var(--motion-durations-slower) var(--ease)}
.entry-content .wp-block-gallery img{cursor:zoom-in}
@media (hover:hover){.entry-content .wp-block-gallery .gallery-trigger:hover{z-index:var(--z-index-content);width:calc(100% + 2 * var(--space-1));margin-inline:calc(-1 * var(--space-1))}}
.entry-content .wp-block-gallery .gallery-trigger:focus-visible{z-index:var(--z-index-content);width:calc(100% + 2 * var(--space-1));margin-inline:calc(-1 * var(--space-1))}
.article-featured .gallery-trigger img,.entry-content .wp-block-gallery img{--image-reveal:0;filter:grayscale(calc(1 - var(--image-reveal)));opacity:calc(var(--opacity-image-rest) + (1 - var(--opacity-image-rest)) * var(--image-reveal));transition:filter var(--motion-durations-slower) var(--ease),opacity var(--motion-durations-slower) var(--ease)}
@media (hover:hover){.article-featured .gallery-trigger:hover img,.entry-content .wp-block-gallery .gallery-trigger:hover img{filter:none;opacity:1}}
.article-featured .gallery-trigger:focus-visible img,.entry-content .wp-block-gallery .gallery-trigger:focus-visible img{filter:none;opacity:1}
.entry-content table{width:100%;border-collapse:collapse;font-size:var(--typography-font-sizes-sm)}
.entry-content th,.entry-content td{padding:var(--space-3);border-bottom:var(--borders-hairline) solid var(--semantic-colors-border-default);text-align:left}
.entry-content pre{overflow-x:auto;padding:var(--space-4);background:var(--semantic-colors-surface-code);color:var(--semantic-colors-text-inverse);font-family:var(--font-mono);font-size:var(--typography-font-sizes-sm)}
.article-footer{max-width:var(--containers-prose);margin:var(--space-20) auto 0}
.related-reading{border-top:var(--borders-hairline) solid var(--semantic-colors-border-default);padding-top:var(--space-8)}
.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}
.related-list a{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default);transition:background var(--motion-durations-fast) var(--ease),border-color var(--motion-durations-fast) var(--ease)}
.related-list a:hover,.related-list a:focus-visible{background:var(--semantic-colors-bg-subtle);border-color:var(--semantic-colors-border-strong)}
.related-list a:hover strong,.related-list a:focus-visible strong{text-decoration:underline;text-underline-offset:var(--space-1)}
.related-thumb{display:block;margin-bottom:var(--space-2)}
.related-thumb img{display:block;width:100%;height:calc(var(--space-24) * 2);object-fit:cover;border-radius:var(--radii-media)}
.related-list strong{color:var(--semantic-colors-text-heading);font-size:var(--typography-font-sizes-base);line-height:var(--typography-line-heights-tight)}
.related-excerpt{color:var(--semantic-colors-text-body);font-size:var(--typography-font-sizes-sm);line-height:var(--typography-line-heights-relaxed)}
.post-neighbors{display:flex;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-12);padding-top:var(--space-4);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default);font-size:var(--typography-font-sizes-sm)}
.post-neighbors>div:last-child{text-align:right}
.comments-area{max-width:var(--containers-prose);margin:var(--space-20) auto 0;padding-top:var(--space-8);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.comments-area h2,.comment-reply-title{font-size:var(--typography-font-sizes-2xl);line-height:var(--typography-line-heights-tight)}
.comment-list{list-style:none;margin:var(--space-8) 0;padding:0}
.comment-list .children{list-style:none;margin-left:var(--space-8);padding:0}
.blog-comment{padding:var(--space-6) 0;border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.blog-comment header{display:flex;justify-content:space-between;gap:var(--space-3)}
.blog-comment time,.comment-notes{color:var(--semantic-colors-text-muted);font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.blog-comment .comment-reply-link{font-size:var(--typography-font-sizes-sm);text-decoration:underline}
.comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.comment-form>*{margin:0}
.comment-form-comment,.comment-form .comment-notes,.comment-form-cookies-consent,.comment-form .form-submit{grid-column:1/-1}
.comment-form label{display:block;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.comment-form input:not([type="checkbox"]),.comment-form textarea{width:100%;padding:var(--space-3);border:var(--borders-hairline) solid var(--semantic-colors-border-default);border-radius:var(--radii-md)}
.standard-page{padding-block:var(--layout-section-y)}
.standard-page article{max-width:var(--containers-prose);margin:auto}
.standard-page header{margin-bottom:var(--space-12)}
.about-page{padding-block:var(--layout-section-y)}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16)}
.about-copy>.mf-eyebrow{margin-top:0}
.about-copy .entry-content{margin-top:var(--space-12)}
.about-portrait{align-self:start}
.about-portrait-frame{width:100%;max-height:calc(var(--space-20) * 7);aspect-ratio:4/5;overflow:hidden;border-radius:var(--radii-media)}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;filter:grayscale(1);transition:filter var(--motion-durations-slower) var(--ease)}
.about-portrait--ds img{object-position:54% 20%;transform:scale(1.22);transform-origin:56% 22%}
@media (hover:hover){.about-portrait:hover img{filter:none}}
@media (hover:none){.about-portrait img{filter:none}}
.about-topics{margin-top:var(--space-16);padding-top:var(--space-12);border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.about-topics>.mf-eyebrow{margin:0 0 var(--space-3)}
.about-topics h2{margin:0;font-size:var(--typography-font-sizes-4xl);line-height:var(--typography-line-heights-tight);letter-spacing:var(--typography-letter-spacing-tight)}
.about-topics-intro{max-width:var(--containers-prose);margin:var(--space-4) 0 0;color:var(--semantic-colors-text-body)}
.about-tabs{margin-top:var(--space-8);overflow-x:auto;white-space:nowrap}
.about-tabs .filter-branding[aria-selected="true"]{border-color:var(--colors-emerald-600)}
.about-tabs .filter-development[aria-selected="true"]{border-color:var(--colors-purple-600)}
.about-tabs .filter-design[aria-selected="true"]{border-color:var(--colors-blue-600)}
.about-panel{padding-block:var(--space-8)}
.about-panel h3{margin:0;font-size:var(--typography-font-sizes-2xl);font-weight:var(--typography-font-weights-semibold);line-height:var(--typography-line-heights-tight);color:var(--semantic-colors-text-heading)}
.about-panel>p{max-width:var(--containers-prose);margin:var(--space-3) 0 var(--space-8);font-size:var(--typography-font-sizes-base);line-height:var(--typography-line-heights-relaxed)}
.error-hero{min-height:calc(var(--space-24) * 6)}
.error-hero h1{max-width:var(--containers-prose)}
.error-themes{max-width:var(--containers-prose);margin-top:var(--space-12)}
.error-themes .blog-filters{border-color:var(--semantic-colors-border-default)}
.site-footer{border-top:var(--borders-hairline) solid var(--semantic-colors-border-default)}
.site-footer-inner{width:min(calc(100% - 2 * var(--layout-gutter-desktop)),var(--containers-content));margin:auto;padding-block:var(--space-16);align-items:start;gap:var(--space-8)}
.site-footer p{margin:var(--space-2) 0 0;color:var(--semantic-colors-text-muted);font-size:var(--typography-font-sizes-sm)}
.footer-links{display:flex;gap:var(--space-6);font-size:var(--typography-font-sizes-sm)}
.blog-lightbox[hidden]{display:none}
.blog-lightbox{position:fixed;z-index:var(--z-index-modal);isolation:isolate;inset:0;display:grid;grid-template-columns:var(--space-12) minmax(0,1fr) var(--space-12);grid-template-rows:var(--space-12) minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--semantic-colors-text-heading)}
.blog-lightbox::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--semantic-colors-bg-inverse);opacity:calc(1 - var(--opacity-muted))}
.blog-lightbox button{border:0;background:transparent;color:inherit;font-size:var(--typography-font-sizes-2xl)}
.lightbox-close{grid-column:3;grid-row:1;align-self:start}
.lightbox-prev{grid-column:1;grid-row:2}.lightbox-next{grid-column:3;grid-row:2}
.lightbox-figure{grid-column:2;grid-row:2;margin:0;display:grid;justify-items:center;align-items:center;min-height:0}
.lightbox-figure img{max-width:100%;max-height:calc(100vh - 2 * var(--space-24));object-fit:contain}
.lightbox-caption{grid-column:1/-1;grid-row:3;text-align:center;font-family:var(--font-mono);font-size:var(--typography-font-sizes-xs)}
.lightbox-caption p{margin:0 0 var(--space-2)}
@media(max-width:980px){.page-shell,.site-header-inner,.site-footer-inner,.article-shell,.hero-inner{width:calc(100% - 2 * var(--layout-gutter-tablet))}.post-row{grid-template-columns:var(--space-20) minmax(0,1fr) var(--space-8)}.about-grid{gap:var(--space-8)}}
@media(max-width:720px){.page-shell,.site-header-inner,.site-footer-inner,.article-shell,.hero-inner{width:calc(100% - 2 * var(--layout-gutter-mobile))}.site-header-inner{min-height:var(--space-16)}.desktop-nav{display:none}.menu-toggle{display:block!important}.mobile-menu{inset-block-start:calc(var(--space-16) + var(--wp-admin--admin-bar--height,0px))}.hero{min-height:calc(var(--space-24) * 5)}.hero-inner{margin-block:var(--space-16)}.hero h1{font-size:var(--typography-font-sizes-4xl)}.hero-dek{font-size:var(--typography-font-sizes-base)}.home-latest,.home-themes,.listing-page,.standard-page,.about-page{padding-block:var(--layout-section-y-mobile)}.section-title{display:block;margin-bottom:var(--space-8)}.section-title h2{font-size:var(--typography-font-sizes-3xl)}.section-title .mf-text-link{margin-top:var(--space-4)}.post-row{grid-template-columns:minmax(0,1fr) var(--space-6);gap:var(--space-3);padding-block:var(--space-6)}.post-row-date{grid-column:1/-1}.post-row-body{grid-column:1}.post-row-arrow{grid-column:2;grid-row:2}.post-row h2{font-size:var(--typography-font-sizes-xl)}.theme-grid{grid-template-columns:1fr;gap:0}.theme-column{padding-block:var(--space-6)}.listing-header h1,.standard-page h1,.about-page h1,.article-header h1{font-size:var(--typography-font-sizes-4xl)}.listing-header{margin-bottom:var(--space-8)}.blog-filters{gap:var(--space-6)}.article-breadcrumb{padding-block:var(--space-6)}.article-header{margin:var(--space-8) auto var(--space-12)}.article-dek{font-size:var(--typography-font-sizes-lg)}.article-meta{gap:var(--space-3)}.entry-content h2{font-size:var(--typography-font-sizes-2xl)}.entry-content h3{font-size:var(--typography-font-sizes-xl)}.entry-content .wp-block-gallery{grid-template-columns:1fr}.entry-content .alignwide{width:calc(100vw - 2 * var(--layout-gutter-mobile))}.related-list{grid-template-columns:1fr;gap:0}.comment-form{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-portrait{max-width:var(--containers-prose)}.site-footer-inner{display:grid;gap:var(--space-8)}.blog-lightbox{grid-template-columns:var(--space-8) minmax(0,1fr) var(--space-8);padding:var(--space-3)}.lightbox-figure img{max-height:calc(100vh - 2 * var(--space-20))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-featured .gallery-trigger img,.entry-content .wp-block-gallery img,.about-portrait img{filter:none;opacity:1;transition:none}.theme-column,.entry-content .wp-block-gallery .gallery-trigger,.related-list a{transition:none}}
@media(max-width:720px){.entry-content .wp-block-gallery{width:100%;margin-left:0}}