.blog-list{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:2rem auto}.blog-card{display:flex;gap:1.5rem;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.15)}.blog-thumb{width:280px;height:180px;object-fit:cover;border-right:3px solid #007acc;flex-shrink:0;image-rendering:auto}.blog-content{padding:1rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between}.blog-header h2{margin:0 0 .3rem;color:#004b82}.blog-header .date{color:#777;font-size:.9rem}.excerpt{color:#333;line-height:1.5;margin:1rem 0}.read-more{color:#007acc;font-weight:600;text-decoration:none}.read-more:hover{text-decoration:underline}.blog-hero{position:relative;width:100%;height:400px;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:brightness(.9);margin-bottom:2rem}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white}.overlay h1{font-size:2rem;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}.overlay .date{font-size:1rem;opacity:.85}@media (max-width:768px){.blog-card{flex-direction:column}.blog-thumb{width:100%;height:200px;object-fit:cover;object-position:center;border-right:none;border-bottom:3px solid #007acc;flex-shrink:0}.blog-hero{height:250px}}.blog-post{max-width:850px;margin:3rem auto;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.08);line-height:1.7;color:#333}.blog-post h1{color:#004b82;margin-top:1rem}.blog-post-thumb{width:100%;height:380px;object-fit:cover;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}.blog-post .date{color:#777;font-size:.9rem;margin-bottom:1rem}.blog-post .content{font-size:1.05rem;color:#222;line-height:1.7}.article-faq{margin:2rem 0;padding:1.5rem;background:#f6faff;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.05)}.article-faq h2{margin-top:0;color:#004b82}.article-faq details{margin:.75rem 0;padding:.8rem 1rem;background:#fff;border-radius:8px;border-left:4px solid #007acc;cursor:pointer}.article-faq summary{font-weight:700;color:#00375f}.article-faq p{margin:.5rem 0 0}.back-link{display:inline-block;margin-top:2rem;color:#007acc;text-decoration:none;font-weight:600}.back-link:hover{text-decoration:underline}@media (max-width:768px){.blog-post{padding:1.5rem}.blog-post-thumb{height:220px}.blog-post h1{font-size:1.5rem}}.blog-page h1{text-align:center;color:#004b82;font-size:2rem;margin-top:2rem;margin-bottom:.5rem}.blog-page .intro{text-align:center;max-width:700px;margin:.5rem auto 2rem;color:#444;line-height:1.6}.context-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin:24px 0}.context-panel{border:1px solid #e0e4eb;padding:16px;border-radius:10px;background:#f8fafc}.context-panel h3{margin-top:0;margin-bottom:12px;font-size:18px}.context-panel ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.context-panel a{color:#0b6dd3;text-decoration:none;font-weight:600}.context-panel a:focus,.context-panel a:hover{text-decoration:underline}