/* 綠色學校伙伴計劃頁專用樣式：與 about-page.css 的 .abt 基礎共用 */
.gs{padding:0;overflow:hidden}
.gs *{box-sizing:border-box}
.gs .abt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}

.gs-label{display:inline-flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:700;
  letter-spacing:.16em;color:#856818}
.gs-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.gs-label--light{color:#e6d7a6}

/* ---------- 計劃簡介 ---------- */
.gs-intro{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:1.4rem;align-items:stretch}
.gs-poster{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin:0;padding:1.6rem;
  background:linear-gradient(135deg,#fffdf5 0%,#f6f1e6 100%);border:1px solid var(--abt-line);border-radius:16px}
.gs-poster img{display:block;width:100%;height:auto;border-radius:10px;background:#fff;
  box-shadow:0 12px 26px rgba(18,58,32,.08)}
.gs-poster figcaption{font-size:1.25rem;line-height:1.6;color:#6d776f;text-align:center;letter-spacing:.03em}

.gs-brief{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:3rem 3.2rem;
  background:linear-gradient(135deg,#fffdf5 0%,#fff 100%);border:1px solid var(--abt-line);border-radius:16px}
.gs-brief::after{content:"";position:absolute;right:-42px;top:-48px;width:140px;height:140px;
  border-radius:50%;border:14px solid rgba(242,193,78,.18);pointer-events:none}
.gs-brief h4{position:relative;margin:.9rem 0 1.2rem;font-size:2.3rem;line-height:1.4;color:var(--g-900)}
.gs-brief p{position:relative;margin:0;font-size:1.6rem;line-height:1.95;color:#44524a;text-align:justify}

.gs-linkbar{position:relative;z-index:1;display:flex;align-items:center;
  margin-top:2rem;padding:1.3rem 1.6rem;background:var(--abt-soft);
  border:1px solid #d8e5da;border-radius:12px;color:var(--g-900);transition:background .25s ease,border-color .25s ease}
.gs-linkbar span{display:flex;flex-direction:column;gap:.35rem;min-width:0;width:100%}
.gs-linkbar b{font-size:1.45rem;line-height:1.5;font-weight:700;text-wrap:balance}
.gs-linkbar small{font-size:1.15rem;line-height:1.5;color:#6d776f;word-break:break-all}
.gs-linkbar:hover{background:#eef6ef;border-color:#bcd4c2}
.gs-linkbar:hover b{text-decoration:underline;text-underline-offset:.25em}

/* ---------- 種植園／綠色課堂 ---------- */
.gs-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.4rem;align-items:start}
.gs-feature--rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.gs-photo{display:flex;flex-direction:column;margin:0;overflow:hidden;
  background:#f4f8f3;border:1px solid var(--abt-line);border-radius:16px}
.gs-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
  transition:transform .4s ease}
.gs-feature:hover .gs-photo img{transform:scale(1.02)}
.gs-photo figcaption{padding:1rem 1.4rem;background:#fffdf5;font-size:1.2rem;line-height:1.6;
  color:#5f6a60;letter-spacing:.04em}
.gs-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:3rem 3.2rem;
  background:linear-gradient(135deg,#fffdf5 0%,#fff 100%);border:1px solid var(--abt-line);border-radius:16px}
.gs-lead{margin:.9rem 0 1.3rem;font-size:1.75rem;font-weight:700;line-height:1.6;color:var(--g-900)}

.gs-checks{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.gs-checks li{position:relative;padding-left:3rem;font-size:1.55rem;line-height:1.8;color:#44524a}
.gs-checks li::before{content:"";position:absolute;left:0;top:.28em;width:1.9rem;height:1.9rem;
  border-radius:50%;background:rgba(46,125,79,.12);border:1px solid rgba(46,125,79,.26)}
.gs-checks li::after{content:"✓";position:absolute;left:.42rem;top:.16em;font-size:1.15rem;
  font-weight:700;line-height:1.6;color:var(--g-700)}

.gs-class-intro{margin:.9rem 0 1.6rem;font-size:1.55rem;line-height:1.95;color:#44524a;text-align:justify}
.gs-area-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:auto}
.gs-area-nav a{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem;background:#fff;
  border:1px solid var(--abt-line);border-radius:10px;font-size:1.35rem;font-weight:600;color:var(--g-700);
  transition:background .2s ease,border-color .2s ease,color .2s ease}
.gs-area-nav a b{font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:#a08430}
.gs-area-nav a:hover{background:var(--g-700);border-color:var(--g-700);color:#fff}
.gs-area-nav a:hover b{color:var(--gold)}

/* ---------- 四大範疇 ---------- */
.gs-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.gs-area{position:relative;overflow:hidden;padding:2.4rem;scroll-margin-top:8rem;
  background:linear-gradient(180deg,#fff 0%,#fbfdf9 100%);border:1px solid var(--abt-line);border-radius:16px}
.gs-area::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--gold) 0%,rgba(242,193,78,0) 100%)}
.gs-area-no{position:absolute;right:1.8rem;top:1.4rem;font-size:3.4rem;font-weight:700;line-height:1;
  color:rgba(18,58,32,.08);font-variant-numeric:tabular-nums;pointer-events:none}
.gs-area h4{position:relative;margin:0 0 1.2rem;padding-right:4rem;font-size:1.85rem;line-height:1.45;color:var(--g-900)}
.gs-dots{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.gs-dots li{position:relative;padding-left:1.8rem;font-size:1.45rem;line-height:1.8;color:#4a564e}
.gs-dots li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;
  background:var(--gold)}

/* ---------- 願景 ---------- */
.gs-vision{position:relative;overflow:hidden;padding:3.4rem;border-radius:16px;color:#fff;
  background:linear-gradient(135deg,#0d2115 0%,#123a20 58%,#1d5c33 100%)}
.gs-vision::after{content:"";position:absolute;right:-54px;bottom:-72px;width:210px;height:210px;
  border-radius:50%;border:16px solid rgba(242,193,78,.16);pointer-events:none}
.gs-vision .gs-label{position:relative}
.gs-vision-text{position:relative;margin:1.4rem 0 1.8rem;max-width:70em;font-size:1.55rem;line-height:1.95;
  color:#d7e7dc;text-align:justify}
.gs-vision-quote{position:relative;margin:0;font-size:clamp(2.2rem,3vw,3rem);font-weight:700;line-height:1.45;
  letter-spacing:.04em;color:var(--gold)}

/* ---------- 響應式 ---------- */
@media(max-width:1099px){
  .gs-intro{grid-template-columns:1fr}
  .gs-poster{width:100%;max-width:44rem;margin-left:auto;margin-right:auto}
  .gs-feature,.gs-feature--rev{grid-template-columns:1fr}
  .gs-photo{width:100%;max-width:40rem;margin-left:auto;margin-right:auto}
  .gs-feature--rev .gs-photo{order:-1}
  .gs-areas{grid-template-columns:1fr}
}
@media(max-width:767px){
  .gs .abt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gs .abt-stats li:last-child{grid-column:auto}
  .gs-intro{gap:1rem}
  .gs-poster{padding:1.2rem}
  .gs-brief,.gs-feature-copy{padding:2.6rem 2.2rem}
  .gs-vision{padding:2.6rem 2.2rem}
  .gs-area-nav{grid-template-columns:1fr 1fr}
}
@media(max-width:479px){
  .gs-brief,.gs-feature-copy{padding:2rem 1.6rem}
  .gs-brief h4{font-size:2rem}
  .gs-vision{padding:2.2rem 1.6rem}
  .gs-vision-quote{font-size:1.9rem;letter-spacing:.02em}
  .gs-area{padding:2rem 1.6rem}
  .gs-area h4{font-size:1.7rem;padding-right:3rem}
  .gs-area-no{font-size:2.8rem;right:1.4rem;top:1.2rem}
  .gs-area-nav{grid-template-columns:1fr}
  .gs .abt-stats b{font-size:2.2rem}
}