.aauto-blog-wrap {
margin: 0 auto;
padding: 0 16px;
line-height: 1.75;
color: #1e1e1e;
box-sizing: border-box;
}
.aauto-blog-wrap *,
.aauto-blog-wrap *::before,
.aauto-blog-wrap *::after {
box-sizing: border-box;
}
.aauto-blog-wrap p {
margin: 0 0 1.2em;
}
.aauto-blog-wrap h2 {
font-size: 1.55em;
font-weight: 700;
margin: 2em 0 0.6em;
color: #111;
line-height: 1.3;
}
.aauto-blog-wrap h3 {
font-size: 1.2em;
font-weight: 700;
margin: 1.6em 0 0.5em;
color: #1a1a1a;
line-height: 1.35;
}
.aauto-blog-wrap ul,
.aauto-blog-wrap ol {
margin: 0 0 1.2em 0;
padding-left: 1.5em;
}
.aauto-blog-wrap li {
margin-bottom: 0.5em;
}
.aauto-blog-wrap strong {
font-weight: 700;
color: #111;
}
.aauto-blog-wrap a {
text-decoration: underline;
text-underline-offset: 2px;
}
.aauto-blog-wrap a:hover {
opacity: .8;
} .aauto-quick-answer {
background: #eef5ff;
border-left: 5px solid #0057b8;
border-radius: 6px;
padding: 18px 20px;
margin: 0 0 1.8em;
}
.aauto-qa-label {
font-weight: 700;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 8px;
}
.aauto-quick-answer p {
margin: 0;
font-size: 1em;
color: #1e1e1e;
} .aauto-tip-box {
background: #f0fdf4;
border-left: 5px solid #22a84a;
border-radius: 6px;
padding: 16px 20px;
margin: 1.6em 0;
}
.aauto-tip-label {
display: block;
font-weight: 700;
font-size: 0.82em;
text-transform: uppercase;
letter-spacing: 0.07em;
margin-bottom: 8px;
}
.aauto-tip-box p {
margin: 0;
color: #1e1e1e;
} .aauto-note-box {
background: #fffbea;
border-left: 5px solid #e0a000;
border-radius: 6px;
padding: 16px 20px;
margin: 1.6em 0;
}
.aauto-note-label {
display: block;
font-weight: 700;
font-size: 0.82em;
text-transform: uppercase;
letter-spacing: 0.07em;
margin-bottom: 8px;
}
.aauto-note-box p {
margin: 0;
color: #1e1e1e;
} .aauto-warning-box {
background: #fff4f4;
border-left: 5px solid #d63030;
border-radius: 6px;
padding: 16px 20px;
margin: 1.6em 0;
}
.aauto-warn-label {
display: block;
font-weight: 700;
font-size: 0.82em;
text-transform: uppercase;
letter-spacing: 0.07em;
margin-bottom: 8px;
}
.aauto-warning-box p {
margin: 0;
color: #1e1e1e;
} .aauto-takeaway-box {
background: #f4f0ff;
border-left: 5px solid #6a3fd4;
border-radius: 6px;
padding: 18px 20px;
margin: 2em 0 1.6em;
}
.aauto-takeaway-label {
display: block;
font-weight: 700;
font-size: 0.82em;
text-transform: uppercase;
letter-spacing: 0.07em;
margin-bottom: 8px;
}
.aauto-takeaway-box p {
margin: 0;
color: #1e1e1e;
} .aauto-table-wrap {
width: 100%;
overflow-x: auto;
margin: 1.4em 0 1.8em;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
}
.aauto-blog-wrap table {
width: 100%;
min-width: 480px;
border-collapse: collapse;
font-size: 0.93em;
background: #fff;
border: 1px solid #dde3ec;
border-radius: 6px;
overflow: hidden;
}
.aauto-blog-wrap thead {
color: #fff;
}
.aauto-blog-wrap th {
text-align: left;
padding: 12px 14px;
font-weight: 700;
font-size: 0.9em;
letter-spacing: 0.02em;
}
.aauto-blog-wrap td {
padding: 11px 14px;
border-top: 1px solid #e4e9f0;
vertical-align: top;
color: #2a2a2a;
}
.aauto-blog-wrap tbody tr:nth-child(even) td {
background: #f7f9fc;
}
.aauto-blog-wrap tbody tr:hover td {
background: #eef5ff;
} .aauto-blog-wrap section {
margin-bottom: 0.4em;
} @media (max-width: 600px) {
.aauto-blog-wrap {
padding: 0 12px;
}
.aauto-blog-wrap h2 {
font-size: 1.3em;
}
.aauto-blog-wrap h3 {
font-size: 1.1em;
}
.aauto-quick-answer,
.aauto-tip-box,
.aauto-note-box,
.aauto-warning-box,
.aauto-takeaway-box {
padding: 14px 15px;
}
}