*{box-sizing:border-box;padding:0;margin:0}
body{background:#f0f9ff;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;color:#0c4a6e}
h1,h2,h3{font-family:'Roboto Slab', serif;color:#075985}
a{color:#075985;text-decoration:none}
a:hover{text-decoration:underline}
.pg-header{padding:16px 40px;color:#fff;justify-content:space-between;display:flex;align-items:center;background:linear-gradient(135deg,#075985,#f97316)}
.pg-logo{color:#fff;font-size:1.5em;font-family:'Roboto Slab', serif;font-weight:700}
.pg-slogan{font-size:.85em;margin-top:2px;opacity:.75}
.pg-header-nav{gap:8px;display:flex;align-items:center}
.pg-header-nav a{font-size:.9em;transition:color .2s;color:rgba(255,255,255,.88)}
.pg-header-nav a:hover{color:#fff;text-decoration:none}
.pg-nav{background:#fff;padding:8px 32px}
.pg-nav a{margin:0 16px;color:#f97316;font-size:.93em}
.pg-wrap{margin:0 auto;max-width:820px;padding:28px 20px}
.pg-layout{display:flex;gap:24px}
.pg-main{flex:1;min-width:0}
.pg-sidebar{width:260px;flex-shrink:0}
.pg-card{padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);background:#ffffff;border-left:4px solid #f97316;margin-bottom:24px;border-radius:6px;border:1px solid #bae6fd}
.pg-card img{border-radius:6px;margin-bottom:12px;height:240px;object-fit:cover;width:100%}
.pg-card img[style*="min-width"]{margin-bottom:0;width:220px;height:148px}
.pg-card h2{font-size:1.15em;margin-bottom:8px}
.pg-meta{flex-wrap:wrap;color:#888;display:flex;font-size:.83em;margin-bottom:10px;gap:14px}
.pg-tag{background:#f9731618;margin:2px;color:#f97316;display:inline-block;border-radius:3px;padding:2px 8px;font-size:.8em}
.pg-avatar{font-size:1.1em;display:flex;justify-content:center;height:52px;background:#f4a261;border-radius:50%;font-weight:700;color:#fff;align-items:center;flex-shrink:0;width:52px}
.pg-author-box{background:#ffffff;padding:16px;border-radius:6px;border:1px solid #bae6fd;display:flex;align-items:center;gap:14px;margin:28px 0}
.pg-comment{border-radius:0 6px 6px 0;padding:10px 14px;background:#ffffff;margin-bottom:14px;border-left:3px solid #f97316}
.pg-comment strong{color:#075985}
.cta-btn{border:2px solid #f97316;font-weight:600;transition:opacity .2s;padding:12px 28px;background:transparent;margin-top:16px;display:inline-block;color:#f97316;text-decoration:none}
.cta-btn:hover{opacity:.82;text-decoration:none}
.pg-hero{margin-bottom:40px;background:linear-gradient(135deg,#075985,#f97316);color:#fff;text-align:center;padding:64px 48px}
.pg-hero h1{color:#fff;font-size:2.2em}
.pg-hero p{font-size:1em;opacity:.85;margin-top:10px}
.pg-sidebar .pg-card{padding:14px}
.pg-sidebar h3{margin-bottom:10px;color:#075985;font-size:1em}
.pg-sidebar ul{list-style:none;padding:0}
.pg-sidebar li{border-bottom:1px solid #bae6fd;padding:5px 0;font-size:.9em}
.pg-grid2{grid-template-columns:1fr 1fr;display:grid;gap:20px}
.pg-footer{background:#1e293b;padding:36px 48px;color:#ccc;font-size:.85em;margin-top:48px}
.pg-footer a{color:#bbb}
.pg-footer a:hover{color:#fff;text-decoration:none}
.pg-footer-inner{grid-template-columns:1fr 1fr;display:grid;margin:0 auto;gap:20px;max-width:820px}
.pg-search{display:flex;gap:6px;margin:10px 0;overflow:hidden}
.pg-search input{min-width:0;padding:7px 12px;border-radius:6px;outline:none;flex:1;font-size:.9em;border:1px solid #bae6fd}
.pg-search button{flex-shrink:0;cursor:pointer;background:#f97316;padding:7px 14px;white-space:nowrap;font-size:.9em;border-radius:6px;color:#fff;border:none}
.pg-pullquote{font-size:1.15em;padding:18px 0;font-style:italic;border-top:2px solid #f97316;margin:24px 0;border-bottom:2px solid #f97316;color:#075985;text-align:center}
.pg-main h2{padding-bottom:6px;margin-bottom:12px;border-bottom:2px solid #bae6fd}
@media(max-width:680px){.pg-layout{flex-direction:column}.pg-sidebar{width:100%}.pg-grid2{grid-template-columns:1fr}}