/* Meta Tag Analyzer */

.ma2-notice{
	border:         1px solid rgba(240,160,32,.35);
	background:     rgba(240,160,32,.08);
	border-radius:  .5rem;
	padding:        .7rem .9rem;
	font-size:      .82rem;
	line-height:    1.6;
}

.ma2-score{
	display:        flex;
	align-items:    center;
	gap:            .8rem;
	flex-wrap:      wrap;
	border:         1px solid rgba(255,255,255,.10);
	border-radius:  .6rem;
	padding:        .7rem .9rem;
	margin-bottom:  1rem;
}

.ma2-score b{ font-size:1.5rem; line-height:1; }

.ma2-dot{
	width:          .62rem;
	height:         .62rem;
	border-radius:  50%;
	display:        inline-block;
	flex:           0 0 .62rem;
	margin-top:     .35rem;
}

.ma2-dot.is-pass{ background:#34d399; }
.ma2-dot.is-warn{ background:#f0a020; }
.ma2-dot.is-fail{ background:#f87171; }

.ma2-row{
	display:        flex;
	gap:            .6rem;
	align-items:    flex-start;
	padding:        .55rem 0;
	border-top:     1px solid rgba(255,255,255,.07);
}

.ma2-row:first-child{ border-top:0; }

.ma2-row-name{ font-weight:600; font-size:.86rem; }
.ma2-row-found{ font-size:.78rem; opacity:.75; word-break:break-word; }
.ma2-row-says{ font-size:.8rem; line-height:1.6; opacity:.9; margin-top:.15rem; }

.ma2-serp{
	border:         1px solid rgba(255,255,255,.10);
	border-radius:  .6rem;
	padding:        .9rem 1rem;
	background:     rgba(255,255,255,.03);
}

.ma2-serp-url{ font-size:.78rem; opacity:.75; word-break:break-all; }
.ma2-serp-title{ font-size:1.05rem; line-height:1.4; color:#8ab4f8; margin:.25rem 0; }
.ma2-serp-desc{ font-size:.82rem; line-height:1.6; opacity:.85; }

.ma2-card{
	border:         1px solid rgba(255,255,255,.10);
	border-radius:  .6rem;
	overflow:       hidden;
	margin-top:     1rem;
}

.ma2-card-img{
	height:          150px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	font-size:       .74rem;
	opacity:         .6;
	background:      repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 10px, rgba(255,255,255,.02) 10px 20px);
	border-bottom:   1px solid rgba(255,255,255,.08);
	text-align:      center;
	padding:         .5rem;
}

.ma2-card-body{ padding:.7rem .9rem; }
.ma2-card-site{ font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; opacity:.6; }
.ma2-card-title{ font-size:.92rem; font-weight:600; margin:.2rem 0; }
.ma2-card-desc{ font-size:.8rem; line-height:1.5; opacity:.8; }

.ma2-card.is-small{ display:flex; }
.ma2-card.is-small .ma2-card-img{
	width:          140px;
	height:         auto;
	min-height:     120px;
	border-bottom:  0;
	border-right:   1px solid rgba(255,255,255,.08);
	flex:           0 0 140px;
}

.ma2-field{ display:flex; flex-direction:column; gap:.25rem; }
.ma2-field label{ font-size:.78rem; opacity:.75; margin:0; }