@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap');
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:"DM Sans",system-ui,sans-serif;color:#475569;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#E35014;text-decoration:none;overflow-wrap:anywhere}
a:hover{color:#C7440F;text-decoration:underline;text-underline-offset:3px}
h1,h2,h3{font-family:"Syne","Trebuchet MS",sans-serif;color:#1E293B;margin:0;letter-spacing:-0.02em;text-wrap:pretty}
p,li{line-height:1.7;text-wrap:pretty}
p{margin:0}
strong{color:#1E293B;font-weight:700}
.pg-top{position:sticky;top:0;z-index:50;background:rgba(30,41,59,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.12)}
.pg-top-in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:center}
.pg-logo{height:30px;width:auto;display:block}
.pg-hero{background:linear-gradient(180deg,#1E293B 0%,#131C2B 100%);padding:72px 24px 60px}
.pg-hero-in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.pg-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"Syne",sans-serif;font-weight:700;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:#E35014}
.pg-eyebrow i{width:24px;height:2px;background:#E35014;border-radius:2px;display:block}
.pg-h1{font-size:clamp(32px,4.6vw,48px);line-height:1.12;font-weight:700;color:#fff}
.pg-date{font-size:15px;color:rgba(255,255,255,0.7)}
.pg-main{padding:56px 24px 80px}
.pg-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.pg-content{display:flex;flex-direction:column;gap:48px;min-width:0;max-width:780px}
.pg-toc{position:sticky;top:84px;background:#F1F5F9;border-radius:16px;padding:24px;max-height:calc(100vh - 108px);overflow-y:auto}
.pg-toc h2{font-size:16px;margin-bottom:14px}
.pg-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pg-toc a{display:flex;gap:10px;align-items:baseline;color:#1E293B;font-size:14px;line-height:1.4}
.pg-toc a span{font-family:"Syne",sans-serif;font-weight:700;color:#E35014;min-width:34px;font-size:13px}
.pg-toc a:hover{color:#E35014}
.pg-sec{display:flex;flex-direction:column;gap:16px;scroll-margin-top:80px;font-size:16px}
.pg-sec h2{font-size:clamp(22px,2.6vw,28px);line-height:1.25;display:flex;gap:14px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid #E2E8F0}
.pg-sec h2 span{color:#E35014;font-size:0.7em;min-width:44px}
.pg-sec h3{font-size:19px;margin-top:12px}
.pg-sec ul,.pg-sec ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.pg-sec li::marker{color:#E35014;font-weight:700}
.pg-foot{background:#131C2B;padding:40px 24px}
.pg-foot-in{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.pg-foot-brand{font-family:"Syne",sans-serif;font-weight:700;font-size:18px;color:#fff}
.pg-foot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}
.pg-foot-links a{color:rgba(255,255,255,0.8)}
.pg-foot-links a:hover{color:#E35014}
@media (max-width:900px){.pg-wrap{grid-template-columns:minmax(0,1fr);gap:40px}.pg-toc{position:static;max-height:none}}
@media (max-width:600px){.pg-hero{padding:48px 20px 40px}.pg-main{padding:40px 20px 64px}.pg-toc{padding:22px}.pg-wrap{gap:40px}.pg-sec h2 span{min-width:0}}