/* ============================================================
   /english/ ・ /privacy/ と、フッターのリンク。
   style.css のトークンの上に乗るだけ。色はここで作らない。
   ============================================================ */

/* ---------- footer links (全ページ共通) ---------- */
footer .footlinks{display:flex;flex-wrap:wrap;gap:8px 20px}
footer .footlinks a{color:var(--panel-grey);text-decoration:none;border-bottom:1px solid transparent}
footer .footlinks a:hover{color:var(--panel-ink);border-bottom-color:var(--accent)}

/* ---------- /english/ ---------- */
.pg-hero .display{font-size:clamp(34px,6.2vw,76px);line-height:1.12;margin:14px 0 0;text-wrap:balance}
.pg-hero .lede{margin-top:clamp(18px,2vw,28px);max-width:38em}
.pg-hero .herocta{margin-top:clamp(24px,3vw,36px)}

.pg-cards{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}
@media(min-width:860px){.pg-cards{grid-template-columns:repeat(3,1fr)}}
.pg-card{background:var(--paper);padding:clamp(22px,2.6vw,32px)}
.sec--tint .pg-card{background:var(--paper)}
.pg-card .c{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent-ink)}
.pg-card h3{margin:10px 0 10px;font-weight:700;font-size:clamp(16px,1.5vw,19px);line-height:1.5;letter-spacing:-.02em;color:var(--ink)}
.pg-card p{margin:0;font-size:14.5px;line-height:1.9;color:var(--body)}

.pg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.pg-list li{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--hair)}
@media(min-width:860px){.pg-list li{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:28px}}
.pg-list b{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink)}
.pg-list b::before{content:"→ ";font-family:var(--mono);font-size:12px;color:var(--accent-ink)}
.pg-list span{font-size:14.5px;line-height:1.9;color:var(--body)}

.pg-price{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}
@media(min-width:760px){.pg-price{grid-template-columns:repeat(3,1fr)}}
.pg-plan{background:var(--paper);padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:8px}
.pg-plan.is-hero{box-shadow:inset 0 3px 0 var(--accent)}
.pg-plan .pn{font-weight:700;font-size:15px;color:var(--ink)}
.pg-plan .pp{font-family:var(--disp);font-size:clamp(26px,3vw,38px);line-height:1.1;color:var(--ink)}
.pg-plan .pp em{font-style:normal;font-size:.55em;color:var(--grey)}
.pg-plan .pu{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--grey)}
.pg .pricenote a{color:inherit}

/* ---------- /privacy/ ---------- */
.pg-doc{max-width:860px}
.pg-doc .display{font-size:clamp(28px,4.4vw,48px);margin:14px 0 0}
.pg-doc .lede{margin-top:18px}
.pg-doc h2{margin:clamp(30px,3.6vw,44px) 0 10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.pg-doc p{margin:0 0 10px;font-size:15px;line-height:1.95;color:var(--body)}
.pg-doc .pg-date{margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--grey)}
.pg-dl{display:grid;grid-template-columns:8em 1fr;margin:0;border-top:1px solid var(--rule)}
.pg-dl dt,.pg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--hair);font-size:15px}
.pg-dl dt{color:var(--grey)}
.pg-dl dd{color:var(--ink)}
.pg-dl a{color:inherit}