.service-page,.content-page,.magazine-page,.contact-page,.about-page{
  color:var(--dg-text);
}
.service-page h1,.content-page h1,.magazine-page h1,.contact-page h1,.about-page h1{
  letter-spacing:-.3px;
}

.service-page .page-hero,
.content-page .page-hero,
.contact-page .page-hero,
.about-page .page-hero,
.magazine-page .page-hero,
.service-page .hero,
.content-page .hero{
  border-radius:var(--dg-radius-xl);
  overflow:hidden;
}
.service-page .prescription-submit,
.service-page .service-submit{
  width:100%;
  min-height:46px;
  margin-top:12px;
  border-radius:13px!important;
  font-size:11px!important;
  font-weight:900!important;
}
.service-page .interaction-card,
.service-page .interaction-search,
.service-page .interaction-results{
  border:1px solid var(--dg-line);
  border-radius:var(--dg-radius-lg);
  background:#fff;
  padding:15px;
  box-shadow:var(--dg-shadow-sm);
}
.service-page .add-drug-btn,
.service-page .check-interaction-btn{
  min-height:42px;
  border-radius:12px!important;
  font-weight:850!important;
}
.service-page .selected-drugs,
.service-page .drug-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.service-page .drug-chip{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--dg-soft);
  color:var(--dg-text);
  font-size:9px;
  font-weight:800;
}
.service-page .interaction-result-item{
  padding:11px 12px;
  border:1px solid var(--dg-line);
  border-radius:13px;
  margin-top:8px;
  background:#fff;
}
.service-page .interaction-result-item.moderate{border-inline-start:4px solid #f59e0b}
.service-page .interaction-result-item h3{
  margin:0 0 5px;
  font-size:12px;
}
.service-page .interaction-result-item p{
  margin:0;
  color:var(--dg-muted);
  font-size:10px;
  line-height:1.85;
}
.contact-page .contact-card,
.contact-page .contact-info-card,
.contact-page .map-card{
  border:1px solid var(--dg-line);
  border-radius:var(--dg-radius-lg);
  background:#fff;
  padding:15px;
  box-shadow:var(--dg-shadow-sm);
}
.contact-page .contact-item{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid var(--dg-line);
  border-radius:13px;
  background:#fff;
}
.contact-page .map,
.contact-page iframe{
  width:100%;
  min-height:360px;
  border:0;
  border-radius:16px;
}
.about-page .about-story{
  max-width:860px;
  line-height:2;
  color:var(--dg-muted);
}
.magazine-page .article-grid,
.magazine-page .blog-grid,
.magazine-page .magazine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.magazine-page .article-card,
.magazine-page .blog-card{
  height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid var(--dg-line);
  border-radius:var(--dg-radius-lg);
  background:#fff;
  overflow:hidden;
  box-shadow:var(--dg-shadow-sm);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
@media(hover:hover){
  .magazine-page .article-card:hover,
  .magazine-page .blog-card:hover{
    transform:translateY(-3px);
    border-color:var(--dg-line-strong);
    box-shadow:var(--dg-shadow-hover);
  }
}
.magazine-page .article-card img,
.magazine-page .blog-card img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.magazine-page .article-card h3,
.magazine-page .blog-card h3{
  min-height:48px;
  max-height:48px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 0 6px;
  font-size:13px;
  line-height:1.8;
}
.magazine-page .article-meta,
.magazine-page .blog-meta{
  color:var(--dg-subtle);
  font-size:9px;
  margin-bottom:6px;
}
.magazine-page .article-card .more,
.magazine-page .blog-card .more{
  margin-top:auto;
}

.magazine-page .article-shell,
.magazine-page .single-article{
  max-width:920px;
  margin-inline:auto;
}
.magazine-page .article-content{
  font-size:12px;
  line-height:2.05;
  color:#334155;
}
.magazine-page .article-content h2,
.magazine-page .article-content h3{
  margin-top:24px;
  color:var(--dg-text);
}
.magazine-page .article-content img{
  max-width:100%;
  height:auto;
  border-radius:16px;
  margin-block:14px;
}
.magazine-page .article-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--dg-line);
  border-radius:14px;
  overflow:hidden;
}
.magazine-page .article-content th,
.magazine-page .article-content td{
  padding:9px 10px;
  border-bottom:1px solid #edf1f5;
  text-align:right;
}

@media(max-width:800px){
  .about-page .about-values,
  .about-page .team-grid,
  .magazine-page .article-grid,
  .magazine-page .blog-grid,
  .magazine-page .magazine-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .contact-page .map,
  .contact-page iframe{
    min-height:280px;
    border-radius:14px;
  }
  .magazine-page .article-grid,
  .magazine-page .blog-grid,
  .magazine-page .magazine-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:10px;
    padding-bottom:11px;
    scrollbar-width:none;
  }
  .magazine-page .article-grid::-webkit-scrollbar,
  .magazine-page .blog-grid::-webkit-scrollbar,
  .magazine-page .magazine-grid::-webkit-scrollbar{display:none}
  .magazine-page .article-card,
  .magazine-page .blog-card{
    flex:0 0 82%;
    scroll-snap-align:start;
    border-radius:17px;
  }
  .magazine-page .article-content{
    font-size:11px;
    line-height:2;
  }
}