/* About and Contact pages */
.pg-main{background:var(--paper); padding:30px 0 70px; min-height:70vh;}
.pg-wrap{width:min(760px,100% - 32px); margin-inline:auto;}
.pg-wrap h1{font:800 clamp(26px,4.5vw,38px)/1.25 'Sora','Inter',sans-serif; letter-spacing:-.01em; color:var(--navy); margin:0;}
html[lang="ar"] .pg-wrap h1,html[lang="ja"] .pg-wrap h1{font-family:inherit; letter-spacing:0; line-height:1.45;}
.pg-lead{margin:14px 0 24px; font-size:17px; line-height:1.7; color:var(--navy-soft);}
.pg-card{background:var(--white); border:1px solid var(--border-soft); border-radius:18px; padding:22px 24px; margin-bottom:16px;}
.pg-card h2{margin:0 0 12px; font:700 19px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
.pg-card h3{margin:20px 0 10px; font:700 15px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .pg-card h2,html[lang="ar"] .pg-card h3,html[lang="ja"] .pg-card h2,html[lang="ja"] .pg-card h3{font-family:inherit;}
.pg-card p{margin:0 0 12px; line-height:1.7; color:var(--navy-soft);}
.pg-card p:last-child{margin-bottom:0;}
.pg-list{margin:0 0 14px; padding-inline-start:20px; color:var(--navy-soft); line-height:1.7;}
.pg-list li{margin-bottom:6px;}
.pg-mail{font:700 20px/1.3 'Sora','Inter',sans-serif; overflow-wrap:anywhere; margin-bottom:16px !important;}
.pg-mail a{color:var(--blue-dark); text-decoration:none;}
.pg-mail a:hover{text-decoration:underline;}
.pg-note{margin-top:16px !important; font-size:14px;}
.pg-social{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0;}
.pg-social a{display:inline-block; padding:9px 16px; border-radius:999px; background:var(--blue-tint); color:var(--blue-dark); font:600 14px/1 'Inter',sans-serif; text-decoration:none;}
.pg-social a:hover{background:var(--blue); color:#fff;}
.pg-cta{text-align:center; padding:20px 0 0;}
.pg-cta p{margin:0 0 14px; color:var(--navy-soft);}

/* footer (same look as the article pages) */
.auth-foot{border-top:1px solid var(--border-soft); background:var(--white);}
.auth-foot-in{display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:18px; font-size:13.5px; flex-wrap:wrap;}
.auth-foot-links{display:inline-flex; flex-wrap:wrap; gap:8px 18px;}
.auth-foot a{color:var(--navy-soft); text-decoration:none;}
.auth-foot a:hover{color:var(--navy);}