#phivia-med-blog-categories{
    --bg:#F7F5F2;
    --card:#FFFFFF;
    --card-border:#DCE6DF;
    --primary:#244C43;
    --primary-bright:#38685B;
    --primary-soft:rgba(36,76,67,0.14);
    --white:#FFFFFF;
    --text-muted:#626B66;
    --text-dim:#626B66;
  }
#phivia-med-blog-categories, #phivia-med-blog-categories *{box-sizing:border-box;}
#phivia-med-blog-categories{margin:0; background:var(--bg); color:var(--white); font-family:Manrope,sans-serif; line-height:1.6; overflow-x:hidden;}
#phivia-med-blog-categories h1, #phivia-med-blog-categories h2, #phivia-med-blog-categories h3, #phivia-med-blog-categories .brand{font-family:Montserrat,sans-serif;}
#phivia-med-blog-categories a{text-decoration:none; color:inherit;}
#phivia-med-blog-categories .wrap{max-width:1100px; margin:0 auto; padding:0 24px;}
#phivia-med-blog-categories .hero{position:relative; background:var(--bg); color:#fff; padding:64px 0 56px; overflow:hidden;}
#phivia-med-blog-categories .eyebrow{display:table; margin:0 0 22px; font-size:12px; font-weight:600; letter-spacing:0.14em; color:#fff; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.35); padding:6px 14px; border-radius:100px; text-transform:uppercase;}
#phivia-med-blog-categories h1{font-size:clamp(30px,4.8vw,44px); font-weight:700; line-height:1.18; margin:0 0 16px; color:var(--primary-bright);}
#phivia-med-blog-categories .hero p{font-size:15.5px; color:rgba(255,255,255,0.88); margin:0; max-width:none; white-space:normal;}
@media (max-width:760px){#phivia-med-blog-categories .hero p{white-space:normal;}}
#phivia-med-blog-categories .cat-scroll{display:flex; gap:10px; overflow-x:auto; padding:28px 0 6px; margin:0 0 8px; scrollbar-width:none;}
#phivia-med-blog-categories .cat-scroll::-webkit-scrollbar{display:none;}
#phivia-med-blog-categories .cat-chip{
    flex:0 0 auto; font-size:13px; font-weight:600; color:var(--text-muted);
    background:var(--card); border:1px solid var(--card-border); padding:9px 18px;
    border-radius:100px; white-space:nowrap; transition:all .2s ease; cursor:pointer;
  }
#phivia-med-blog-categories .cat-chip.active, #phivia-med-blog-categories .cat-chip:hover{color:#0F172A; background:linear-gradient(to top right,#244C43,#38685B); border-color:transparent;}
#phivia-med-blog-categories .featured{
    display:grid; grid-template-columns:1.1fr 1fr; gap:0; background:var(--card);
    border:1px solid var(--card-border); border-radius:20px; overflow:hidden; margin:28px 0 56px;
  }
#phivia-med-blog-categories .featured-thumb{position:relative; min-height:260px; background:linear-gradient(135deg,#244C43,#38685B); background-size:cover; background-position:center;}
#phivia-med-blog-categories .featured-thumb::after{content:"";position:absolute; inset:0; background:none;}
#phivia-med-blog-categories .featured-body{padding:36px 38px; display:flex; flex-direction:column; justify-content:center;}
#phivia-med-blog-categories .post-tag{display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--primary-bright); background:var(--primary-soft); padding:5px 12px; border-radius:100px; margin-bottom:14px; width:fit-content;}
#phivia-med-blog-categories .featured-body h2{font-size:clamp(20px,2.6vw,26px); font-weight:700; margin:0 0 12px; line-height:1.28; transition:color .2s ease;}
#phivia-med-blog-categories .featured-body p{font-size:14px; color:var(--text-muted); margin:0 0 20px;}
@media (max-width:760px){#phivia-med-blog-categories .featured{grid-template-columns:1fr;}
#phivia-med-blog-categories .featured-thumb{min-height:180px;}}
#phivia-med-blog-categories .grid-title{font-size:20px; font-weight:700; margin:0 0 22px;}
#phivia-med-blog-categories .post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:26px; min-height:80px;}
@media (max-width:900px){#phivia-med-blog-categories .post-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){#phivia-med-blog-categories .post-grid{grid-template-columns:1fr;}}
#phivia-med-blog-categories .post-card{
    background:var(--card); border:1px solid var(--card-border); border-radius:16px;
    overflow:hidden; transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
#phivia-med-blog-categories .post-card:hover{transform:translateY(-6px); border-color:var(--primary); box-shadow:0 16px 34px -18px rgba(36,76,67,0.6);}
#phivia-med-blog-categories .post-thumb{height:150px; background:linear-gradient(135deg,#244C43,#38685B); background-size:cover; background-position:center; position:relative;}
#phivia-med-blog-categories .post-thumb::after{content:"";position:absolute; inset:0; background:none;}
#phivia-med-blog-categories .post-card-body{padding:22px 22px 24px;}
#phivia-med-blog-categories .post-card-body h3{font-size:16px; font-weight:700; margin:0 0 10px; line-height:1.35; transition:color .2s ease;}
#phivia-med-blog-categories .post-card:hover .post-card-body h3{color:var(--primary-bright);}
#phivia-med-blog-categories .featured:hover .featured-body h2{color:var(--primary-bright);}
#phivia-med-blog-categories .post-card-body p{font-size:13px; color:var(--text-muted); margin:0;}
#phivia-med-blog-categories .empty-msg, #phivia-med-blog-categories .error-msg{color:var(--text-dim); font-size:14px; text-align:center; padding:30px 0; grid-column:1/-1;}
#phivia-med-blog-categories .pagination{display:flex; justify-content:center; gap:8px; margin:0 0 60px; flex-wrap:wrap;}
#phivia-med-blog-categories .page-btn{
    min-width:38px; height:38px; display:flex; align-items:center; justify-content:center;
    border-radius:10px; background:var(--card); border:1px solid var(--card-border);
    font-size:13.5px; font-weight:600; color:var(--text-muted); cursor:pointer; transition:all .2s ease; padding:0 6px;
  }
#phivia-med-blog-categories .page-btn.active, #phivia-med-blog-categories .page-btn:hover{color:#0F172A; background:linear-gradient(to top right,#244C43,#38685B); border-color:transparent;}
#phivia-med-blog-categories .page-btn[disabled]{opacity:0.35; pointer-events:none;}
#phivia-med-blog-categories .newsletter{
    background:linear-gradient(120deg,#244C43 0%,#38685B 100%); border-radius:20px;
    padding:44px 38px; text-align:center; margin-bottom:70px;
  }
#phivia-med-blog-categories .newsletter h2{font-size:clamp(20px,2.8vw,26px); font-weight:700; margin:0 0 10px;}
#phivia-med-blog-categories .newsletter p{font-size:14px; color:rgba(255,255,255,0.85); max-width:620px; white-space:normal; margin:0 auto 24px;}
@media (max-width:640px){#phivia-med-blog-categories .newsletter p{white-space:normal;}}
#phivia-med-blog-categories .newsletter-form{display:flex; gap:10px; max-width:420px; margin:0 auto; flex-wrap:wrap;}
#phivia-med-blog-categories .newsletter-form input{
    flex:1; min-width:180px; padding:13px 16px; border-radius:100px; border:1.5px solid rgba(255,255,255,0.3);
    background:rgba(255,255,255,0.08); color:#fff; font-family:Manrope,sans-serif; font-size:13.5px;
  }
#phivia-med-blog-categories .newsletter-form input::placeholder{color:rgba(255,255,255,0.6);}
#phivia-med-blog-categories .newsletter-form button{
    padding:13px 26px; border-radius:100px; border:none; background:#fff; color:#244C43;
    font-weight:700; font-size:13.5px; cursor:pointer; font-family:Manrope,sans-serif;
  }
#phivia-med-blog-categories footer{text-align:center; padding:28px 24px 50px; font-size:11.5px; color:var(--text-dim); letter-spacing:0.04em;}
#phivia-med-blog-categories{background:#F7F5F2;color:#fff;font-family:Manrope,sans-serif;line-height:1.6;overflow:hidden;width:100%}
#phivia-med-blog-categories .cat-chip:focus-visible,#phivia-med-blog-categories .page-btn:focus-visible,#phivia-med-blog-categories a:focus-visible{outline:2px solid #38685B;outline-offset:3px}
#phivia-med-blog-categories .cat-chip[aria-pressed="true"]{color:#0F172A;background:linear-gradient(to top right,#244C43,#38685B);border-color:transparent}
@media(max-width:600px){#phivia-med-blog-categories .wrap{padding:0 18px}#phivia-med-blog-categories .hero{padding:48px 0 30px}#phivia-med-blog-categories .newsletter{padding:30px 22px;margin-bottom:44px}#phivia-med-blog-categories .featured-body{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){#phivia-med-blog-categories *{transition:none!important;scroll-behavior:auto!important}}
#phivia-med-blog-categories .page-btn.current{color:#0F172A;background:linear-gradient(to top right,#244C43,#38685B);border-color:transparent}

#phivia-med-blog-categories {color:#244C43;--white:#244C43;}
#phivia-med-blog-categories .hero {color:#244C43;}
#phivia-med-blog-categories .hero p {color:#626B66;}
#phivia-med-blog-categories .eyebrow {background:#DCE6DF;border-color:#DCE6DF;color:#244C43;}
#phivia-med-blog-categories h1 {color:#244C43;}
#phivia-med-blog-categories .grid-title,#phivia-med-blog-categories .featured-body h2 {color:#182D45;}
#phivia-med-blog-categories .post-card-body h3 {color:#244C43;}
#phivia-med-blog-categories .cat-chip.active,#phivia-med-blog-categories .cat-chip:hover,
#phivia-med-blog-categories .page-btn.current,#phivia-med-blog-categories .page-btn:hover {background:#244C43;color:#fff;}
#phivia-med-blog-categories .featured-thumb img,#phivia-med-blog-categories .post-thumb img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
#phivia-med-blog-categories a {text-decoration:none!important;}
#phivia-med-blog-categories .newsletter {background:#244C43;color:#fff;}
#phivia-med-blog-categories .newsletter h2 {color:#fff;}
#phivia-med-blog-categories .contact-button {display:inline-block;background:white;color:#244C43;padding:13px 26px;border-radius:100px;text-transform:uppercase;font-weight:700;}
#phivia-med-blog-categories a:focus-visible {outline:3px solid #182D45;outline-offset:3px;}
