/*
Theme Name: Mammadamen
Template: inspiro
Version: 1.0.1
Text Domain: mammadamen
*/
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/golos-text-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/golos-text-latin-ext-var.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html:root{--site-bg:#ffffff;--site-surface:#ffffff;--site-text:#23272c;--site-muted:#5e646b;--site-border:#d6d9de;--site-accent:#386fd5;--site-accent-2:#af5d00;--site-heading:#11161f;--site-deep:#06183a;--site-tint:#f1f4f7;--site-hover:#2157ba;--site-on-accent:#ffffff;--site-on-deep:#ffffff;--site-radius:14px;--site-head-font:'Barlow Condensed', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--site-body-font:'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--site-vivid:#ecbe24;--site-on-vivid:#111111;--site-deep-muted:#b9bec6;--site-deep-link:#ecbe24;--inspiro-primary-color:#386fd5;--inspiro-color-link-hover:#2157ba;--inspiro-color-background-body:#ffffff;--inspiro-secondary-color:#af5d00}
html body{background:var(--site-bg);color:var(--site-text);font-family:var(--site-body-font);font-size:18px;line-height:1.65}
html body:not(#_) :is(div, p, li, td, th, dd, dt, span, a, nav, label, input, textarea, select, button, time, small, strong, em, blockquote, figcaption, cite, section, article, aside, header, footer):where(:not([class*=icon]):not([class*=fa-]):not(.fa):not(.dashicons):not([class*=genericon])){font-family:var(--site-body-font)}
html body:not(#_) :is(h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .site-title, .widget-title){font-family:var(--site-head-font);letter-spacing:0.02em;text-transform:uppercase}
html body :is(.entry-title, .page-title, .entry-content :is(h1, h2, h3, h4, h5, h6), .page-content :is(h2, h3, h4), .archive-title, .comments-title, .comment-reply-title){color:var(--site-heading)}
html body:not(#_) :is(h1, h2, h3, h4, h5, h6, .entry-title, .site-title, .widget-title) :is(a, span:where(:not([class*=icon]))){font-family:var(--site-head-font)}
html body :is(h1, h2, h3, h4, h5, h6, .entry-title) a{color:inherit}
html body :is(.entry-content, .entry-summary, .page-content, .comment-content, .widget) a:not(.button):not(.wp-block-button__link){color:var(--site-accent);text-decoration-thickness:1px;text-underline-offset:3px}
html body:not(#_) :is(#secondary, .widget-area, #sidebar, .sidebar, aside.sidebar, .sidebar-main, aside[class*=sidebar], div[class*=sidebar]:not([class*=wrapper] [class*=sidebar] *)) :is(.widget, .widget-container, section[class*=widget_]) a:where(:not(.button, .wp-block-button__link, [class*=btn], [class*=tag-cloud], .tag-cloud-link)){color:var(--site-accent)}
html body :is(.entry-content, .entry-summary, .page-content, .widget) a:not(.button):hover{color:var(--site-hover)}
html body:not(#_) :is(.entry-meta, .posted-on, .byline, .post-meta, .entry-footer, .tags-links, time, .entry-date, [class*=post-date], [class*=meta-date]):where(:not(.site-header *, #masthead *, .shfb-header *)){color:var(--site-muted)}
html body ::selection{background:var(--site-accent);color:var(--site-on-accent)}
html body :is(button:not(.menu-toggle):not(.search-submit):not([class*=toggle]), input[type=submit], .button, .wp-block-button__link, .more-link, .read-more, a.btn, .btn-primary){background:var(--site-accent);color:var(--site-on-accent);border:1px solid var(--site-accent);border-radius:999px;font-family:var(--site-body-font);font-weight:600}
html body :is(button:not(.menu-toggle):not([class*=toggle]), input[type=submit], .button, .wp-block-button__link, .more-link, a.btn):hover{background:var(--site-hover);border-color:var(--site-hover);color:var(--site-on-accent)}
html body :is(.search-form, .searchform, .wp-block-search) :is(input[type=submit], button){font-size:.85em;padding-left:.75em;padding-right:.75em;white-space:nowrap;width:auto;min-width:0}
html body .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--site-accent)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)){background:var(--site-deep);background-image:none;color:var(--site-on-deep);box-shadow:none;border:0}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(div, nav, section, header):where(:not([class*=sub-menu], [class*=dropdown], [class*=search], [class*=offcanvas], [class*=off-canvas], [class*=drawer], [class*=modal], [class*=popup], [class*=mobile], [class*=toggle], [class*=panel], [class*=cart])){background-color:transparent;background-image:none;border-color:color-mix(in srgb, currentColor 15%, transparent)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(span, time, p, small, a, li):where(:not([class*=icon], [class*=badge], [class*=count], [class*=button], [class*=btn], .sub-menu *, .children *)){color:inherit}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is([class*=site-title], [class*=site-title] a, [class*=site-description], .site-description, .logo, .site-branding a, :is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu]) a, .menu > li > a, .main-header-menu > li > a){color:var(--site-on-deep)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) .site-description{opacity:.8}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(h1, h2, .page-title, .header-post-title-class, [class*=post-title], [class*=page-title], .breadcrumb, .breadcrumb a):where(:not(.sub-menu *)){color:var(--site-on-deep)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(.menu-toggle, [class*=menu-toggle], [class*=nav-toggle], [class*=hamburger], [class*=toggle-menu], [class*=mobile-toggle], [class*=menu-btn], .nav-icon, [class*=nav-icon], .navbar-toggle, [class*=offcanvas-toggle], [class*=menu-icon]){color:var(--site-on-deep);background-color:transparent;background-image:none;border-color:color-mix(in srgb, var(--site-on-deep) 40%, transparent)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(.menu-toggle, [class*=menu-toggle], [class*=nav-toggle], [class*=hamburger], [class*=toggle-menu], [class*=mobile-toggle], [class*=menu-btn], .nav-icon, [class*=nav-icon], .navbar-toggle, [class*=offcanvas-toggle], [class*=menu-icon]) :is(svg, path, i, span, .icon-bar, [class*=icon]){color:var(--site-on-deep);fill:currentColor}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(.navbar-toggle .icon-bar, [class*=hamburger] span, [class*=menu-toggle] span:empty){background-color:var(--site-on-deep)}
html body :is(.site-branding, .brand, .site-logo-div, .logo, .navbar-brand, .builder-item--logo, [class*=site-branding]):has(img.custom-logo, img[class*=logo]) :is(.site-title, .site-description, .site-name, [class*=site-title], [class*=site-description]){display:none}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) .site-title{font-family:var(--site-head-font);font-weight:700}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(:is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu])) > ul > li > a, html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(:is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu])) > div > ul > li > a{border-radius:999px;padding-left:.9em;padding-right:.9em;font-weight:600;transition:background .2s}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(:is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu])) > :is(ul, div > ul) > li:is(:hover, .current-menu-item, .current_page_item) > a{background:color-mix(in srgb, currentColor 14%, transparent)}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(:is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu])) :is(ul.sub-menu, ul.children){background:var(--site-surface);border:1px solid var(--site-border);border-radius:10px}
html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(:is(.main-navigation, #site-navigation, .primary-navigation, .main-nav, .primary-menu-container, #primary-menu, .menu-primary, .navbar-nav, .nav-menu, #mobile-menu, .header-navigation, .site-navigation, [class*=primary-nav], [class*=main-menu], [class*=primary-menu])) :is(ul.sub-menu, ul.children) a{color:var(--site-text);text-transform:none;letter-spacing:0;background:none;border:0}
html body:not(#_) :is(#colophon, .site-footer, #site-footer, footer#footer, #footer, .footer-area, .site-info, .footer-widgets, .shfb-footer, body > footer, #page > footer){background:var(--site-deep);color:var(--site-deep-muted);border-top:5px solid var(--site-vivid)}
html body:not(#_) :is(#colophon, .site-footer, #site-footer, footer#footer, #footer, .footer-area, .site-info, .footer-widgets, .shfb-footer, body > footer, #page > footer) :is(div, section, aside, p, span, li, .widget):where(:not([class*=button], [class*=btn], [class*=search], [class*=scroll], [class*=to-top], [class*=totop], [class*=back-top], input)){background-color:transparent;background-image:none;color:inherit;border-color:color-mix(in srgb, currentColor 18%, transparent)}
html body:not(#_) :is(#colophon, .site-footer, #site-footer, footer#footer, #footer, .footer-area, .site-info, .footer-widgets, .shfb-footer, body > footer, #page > footer) :is(h1, h2, h3, h4, .widget-title, .widgettitle){color:inherit}
html body:not(#_) :is(#colophon, .site-footer, #site-footer, footer#footer, #footer, .footer-area, .site-info, .footer-widgets, .shfb-footer, body > footer, #page > footer) a{color:#ecbe24;text-decoration-thickness:1px;text-underline-offset:3px}
html body :is(#secondary, .widget-area, #sidebar, .sidebar, aside.sidebar, .sidebar-main, aside[class*=sidebar], div[class*=sidebar]:not([class*=wrapper] [class*=sidebar] *)) :is(.widget, .widget-container){border-radius:14px}
html body :is(#secondary, .widget-area, #sidebar, .sidebar, aside.sidebar, .sidebar-main, aside[class*=sidebar], div[class*=sidebar]:not([class*=wrapper] [class*=sidebar] *)) :is(.widget-title, .widgettitle, .widget > h2, .widget > h3, .widget .wp-block-heading, .widget-title-wrap h2, .widget-container > h3, .widget-container .widget-title){font-size:.78em;text-transform:uppercase;letter-spacing:.14em;color:var(--site-muted);border:0;border-bottom:1px solid var(--site-border);padding-bottom:.6em}
html body :is(#secondary, .widget-area, #sidebar, .sidebar, aside.sidebar, .sidebar-main, aside[class*=sidebar], div[class*=sidebar]:not([class*=wrapper] [class*=sidebar] *)) :is(.widget, .widget-container) ul li{border-color:var(--site-border)}
body:is(.blog, .archive, .search) :is(article.post, article.type-post, .post.hentry){background:var(--site-surface);border:1px solid var(--site-border);box-shadow:0 2px 0 var(--site-border), 0 18px 40px -28px rgba(0,0,0,.5);border-radius:14px;padding:1.4em;overflow:hidden}
body:is(.blog, .archive, .search) :is(article.post, article.type-post, .post.hentry) img{border-radius:10px}
body:is(.blog, .archive, .search) :is(article.post, article.type-post, .post.hentry) :is(.entry-title, h2) a:hover{color:var(--site-accent)}
body:is(.blog, .archive, .search) :is(article.post, article.type-post, .post.hentry) :is(.entry-summary, .entry-excerpt, [class*=excerpt], .card-description) :is(p, div){color:var(--site-text)}
html body.single :is(.entry-content, .post-content) > p:first-of-type{font-size:1.08em}
html body :is(.entry-content, .page-content) blockquote{border-left:4px solid var(--site-accent);background:var(--site-tint);padding:1em 1.3em;border-radius:0 14px 14px 0;color:var(--site-text);font-style:normal}
html body :is(.entry-content, .page-content) :is(h2, h3){margin-top:1.6em}
html body :is(.entry-content, .page-content) table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--site-border);border-radius:12px;overflow:hidden;background:var(--site-surface)}
html body :is(.entry-content, .page-content) table{box-sizing:border-box;max-width:100%}
@media (max-width:600px){html body :is(.entry-content, .page-content) table{display:block;overflow-x:auto}}
html body :is(.entry-content, .page-content) table :is(th, thead td){background:var(--site-deep);color:var(--site-on-deep);font-weight:600;text-align:left}
html body :is(.entry-content, .page-content) table :is(td, th){border:0;border-bottom:1px solid var(--site-border);padding:.65em .85em}
html body :is(.entry-content, .page-content) table tbody tr:nth-child(even) td{background:color-mix(in srgb, var(--site-tint) 70%, transparent)}
html body :is(.entry-content, .page-content) img{border-radius:12px}
html body :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select){border-radius:10px}
html body :is(.pagination, .nav-links, .page-numbers){font-family:var(--site-head-font)}
html body .page-numbers.current{background:var(--site-accent);color:var(--site-on-accent);border-color:var(--site-accent)}
html:root{--ggh-btn-r:999px;--ggh-chip-r:6px;--ggh-shadow:0 2px 0 var(--site-border), 0 18px 40px -28px rgba(0,0,0,.5);--ggh-mark:"";--ggh-mark-r:2px;--ggh-band-bg:linear-gradient(135deg, #142951, #06183a);--ggh-band-fg:#ebeff4;--ggh-band-kick:#ecbe24;--ggh-band-glow:#f29b1c;--ggh-cta:#ecbe24;--ggh-on-cta:#111111;--ggh-card-bg:#142951;--ggh-card-bd:rgba(255,255,255,.08);--ggh-card-fg:#ebeff4;--ggh-card-muted:#b2b8c1;--ggh-cat-bg:#ecbe24;--ggh-cat-fg:#111111;--ggh-sec-fg:#ebeff4;--ggh-rule:1px solid rgba(255,255,255,.12);--ggh-intro-bg:#142951;--ggh-intro-fg:#ebeff4;--ggh-key-bg:#142951;--ggh-key-fg:#ebeff4;--ggh-foot-bg:var(--site-deep);--ggh-foot-fg:#b9bec6;--ggh-foot-head:#ffffff;--ggh-foot-link:#ecbe24}
/* homepage sections (front-page.php) + footer columns: site palette variables from the child style.css */
html body:not(#_) .ggh{--ggh-gap:clamp(16px,2.4vw,28px);max-width:var(--ggh-max,1200px);margin:0 auto;padding:var(--ggh-gap) 0 calc(var(--ggh-gap)*2);box-sizing:border-box;width:100%;clear:both}
html body:not(#_) .ggh *{box-sizing:border-box}
html body:not(#_) .ggh a{text-decoration:none}
html body:not(#_) .ggh-img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;max-width:none}
html body:not(#_) .ggh-hero{margin:0 0 calc(var(--ggh-gap)*1.6)}
/* band: the site's large colour area */
html body:not(#_) .ggh-band{background:var(--ggh-band-bg);color:var(--ggh-band-fg);border-radius:var(--site-radius);padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px);display:grid;gap:var(--ggh-gap);grid-template-columns:1fr;align-items:center;position:relative;overflow:hidden}
html body:not(#_) .ggh-hero--split .ggh-band{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
html body:not(#_) .ggh-band::after{content:"";position:absolute;inset:auto -10% -55% auto;width:60%;aspect-ratio:1;border-radius:50%;background:var(--ggh-band-glow);opacity:.5;pointer-events:none}
html body:not(#_) .ggh-band-in{position:relative;z-index:1;max-width:760px}
html body:not(#_) .ggh-kicker{margin:0 0 .6em;font-size:.82em;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ggh-band-kick)}
html body:not(#_):not(#_):not(#_) .ggh-h{margin:0 0 .35em;font-family:var(--site-head-font);font-size:clamp(1.9rem,4.2vw,3.2rem);line-height:1.08;font-weight:800;color:inherit}
html body:not(#_) .ggh-lede{margin:0 0 1.2em;font-size:1.1em;line-height:1.6;opacity:.92;color:inherit}
html body:not(#_) .ggh-btns{display:flex;flex-wrap:wrap;gap:.6em;margin:0}
html body:not(#_) .ggh .ggh-btn{display:inline-block;padding:.75em 1.3em;border-radius:var(--ggh-btn-r);background:var(--ggh-cta);color:var(--ggh-on-cta);font-weight:700;line-height:1.2;border:2px solid var(--ggh-cta)}
html body:not(#_) .ggh .ggh-btn--ghost{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 55%,transparent)}
html body:not(#_) .ggh .ggh-btn:hover{filter:brightness(1.08)}
html body:not(#_) .ggh-band-card{position:relative;z-index:1}
/* cards */
html body:not(#_) .ggh-card{position:relative;display:flex;flex-direction:column;background:var(--ggh-card-bg);border:1px solid var(--ggh-card-bd);border-radius:var(--site-radius);overflow:hidden;box-shadow:var(--ggh-shadow);margin:0;min-width:0}
html body:not(#_) .ggh-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--site-tint)}
html body:not(#_):not(#_):not(#_) .ggh .ggh-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0}
html body:not(#_) .ggh-txt{padding:1em 1.1em 1.15em;display:flex;flex-direction:column;gap:.4em;flex:1}
html body:not(#_) .ggh .ggh-cat{align-self:flex-start;font-size:.72em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ggh-cat-fg);background:var(--ggh-cat-bg);padding:.3em .6em;border-radius:var(--ggh-chip-r)}
html body:not(#_):not(#_):not(#_) .ggh .ggh-t{margin:0;font-family:var(--site-head-font);font-size:1.12em;line-height:1.3;font-weight:700}
html body:not(#_) .ggh .ggh-t a{color:var(--ggh-card-fg)}
html body:not(#_) .ggh .ggh-t a:hover{color:var(--site-accent)}
html body:not(#_) .ggh .ggh-x{margin:0;font-size:.94em;line-height:1.55;color:var(--ggh-card-muted)}
html body:not(#_) .ggh .ggh-d{font-size:.8em;color:var(--ggh-card-muted);margin-top:auto}
html body:not(#_) .ggh-noimg .ggh-txt{border-top:4px solid var(--site-accent)}
/* overlay cards (feature / trio) */
html body:not(#_) .ggh-card--over{border:0;min-height:260px;background:var(--site-deep)}
html body:not(#_) .ggh-card--over .ggh-media{position:absolute;inset:0;aspect-ratio:auto}
html body:not(#_) .ggh-card--over .ggh-txt{position:relative;z-index:1;margin-top:auto;justify-content:flex-end;padding:1.4em;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82) 55%);flex:0 0 auto;min-height:60%}
html body:not(#_) .ggh .ggh-card--over :is(.ggh-t a,.ggh-x,.ggh-d){color:#fff}
html body:not(#_) .ggh .ggh-card--over .ggh-x{opacity:.9}
html body:not(#_):not(#_):not(#_) .ggh .ggh-card--over .ggh-t{font-size:1.25em;text-shadow:0 1px 2px rgba(0,0,0,.4)}
html body:not(#_) .ggh-feature{display:grid;gap:var(--ggh-gap);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
html body:not(#_) .ggh-feature > .ggh-card--over{min-height:440px}
html body:not(#_):not(#_):not(#_) .ggh-feature > .ggh-card--over .ggh-t{font-size:clamp(1.5rem,2.6vw,2.2rem)}
html body:not(#_) .ggh-feature-side{display:grid;gap:var(--ggh-gap);grid-template-rows:1fr 1fr}
html body:not(#_) .ggh-trio{display:grid;gap:var(--ggh-gap);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:1fr 1fr}
html body:not(#_) .ggh-trio .ggh-card--big{grid-row:1 / span 2;min-height:460px}
html body:not(#_):not(#_):not(#_) .ggh-trio .ggh-card--big .ggh-t{font-size:clamp(1.5rem,2.6vw,2.1rem)}
/* body: sections + theme sidebar */
html body:not(#_) .ggh-body{display:grid;gap:calc(var(--ggh-gap)*1.5);grid-template-columns:minmax(0,1fr)}
html body:not(#_) .ggh-body--side{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}
html body:not(#_) .ggh-side > *{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding-left:0;padding-right:0;position:static}
html body:not(#_) .ggh-main{min-width:0}
html body:not(#_) .ggh-sec{margin:0 0 calc(var(--ggh-gap)*1.8)}
html body:not(#_) .ggh-sh{display:flex;align-items:baseline;justify-content:space-between;gap:1em;margin:0 0 .9em;padding-bottom:.5em;border-bottom:var(--ggh-rule)}
html body:not(#_):not(#_):not(#_) .ggh .ggh-st{margin:0;font-family:var(--site-head-font);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:800;line-height:1.2;color:var(--ggh-sec-fg)}
html body:not(#_) .ggh-st::before{content:var(--ggh-mark,"");display:inline-block;width:.5em;height:.5em;margin-right:.45em;background:var(--site-accent);border-radius:var(--ggh-mark-r,2px);vertical-align:.12em}
html body:not(#_) .ggh .ggh-more{font-weight:800;color:var(--site-accent);font-size:1.2em}
html body:not(#_) .ggh-dek{margin:-.4em 0 1em;color:var(--ggh-card-muted)}
html body:not(#_) .ggh-grid{display:grid;gap:var(--ggh-gap);grid-template-columns:repeat(3,minmax(0,1fr))}
html body:not(#_) .ggh-grid--grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
html body:not(#_) .ggh-grid--grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
html body:not(#_) .ggh-body--side .ggh-grid--grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
html body:not(#_) .ggh-grid--list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:.9em}
html body:not(#_) .ggh-grid--list .ggh-card{flex-direction:row;align-items:stretch}
html body:not(#_) .ggh-grid--list .ggh-media{flex:0 0 34%;aspect-ratio:auto;min-height:92px}
html body:not(#_):not(#_):not(#_) .ggh-grid--list .ggh-t{font-size:1em}
html body:not(#_) .ggh-grid--lead{grid-template-columns:repeat(2,minmax(0,1fr))}
html body:not(#_) .ggh-grid--lead .ggh-card--lead{grid-row:span 3}
html body:not(#_) .ggh-grid--lead .ggh-card:not(.ggh-card--lead){flex-direction:row}
html body:not(#_) .ggh-grid--lead .ggh-card:not(.ggh-card--lead) .ggh-media{flex:0 0 38%;aspect-ratio:auto}
html body:not(#_) .ggh-grid--lead .ggh-card:not(.ggh-card--lead) .ggh-x{display:none}
html body:not(#_) .ggh-sec--intro{background:var(--ggh-intro-bg);color:var(--ggh-intro-fg);border-left:5px solid var(--site-accent);padding:1.4em 1.6em;border-radius:var(--site-radius)}
html body:not(#_) .ggh-sec--intro p{margin:.5em 0 0;font-size:1.05em;line-height:1.65;color:inherit}
html body:not(#_) .ggh-sec--intro .ggh-st{color:inherit}
html body:not(#_) .ggh-keys{display:grid;gap:.8em;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
html body:not(#_) .ggh .ggh-key{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:1.05em 1.2em;border-radius:var(--site-radius);background:var(--ggh-key-bg);color:var(--ggh-key-fg);font-weight:700;border:1px solid var(--ggh-card-bd)}
html body:not(#_) .ggh .ggh-key::after{content:"→";color:var(--site-accent);font-weight:800}
html body:not(#_) .ggh .ggh-key:hover{border-color:var(--site-accent)}
html body:not(#_) .ggh-page{margin-bottom:calc(var(--ggh-gap)*1.6)}
/* footer columns */
html body:not(#_) .ggh-foot{background:var(--ggh-foot-bg);color:var(--ggh-foot-fg);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);clear:both;position:relative}
html body:not(#_) .ggh-foot-in{max-width:1200px;margin:0 auto;padding:clamp(32px,5vw,56px) clamp(16px,3vw,32px);display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
html body:not(#_) .ggh-fc{min-width:0;font-size:.95em;line-height:1.6}
html body:not(#_) .ggh-fc p{margin:0 0 .6em;color:inherit}
html body:not(#_) .ggh-fc .ggh-fbrand{font-family:var(--site-head-font);font-weight:800;font-size:1.3em;color:var(--ggh-foot-head)}
html body:not(#_) .ggh-fc .ggh-fh{font-family:var(--site-head-font);font-weight:800;font-size:.85em;letter-spacing:.1em;text-transform:uppercase;color:var(--ggh-foot-head)}
html body:not(#_) .ggh-fc ul{list-style:none;margin:0;padding:0}
html body:not(#_) .ggh-fc li{margin:0 0 .45em;padding:0;border:0;list-style:none}
html body:not(#_) .ggh-fc li::before{content:none}
html body:not(#_) .ggh-fc a{color:var(--ggh-foot-link);text-decoration:none}
html body:not(#_) .ggh-fc a:hover{text-decoration:underline}
html{overflow-x:clip}
@media (max-width:900px){
 html body:not(#_) .ggh-grid,html body:not(#_) .ggh-grid--grid4,html body:not(#_) .ggh-body--side .ggh-grid--grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body:not(#_) .ggh-body--side,html body:not(#_) .ggh-feature,html body:not(#_) .ggh-hero--split .ggh-band{grid-template-columns:minmax(0,1fr)}
 html body:not(#_) .ggh-feature-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
 html body:not(#_) .ggh-trio{grid-template-columns:1fr 1fr;grid-template-rows:none}
 html body:not(#_) .ggh-trio .ggh-card--big{grid-column:1 / -1;grid-row:auto;min-height:340px}
 html body:not(#_) .ggh-feature > .ggh-card--over{min-height:340px}
}
@media (max-width:560px){
 html body:not(#_) .ggh-grid,html body:not(#_) .ggh-grid--grid2,html body:not(#_) .ggh-grid--grid4,html body:not(#_) .ggh-body--side .ggh-grid--grid4{grid-template-columns:minmax(0,1fr)}
 html body:not(#_) .ggh{padding-left:0;padding-right:0}
 html body:not(#_) .ggh-feature-side,html body:not(#_) .ggh-trio,html body:not(#_) .ggh-grid--lead{grid-template-columns:minmax(0,1fr)}
 html body:not(#_) .ggh-grid--lead .ggh-card--lead{grid-row:auto}
 html body:not(#_) .ggh-card--over{min-height:220px}
 html body:not(#_) .ggh-band{padding:28px 20px}
}
/* WordPress' sample post and the default category never show in lists (the links stay in the page) */
html body li:has(> a[href*="/hello-world/"], > a[href*="/hei-maailma/"], > a[href*="/hej-varlden/"], > a[href$="?p=1"]),
html body li.cat-item:has(> a[href*="/uncategorized/"], > a[href*="/uncategorised/"], > a[href*="/yleinen/"], > a[href*="/okategoriserad/"], > a[href*="/ukategorisert/"], > a[href*="cat=1"]){display:none}
/* theme clearfixes (::before/::after on every row-like box) would take the first grid cell */
html body:not(#_) :is(.ggh-body, .ggh-grid, .ggh-feature, .ggh-feature-side, .ggh-trio, .ggh-keys, .ggh-foot-in, .ggh-band, .ggh-sh)::before,
html body:not(#_) :is(.ggh-body, .ggh-grid, .ggh-feature, .ggh-feature-side, .ggh-trio, .ggh-keys, .ggh-foot-in, .ggh-sh)::after{content:none!important;display:none!important}

html body:not(#_) :is(#masthead, .site-header, #site-header, header#header, #header, .header-area, .main-header-bar, #site-header-inner, .shfb-header, header[class*=header]:not(.entry-header, .page-header, .archive-header, .comments-header, .widget-header, main *, article *, .site-main *, #content *, #primary *, .site-content *, .widget *)) :is(img.custom-logo, .custom-logo-link img, .site-logo img, img[class*=logo]){background:#fff;padding:6px 10px;border-radius:8px;box-sizing:content-box}
html body .ggh-foot{border-top:5px solid var(--site-vivid)}
html body.home:has(.ggh){background:var(--site-deep)}
html body.home:has(.ggh) :is(#page, .site, #content, .site-content, .content-area, #primary, .site-main, #main, .container, .wrapper, .main-container, .site-inner, #wrapper, .ast-container, .content-container, .page-wrapper, .inner-wrap, .site-wrapper, #main-content, .main-content, .content-wrapper, .container-fluid, .row, .wrap, #site-content, .wp-site-blocks, #inner-wrap, .contentclass, .main-wrapper, .page-content-wrap, #content-wrap){background-color:transparent;background-image:none;box-shadow:none;border-color:transparent}
html body.home .ggh{color:var(--ggh-card-fg)}
html body:not(#_) .ggh{position:relative;isolation:isolate}
html body:not(#_) .ggh::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--site-deep);z-index:-1}
html body:not(#_):not(#_):not(#_) .ggh-side :is(.widget, .widget-container, section[class*=widget]){background:var(--ggh-card-bg);color:var(--ggh-card-fg);border:1px solid var(--ggh-card-bd);border-radius:var(--site-radius);padding:1.1em 1.2em;margin:0 0 1.2em}
html body:not(#_):not(#_):not(#_) .ggh-side :is(p, li, span, div, td, th, caption, label, time, strong, em){color:inherit;border-color:rgba(255,255,255,.1)}
html body:not(#_):not(#_):not(#_) .ggh-side :is(.widget-title, .widgettitle, h2, h3, h4){color:var(--ggh-card-fg);background:transparent}
html body:not(#_):not(#_):not(#_) .ggh-side :is(.widget, .widget-container) a:where(:not(.button, .wp-block-button__link, [class*=btn])){color:var(--site-vivid)}
html body:not(#_):not(#_):not(#_) .ggh-side :is(input:not([type=submit]), select, textarea){background:var(--site-deep);color:var(--ggh-card-fg);border:1px solid rgba(255,255,255,.18)}