/* Fixed layouts retain GPC's green/gold glass styling. */
[hidden]{display:none!important}
.header-language{position:absolute!important;right:clamp(20px,5vw,100px);bottom:7px;display:inline-flex!important;gap:4px;align-items:center;min-height:26px;padding:0 5px!important;border:0!important;background:none!important;box-shadow:none!important;font-size:11px!important;line-height:1.3;z-index:3;color:#32563c;text-decoration:none}
.site-header .desktop-nav{padding-bottom:15px}
.header-language .language-current{font-weight:700}.header-language .language-target{font-weight:400;text-decoration:underline;text-underline-offset:3px}
html.has-header-verses .header-language{bottom:5px}.site-header:has(.header-language){padding-bottom:24px}
@media(max-width:760px){.header-language{right:18px;bottom:1px;font-size:11px!important;min-height:28px}.site-header:has(.header-language){padding-bottom:26px}.side-menu [data-language-switch]{display:none!important}.site-header .desktop-nav{padding-bottom:0}}
html[data-font-preset="clean"] body{font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif}
html[data-font-preset="warm"] body{font-family:"Trebuchet MS","PingFang TC","Microsoft JhengHei",sans-serif}
html[data-font-preset="formal"] body{font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif}
html[data-font-preset="formal"] :is(h1,h2,h3){font-family:Georgia,"Songti TC","PMingLiU",serif;font-weight:600}
html[data-font-preset="reading"] body{font-family:Georgia,"Songti TC","PMingLiU",serif}
html[data-font-preset]:not([data-font-preset="original"]) :is(input,button,textarea,select){font-family:inherit}
.home-resource-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;margin:28px auto;max-width:1440px}.home-resource-entry h2{margin:4px 0 12px}.home-resource-entry p{margin:0}.home-resource-entry a{white-space:nowrap}
.resource-intro{max-width:1440px;margin:auto auto 24px;padding:clamp(24px,4vw,50px)}.resource-intro p{max-width:750px}.resource-directory{max-width:1440px;margin:auto;padding:clamp(20px,3vw,40px)}
.resource-tools{display:grid;grid-template-columns:1fr 210px;gap:18px}.resource-tools label{display:flex;flex-direction:column;gap:8px;font-weight:600}.resource-tools input,.resource-tools select{min-height:48px;padding:12px 16px;border:1px solid #bac7b8;border-radius:12px;background:rgba(255,255,255,.8);color:#254832;min-width:0}
.resource-categories{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}.resource-categories button,#resourceReset{border:1px solid #b7c3ae;background:rgba(255,255,255,.6);border-radius:22px;padding:9px 16px;min-height:42px;cursor:pointer;color:#315f3c}.resource-categories [aria-pressed="true"]{background:#315f3c;color:white;border-color:#315f3c}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource-card{background:rgba(255,255,248,.65);border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:24px;display:grid;grid-template-columns:54px 1fr;column-gap:16px;align-content:start;box-shadow:0 8px 22px rgba(35,50,35,.045)}.resource-card h3{font-size:21px;line-height:1.4;margin:0 0 9px}.resource-card p{font-size:15px;line-height:1.6;margin:0 0 12px}.resource-symbol{height:54px;width:54px;border-radius:15px;background:#ececdb;display:grid;place-items:center;color:#8b793e;font-size:28px}.resource-symbol img{max-width:44px;max-height:44px;width:auto;height:auto;object-fit:contain}.resource-featured{color:#806b30;display:block;margin-bottom:7px}.resource-tags{display:flex;gap:6px;flex-wrap:wrap}.resource-tags span{background:#e6ecdf;border-radius:6px;padding:3px 7px;font-size:11px;color:#3d5b42}.resource-link{grid-column:2;color:#315f3c;font-weight:600;margin-top:18px;display:inline-block;text-decoration:none;justify-self:start;min-height:32px}.resource-link:hover{text-decoration:underline}.resource-note{max-width:1440px;margin:22px auto;font-size:13px;line-height:1.6;padding:0 12px}.resource-copy{min-width:0;overflow-wrap:anywhere}
.site-announcement{margin:0 auto 20px;padding:18px 24px;border:1px solid #c5b478;border-radius:15px;background:#fff8dc;max-width:1440px;color:#314d36}.site-announcement p{margin:5px 0}.site-announcement a{color:inherit;font-weight:600}
@media(max-width:850px){.resource-list{grid-template-columns:1fr}.home-resource-entry{display:block}.home-resource-entry a{display:inline-block;margin-top:18px}}@media(max-width:500px){.resource-tools{grid-template-columns:1fr}.resource-card{padding:18px;grid-template-columns:42px 1fr;gap:12px}.resource-symbol{width:42px;height:42px}.resource-symbol img{max-width:36px;max-height:36px}.resource-card h3{font-size:19px}.resource-directory{padding:18px}.resource-link{font-size:14px}}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #8c7534;outline-offset:3px}
html.has-studio-header body main,html.has-studio-header body.home-page .home-v4-main{padding-top:var(--studio-header-offset,176px)!important}
@media(max-width:760px){html.has-studio-header{--studio-header-offset:144px}}
/* Preserve the original header heights. Language is positioned inside its existing area. */
.site-header:has(.header-language){height:122px;min-height:122px;max-height:122px;padding:6px 5vw}
.header-verse-text{font-size:14px;height:4.2em}
@media(max-width:1450px){.site-header .header-verses{display:none!important}}
@media(max-width:1180px){.site-header:has(.header-language){height:96px;min-height:96px;max-height:96px;padding:6px 20px}}
@media(max-width:1130px){.site-header:has(.header-language){height:88px;min-height:88px;max-height:88px;padding:6px 12px}.header-language{bottom:1px;min-height:20px;font-size:10px!important}}
/* 導航七項等寬，中英文置中 */
@media (min-width: 1181px) {
  .site-header .desktop-nav {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 560px;
    gap: 0 !important;
  }

  .site-header .desktop-nav > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    white-space: nowrap;
    letter-spacing: normal;
  }
}

/* 較窄桌面避免 logo 與導航重疊 */
@media (min-width: 1181px) and (max-width: 1450px) {
  .site-header .site-brand-logo {
    min-width: 0;
    max-width: 100%;
  }
}