.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20}.site-header-inner{max-width:1320px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;flex-direction:column;text-decoration:none;color:#111827}.brand-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.brand-subtitle{font-size:12px;color:#4b5563}.top-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top-nav a{text-decoration:none;color:#111827;font-weight:600;font-size:14px;padding:8px 4px}.top-nav a.active,.top-nav a:hover{color:#0b5f8a}.menu-toggle{display:none;border:1px solid #d1d5db;background:#fff;padding:8px 12px;border-radius:8px}.page-shell{max-width:1320px;margin:0 auto;padding:24px 20px}.site-footer{max-width:1320px;margin:20px auto 0;padding:20px;border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px;display:flex;justify-content:space-between;gap:16px}.footer-links{display:flex;gap:14px}.footer-links a{color:#374151;text-decoration:none}@media (max-width: 900px){.site-header-inner{align-items:flex-start}.menu-toggle{display:block}.top-nav{display:none;position:absolute;left:20px;right:20px;top:74px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 12px 30px #0f172a14}.top-nav.open{display:grid}.site-footer{flex-direction:column}}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a14}.post-card img{width:100%;height:170px;object-fit:cover;display:block}.post-card-body{padding:14px}.post-card h2{font-size:18px;line-height:1.25;margin:0 0 8px}.post-card h2 a{color:#111827;text-decoration:none}.post-card h2 a:hover{color:#0b5f8a}.post-card time{display:block;color:#6b7280;font-size:12px;margin-bottom:8px}.post-card p{color:#4b5563;font-size:14px;line-height:1.5}.read-more{color:#0b5f8a;font-weight:700;font-size:14px;text-decoration:none}.home-layout{display:grid;grid-template-columns:230px 1fr 260px;gap:24px;align-items:start}.sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;position:sticky;top:92px}.sidebar h3{margin:0 0 12px;font-size:16px}.sidebar a{display:block;padding:9px 0;color:#374151;font-weight:600;text-decoration:none;border-bottom:1px solid #f1f5f9;font-size:14px}.sidebar a:hover{color:#0b5f8a}.hero{background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #dbeafe;border-radius:18px;padding:28px;margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;color:#4b5563;line-height:1.7}.section-title{font-size:28px;margin:10px 0 16px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.status-box{background:#fff;border:1px solid #e5e7eb;padding:18px;border-radius:12px}.status-box.error{color:#b91c1c}@media (max-width: 1100px){.home-layout{grid-template-columns:220px 1fr}.home-layout .sidebar:last-child{display:none}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.home-layout{grid-template-columns:1fr}.sidebar{position:static}.post-grid{grid-template-columns:1fr}}.category-page h1{font-size:34px;margin:0 0 20px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.category-grid{grid-template-columns:1fr}}.article-page{max-width:960px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px}.article-page h1{font-size:40px;line-height:1.2;margin:0 0 10px}.article-date{display:block;color:#6b7280;margin-bottom:18px}.featured-image{width:100%;max-height:440px;object-fit:cover;border-radius:14px;margin:10px 0 24px}.article-content{font-size:18px;line-height:1.8;color:#1f2937}.article-content img{max-width:100%;height:auto;border-radius:12px}.article-content h2,.article-content h3{margin-top:34px;color:#111827}.article-content table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}.article-content th,.article-content td{border:1px solid #e5e7eb;padding:10px}@media (max-width: 700px){.article-page{padding:18px}.article-page h1{font-size:30px}}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#111827;font-family:Arial,Helvetica,sans-serif}a{color:#0b5f8a}img{max-width:100%}button,input,textarea,select{font:inherit}