.giep-body{
  --giep-muted:#5f5f5f;
  --giep-soft:#8a857d;
  --giep-line:#ebebeb;
  --giep-panel-water:#eef5f4;
}
.giep-body .back-to-top{display:none}
.giep-page{max-width:1320px;margin:0 auto;padding:0 32px 90px}
.giep-hero{position:relative;min-height:74vh;margin:0 calc(50% - 50vw) 0;display:flex;align-items:flex-end;background:#d8e3e4 center/cover no-repeat;width:100vw}
.giep-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.40),rgba(0,0,0,.04) 46%,rgba(0,0,0,.06))}
.giep-hero-card{position:relative;z-index:1;background:rgba(255,255,255,.95);padding:34px 40px;max-width:660px;margin:0 0 7vh 7vw;box-shadow:0 24px 80px rgba(0,0,0,.10)}
.giep-page .kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7a746d;margin-bottom:16px}
.giep-hero h1{font-family:var(--font-title);font-size:86px;line-height:.92;font-weight:300;margin:0;letter-spacing:0;color:#111}
.giep-hero-card p{font-size:17px;line-height:1.65;color:#3f3e3a;margin:20px 0 0;max-width:34em}
.giep-intro{margin:0 calc(50% - 50vw) 54px;width:100vw;background:linear-gradient(135deg,#fff,#f5faf9);border-bottom:1px solid var(--giep-line)}
.giep-intro-grid{max-width:1320px;margin:0 auto;padding:42px 32px 58px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:58px;align-items:start}
.giep-intro h2,.giep-section-title h2{font-family:var(--font-title);font-size:48px;line-height:1.05;font-weight:300;letter-spacing:0;margin:0 0 24px;max-width:18em;color:#111}
.giep-intro p{font-size:17px;line-height:1.72;color:#3f3e3a;margin:0 0 16px;max-width:46em}
.giep-intro-note{background:#fff;border:1px solid rgba(0,0,0,.08);padding:24px;box-shadow:0 18px 44px rgba(40,48,42,.06)}
.giep-intro-note strong{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;color:#111}
.giep-intro-note p{font-size:15px;line-height:1.62;color:#4a4742;margin:0}
.giep-article-index{padding:20px 0 58px}
.giep-section-title{max-width:760px;margin-bottom:22px}
.giep-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.giep-topic-card{display:grid;grid-template-columns:160px minmax(0,1fr);min-height:220px;border:1px solid var(--giep-line);background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.giep-topic-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.09);border-color:rgba(17,17,17,.18)}
.giep-topic-card img{width:100%;height:100%;object-fit:cover}
.giep-topic-card-body{padding:22px}
.giep-topic-card-body span{display:inline-block;font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:var(--giep-soft);margin-bottom:16px}
.giep-topic-card-body h3{font-family:var(--font-title);font-size:32px;line-height:1.05;font-weight:300;letter-spacing:0;margin:0 0 12px;color:#111}
.giep-topic-card-body p{font-size:15px;line-height:1.55;color:#4c4a45;margin:0 0 16px}
.giep-topic-card-body em{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:4px}
.giep-footer{border-top:1px solid var(--giep-line);padding:30px 0 60px;color:var(--giep-muted);font-size:14px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:60px}
.giep-footer a{text-decoration:underline;text-underline-offset:4px;color:#111}
.reader-top-arrow{position:fixed;right:28px;bottom:28px;z-index:60;width:46px;height:46px;border:1px solid rgba(17,17,17,.18);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#111;box-shadow:0 16px 38px rgba(0,0,0,.12);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.reader-top-arrow:hover{transform:translateY(-3px);background:#111;color:#fff;border-color:#111}
.reader-top-arrow span{display:block;transform:translateY(-1px)}
@media (max-width:1100px){
  .giep-intro-grid{grid-template-columns:1fr;gap:30px}
  .giep-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .giep-page{padding:0 22px 70px}
  .giep-hero{min-height:460px}
  .giep-hero-card{margin:24px;max-width:none;padding:28px}
  .giep-hero h1{font-size:54px}
  .giep-intro-grid{padding:34px 22px 46px}
  .giep-topic-card{grid-template-columns:1fr}
  .giep-topic-card img{height:220px}
  .giep-cards{grid-template-columns:1fr}
  .giep-section-title h2{font-size:48px}
  .reader-top-arrow{right:18px;bottom:18px;width:42px;height:42px;font-size:22px}
}