*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.7 'Public Sans',system-ui,sans-serif;color:#1f2937;background:#fff}
a{color:#d97706;text-decoration:none} a:hover{text-decoration:underline}
.bar{border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}
.bar-in{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:19px;color:#232946;letter-spacing:-.3px}
.logo a{color:inherit} .logo em{color:#d97706;font-style:normal}
.nav{display:flex;gap:26px}
.nav a{font-size:14px;font-weight:500;color:#4b5563}
.nav a:hover{color:#232946;text-decoration:none}
.band{background:#232946;color:#fff}
.band-in{max-width:1080px;margin:0 auto;padding:54px 24px}
.band h1{font-size:34px;font-weight:800;letter-spacing:-.8px;max-width:640px;line-height:1.2}
.band p{color:rgba(255,255,255,.72);margin-top:12px;max-width:560px;font-size:16px}
.band .accent{display:inline-block;width:56px;height:4px;background:#d97706;margin-bottom:22px}
.shell{max-width:1080px;margin:0 auto;padding:44px 24px}
.sechead{font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:8px}
.idx{display:flex;gap:34px;padding:30px 0;border-bottom:1px solid #e5e7eb}
.idx .when{width:130px;flex-shrink:0;font-size:13px;color:#9ca3af;padding-top:6px}
.idx .when b{display:block;color:#232946;font-size:14px;font-weight:600}
.idx-main{flex:1;min-width:0}
.idx .cat{font-size:11.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#d97706}
.idx h2{font-size:23px;font-weight:700;letter-spacing:-.4px;line-height:1.3;margin:6px 0 8px}
.idx h2 a{color:#232946} .idx h2 a:hover{color:#d97706;text-decoration:none}
.idx p{color:#6b7280;font-size:15px}
.idx .rm{font-size:13.5px;font-weight:600;margin-top:10px;display:inline-block}
.idx .thumb{width:210px;flex-shrink:0}
.idx .thumb .svg-cover,.idx .thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:6px}
.crumb{font-size:13px;color:#9ca3af;margin-bottom:18px}
.crumb a{color:#6b7280}
.article{max-width:760px;margin:0 auto}
.article h1{font-size:36px;font-weight:800;letter-spacing:-.8px;line-height:1.18;color:#232946;margin-bottom:14px}
.pmeta{display:flex;gap:18px;align-items:center;font-size:13.5px;color:#6b7280;padding:14px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:22px 0 26px}
.pmeta .dot{width:4px;height:4px;border-radius:50%;background:#d1d5db}
.pmeta b{color:#232946;font-weight:600}
.article .svg-cover,.article .cover img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;display:block;border-radius:8px;margin-bottom:30px}
.entry p{margin-bottom:1.35em}
.entry h2{font-size:25px;font-weight:700;letter-spacing:-.4px;color:#232946;margin:1.7em 0 .6em}
.entry h3{font-size:19px;font-weight:600;margin:1.4em 0 .5em}
.entry ul,.entry ol{margin:0 0 1.35em 1.5em} .entry li{margin-bottom:.45em}
.entry blockquote{border-left:4px solid #d97706;background:#f9fafb;border-radius:0 8px 8px 0;padding:16px 22px;margin:1.5em 0;color:#4b5563}
.entry table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:14.5px}
.entry td,.entry th{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}
.entry th{background:#232946;color:#fff;font-weight:600;font-size:13px}
.entry tr:nth-child(even) td{background:#f9fafb}
.tip{background:#f0fdf7;border:1px solid #d9770644;border-radius:8px;padding:16px 20px;margin:1.5em 0;font-size:15px}
.tip b{color:#d97706;text-transform:uppercase;font-size:12px;letter-spacing:1.5px;display:block;margin-bottom:6px}
.comments-closed{font-size:13.5px;color:#9ca3af;font-style:italic;margin-top:30px}
.relwrap{max-width:760px;margin:40px auto 0;border-top:2px solid #232946;padding-top:20px}
.relwrap h4{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#9ca3af;margin-bottom:16px}
.relwrap a{display:block;font-weight:600;color:#232946;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:15.5px}
.relwrap a:hover{color:#d97706;text-decoration:none}
.relwrap span{display:block;font-size:12.5px;color:#9ca3af;font-weight:400;margin-top:2px}
.footer{background:#232946;color:rgba(255,255,255,.65);margin-top:64px}
.footer-in{max-width:1080px;margin:0 auto;padding:40px 24px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;font-size:13.5px}
.footer .fl{font-weight:800;color:#fff;font-size:17px;margin-bottom:8px}
.footer nav{display:flex;flex-direction:column;gap:6px}
.footer a{color:rgba(255,255,255,.65)} .footer a:hover{color:#fff}
.footer .legal{max-width:420px;font-size:12.5px;line-height:1.6}
.copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:14px;font-size:12px;color:rgba(255,255,255,.4)}
@media(max-width:760px){.idx{flex-direction:column;gap:12px}.idx .thumb{width:100%}.idx .when{width:auto}.band h1{font-size:26px}.article h1{font-size:28px}.nav{display:none}}