.page-container.post{padding:100px 60px 80px;max-width:740px}

.breadcrumb{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:36px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:#a8d8ff;text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:#d4eaff}
.breadcrumb-sep{color:rgba(255,255,255,.25)}

.post-date{font-size:12px;color:#a8d8ff;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:16px;font-weight:600;text-shadow:0 0 8px rgba(168,216,255,.3)}
.post-title{font-size:46px;font-weight:600;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:20px}
.post-meta{font-size:13px;color:rgba(255,255,255,.55);display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:40px}
.post-meta .dot{color:rgba(255,255,255,.25)}
.post-meta .tag{background:rgba(168,216,255,.12);border:1px solid rgba(168,216,255,.25);color:#a8d8ff;padding:2px 10px;border-radius:20px;font-size:12px}

.page-container.post .divider{background:linear-gradient(to right,transparent,rgba(168,216,255,.5),transparent);margin-bottom:40px;box-shadow:0 0 10px rgba(168,216,255,.3)}

.post-body{font-size:18px;color:rgba(255,255,255,.9);line-height:1.85;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.post-body p{margin-bottom:24px}
.post-body p:last-child{margin-bottom:0}
.post-body h2{font-size:26px;margin:36px 0 16px}
.post-body a:not(.inline-link){color:#a8d8ff}
.post-body code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;font-size:.9em}
.post-body .inline-link{display:inline-flex;align-items:center;gap:6px;background:rgba(168,216,255,.1);border:1px solid rgba(168,216,255,.3);color:#a8d8ff;text-decoration:none;padding:2px 12px;border-radius:20px;font-size:16px;transition:background .2s,border-color .2s,color .2s}
.post-body .inline-link:hover{background:rgba(168,216,255,.2);border-color:rgba(168,216,255,.5);color:#d4eaff}

@media (max-width:768px){
  .page-container.post{padding:80px 20px 60px}
  .post-title{font-size:30px}
  .post-body{font-size:16px;line-height:1.75}
  .post-body .inline-link{font-size:15px}
  .breadcrumb{margin-bottom:28px}
}
@media (max-width:380px){
  .page-container.post{padding:76px 14px 50px}
  .post-title{font-size:25px}
  .post-body{font-size:15px}
}