/* ── RESET ── */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:#fafaf8;color:#222;}
.pc{font-family:'Inter',sans-serif;color:#222;width:100%;display:flex;flex-direction:column;min-height:100vh;}
#content{flex:1;}

/* ── NAV ── */
.pc-nav{background:#fafaf8;border-bottom:1px solid #d8e4e4;padding:0 3rem;height:100px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;transition:height 0.3s ease,padding 0.3s ease;will-change:height;transform:translateZ(0);}
.pc-nav a{cursor:pointer;}
.pc-nav img{height:80px;width:auto;display:block;transition:height 0.3s ease;will-change:height;}
.pc-nav-links{display:flex;gap:2rem;list-style:none;}
.pc-nav-links a{font-size:11px;color:#3a7a80;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;font-weight:500;}
.pc-nav-links a:hover{color:#6aacaa;}
.pc-nav-links a.active{color:#6aacaa;border-bottom:2px solid #6aacaa;padding-bottom:2px;}
.pc-nav.scrolled{height:70px;}
.pc-nav.scrolled img{height:52px;}
@media(max-width:760px){.pc-nav{padding:0 1.25rem;}}

/* ── HAMBURGER ── */
.pc-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.pc-hamburger span{display:block;width:24px;height:2px;background:#6aacaa;border-radius:2px;transition:all 0.3s;}
@media(max-width:760px){.pc-hamburger{display:flex;}.pc-nav-links{display:none !important;}}

/* ── LANG TOGGLE ── */
.pc-lang-toggle{background:transparent;border:1px solid #d8e4e4;color:#3a7a80;font-family:'Inter',sans-serif;font-size:11px;font-weight:500;padding:0.4rem 0.85rem;border-radius:2px;cursor:pointer;letter-spacing:0.06em;white-space:nowrap;flex-shrink:0;}
.pc-lang-toggle:hover{border-color:#6aacaa;color:#6aacaa;}
[lang="zh"] .pc-lang-toggle{color:#6aacaa;border-color:#6aacaa;}

/* ── MOBILE MENU ── */
.pc-mobile-menu{position:fixed;inset:0;background:#fafaf8;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 0.25s ease;padding-bottom:env(safe-area-inset-bottom);}
.pc-mobile-menu.open{opacity:1;pointer-events:all;}
.pc-mobile-menu.open ~ * .pc-mobile-close,.pc-mobile-menu.open .pc-mobile-close{display:block;}
.pc-mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:28px;cursor:pointer;color:#6aacaa;line-height:1;}
.pc-mobile-menu a{font-family:'Inter',sans-serif;font-size:18px;color:#6aacaa;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;font-weight:500;}
.pc-mobile-menu a:hover{color:#2a7a76;}

/* ── FOOTER ── */
.pc-footer{background:#3a7a80;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem;}
.pc-footer img{height:52px;width:auto;opacity:1;}
.pc-fc{font-size:12px;color:#ffffff;}
.pc-flinks{display:flex;gap:1.5rem;}
.pc-flinks a{font-size:12px;color:rgba(255,255,255,0.7);text-decoration:none;}
@media(max-width:600px){.pc-footer{padding:1.75rem 1.25rem;flex-direction:column;align-items:center;text-align:center;gap:1rem;}.pc-footer img{margin:0 auto;}.pc-flinks{justify-content:center;}}

/* ── UTILITIES ── */
html{scroll-behavior:smooth;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.pc.animate{animation:fadeIn 0.35s ease both;}

/* ── INNER PAGE HERO ── */
.pg-hero{background:#6aacaa;padding:4rem 3rem;}
.pg-hero-tag{font-size:11px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:0.85rem;}
.pg-hero h1{font-family:'EB Garamond',serif;font-size:46px;font-weight:400;color:#ffffff;line-height:1.1;margin-bottom:1rem;}
.pg-hero-sub{font-size:15px;color:rgba(255,255,255,0.85);line-height:1.75;max-width:680px;}
@media(max-width:760px){.pg-hero{padding:3rem 1.25rem;}.pg-hero h1{font-size:34px;}}

/* ── INNER PAGE CTA BAND ── */
.pg-band{background:#6aacaa;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.pg-band-t{font-family:'EB Garamond',serif;font-size:24px;color:rgba(255,255,255,0.85);line-height:1.4;max-width:560px;}
.pg-band-t em{font-style:italic;color:#ffffff;}
.pg-btn-light{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,0.5);padding:0.8rem 1.75rem;font-family:'Inter',sans-serif;font-size:13px;cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;}
.pg-btn-light:hover{background:#ffffff;color:#6aacaa;border-color:#ffffff;}
@media(max-width:760px){.pg-band{padding:2.5rem 1.25rem;flex-direction:column;align-items:flex-start;}}

/* ── INNER PAGE BODY (interpol, extradition) ── */
.pg-body{max-width:820px;margin:0 auto;padding:4rem 3rem;}
.pg-section{margin-bottom:3.5rem;}
.pg-slbl{font-size:11px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:#2a7a76;margin-bottom:0.5rem;}
.pg-sh{font-family:'EB Garamond',serif;font-size:32px;font-weight:400;color:#1c3532;line-height:1.2;margin-bottom:1.25rem;}
.pg-body p{font-size:14px;color:#364848;line-height:1.85;margin-bottom:1.1rem;}
.pg-body ol,.pg-body ul{padding-left:1.5rem;margin-bottom:1.25rem;}
.pg-body li{font-size:14px;color:#364848;line-height:1.85;margin-bottom:0.5rem;}
.pg-body li ul{margin-top:0.4rem;margin-bottom:0.4rem;}
@media(max-width:760px){.pg-body{padding:2.5rem 1.25rem;}}

/* ── CALLOUT ── */
.pg-callout{background:#eff5f5;border-left:3px solid #2a7a76;padding:1.5rem 1.75rem;border-radius:0 3px 3px 0;margin-bottom:1.5rem;}
.pg-callout p{margin-bottom:0;color:#2a3e3c;}

/* ── STEPS ── */
.pg-steps{display:flex;flex-direction:column;gap:0;border:1px solid #d8e4e4;border-radius:3px;overflow:hidden;margin-bottom:2rem;}
.pg-step{background:#fff;padding:1.35rem 1.5rem;border-bottom:1px solid #d8e4e4;display:flex;gap:1.25rem;align-items:flex-start;}
.pg-step:last-child{border-bottom:none;}
.pg-step-num{font-family:'EB Garamond',serif;font-size:28px;color:#98d4d0;line-height:1;flex-shrink:0;width:32px;}
.pg-step-title{font-size:13px;font-weight:500;color:#1c3532;margin-bottom:0.3rem;}
.pg-step-desc{font-size:13px;color:#3a6868;line-height:1.65;}
.pg-step-list{margin:0.5rem 0 0 0;margin-block-end:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.35rem;}
.pg-step-list li{display:flex;gap:0.5rem;align-items:flex-start;font-size:13px;color:#3a6868;line-height:1.65;}
.pg-step-list li::before{content:'›';color:#2a7a76;font-size:16px;line-height:1;flex-shrink:0;margin-top:1px;}

/* ── SKIP LINK ── */
.skip-link{position:absolute;top:-40px;left:0;background:#2a7a76;color:#fff;padding:0.5rem 1rem;text-decoration:none;font-size:13px;z-index:10000;}
.skip-link:focus{top:0;}

/* ── FOCUS INDICATORS ── */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2a7a76;outline-offset:2px;}

/* ── REDUCED MOTION ── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}

/* ── LANGUAGE DISPLAY ── */
html:not([lang="zh"]) .lang-zh{display:none;}
html[lang="zh"] .lang-en{display:none;}
