/* gk-frame.css — Brand Kit v5.3 SITE FRAME for the static georgekao.com copy (PLAN Cutover item 3, George 2026-10-25).
   Restyles what Simplero's theme draws around every page: header + nav + dropdowns + mobile menu, footer, blog posts,
   blog index / category / pagination pages, /search (Pagefind) and /404. Page BODIES (the #gk-… Brand Kit sections) are
   never touched here. Injected LAST in <head> by build.py apply_frame() when GK_FRAME is on; every rule is scoped to
   body.gk-frame. Palette = course-sales/template.py CSS_SRC: Night #1d303b #223a48 #2d4d60 · Paper #eae4d7 #f4efe4
   #d9cdb9 · Warm stone #b7a287 · Mist #c2cbd0 · Sky #78a6c5. Fonts: Abhaya Libre (wordmark, titles), Assistant
   (headings), Rethink Sans (text), Google Sans Flex 700 (bold). */

body.gk-frame{--gk-night:#1d303b;--gk-night2:#223a48;--gk-night3:#2d4d60;--gk-paper:#eae4d7;--gk-paper-lt:#f4efe4;
  --gk-paper-dk:#d9cdb9;--gk-stone:#b7a287;--gk-mist:#c2cbd0;--gk-sky:#78a6c5;
  --gk-sans:'Rethink Sans',system-ui,-apple-system,sans-serif;--gk-head:'Assistant',system-ui,sans-serif;
  --gk-serif:'Abhaya Libre',Georgia,serif;--gk-bold:'Google Sans Flex','Rethink Sans',system-ui,sans-serif;
  --color-header-bg:#1d303b;--color-header-text:#eae4d7;--color-header-text-hover:#f4efe4;--color-header-text-active:#f4efe4;
  --color-header-border:rgba(234,228,215,.14);--color-transparent-header-text:#eae4d7;
  --color-transparent-header-text-hover:#f4efe4;--color-transparent-header-text-active:#f4efe4}

/* below a short page the canvas continues the footer colour */
html:has(body.gk-frame){background:#d9cdb9}

/* ------------------------------------------------------------------ header (all widths) */
body.gk-frame .site-header{position:relative;z-index:40;min-width:0;background:#1d303b!important;color:#eae4d7;
  font-family:var(--gk-sans);font-size:15px;border:0;border-bottom:1px solid rgba(234,228,215,.1);box-shadow:none}
body.gk-frame .site-header a{color:#eae4d7!important;text-decoration:none}
body.gk-frame .site-header a:focus-visible{outline:2px solid #78a6c5;outline-offset:2px;border-radius:4px}
body.gk-frame .site-header>.wrapper{max-width:1240px;margin:0 auto;padding:0 32px}
body.gk-frame .site-header .site-header__brand{float:left;margin:0;padding:0;height:76px;line-height:76px;
  font-family:var(--gk-serif);font-weight:600;font-size:29px;letter-spacing:.005em;color:#eae4d7!important}
body.gk-frame .site-header .site-header__nav svg path{fill:currentColor}
body.gk-frame .site-header .site-header__nav-toggle svg path{fill:#eae4d7}
body.gk-frame .site-header .gk-frame-search{display:none}

/* ------------------------------------------------------------------ header, desktop */
@media screen and (min-width:950px){
  body.gk-frame .site-header .site-header__nav{float:right;margin:0 -12px 0 0}
  body.gk-frame .site-header .site-header__nav>li>a{height:76px;margin:0;padding:0 13px;line-height:76px;border:0!important;
    font-size:14px;font-weight:500;letter-spacing:.08em;color:#eae4d7!important;opacity:.9}
  body.gk-frame .site-header .site-header__nav>li>a:hover,
  body.gk-frame .site-header .site-header__nav>li.site-header--dropdown-active>a,
  body.gk-frame .site-header .site-header__nav>li:focus-within>a{opacity:1}
  body.gk-frame .site-header .site-header__nav__item__label{padding:6px 0 4px;border-bottom:2px solid transparent}
  body.gk-frame .site-header .site-header__nav>li>a:hover .site-header__nav__item__label{border-bottom-color:rgba(183,162,135,.6)}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--active>a{font-weight:500;opacity:1}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--active>a .site-header__nav__item__label{border-bottom-color:#b7a287}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown>a>svg{width:9px;height:6px;margin:0 0 2px 6px;opacity:.7;transition:transform .15s}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown:hover>a>svg,
  body.gk-frame .site-header .site-header__nav>li.site-header--dropdown-active>a>svg{transform:rotate(180deg)}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--search>a{padding:0 14px}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--search>a svg{width:17px;height:17px;vertical-align:-3px}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--login>a{display:inline-block;height:auto;margin:20px 0 0 10px;
    padding:8px 18px;line-height:1.25;border:1px solid rgba(234,228,215,.5)!important;border-radius:999px;letter-spacing:.04em;opacity:1}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--login>a:hover{background:rgba(234,228,215,.1)}
  /* dropdown panel: Paper on the Night bar; opens on hover / keyboard focus as well as on click (gk-site.js) */
  body.gk-frame .site-header .site-header__dropdown{top:66px;left:2px;right:auto;min-width:260px;padding:10px 0;
    background:#f4efe4;border:1px solid #d9cdb9;border-radius:12px;box-shadow:0 18px 44px rgba(29,48,59,.28)}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown:hover>.site-header__dropdown,
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown:focus-within>.site-header__dropdown{visibility:visible;opacity:1;height:auto;transform:scale(1)}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown:hover>.site-header__dropdown>li,
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown:focus-within>.site-header__dropdown>li{height:auto}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown{z-index:20}
  body.gk-frame .site-header .site-header__dropdown>li{padding:0;background:transparent}
  body.gk-frame .site-header .site-header__dropdown>li:hover{background:#eae4d7}
  body.gk-frame .site-header .site-header__dropdown>li>a{display:block;padding:9px 22px;color:#1d303b!important;font-size:16px;
    font-weight:400;letter-spacing:0;line-height:1.4;white-space:nowrap;opacity:1}
  body.gk-frame .site-header .site-header__dropdown>li>a>span{padding-left:0!important}
  body.gk-frame .site-header .site-header__dropdown>li.site-header__dropdown__item--active>a{font-weight:600;box-shadow:inset 3px 0 0 #b7a287}
}

/* ------------------------------------------------------------------ header, phone + tablet (theme switches at 949px) */
@media screen and (max-width:949px){
  body.gk-frame .site-header>.wrapper{padding:0}
  body.gk-frame .site-header .site-header__brand{float:none;display:block;height:62px;line-height:62px;padding:0 20px;
    font-size:26px;text-align:left}
  body.gk-frame .site-header .site-header__nav-toggle{height:62px;line-height:62px;padding:0 20px;color:#eae4d7!important}
  body.gk-frame .site-header .site-header__nav-toggle svg{width:22px;height:22px;vertical-align:middle}
  body.gk-frame .site-header--mobile-open .wrapper{background:#1d303b!important;color:#eae4d7}
  body.gk-frame .site-header .site-header__nav{float:none;margin:0;padding:0 0 10px;border-bottom:0;border-top:1px solid rgba(234,228,215,.14)}
  body.gk-frame .site-header .site-header__nav>li>a{height:auto;margin:0!important;padding:15px 20px!important;line-height:1.35;
    border:0!important;border-bottom:1px solid rgba(234,228,215,.12)!important;font-size:15px;font-weight:500!important;
    letter-spacing:.07em;text-transform:uppercase;color:#eae4d7!important}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--has-dropdown>a>svg{display:inline-block;width:10px;height:7px;margin-left:8px;opacity:.7}
  body.gk-frame .site-header .site-header__nav>li.site-header--dropdown-active>a>svg{transform:rotate(180deg)}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--active>a .site-header__nav__item__label{border-bottom:2px solid #b7a287;padding-bottom:2px}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--search .mobile-hidden{display:none}
  body.gk-frame .site-header .site-header__nav>li.site-header__nav__item--active:not(.site-header--dropdown-active)>.site-header__dropdown{display:none}
  body.gk-frame .site-header .site-header__dropdown{background:#223a48;border:0;padding:4px 0}
  body.gk-frame .site-header .gk-frame-search{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:62px;
    z-index:3;width:48px;height:62px;color:#eae4d7!important}
  body.gk-frame .site-header .gk-frame-search svg{width:19px;height:19px}
  body.gk-frame .site-header .site-header__dropdown>li>a{padding:12px 20px 12px 36px!important;border:0!important;
    color:#eae4d7!important;font-size:16px;letter-spacing:0;line-height:1.4}
  body.gk-frame .site-header .site-header__dropdown>li>a>span{padding-left:0!important}
  body.gk-frame .site-header .site-header__dropdown>li.site-header__dropdown__item--active>a{box-shadow:inset 3px 0 0 #b7a287;font-weight:600}
}

/* transparent-header pages (blog index, /search, some parked pages): the bar is solid Night, never over the content */
body.gk-frame.transparent-header .site-header,
body.gk-frame.transparent-header.scrolltop .site-header:not(.site-header--mobile-open){position:relative;background:#1d303b!important}

/* header search overlay */
body.gk-frame .site-header__search{--color-body:#f4efe4;--color-text:#1d303b;--color-text-opacity-10:rgba(29,48,59,.14);
  --color-heading:#1d303b;background-color:rgba(29,48,59,.72)}
body.gk-frame .site-header__search .site-header__search__wrapper{border-radius:12px;box-shadow:0 22px 50px rgba(29,48,59,.35)}
body.gk-frame .site-header__search .site-header_search__form input[type=search]{height:62px;font-family:var(--gk-sans);font-size:19px;
  border:0!important;color:#1d303b}

/* ------------------------------------------------------------------ footer: Paper with Night text (inbox 2026-10-17) */
body.gk-frame .site-footer{padding:0;color:#1d303b;font-family:var(--gk-sans);
  background:linear-gradient(90deg,rgba(183,162,135,0),#b7a287 50%,rgba(183,162,135,0)) top center/min(720px,88%) 1px no-repeat,
  linear-gradient(180deg,#e3dac9,#d9cdb9)}
body.gk-frame .site-footer>.wrapper{max-width:760px;margin:0 auto;padding:52px 24px 60px}
body.gk-frame .site-footer>.wrapper>div{display:flex;flex-direction:column;align-items:center;gap:6px}
body.gk-frame .site-footer a,body.gk-frame .site-footer div{font-size:17px}
body.gk-frame .site-footer a{color:#1d303b;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.gk-frame .site-footer a:hover{color:#2d4d60}
body.gk-frame .site-footer a:focus-visible{outline:2px solid #1d303b;outline-offset:3px}
body.gk-frame .site-footer .footer-social{display:flex;justify-content:center;gap:26px;max-width:none;margin:16px 0 0;padding:0;list-style:none}
body.gk-frame .site-footer .footer-social a{display:block;color:#1d303b;text-decoration:none;opacity:.85}
body.gk-frame .site-footer .footer-social a:hover{opacity:1}
body.gk-frame .site-footer .footer-social svg{width:20px;height:20px}
body.gk-frame .site-footer .footer-social svg path{fill:currentColor}

/* ------------------------------------------------------------------ Paper ground for the frame-owned templates */
body.gk-frame.template--blog_post_template,body.gk-frame.template--blog_index_template,
body.gk-frame.template--404,body.gk-frame.template--products{--color-body:#eae4d7;--color-text:#1d303b;--color-heading:#1d303b;
  background:#eae4d7;color:#1d303b}
body.gk-frame.template--blog_post_template .page-content,body.gk-frame.template--blog_index_template .page-content,
body.gk-frame.template--404 .page-content,body.gk-frame.template--products .page-content{background:#eae4d7;font-family:var(--gk-sans);color:#1d303b}
body.gk-frame.template--blog_post_template .section,body.gk-frame.template--blog_index_template .section--blog-posts-feed{background:transparent}

/* ------------------------------------------------------------------ blog post + blog list: one reading column */
body.gk-frame .section--blog-post-content>.wrapper,
body.gk-frame .section--blog-posts-feed>.wrapper{max-width:808px;margin:0 auto;padding-left:24px;padding-right:24px}
body.gk-frame .section--blog-post-content>.wrapper{padding-top:64px;padding-bottom:24px}
body.gk-frame .section--blog-posts-feed>.wrapper{padding-top:56px;padding-bottom:16px}
body.gk-frame :is(.section--blog-post-content,.section--blog-posts-feed) .grid:not(.wysiwyg-content *){width:auto;margin:0!important}
body.gk-frame :is(.section--blog-post-content,.section--blog-posts-feed) :is(.grid__item,article.blog-post):not(.wysiwyg-content *){margin-top:0;padding-left:0!important;padding-right:0!important}
body.gk-frame .blog-post>.grid>.blog-post__meta.md-down--hide{display:none!important}
body.gk-frame .blog-post>.grid>.blog-post__content{width:100%!important;max-width:100%;flex:0 0 100%;display:flex;flex-direction:column}
body.gk-frame .blog-post .blog-post__content>.blog-post__title,
body.gk-frame .blog-post .blog-post__content>a:first-child{order:1}
body.gk-frame .blog-post .blog-post__content>.blog-post__meta--inline{order:2}
body.gk-frame .blog-post .blog-post__content>.blog-post__asset{order:3}
body.gk-frame .blog-post .blog-post__content>.blog-post__body,
body.gk-frame .blog-post .blog-post__content>.blog-post__excerpt{order:4}
body.gk-frame .blog-post .blog-post__content>.read-more{order:5}
body.gk-frame .blog-post .blog-post__content>*{order:6}
/* on a post page the inline meta sits at the END of .blog-post__body: let the body's children join the flex column */
body.gk-frame .blog-post .blog-post__content>.blog-post__body{display:contents}
body.gk-frame .blog-post .blog-post__content>.blog-post__body>*{order:4}
body.gk-frame .blog-post .blog-post__content>.blog-post__body>.blog-post__meta--inline{order:2}
body.gk-frame .blog-post .blog-post__meta--inline.lg--hide{display:block!important}
body.gk-frame .blog-post .blog-post__meta--inline{margin:0 0 28px;font-family:var(--gk-sans);font-size:16px;line-height:1.5;color:#2d4d60}
body.gk-frame .blog-post .blog-post__meta--inline .blog-post__inline-meta-with-separator{display:inline;font-size:16px}
body.gk-frame .blog-post .blog-post__meta a{color:#2d4d60;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.gk-frame .blog-post .blog-post__meta a:hover{color:#1d303b}
body.gk-frame .blog-post__react{display:none!important}

/* titles */
body.gk-frame .template--blog_post_template .blog-post__title,
body.gk-frame.template--blog_post_template .blog-post__title{margin:0 0 16px;font-family:var(--gk-serif);font-weight:600;
  font-size:54px;line-height:1.08;letter-spacing:-.005em;color:#1d303b;text-wrap:pretty}
body.gk-frame.template--blog_index_template .blog-post__title{margin:0 0 10px;font-family:var(--gk-head);font-weight:400;
  font-size:36px;line-height:1.18;color:#1d303b;text-wrap:balance}
body.gk-frame.template--blog_index_template .blog-post .blog-post__title a,
body.gk-frame.template--blog_index_template .blog-post__content>a{color:#1d303b;text-decoration:none}
body.gk-frame.template--blog_index_template .blog-post__content>a:hover .blog-post__title{text-decoration:underline;
  text-decoration-color:#b7a287;text-decoration-thickness:2px;text-underline-offset:6px}

/* lead image */
body.gk-frame .blog-post .blog-post__asset{margin:0 0 36px;height:auto!important}
body.gk-frame .blog-post .blog-post__asset img{display:block;max-width:100%;height:auto;border-radius:12px}
body.gk-frame.template--blog_post_template .blog-post .blog-post__asset img{width:100%}
body.gk-frame.template--blog_index_template .blog-post .blog-post__asset{margin-bottom:28px}
body.gk-frame.template--blog_index_template .blog-post .blog-post__asset img{width:100%}

/* body text */
body.gk-frame .blog-post .blog-post__body,body.gk-frame .blog-post .blog-post__excerpt{font-family:var(--gk-sans);font-size:21px;
  line-height:1.6;color:#1d303b}
body.gk-frame.template--blog_index_template .blog-post .blog-post__excerpt{font-size:19px;margin-bottom:6px}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) .wysiwyg-content{font-size:inherit;line-height:inherit;color:inherit}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(p,li,blockquote,div,span,em,i){font-family:inherit}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) p{margin:0 0 22px;line-height:1.6;text-wrap:pretty}
/* pasted text carries inline sizes and colours: body-size ones defer to the column, colours to Night */
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is([style*="font-size: 20px"],[style*="font-size:20px"],
  [style*="font-size: 18px"],[style*="font-size:18px"],[style*="font-size: 16px"],[style*="font-size:16px"],
  [style*="font-size: 22px"],[style*="font-size:22px"],[style*="font-size: medium"],[style*="font-size: inherit"]){font-size:inherit!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) [style*="color"]:not(a){color:inherit!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is([style*="background-color: #ffffff" i],[style*="background-color: #fff;" i],
  [style*="background-color: rgb(255, 255, 255)"],[style*="background: #ffffff" i],[style*="background-color: transparent"]){background-color:transparent!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is([style*="background-color: #f4f4f4" i],[style*="background-color: #fafafa" i]){background-color:#f4efe4!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) [style*="font-family"]{font-family:inherit!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(strong,b){font-family:var(--gk-bold);font-weight:700}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(h1,h2,h3,h4,h5,h6){margin:46px 0 16px;font-family:var(--gk-head)!important;
  font-weight:400;line-height:1.2;color:#1d303b!important;letter-spacing:0;text-wrap:balance}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h1{font-size:42px!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h2{font-size:38px!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h3{font-size:31px!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h4{font-size:26px!important}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(h5,h6){font-size:22px!important;font-weight:600}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(h1,h2,h3,h4,h5,h6) :is(strong,b){font-family:inherit;font-weight:inherit}
body.gk-frame .blog-post .blog-post__excerpt :is(h1,h2,h3,h4){font-size:26px!important;margin:28px 0 12px}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) a{color:#1d303b;font-weight:500;text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) a:hover{color:#2d4d60;text-decoration-color:#b7a287}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) a:focus-visible{outline:2px solid #1d303b;outline-offset:3px}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(ul,ol){margin:0 0 24px;padding-left:1.35em}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) li{margin:0 0 10px;padding-left:.2em;line-height:1.55}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) blockquote{margin:6px 0 30px;padding:2px 0 2px 24px;
  border-left:3px solid #b7a287!important;color:#1d303b;font-size:inherit;background:transparent}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) blockquote p:last-child{margin-bottom:0}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) hr{height:1px;margin:44px 0;border:0;
  background:linear-gradient(90deg,#b7a287,rgba(183,162,135,0))}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) img{max-width:100%;height:auto;border-radius:10px}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) figure{margin:30px 0}
body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) figcaption{margin-top:10px;font-size:16px;line-height:1.45;color:#2d4d60}
body.gk-frame .blog-post .blog-post__body iframe:not([style*="display:none"]){max-width:100%}
body.gk-frame .blog-post .blog-post__body :is(iframe[src*="youtube"],iframe[src*="youtu.be"],iframe[src*="vimeo"],iframe[src*="loom.com"]){
  display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;margin:8px auto 28px;border:0;border-radius:12px;background:#1d303b}
body.gk-frame .blog-post .blog-post__body table{width:100%;border-collapse:collapse;font-size:18px}
body.gk-frame .blog-post .blog-post__body :is(td,th){padding:10px 12px;border-bottom:1px solid #d9cdb9;text-align:left}

/* share row */
body.gk-frame .blog-post .sharing{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
body.gk-frame .blog-post .sharing .btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 18px;
  background:transparent!important;border:1px solid #b7a287!important;border-radius:999px;color:#1d303b!important;
  font-family:var(--gk-sans);font-size:15px;font-weight:500;line-height:1.2;box-shadow:none}
body.gk-frame .blog-post .sharing .btn:hover{background:#f4efe4!important;border-color:#1d303b!important}
body.gk-frame .blog-post .sharing .btn svg{width:14px;height:14px;margin:0;fill:currentColor}
body.gk-frame .blog-post .sharing .btn svg path{fill:currentColor}
body.gk-frame .blog-post .sharing .share-label{color:inherit;font-size:15px}

/* blog list: articles separated by the tapering Warm-stone rule; "continue reading" link */
body.gk-frame.template--blog_index_template .blog-posts article.blog-post{margin:0 0 0;padding:0 0 52px;border:0}
body.gk-frame.template--blog_index_template .blog-posts article.blog-post+article.blog-post{padding-top:52px;
  background:linear-gradient(90deg,#b7a287,rgba(183,162,135,0)) top left/min(720px,100%) 1px no-repeat}
body.gk-frame.template--blog_index_template .blog-post .read-more{margin:0;font-size:18px}
body.gk-frame.template--blog_index_template .blog-post .read-more a{color:#1d303b;font-weight:600;text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#b7a287}
body.gk-frame.template--blog_index_template .blog-post .read-more a:hover{text-decoration-color:#1d303b}

/* blog hero (index + categories): the field photo becomes the Night opening, same as the Brand Kit pages */
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"]{position:relative;
  background:radial-gradient(900px 520px at 88% 0%,rgba(120,166,197,.30),transparent 70%),linear-gradient(180deg,#1d303b 0%,#223a48 62%,#2d4d60 100%)}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .section-background{background-image:none!important}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .overlay-section-background{background:transparent!important}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .section{min-height:0;padding:0;background:transparent;color:#eae4d7}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .wrapper{position:relative;z-index:2;max-width:808px;
  margin:0 auto;padding:64px 24px 60px}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] h1{margin:0;font-family:var(--gk-serif);font-weight:600;
  font-size:66px;line-height:1.05;color:#eae4d7!important;text-align:left!important}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] h1 br{display:none}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .gk-frame-kicker{margin:0 0 10px;font-family:var(--gk-sans);
  font-size:18px;font-weight:500;letter-spacing:.04em;color:#c2cbd0;text-align:left}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .gk-frame-kicker a{color:#c2cbd0;text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px}
body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .gk-frame-kicker a:hover{color:#eae4d7}

/* pagination */
body.gk-frame .pagination{margin:12px 0 0;font-family:var(--gk-sans);text-align:center}
body.gk-frame .pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:0}
body.gk-frame .pagination .pagination__item{margin:0;list-style:none}
body.gk-frame .pagination .pagination__item>a,body.gk-frame .pagination .pagination__item>span{display:inline-flex;align-items:center;
  justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 12px;border-radius:999px;color:#1d303b;font-size:17px;
  font-weight:500;text-decoration:none;border:1px solid transparent}
body.gk-frame .pagination .pagination__item>a:hover{border-color:#b7a287;background:#f4efe4}
body.gk-frame .pagination .pagination__item--active>span{background:#1d303b;color:#eae4d7}
body.gk-frame .pagination .pagination__item--disabled>span{opacity:.35}
body.gk-frame .pagination svg{display:block;width:12px;height:12px;fill:currentColor}
body.gk-frame .pagination .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.gk-frame .pagination svg path{fill:currentColor}
body.gk-frame .pagination .pagination__showing{margin:14px 0 0;font-size:15px;color:#2d4d60}

/* category pills (end of posts + list pages) */
/* (it clears the floated post column, which swallows a margin-top: the space + rule live in the padding) */
body.gk-frame .blog-modern__category-list{clear:both;max-width:900px;margin:0 auto;padding:88px 24px 72px;float:none;
  background:linear-gradient(90deg,rgba(183,162,135,0),#b7a287 50%,rgba(183,162,135,0)) center 44px/min(720px,90%) 1px no-repeat}
body.gk-frame .blog-modern__category-pill.blog-modern__category-pill a:not(.following__option){margin:5px 4px;padding:8px 15px;
  background:transparent!important;border:1px solid #b7a287;color:#1d303b!important;font-family:var(--gk-sans);font-size:15px;
  font-weight:500;letter-spacing:0;line-height:1.2}
body.gk-frame .blog-modern__category-pill.blog-modern__category-pill a:not(.following__option):hover{background:#f4efe4!important;border-color:#1d303b}
body.gk-frame .blog-modern__category-pill.blog-modern__category-pill--active a:not(.following__option){background:#1d303b!important;
  border-color:#1d303b;color:#eae4d7!important}
body.gk-frame .blog-modern__category-list__pills:has(.blog-modern__category-pill--active a:not([href="/blog"])) .blog-modern__category-pill--active a[href="/blog"]{
  background:transparent!important;border-color:#b7a287;color:#1d303b!important}
body.gk-frame .blog-modern__category-list__mobile .naked-simple-dropdown__toggler{display:flex;justify-content:space-between;align-items:center;
  padding:12px 16px;border:1px solid #b7a287;border-radius:10px;background:#f4efe4;color:#1d303b;font-family:var(--gk-sans);font-size:17px;font-weight:500}
body.gk-frame .blog-modern__category-list__mobile .naked-simple-dropdown__toggler svg{width:14px;height:10px}
body.gk-frame .blog-modern__category-list__mobile .naked-simple-dropdown__content{background:#f4efe4;border:1px solid #d9cdb9;border-radius:10px}

/* ------------------------------------------------------------------ /404 and /products (theme "heading" pages) */
body.gk-frame.template--404 .page-content>.wrapper,body.gk-frame.template--products .page-content>.wrapper{max-width:760px;margin:0 auto;padding:88px 24px 110px}
body.gk-frame.template--404 .heading,body.gk-frame.template--products .heading{--color-primary:transparent;text-align:left}
body.gk-frame.template--404 .heading h1,body.gk-frame.template--products .heading h1{margin:0;padding:0;font-family:var(--gk-serif);font-weight:600;
  font-size:58px;line-height:1.08;color:#1d303b}
body.gk-frame.template--404 .heading{margin:0 0 22px}
body.gk-frame.template--404 .page-content p,body.gk-frame.template--products .empty-state{font-family:var(--gk-sans);font-size:21px;
  line-height:1.55;color:#1d303b;text-align:left!important}
body.gk-frame.template--404 .page-content>.wrapper>p:not(.text-center){display:none}
body.gk-frame.template--404 .search-bar{display:flex;gap:10px;align-items:stretch;max-width:none;margin:28px 0 0;padding:0!important}
body.gk-frame.template--404 .search-bar .search-bar__field-wrapper{position:relative;flex:1 1 auto;margin:0;padding:0}
body.gk-frame.template--404 .search-bar .search-bar__btn{display:block!important;flex:0 0 auto}
body.gk-frame.template--404 .search-bar input[type=search]{height:60px;padding:0 18px 0 50px;background:#f4efe4;border:1px solid #b7a287;
  border-radius:12px;font-family:var(--gk-sans);font-size:19px;color:#1d303b;box-shadow:none}
body.gk-frame.template--404 .search-bar input[type=search]:focus{outline:3px solid #78a6c5;outline-offset:2px}
body.gk-frame.template--404 .search-bar .search-bar__glass{color:#1d303b}
body.gk-frame.template--404 .search-bar .search-bar__btn .btn{height:60px;margin:0;padding:0 30px;background:#1d303b;border:0;border-radius:12px;
  color:#eae4d7;font-family:var(--gk-sans);font-size:19px;font-weight:500;cursor:pointer}
body.gk-frame.template--404 .search-bar .search-bar__btn .btn:hover{background:#223a48}

/* ------------------------------------------------------------------ /search (Pagefind UI) */
body.gk-frame .gk-search{max-width:808px;margin:0 auto;padding:64px 24px 96px;--pagefind-ui-primary:#1d303b;--pagefind-ui-text:#1d303b;
  --pagefind-ui-background:#f4efe4;--pagefind-ui-border:#b7a287;--pagefind-ui-tag:#eae4d7;--pagefind-ui-border-width:1px;
  --pagefind-ui-border-radius:12px;--pagefind-ui-font:'Rethink Sans',system-ui,-apple-system,sans-serif;font-family:var(--gk-sans);color:#1d303b}
body.gk-frame .gk-search h1{margin:0 0 28px;font-family:var(--gk-serif);font-weight:600;font-size:54px;line-height:1.08;color:#1d303b}
body.gk-frame .gk-search .pagefind-ui__search-input{font-weight:500;color:#1d303b}
body.gk-frame .gk-search .pagefind-ui__search-input:focus{outline:3px solid #78a6c5;outline-offset:2px}
body.gk-frame .gk-search .pagefind-ui__search-clear{background:transparent;border:0;box-shadow:none;color:#1d303b;font-size:15px;font-weight:500}
body.gk-frame .gk-search .pagefind-ui__message{font-size:16px;font-weight:500;color:#2d4d60}
body.gk-frame .gk-search .pagefind-ui__result{border-top:1px solid #d9cdb9;padding:26px 0}
body.gk-frame .gk-search .pagefind-ui__result-title{font-family:var(--gk-head);font-weight:600;font-size:24px;line-height:1.25}
body.gk-frame .gk-search .pagefind-ui__result-link{color:#1d303b;text-decoration:none}
body.gk-frame .gk-search .pagefind-ui__result-link:hover{text-decoration:underline;text-decoration-color:#b7a287;text-underline-offset:4px}
body.gk-frame .gk-search .pagefind-ui__result-excerpt{font-size:17px;line-height:1.55;color:#1d303b}
body.gk-frame .gk-search mark{background:rgba(183,162,135,.38);color:inherit;padding:0 2px;border-radius:3px}
body.gk-frame .gk-search .pagefind-ui__button{background:transparent;border:1px solid #1d303b;border-radius:999px;color:#1d303b;
  font-family:var(--gk-sans);font-size:16px;font-weight:500}
body.gk-frame .gk-search .pagefind-ui__button:hover{background:#1d303b;color:#eae4d7}

/* ------------------------------------------------------------------ phone */
@media (max-width:640px){
  body.gk-frame .section--blog-post-content>.wrapper{padding:36px 20px 16px}
  body.gk-frame .section--blog-posts-feed>.wrapper{padding:40px 20px 8px}
  body.gk-frame.template--blog_post_template .blog-post__title{font-size:38px;line-height:1.1}
  body.gk-frame.template--blog_index_template .blog-post__title{font-size:28px}
  body.gk-frame .blog-post .blog-post__body,body.gk-frame .blog-post .blog-post__excerpt{font-size:18px}
  body.gk-frame.template--blog_index_template .blog-post .blog-post__excerpt{font-size:17px}
  body.gk-frame .blog-post .blog-post__meta--inline,body.gk-frame .blog-post .blog-post__meta--inline .blog-post__inline-meta-with-separator{font-size:15px}
  body.gk-frame .blog-post .blog-post__asset{margin-bottom:26px}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) p{margin-bottom:18px}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(h1,h2,h3,h4,h5,h6){margin:36px 0 12px}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h1{font-size:32px!important}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h2{font-size:30px!important}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h3{font-size:26px!important}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) h4{font-size:22px!important}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) :is(h5,h6){font-size:19px!important}
  body.gk-frame .blog-post :is(.blog-post__body,.blog-post__excerpt) blockquote{padding-left:16px}
  body.gk-frame.template--blog_index_template .blog-posts article.blog-post{padding-bottom:40px}
  body.gk-frame.template--blog_index_template .blog-posts article.blog-post+article.blog-post{padding-top:40px}
  body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] .wrapper{padding:44px 20px 40px}
  body.gk-frame.template--blog_index_template [data-simplero-section-type="hero"] h1{font-size:46px}
  body.gk-frame.template--404 .page-content>.wrapper{padding:56px 20px 80px}
  body.gk-frame.template--404 .heading h1,body.gk-frame .gk-search h1{font-size:40px}
  body.gk-frame .gk-search{padding:40px 20px 72px}
  body.gk-frame .site-footer>.wrapper{padding:44px 20px 52px}
}