/* =========================================================
   GOTIFIESTAS × YADA WIKI
   Visual layer scoped to Yada Wiki public views.

   Astra integration:
   - Accent: --ast-global-color-1
   - All typography inherits from Astra / the active theme.
   - Text/background inherit from the active theme instead of hardcoding a palette.
   ========================================================= */

.gf-yw-active {
  /* Astra semantic palette. Change these in Astra > Global > Colors. */
  --gf-yw-accent: var(--ast-global-color-1, #e50914);
  --gf-yw-accent-hover: var(--ast-global-color-1, #b70710);
  --gf-yw-heading: var(--ast-global-color-2, #ffffff);
  --gf-yw-text: var(--ast-global-color-3, #e6e6e6);
  --gf-yw-bg: var(--ast-global-color-4, #0b0b0b);
  --gf-yw-surface: var(--ast-global-color-5, #111111);
  --gf-yw-surface-alt: var(--ast-global-color-6, #151515);
  --gf-yw-subtle: var(--ast-global-color-7, #1b1b1b);
  --gf-yw-muted-base: var(--ast-global-color-8, #a7a7a7);
  --gf-yw-border: color-mix(in srgb, var(--gf-yw-text) 18%, transparent);
  --gf-yw-border-soft: color-mix(in srgb, var(--gf-yw-text) 10%, transparent);
  --gf-yw-panel: var(--gf-yw-surface);
  --gf-yw-panel-strong: var(--gf-yw-surface-alt);
  --gf-yw-muted: var(--gf-yw-muted-base);
  --gf-yw-radius: 4px;
  --gf-yw-max: var(--ast-container-width, 1280px);
}


.gf-yw-active .site-content,
.gf-yw-active #content {
  padding-top: 0;
}

/* Astra normally turns its content wrapper into a constrained flex layout and
   styles #primary as a content column. Wiki templates deliberately opt out. */
.gf-yw-active #content > .ast-container,
.gf-yw-active .site-content > .ast-container {
  display: block;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.gf-yw-site-main {
  display: block;
  float: none;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.gf-yw-shell {
  color: var(--gf-yw-text);
}
.gf-yw-shell h1,
.gf-yw-shell h2,
.gf-yw-shell h3,
.gf-yw-shell h4,
.gf-yw-shell h5,
.gf-yw-shell h6 {
  color: var(--gf-yw-heading);
  font-family: inherit;
}

.gf-yw-shell {
  width: min(calc(100% - 40px), var(--gf-yw-max));
  margin: 0 auto;
  padding: 24px 0 48px;
}

.gf-yw-shell *,
.gf-yw-shell *::before,
.gf-yw-shell *::after { box-sizing: border-box; }

.gf-yw-shell h1,
.gf-yw-shell h2,
.gf-yw-shell h3,
.gf-yw-shell h4,
.gf-yw-shell p { margin-top: 0; }

.gf-yw-shell a { color: inherit; text-decoration: none; }
.gf-yw-shell a:hover { color: var(--gf-yw-accent); }

.gf-yw-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--gf-yw-accent);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.gf-yw-hero {
  position: relative;
  min-height: 250px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(115deg, rgba(0,0,0,.82), rgba(0,0,0,.30));
  margin-bottom: 14px;
}
.gf-yw-hero.has-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.48) 55%, rgba(0,0,0,.35) 100%), var(--gf-yw-hero-image) center/cover no-repeat;
}
.gf-yw-hero__inner { position: relative; z-index: 1; width: min(650px, 70%); padding: 38px 42px; }
.gf-yw-hero h1 { margin: 0 0 8px; font-size: clamp(2.6rem, 5vw, 4.8rem); line-height: .98; text-transform: uppercase; }
.gf-yw-hero__lead { font-size: clamp(1.08rem, 2vw, 1.45rem); margin-bottom: 8px; }
.gf-yw-hero__copy { color: var(--gf-yw-muted); max-width: 620px; margin-bottom: 0; }

.gf-yw-search {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  margin: 0 0 14px;
  border: 1px solid var(--gf-yw-border);
  background: var(--gf-yw-panel);
  border-radius: var(--gf-yw-radius);
}
.gf-yw-search > i { margin-left: 10px; opacity: .7; }
.gf-yw-search input[type="search"] {
  width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 6px;
  color: inherit; background: transparent; border: 0; outline: 0; box-shadow: none;
}
.gf-yw-search button,
.gf-yw-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 28px; border: 1px solid var(--gf-yw-accent);
  border-radius: var(--gf-yw-radius); background: var(--gf-yw-accent); color: #fff;
  font: inherit; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
}
.gf-yw-search button:hover,
.gf-yw-button:hover { background: var(--gf-yw-accent-hover); border-color: var(--gf-yw-accent-hover); color: #fff !important; }
.gf-yw-button--outline { background: transparent; color: inherit; border-color: var(--gf-yw-border); padding-inline: 18px; }
.gf-yw-button--outline:hover { border-color: var(--gf-yw-accent); color: var(--gf-yw-accent) !important; background: transparent; }

.gf-yw-home-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 14px; align-items: start; }
.gf-yw-home-main, .gf-yw-home-side { display: grid; gap: 14px; min-width: 0; }
.gf-yw-home-side { position: sticky; top: 110px; }

.gf-yw-panel {
  min-width: 0; padding: 16px; border: 1px solid var(--gf-yw-border); border-radius: var(--gf-yw-radius); background: var(--gf-yw-panel);
}
.gf-yw-section-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.gf-yw-section-head h2 { margin: 0; font-size: 1.42rem; text-transform: uppercase; }
.gf-yw-section-head h2::after { content: ""; display: block; width: 34px; height: 2px; margin-top: 6px; background: var(--gf-yw-accent); }
.gf-yw-section-head > a { color: var(--gf-yw-accent); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }

.gf-yw-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.gf-yw-category-card { margin: 0; min-width: 0; }
.gf-yw-category-card > a { min-height: 102px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 15px; border: 1px solid var(--gf-yw-border); border-radius: var(--gf-yw-radius); background: var(--gf-yw-surface-alt); transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.gf-yw-category-card > a:hover { border-color: var(--gf-yw-accent); transform: translateY(-2px); background: var(--gf-yw-subtle); }
.gf-yw-category-card__icon { display: grid; place-items: center; width: 42px; height: 42px; color: var(--gf-yw-accent); font-size: 1.8rem; }
.gf-yw-category-card h3 { margin: 0 0 4px; font-size: 1.18rem; text-transform: uppercase; }
.gf-yw-category-card p { margin: 0; color: var(--gf-yw-muted); font-size: .78rem; line-height: 1.35; }
.gf-yw-category-card__arrow { opacity: .35; font-size: .75rem; }

.gf-yw-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.gf-yw-category-card {
    height: 100%;
    min-width: 0;
}

.gf-yw-category-card > a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 14px;

    width: 100%;
    height: 100%;
    min-height: 110px;

    box-sizing: border-box;
}

.gf-yw-category-card h3,
.gf-yw-category-card p {
    margin: 0;
}

.gf-yw-category-card > a > div {
    min-width: 0;
}



.gf-yw-card-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(175px, 1fr); gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; padding-bottom: 2px; }
.gf-yw-card { min-width: 0; margin: 0; border: 1px solid var(--gf-yw-border); border-radius: var(--gf-yw-radius); overflow: hidden; background: var(--gf-yw-surface-alt); }
.gf-yw-card__link { display: block; height: 100%; }
.gf-yw-card__media { position: relative; aspect-ratio: 16/10; background-position: center; background-size: cover; border-bottom: 1px solid var(--gf-yw-border-soft); }
.gf-yw-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(0,0,0,.75)); }
.gf-yw-card__media--empty { background: radial-gradient(circle at 70% 10%, color-mix(in srgb, var(--gf-yw-accent) 22%, transparent), transparent 40%), rgba(0,0,0,.4); }
.gf-yw-card__eyebrow { position: absolute; z-index: 1; left: 10px; bottom: 8px; color: var(--gf-yw-accent); font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.gf-yw-card__body { padding: 12px; }
.gf-yw-card__body h3 { margin: 0 0 5px; font-size: 1.1rem; line-height: 1.1; }
.gf-yw-card__body p { margin: 0; color: var(--gf-yw-muted); font-size: .78rem; line-height: 1.4; }
.gf-yw-card:hover { border-color: var(--gf-yw-accent); }

.gf-yw-side-list, .gf-yw-update-list { display: grid; }
.gf-yw-side-list > a { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--gf-yw-border-soft); }
.gf-yw-side-list > a:last-child, .gf-yw-update-list > a:last-child { border-bottom: 0; }
.gf-yw-side-list__icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--gf-yw-border); color: var(--gf-yw-accent); }
.gf-yw-side-list strong { display: block; font-size: .88rem; line-height: 1.25; }
.gf-yw-side-list small { display: block; margin-top: 3px; color: var(--gf-yw-muted); font-size: .7rem; }
.gf-yw-update-list > a { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 7px 9px; padding: 9px 0; border-bottom: 1px solid var(--gf-yw-border-soft); }
.gf-yw-update-list > a i { color: var(--gf-yw-accent); padding-top: 3px; }
.gf-yw-update-list > a span { font-size: .84rem; }
.gf-yw-update-list > a small { grid-column: 2; color: var(--gf-yw-muted); font-size: .7rem; }

.gf-yw-tags { margin-top: 0; }
.gf-yw-tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
.gf-yw-tag-list a { display: inline-flex; gap: 7px; align-items: center; padding: 7px 10px; border: 1px solid var(--gf-yw-border); border-radius: var(--gf-yw-radius); font-size: .8rem; }
.gf-yw-tag-list a i { color: var(--gf-yw-accent); }

.gf-yw-all { margin-top: 14px; }
.gf-yw-all-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--gf-yw-border-soft); border: 1px solid var(--gf-yw-border-soft); }
.gf-yw-all-grid > a { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 14px; background: var(--gf-yw-surface-alt); font-size: .85rem; }
.gf-yw-all-grid > a > i:first-child { color: var(--gf-yw-accent); }
.gf-yw-all-grid > a > i:last-child { opacity: .4; font-size: .65rem; }

.gf-yw-contribute { margin-top: 14px; padding: 18px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--gf-yw-border); background: var(--gf-yw-panel); }
.gf-yw-contribute > div { display: flex; align-items: center; gap: 14px; }
.gf-yw-contribute > div > i { color: var(--gf-yw-accent); font-size: 1.8rem; }
.gf-yw-contribute strong, .gf-yw-contribute span span { display: block; }
.gf-yw-contribute strong { text-transform: uppercase; }
.gf-yw-contribute span span { color: var(--gf-yw-muted); font-size: .82rem; }

.gf-yw-breadcrumbs { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; color: var(--gf-yw-muted); font-size: .78rem; overflow: hidden; white-space: nowrap; }
.gf-yw-breadcrumbs > * { flex: 0 0 auto; }
.gf-yw-breadcrumbs > span { overflow: hidden; text-overflow: ellipsis; }
.gf-yw-breadcrumbs > i { font-size: .58rem; opacity: .5; }

.gf-yw-term-hero { display: flex; align-items: center; gap: 22px; padding: 28px; margin-bottom: 14px; border: 1px solid var(--gf-yw-border); background: var(--gf-yw-panel); }
.gf-yw-term-hero__icon { width: 84px; height: 84px; display: grid; place-items: center; border: 1px solid var(--gf-yw-border); color: var(--gf-yw-accent); font-size: 2.6rem; flex: 0 0 auto; }
.gf-yw-term-hero h1, .gf-yw-page-head h1 { margin: 0; font-size: clamp(2.1rem, 5vw, 4rem); text-transform: uppercase; }
.gf-yw-term-description { color: var(--gf-yw-muted); max-width: 800px; }
.gf-yw-term-description p:last-child { margin-bottom: 0; }
.gf-yw-subcategory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.gf-yw-subcategory-grid > a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--gf-yw-border); }
.gf-yw-subcategory-grid > a > span { color: var(--gf-yw-accent); font-size: 1.45rem; text-align: center; }
.gf-yw-subcategory-grid h3 { margin: 0 0 3px; font-size: 1.05rem; text-transform: uppercase; }
.gf-yw-subcategory-grid p { margin: 0; color: var(--gf-yw-muted); font-size: .74rem; }
.gf-yw-subcategory-grid > a > i { opacity: .4; }
.gf-yw-listing-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.gf-yw-pagination { margin-top: 18px; }
.gf-yw-pagination .nav-links { display: flex; justify-content: center; gap: 6px; }
.gf-yw-pagination .page-numbers { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--gf-yw-border); }
.gf-yw-pagination .page-numbers.current { background: var(--gf-yw-accent); color: #fff; border-color: var(--gf-yw-accent); }
.gf-yw-page-head { margin: 20px 0; }
.gf-yw-empty { margin: 0; color: var(--gf-yw-muted); }

/* Article */
.gf-yw-article-hero { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); min-height: 290px; border: 1px solid var(--gf-yw-border); background: var(--gf-yw-panel); }
.gf-yw-article-hero:not(.has-image) { grid-template-columns: 1fr; }
.gf-yw-article-hero__content { padding: 36px; align-self: center; }
.gf-yw-article-hero h1 { margin: 0 0 14px; font-size: clamp(2.3rem, 5vw, 4.5rem); line-height: .98; text-transform: uppercase; }
.gf-yw-article-hero__excerpt { max-width: 760px; margin-bottom: 16px; color: var(--gf-yw-muted); font-size: 1.02rem; }
.gf-yw-article-meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--gf-yw-muted); font-size: .78rem; }
.gf-yw-article-meta span { display: inline-flex; align-items: center; gap: 7px; }
.gf-yw-article-hero__image { min-height: 290px; background-size: cover; background-position: center; position: relative; }
.gf-yw-article-hero__image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.72), transparent 48%); }
.gf-yw-article-tags { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 0 14px; }
.gf-yw-article-tags a { padding: 5px 9px; border: 1px solid var(--gf-yw-border); font-size: .72rem; }
.gf-yw-article-layout { display: grid; grid-template-columns: 235px minmax(0,1fr) 260px; gap: 14px; align-items: start; }
.gf-yw-toc-side, .gf-yw-info-side { position: sticky; top: 110px; display: grid; gap: 14px; }
.gf-yw-toc-card .gf-yw-section-head, .gf-yw-info-card .gf-yw-section-head { margin-bottom: 8px; }
.gf-yw-toc-list { list-style: none; padding: 0; margin: 0; counter-reset: gfYwH2; }
.gf-yw-toc-list li { margin: 0; }
.gf-yw-toc-list a { display: block; padding: 7px 0; color: var(--gf-yw-muted); font-size: .8rem; line-height: 1.25; }
.gf-yw-toc-list .level-3 a { padding-left: 17px; font-size: .75rem; }
.gf-yw-toc-list a:hover { color: var(--gf-yw-accent); }
.gf-yw-edit-card { text-align: center; }
.gf-yw-edit-card > i { color: var(--gf-yw-accent); font-size: 1.8rem; }
.gf-yw-edit-card h3 { margin: 8px 0 6px; text-transform: uppercase; }
.gf-yw-edit-card p { color: var(--gf-yw-muted); font-size: .78rem; }
.gf-yw-edit-card .gf-yw-button { width: 100%; }

.gf-yw-article-content { min-width: 0; }
.gf-yw-prose { padding: 26px 28px; border: 1px solid var(--gf-yw-border); background: var(--gf-yw-panel); font-size: 1rem; line-height: 1.75; }
.gf-yw-prose > :first-child { margin-top: 0; }
.gf-yw-prose > :last-child { margin-bottom: 0; }
.gf-yw-prose h2 { scroll-margin-top: 120px; margin: 1.6em 0 .55em; padding-bottom: 7px; border-bottom: 1px solid var(--gf-yw-border-soft); font-size: 2rem; text-transform: uppercase; }
.gf-yw-prose h2::after { content:""; display:block; width:42px; height:2px; margin-top:7px; background:var(--gf-yw-accent); }
.gf-yw-prose h3 { scroll-margin-top: 120px; margin: 1.45em 0 .45em; font-size: 1.45rem; text-transform: uppercase; }
.gf-yw-prose a { color: var(--gf-yw-accent); text-decoration: underline; text-underline-offset: 3px; }
.gf-yw-prose blockquote { margin: 1.4em 0; padding: 18px 22px; border: 1px solid var(--gf-yw-border); border-left: 3px solid var(--gf-yw-accent); background: var(--gf-yw-surface-alt); font-style: italic; }
.gf-yw-prose blockquote p:last-child { margin-bottom: 0; }
.gf-yw-prose img { border: 1px solid var(--gf-yw-border); border-radius: var(--gf-yw-radius); }
.gf-yw-prose table { width: 100%; border-collapse: collapse; }
.gf-yw-prose th, .gf-yw-prose td { padding: 10px; border: 1px solid var(--gf-yw-border); }
.gf-yw-prose code { padding: 2px 5px; background: var(--gf-yw-subtle); }

.gf-yw-info-card dl { margin: 0; }
.gf-yw-info-card dl > div { padding: 12px 0; border-bottom: 1px solid var(--gf-yw-border-soft); }
.gf-yw-info-card dt { display: flex; align-items: center; gap: 8px; color: var(--gf-yw-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; }
.gf-yw-info-card dt i { color: var(--gf-yw-accent); width: 15px; }
.gf-yw-info-card dd { margin: 5px 0 0 23px; font-size: .84rem; }
.gf-yw-contributors { padding: 13px 0; }
.gf-yw-contributors > strong { display:block; margin-bottom:8px; font-size:.72rem; text-transform:uppercase; }
.gf-yw-contributors > div { display:flex; }
.gf-yw-avatar { width: 42px !important; height: 42px !important; border-radius:50%; border:2px solid rgba(0,0,0,.6); margin-left:-8px; }
.gf-yw-avatar:first-child { margin-left:0; }
.gf-yw-info-card .gf-yw-button { width:100%; font-size:.7rem; }
.gf-yw-mobile-toc { display:none; }
.gf-yw-related { margin-top: 14px; padding: 16px; border: 1px solid var(--gf-yw-border); background: var(--gf-yw-panel); }
.gf-yw-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.gf-yw-card--compact .gf-yw-card__media { aspect-ratio: 16/8; }
.gf-yw-card--compact .gf-yw-card__body { padding:9px; }
.gf-yw-card--compact .gf-yw-card__body h3 { font-size:.9rem; margin:0; }
.gf-yw-mobile-actions { display:none; }

/* The custom template owns the article TOC. Suppress any legacy Yada TOC
   markup injected by old content or third-party filters. */
.gf-yw-prose .yadawiki_toc_widget_box,
.gf-yw-prose .wiki-cat-list.yada-toc,
.gf-yw-prose .yada-wiki-toc { display: none !important; }

/* Keep legacy Yada output consistent inside articles. */
.gf-yw-active .wikilink-published,
.gf-yw-active .wikilink-other,
.gf-yw-active .wikilink-private,
.gf-yw-active .wikicatlink { color: var(--gf-yw-accent); }
.gf-yw-active .ywtable { color: inherit; background: transparent; font-family: inherit; border-color: var(--gf-yw-border); }
.gf-yw-active .ywcolumn,
.gf-yw-active .ywcolumn-alt { border-color: var(--gf-yw-border); }

@media (max-width: 1180px) {
  .gf-yw-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gf-yw-listing-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .gf-yw-article-layout { grid-template-columns: 210px minmax(0,1fr); }
  .gf-yw-info-side { grid-column: 1 / -1; position: static; }
  .gf-yw-info-card { display:grid; grid-template-columns: minmax(0,1fr) auto; gap:20px; align-items:center; }
  .gf-yw-info-card .gf-yw-section-head { grid-column:1/-1; }
}

@media (max-width: 920px) {
  .gf-yw-shell { width:min(calc(100% - 28px), var(--gf-yw-max)); padding-top:16px; }
  .gf-yw-home-grid { grid-template-columns:1fr; }
  .gf-yw-home-side { position:static; grid-template-columns:1fr 1fr; }
  .gf-yw-listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gf-yw-subcategory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gf-yw-all-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gf-yw-article-layout { grid-template-columns:1fr; }
  .gf-yw-toc-side { display:none; }
  .gf-yw-info-side { display:block; }
  .gf-yw-info-card { display:block; }
  .gf-yw-mobile-toc { display:block; margin-bottom:14px; border:1px solid var(--gf-yw-border); background:var(--gf-yw-panel); }
  .gf-yw-mobile-toc summary { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; cursor:pointer; font-weight:700; text-transform:uppercase; }
  .gf-yw-mobile-toc summary::-webkit-details-marker { display:none; }
  .gf-yw-mobile-toc[open] summary i { transform:rotate(180deg); }
  .gf-yw-mobile-toc .gf-yw-toc-list { padding:0 16px 12px; }
}

@media (max-width: 680px) {
  .gf-yw-active { --gf-yw-muted: var(--gf-yw-muted-base); }
  .gf-yw-shell { width:100%; padding:0 12px 90px; }
  .gf-yw-hero { min-height:0; margin-inline:-12px; border-left:0; border-right:0; border-radius:0; }
  .gf-yw-hero__inner { width:100%; padding:28px 18px; text-align:center; }
  .gf-yw-hero .gf-yw-kicker { justify-content:center; }
  .gf-yw-hero h1 { font-size:3rem; }
  .gf-yw-hero__lead { font-size:1rem; }
  .gf-yw-hero__copy { font-size:.82rem; }
  .gf-yw-search { grid-template-columns:auto minmax(0,1fr); padding:7px; }
  .gf-yw-search button { grid-column:1/-1; width:100%; }
  .gf-yw-category-grid { grid-template-columns:1fr; gap:0; }
  .gf-yw-categories { padding:0; overflow:hidden; }
  .gf-yw-categories .gf-yw-section-head { padding:14px 15px 6px; }
  .gf-yw-category-card > a { min-height:64px; border-width:1px 0 0; border-radius:0; padding:11px 14px; transform:none !important; }
  .gf-yw-category-card__icon { width:38px; height:38px; font-size:1.35rem; }
  .gf-yw-category-card h3 { font-size:1.05rem; margin:0; }
  .gf-yw-category-card p { display:none; }
  .gf-yw-card-row { grid-auto-columns: 64%; }
  .gf-yw-home-side { grid-template-columns:1fr; }
  .gf-yw-section-head h2 { font-size:1.2rem; }
  .gf-yw-all-grid { grid-template-columns:1fr; }
  .gf-yw-contribute { align-items:flex-start; flex-direction:column; }
  .gf-yw-contribute .gf-yw-button { width:100%; }
  .gf-yw-breadcrumbs { padding-top:14px; }
  .gf-yw-term-hero { align-items:flex-start; padding:18px; }
  .gf-yw-term-hero__icon { width:52px; height:52px; font-size:1.6rem; }
  .gf-yw-term-hero h1 { font-size:2.35rem; }
  .gf-yw-subcategory-grid, .gf-yw-listing-grid { grid-template-columns:1fr; }
  .gf-yw-listing-grid .gf-yw-card__link { display:grid; grid-template-columns:120px minmax(0,1fr); }
  .gf-yw-listing-grid .gf-yw-card__media { height:100%; aspect-ratio:auto; border-bottom:0; border-right:1px solid var(--gf-yw-border-soft); }
  .gf-yw-article-hero { display:block; margin-inline:-12px; border-left:0; border-right:0; }
  .gf-yw-article-hero__content { padding:22px 16px 18px; }
  .gf-yw-article-hero h1 { font-size:2.55rem; }
  .gf-yw-article-hero__excerpt { font-size:.9rem; }
  .gf-yw-article-hero__image { min-height:190px; }
  .gf-yw-article-hero__image::after { background:linear-gradient(180deg, rgba(0,0,0,.55), transparent 55%); }
  .gf-yw-prose { padding:18px 16px; font-size:.95rem; line-height:1.65; }
  .gf-yw-prose h2 { font-size:1.7rem; }
  .gf-yw-prose h3 { font-size:1.3rem; }
  .gf-yw-related-grid { display:grid; grid-auto-flow:column; grid-auto-columns:72%; grid-template-columns:none; overflow-x:auto; }
  .gf-yw-info-side { margin-top:14px; }
  .gf-yw-mobile-actions { position:fixed; z-index:999; left:0; right:0; bottom:0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--gf-yw-border); background:color-mix(in srgb, var(--gf-yw-bg) 94%, transparent); backdrop-filter:blur(10px); padding:max(8px, env(safe-area-inset-bottom)) 12px; }
  .gf-yw-mobile-actions button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; border:0; background:transparent; color:#fff; font:inherit; cursor:pointer; }
  .gf-yw-mobile-actions button + button { border-left:1px solid rgba(255,255,255,.15); }
  .gf-yw-mobile-actions .is-saved { color:var(--gf-yw-accent); }
}

@media (prefers-reduced-motion: reduce) {
  .gf-yw-category-card > a { transition:none; }
}