/* 官网板块页:预留页 /buku/(「Segera hadir」一屏)+ /mitra/。和 site.css、tools.css 一起用 */

/* 一屏预留页:左文右图 / 右清单 */
.soon-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px clamp(32px,5vw,80px);align-items:center;min-height:calc(100svh - 72px);padding-top:104px;padding-bottom:56px}
.sp-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:600 15px/1.3 var(--f-b);color:var(--ink2)}
.sp-kicker .soon{margin-left:0;font-size:12px;padding:5px 10px}
.sp-kicker .zh{color:var(--ink2)}
.soon-page h1{font-size:clamp(32px,1.1rem + 2.6vw,52px);margin:14px 0 16px;max-width:16ch}
.soon-page .a-lede{font-size:18px;max-width:34em;margin-bottom:22px}
.sp-note{font-size:15px;color:var(--ink2);max-width:36em}
.sp-note a{color:var(--clay);font-weight:600}
.soon-page .t-cta{margin-top:18px}

.sp-facts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:0 0 22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-facts b{display:block;font:700 16px/1.3 var(--f-b)}
.sp-facts span{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--ink2)}

/* 书:封面 + 内页,像摊开放在桌上 */
.sp-book{margin:0;justify-self:center;width:100%;max-width:560px}
.sp-book .pages{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0}
.sp-book .pg{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--line);box-shadow:0 30px 50px -36px oklch(0.3 0.04 40/.55)}
.sp-book .pg-l{transform:rotate(-1.2deg) translateX(10px);position:relative;z-index:1}
.sp-book .pg-r{transform:rotate(1.4deg) translateY(18px)}
.sp-book figcaption{margin-top:30px;font-size:14px;color:var(--ink2);text-align:center}

/* 留学:要做的四件事 */
.sp-plan{padding:clamp(22px,3vw,34px);border-radius:18px;background:#fff;border:1px solid var(--line)}
.sp-plan h2{font-size:22px;margin-bottom:14px}
.sp-plan ol{list-style:none;counter-reset:sp;margin-bottom:18px}
.sp-plan li{counter-increment:sp;display:grid;grid-template-columns:36px 1fr;gap:2px 12px;padding:14px 0;border-top:1px solid var(--line)}
.sp-plan li::before{content:counter(sp);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--clay);color:var(--clay);font:700 14px/1 var(--f-b)}
.sp-plan li b{font:700 16px/1.35 var(--f-b)}
.sp-plan li span{font-size:14.5px;line-height:1.5;color:var(--ink2)}

@media (max-width:900px){
  .soon-page{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:84px}
  .sp-book{max-width:440px}
}
@media (max-width:560px){.sp-facts{grid-template-columns:1fr}.soon-page .t-cta .btn{width:100%}}

/* /mitra/:按类型分组的伙伴卡片 + 企业合作 */
.mitra .a-lede{max-width:40em}
.p-group{margin-top:clamp(32px,5vw,48px)}
.p-group h2{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);margin-bottom:14px}
.p-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;list-style:none}
.p-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.p-card .lg{display:flex;align-items:center;height:48px}
.p-card .lg img{max-height:48px;max-width:180px;width:auto;height:auto;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.p-card:hover .lg img,a.p-card:focus-visible .lg img{filter:none;opacity:1}
.p-card h3{font-size:18px;line-height:1.3}
.p-card p{font-size:15px;color:var(--ink2)}
.p-card .meta{margin-top:auto;font:600 13px/1.3 var(--f-b);color:var(--ink2)}
a.p-card:hover{border-color:var(--clay)}
a.p-card:hover h3{color:var(--clay)}

.corp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px clamp(32px,5vw,64px);margin-top:clamp(40px,6vw,64px);padding:clamp(22px,4vw,40px);border-radius:18px;background:var(--paper2)}
.corp h2{font-size:clamp(26px,1rem + 1.4vw,36px);margin-bottom:12px}
.corp-a>p{color:var(--ink2);max-width:36em}
.corp-pts{margin:18px 0 0;padding-left:1.2em;color:var(--ink)}
.corp-pts li{margin-bottom:8px}
.corp-pts a{color:var(--clay);font-weight:600}
.corp-steps{list-style:none;counter-reset:cs;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.corp-steps li{counter-increment:cs;display:grid;grid-template-columns:30px 1fr;gap:0 10px;padding:8px 0}
.corp-steps li::before{content:counter(cs);grid-row:span 2;font:800 20px/1.2 var(--f-d);color:var(--clay)}
.corp-steps b{font:700 16px/1.4 var(--f-b)}
.corp-steps span{font-size:14.5px;color:var(--ink2)}
.corp .sp-note{margin-top:14px}
@media (max-width:900px){.corp{grid-template-columns:1fr}}

.lapangan{margin-top:clamp(36px,5vw,56px);padding-top:clamp(24px,4vw,36px);border-top:1px solid var(--line)}
/* 伙伴独立页 /mitra/<slug>/(067) */
.partner-page .pp-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:6px 0 10px}
.partner-page .pp-logo img{display:block;height:56px;width:auto;max-width:260px;object-fit:contain}
.partner-page .pp-head h1{margin:0}
.partner-page .pp-story,.partner-page .pp-foto,.partner-page .pp-cta{margin-top:clamp(28px,4vw,44px);padding-top:clamp(20px,3vw,28px);border-top:1px solid var(--line)}
.partner-page .pp-story p{max-width:68ch;font-size:17px;line-height:1.7;margin:0 0 14px}
.partner-page .pp-cta p{max-width:62ch;color:var(--ink2)}
.partner-page .pp-cta .t-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

/* 老师页 /guru/(071):手机优先;个人页 = 照片 + 名字 + 一句话 → 经历细线表 → 介绍 → 擅长 → 上课照 → 预约;列表页 = 细线行(不做卡片墙) */
.guru-page{max-width:820px;padding-bottom:56px}
.gr-head{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;margin:8px 0 22px}
.gr-photo{margin:0;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:var(--paper2)}
.gr-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.gr-id h1{font-size:clamp(30px,7vw,46px);margin:2px 0 6px}
.gr-id .a-lede{font-size:16px;margin-bottom:12px}
.gr-top-cta{grid-column:1/-1;margin:0}
@media (min-width:760px){.gr-top-cta{grid-column:2}.gr-photo{grid-row:span 2}.gr-head{align-items:end}}
.gr-can{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.gr-can li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative;font-size:17px}
.gr-can li::before{content:'✓';position:absolute;left:4px;top:11px;color:var(--clay);font-weight:800}
@media (min-width:760px){.gr-head{grid-template-columns:220px minmax(0,1fr);gap:32px}.gr-id .a-lede{font-size:18px}}
@media (max-width:759px){.gr-top-cta .btn{width:100%;justify-content:center}}
.gr-facts{margin-top:4px}
.gr-sec{margin-top:clamp(26px,4vw,40px)}
.gr-sec h2{font-size:clamp(22px,4.6vw,28px);margin-bottom:12px}
.gr-bio p{max-width:66ch;font-size:17px;line-height:1.7;margin:0 0 12px}
.gr-shot{margin:0 0 14px}
.gr-shot img{width:100%;height:auto;border-radius:14px;display:block}
.gr-shot figcaption{font-size:14px;color:var(--ink2);margin-top:6px}
.gr-cta{padding-top:clamp(20px,3vw,28px);border-top:1px solid var(--line)}
.gr-cta p{max-width:62ch;color:var(--ink2)}
.gr-cta .t-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gr-list{list-style:none;margin:14px 0 18px;padding:0;border-top:2px solid var(--ink)}
.gr-list li a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.gr-list li a:hover b{color:var(--clay)}
.gr-th{width:72px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--paper2)}
.gr-th img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.gr-tx b{display:block;font-size:20px}.gr-tx small{display:block;font-size:15px;color:var(--ink2);margin-top:2px;line-height:1.45}
.gr-go{font-size:22px;color:var(--clay);font-weight:800}
.gr-list-sm li a{grid-template-columns:56px minmax(0,1fr) auto}.gr-list-sm .gr-th{width:56px}