/*
Theme Name: Margin
Version: 2.8.0
Tested up to: 7.0
Description: Let blocktema med serif-typografi.
Requires at least: 6.6
Text Domain: margin-na
Requires PHP: 8.1
*/

a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
.wp-block-post-featured-image img { border-radius: 0px; }
.ggg-grid .wp-block-post-template { row-gap: 2.5rem; }
.ggg-searchbox { margin-top: 1.5rem; }
.ggg-top-matter-center { text-align: center; }
.ggg-top { padding-top: clamp(1.5rem, 4vw, 3rem); padding-bottom: clamp(1rem, 3vw, 1.75rem);  }
.ggg-label-head { border-top: 2px solid var(--wp--preset--color--ink); padding-top: .7rem; }
.ggg-listing-head { margin-top: clamp(2rem, 5vw, 3.5rem); padding-bottom: 1.5rem; border-bottom: 1px solid var(--wp--preset--color--line); }
.ggg-byline { font-family: var(--wp--preset--font-family--label); font-size: .8rem; color: var(--wp--preset--color--quiet); gap: .5rem; }
.ggg-story .wp-block-post-featured-image { margin-top: 2rem; margin-bottom: 2.5rem; }
.ggg-stack .wp-block-post-title, .ggg-short .wp-block-post-title { font-size: 1.2rem; line-height: 1.25; margin: 0 0 .35rem; }
.ggg-opener .wp-block-post-featured-image { margin-bottom: 1.25rem; }
.ggg-tile > * { margin-top: 0; margin-bottom: 0; }
.ggg-nav a { text-decoration: none; }
.ggg-tile .wp-block-post-title { font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); line-height: 1.22; margin: .1rem 0 .5rem; }
.ggg-byline > * + *::before { content: "|"; margin-right: .5rem; }
.ggg-tile .wp-block-post-excerpt p { margin: 0; }
.ggg-slogan { font-family: var(--wp--preset--font-family--label); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--quiet); margin: 0; }
.ggg-sitename a { color: inherit; text-decoration: none; }
.ggg-tags a { color: inherit; }
.ggg-sitename { font-family: var(--wp--preset--font-family--headline); font-size: clamp(2.2rem, 1.4rem + 4vw, 3.69rem); line-height: 1; letter-spacing: -0.02em; font-weight: 400; text-transform: none; margin: 0; }
.ggg-nameplate { gap: .6rem; }
.ggg-stack .wp-block-post-template > li:first-child { padding-top: 0; }
.ggg-body a { color: var(--wp--preset--color--highlight); text-decoration: underline; }
.ggg-tile .wp-block-post-featured-image { margin-bottom: 1rem; }
.ggg-top-matter { margin-top: clamp(2rem, 5vw, 3.5rem); }
.ggg-continue:hover { text-decoration: underline; }
.ggg-base { margin-top: clamp(3rem, 8vw, 6rem); padding-top: 2.5rem; padding-bottom: 2.5rem; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--ground); }
.ggg-base .ggg-slogan { color: var(--wp--preset--color--line); }
.ggg-top-stacked nav.ggg-nav { margin-top: 1.25rem; padding: .7rem 0; border-top: 1px solid var(--wp--preset--color--line); }
.ggg-base a { color: inherit; }
.wp-block-post-title a:hover { color: var(--wp--preset--color--highlight); }
.ggg-body h2, .ggg-body h3 { margin-top: 2.2em; }
.ggg-opener .wp-block-post-excerpt { font-size: 1.1rem; color: var(--wp--preset--color--quiet); }
.ggg-top-split .ggg-nav { flex: 1 1 0; min-width: 0; justify-content: flex-end; }
.wp-block-post-title a { text-decoration: none; }
.ggg-about { margin-top: clamp(3rem, 7vw, 5rem); padding-top: 2rem; border-top: 1px solid var(--wp--preset--color--line); color: var(--wp--preset--color--quiet); }
.ggg-nav .wp-block-navigation__container { row-gap: .5rem; }
.ggg-searchbox .wp-block-search__input { border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--panel); border-radius: 0px; padding: .6rem .8rem; }
.ggg-opener-text { text-align: center; margin-top: 1.5rem; }
.ggg-nav { font-family: var(--wp--preset--font-family--label); font-size: .95rem; gap: 1.75rem; }
.ggg-row { margin-top: clamp(2.5rem, 6vw, 4.5rem); }
.ggg-cat a { color: inherit; text-decoration: none; }
.ggg-paging { margin-top: 3rem; font-family: var(--wp--preset--font-family--label); font-size: .9rem; }
.ggg-body th, .ggg-body td { border-bottom: 1px solid var(--wp--preset--color--line); padding: .5rem; text-align: left; }
.ggg-body blockquote { border-left: 3px solid var(--wp--preset--color--highlight); margin-left: 0; padding-left: 1.25rem; font-family: var(--wp--preset--font-family--headline); font-size: 1.2em; font-style: italic; }
.ggg-continue { display: inline-block; font-family: var(--wp--preset--font-family--label); font-size: .85rem; font-weight: 600; color: var(--wp--preset--color--highlight); text-decoration: none; margin-top: .5rem; }
.ggg-cat { font-family: var(--wp--preset--font-family--label); font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--highlight); margin: 0 0 .4rem; }
.ggg-nav a:hover, .ggg-nav .current-menu-item > a { color: var(--wp--preset--color--highlight); }
.ggg-top-centered nav.ggg-nav { margin-top: 1.25rem; }
.ggg-body { font-size: 1.08em; line-height: 1.75; }
.ggg-short .wp-block-post-template > li { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1rem; }
.ggg-top-split .alignwide { flex-wrap: nowrap; align-items: flex-end; gap: 2rem; }
.ggg-tags { font-family: var(--wp--preset--font-family--label); font-size: .85rem; color: var(--wp--preset--color--quiet); margin-top: 2.5rem; }
.ggg-body table { border-collapse: collapse; width: 100%; font-size: .95em; }
.ggg-hero-heading { font-size: clamp(2rem, 1.2rem + 3vw, 3.4rem); line-height: 1.08; margin: .2rem 0 .8rem; }
.ggg-base .ggg-sitename { font-size: 1.6rem; }
.ggg-listing-head .ggg-slogan { margin-bottom: .5rem; color: var(--wp--preset--color--highlight); }
.ggg-label-head { font-family: var(--wp--preset--font-family--label); font-size: .78rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 1.5rem; }
.ggg-stack .wp-block-post-template > li { padding: 1rem 0; border-bottom: 1px solid var(--wp--preset--color--line); margin: 0; }
.ggg-tile .wp-block-post-excerpt { font-size: .95rem; color: var(--wp--preset--color--quiet); margin-bottom: .25rem; }
.ggg-top-split .ggg-nameplate { flex: 0 1 auto; min-width: 0; }
.ggg-opener .wp-block-column:not(:has(*)) { display: none; }
.ggg-twin .ggg-hero-heading { font-size: clamp(1.7rem, 1.1rem + 2vw, 2.6rem); }
.ggg-twin .wp-block-post-template { row-gap: 2.5rem; }
.ggg-top-boxed .ggg-nameplate { border: 1px solid var(--wp--preset--color--ink); background: var(--wp--preset--color--panel); padding: clamp(1rem, 3vw, 1.75rem) clamp(1.25rem, 5vw, 3rem); border-radius: 0px; }
.ggg-top-boxed nav.ggg-nav { margin-top: 1.25rem; }
.wp-block-column:has(> .ggg-label-head):not(:has(.wp-block-post)) { display: none; }
.ggg-top-boxed .ggg-nav .wp-block-navigation-item + .wp-block-navigation-item::before { content: "·"; margin-right: 1rem; color: var(--wp--preset--color--quiet); }
.ggg-opener .wp-block-columns:has(> .wp-block-column:not(:has(*))) > .wp-block-column { flex-basis: 100% !important; }
.ggg-row:has(> .ggg-label-head):not(:has(.wp-block-post)) { display: none; }
@media (max-width: 781px) {
  .ggg-hero-heading { font-size: 2rem; }
  .ggg-top-split .alignwide { flex-wrap: wrap; align-items: center; }
  .ggg-base .ggg-nav { justify-content: flex-start; }
  .ggg-top-boxed .ggg-nav .wp-block-navigation-item + .wp-block-navigation-item::before { content: none; }
}