.article-content-single .as-lead {
font-size: 15px;
color: var(--c-text-muted, #6b5a48);
margin: 0 0 24px 0;
font-style: italic;
} .article-content-single .as-h3 {
font-size: 22px;
font-weight: 600;
margin: 32px 0 12px 0;
color: var(--c-accent, #ff6f00);
border-bottom: 2px solid var(--c-bg-soft, #f7f3ec);
padding-bottom: 6px;
} .article-content-single .as-h4 {
font-size: 18px;
font-weight: 600;
margin: 24px 0 10px 0;
color: var(--c-text, #2d2926);
padding-left: 12px;
border-left: 3px solid var(--c-accent, #ff6f00);
} .article-content-single p[style*="justify"],
.article-content-single .as-justify {
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
word-spacing: 0.02em;
}  .as-quote {
--as-q-bg: #f5f0e7;
position: relative;
margin: 28px 0;
padding: 26px 32px 22px 56px;
background: var(--as-q-bg);
border: none;
border-radius: 12px;
font-style: italic;
font-size: 17px;
line-height: 1.65;
color: var(--c-text, #2d2926);
quotes: "«" "»" "„" "“";
}
.as-quote::before {
content: "“";
position: absolute;
left: 14px; top: -4px;
font-family: Georgia, "Times New Roman", serif;
font-style: normal;
font-size: 64px;
line-height: 1;
color: var(--c-accent, #ff6f00);
opacity: 0.35;
pointer-events: none;
}
.as-quote p { margin: 0 0 10px 0; color: inherit; }
.as-quote p:last-child { margin-bottom: 0; }
.as-quote .as-quote-cite,
.as-quote cite {
display: block;
margin-top: 12px;
font-size: 14px;
font-style: normal;
font-weight: 600;
color: var(--c-text-muted, #6b5a48);
} .as-quote--pull {
text-align: center;
font-size: 20px;
padding: 30px 40px;
border: none;
border-radius: 12px;
}
.as-quote--pull::before { display: none; }
.as-quote--subtle {
padding: 16px 24px;
font-size: 16px;
border: none;
border-radius: 10px; background: var(--as-q-bg);
background: color-mix(in srgb, var(--as-q-bg) 55%, transparent);
}
.as-quote--subtle::before { display: none; } .as-frame {
margin: 22px 0;
padding: 18px 22px;
background: var(--c-card-bg, #ffffff);
border: 1px solid var(--c-card-border, #ede8e0);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
color: var(--c-text, #2d2926);
}
.as-frame p:last-child { margin-bottom: 0; }
.as-frame--dashed { border-style: dashed; box-shadow: none; background: transparent; }
.as-frame--accent { border-color: var(--c-accent, #ff6f00); border-width: 2px; } .as-callout {
margin: 24px 0;
padding: 18px 22px;
background: var(--as-co-bg, #ecfdf5);
border: 1px solid var(--as-co-border, #d1fae5);
border-left: 4px solid var(--as-co-accent, #10b981);
border-radius: 8px;
color: var(--as-co-fg, #065f46);
}
.as-callout p { margin: 0 0 10px 0; color: inherit; }
.as-callout p:last-child { margin-bottom: 0; }
.as-callout strong { color: inherit; } .as-callout--info {
--as-co-bg:     #eff6ff;
--as-co-border: #dbeafe;
--as-co-accent: #3b82f6;
--as-co-fg:     #1e3a8a;
}
.as-callout--warn {
--as-co-bg:     #fffbeb;
--as-co-border: #fef3c7;
--as-co-accent: #f59e0b;
--as-co-fg:     #78350f;
}
.as-callout--danger {
--as-co-bg:     #fef2f2;
--as-co-border: #fee2e2;
--as-co-accent: #ef4444;
--as-co-fg:     #7f1d1d;
} .as-card {
border: 1px solid var(--as-cd-border, #e5e7eb);
border-radius: 14px;
overflow: hidden;
margin: 24px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
background: var(--c-card-bg, #ffffff);
}
.as-card-header {
padding: 14px 20px 12px;
font-size: 16px;
font-weight: 600;
color: var(--as-cd-fg, #0d47a1);
background: var(--as-cd-grad, linear-gradient(135deg,#d6eaf8,#e3f2fd));
margin: 0;
}
.as-card-body {
padding: 16px 20px;
color: var(--c-text, #2d2926);
}
.as-card-body p:last-child { margin-bottom: 0; } .as-card--blue {
--as-cd-border: #90caf9;
--as-cd-grad:   linear-gradient(135deg,#d6eaf8,#e3f2fd);
--as-cd-fg:     #0d47a1;
}
.as-card--green {
--as-cd-border: #81c784;
--as-cd-grad:   linear-gradient(135deg,#d7ecd9,#e8f5e9);
--as-cd-fg:     #1b5e20;
}
.as-card--orange {
--as-cd-border: #ffcc80;
--as-cd-grad:   linear-gradient(135deg,#fff3e0,#ffe0b2);
--as-cd-fg:     #e65100;
}
.as-card--purple {
--as-cd-border: #b39ddb;
--as-cd-grad:   linear-gradient(135deg,#e1d6f7,#ede4fa);
--as-cd-fg:     #4a148c;
} .as-refs {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 28px 0 0;
list-style: none;
}
.as-refs li { margin: 0; padding: 0; flex: 1 1 260px; }
.as-ref-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
background: var(--c-card-bg, #fff);
border: 1px solid var(--c-card-border, #d0d0d0);
border-radius: 10px;
text-decoration: none !important;
color: var(--c-text, #333);
transition: all 0.2s ease;
height: 100%;
}
.as-ref-item:hover {
border-color: var(--c-accent, #ff6f00);
transform: translateY(-1px);
color: var(--c-text, #333);
}
.as-ref-img {
width: 56px; height: 56px;
min-width: 56px;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
}
.as-ref-text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.as-ref-title {
font-size: 13px;
font-weight: 600;
line-height: 1.35;
color: var(--c-text, #333);
}
.as-ref-meta {
font-size: 11px;
color: var(--c-text-muted, #888);
} .as-ref-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
min-width: 36px;
border-radius: 7px;
background: linear-gradient(135deg,#667eea,#764ba2);
color: #fff;
font-size: 14px;
font-weight: 700;
flex-shrink: 0;
}
.as-ref-num--green  { background: linear-gradient(135deg,#43e97b,#38f9d7); color: #1a1a1a; }
.as-ref-num--pink   { background: linear-gradient(135deg,#f093fb,#f5576c); }
.as-ref-num--blue   { background: linear-gradient(135deg,#4facfe,#00f2fe); color: #1a1a1a; }
.as-ref-num--purple { background: linear-gradient(135deg,#a18cd1,#5b86e5); } .as-table-wrap { overflow-x: auto; margin: 22px 0; }
.as-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
background: var(--c-card-bg, #fff);
border: 1px solid var(--c-card-border, #e5e7eb);
}
.as-table th,
.as-table td {
padding: 10px 14px;
border-bottom: 1px solid var(--c-card-border, #f3f4f6);
text-align: left;
color: var(--c-text, #333);
}
.as-table th {
background: var(--c-bg-soft, #f9fafb);
font-weight: 600;
}
.as-table tr:last-child td { border-bottom: none; }
.as-table .pos     { color: #10b981; font-weight: 600; }
.as-table .neg     { color: #ef4444; font-weight: 600; }
.as-table .neutral { color: var(--c-text-muted, #6b7280); }
.as-table .center  { text-align: center; } html[data-theme="dark"] .as-callout {
--as-co-bg:     #172c22;
--as-co-border: #1e4a35;
--as-co-fg:     #86efac;
}
html[data-theme="dark"] .as-callout--info {
--as-co-bg:     #172033;
--as-co-border: #1e3a5f;
--as-co-fg:     #93c5fd;
}
html[data-theme="dark"] .as-callout--warn {
--as-co-bg:     #2e2410;
--as-co-border: #5a3d1a;
--as-co-fg:     #fcd34d;
}
html[data-theme="dark"] .as-callout--danger {
--as-co-bg:     #2e1818;
--as-co-border: #5a2929;
--as-co-fg:     #fca5a5;
}
html[data-theme="dark"] .as-card--blue {
--as-cd-grad:   linear-gradient(135deg,#1e3a5f,#1a3050);
--as-cd-fg:     #93c5fd;
--as-cd-border: #2c5180;
}
html[data-theme="dark"] .as-card--green {
--as-cd-grad:   linear-gradient(135deg,#1f3a26,#173420);
--as-cd-fg:     #86efac;
--as-cd-border: #2d5a3a;
}
html[data-theme="dark"] .as-card--orange {
--as-cd-grad:   linear-gradient(135deg,#3a2510,#301c0a);
--as-cd-fg:     #fdba74;
--as-cd-border: #5a3d1a;
}
html[data-theme="dark"] .as-card--purple {
--as-cd-grad:   linear-gradient(135deg,#2e2348,#241a36);
--as-cd-fg:     #c4b5fd;
--as-cd-border: #4a3d6e;
} html[data-theme="dark"] .as-quote { --as-q-bg: #2b2621; }
html[data-theme="dark"] .as-table .pos { color: #4ade80; }
html[data-theme="dark"] .as-table .neg { color: #f87171; } @media (max-width: 600px) {
.as-card-header { font-size: 15px; padding: 12px 16px 10px; }
.as-card-body   { padding: 14px 16px; }
.as-callout     { padding: 14px 16px; }
.as-refs li     { flex: 1 1 100%; }
} .article-content-single .as-tests,
.article-related .as-tests {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
gap: 10px;
margin: 16px 0 22px;
align-items: stretch;
} .article-content-single .as-tcard,
.article-related .as-tcard {
display: flex; flex-direction: column; gap: 8px;
text-decoration: none !important; color: inherit;
background: var(--c-bg-soft, #f7f3ec);
border: 1px solid var(--c-accent, #ff6f00);
border-radius: 10px; padding: 10px 12px;
transition: transform .25s ease, border-color .25s, box-shadow .25s;
}
.article-content-single .as-tcard:hover,
.article-related .as-tcard:hover {
transform: translateY(-2px);
border-color: var(--c-accent, #ff6f00);
box-shadow: 0 0 0 0.5px var(--c-accent, #ff6f00), 0 4px 14px var(--anuf-tc-glow, rgba(255,111,0,.15));
}
.article-content-single .as-thead,
.article-related .as-thead { display: flex; align-items: center; gap: 9px; } .article-content-single .as-ticon,
.article-related .as-ticon {
width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
background: linear-gradient(135deg, var(--anuf-tc-a, #4facfe) 0%, var(--anuf-tc-b, #00f2fe) 100%);
display: flex; align-items: center; justify-content: center;
color: var(--anuf-tc-fg, #fff); font-size: 9.5px; font-weight: 700; text-align: center; line-height: 1.1; padding: 2px;
}
.article-content-single .as-tname,
.article-related .as-tname { display: block; font-size: 13.5px; font-weight: 700; color: var(--c-text, #2d2926); line-height: 1.25; }
.article-content-single .as-tsub,
.article-related .as-tsub  { display: block; font-size: 10.5px; color: var(--c-text-muted, #6b5a48); line-height: 1.3; margin-top: 1px; }
.article-content-single .as-tbadges,
.article-related .as-tbadges { display: flex; gap: 5px; flex-wrap: wrap; margin-top: auto; }
.article-content-single .as-tbadges span,
.article-content-single .as-tbadges .as-tbadge,
.article-related .as-tbadges .as-tbadge {
font-size: 10px; background: var(--c-card-bg, #fff);
border: 1px solid var(--c-card-border, #ede8e0); border-radius: 6px; padding: 2px 6px;
color: var(--c-text-muted, #6b5a48);
} .article-content-single .as-ttext,
.article-related .as-ttext { display: block; min-width: 0; } .article-content-single a.as-button {
display: inline-block; margin: 6px 0 10px; padding: 12px 26px; border-radius: 10px;
background: linear-gradient(135deg, #ff8a3d, #ff6f00);
color: #fff !important; font-weight: 700; text-decoration: none !important;
box-shadow: 0 6px 16px rgba(255,111,0,.25);
transition: transform .2s, box-shadow .2s;
}
.article-content-single a.as-button:hover { transform: translateY(-1px); box-shadow: 0 9px 22px rgba(255,111,0,.32); }
html[data-theme="dark"] .article-content-single a.as-button { color: #fff !important; }  .article-content-single .as-pro { --as-pro-bg: #fbf6e6;
--as-pro-bd: #ece0bd;
--as-pro-fg: #4a3f22;
--as-pro-muted: #5f5330;
--as-pro-label: #6b5610;
--as-pro-label-bg: rgba(107,86,16,.10);
--as-pro-strong: #322a12;
--as-pro-link: #8a6a12;
--as-pro-link-hover: #63500e;
margin-top: 36px; padding: 22px 26px 20px;
background: var(--as-pro-bg);
border: 1px solid var(--as-pro-bd);
border-radius: 12px;
font-size: 15px;
color: var(--as-pro-fg);
}
.article-content-single .as-pro p { color: var(--as-pro-fg); }
.article-content-single .as-pro strong { color: var(--as-pro-strong); }
.article-content-single .as-pro a { color: var(--as-pro-link); }
.article-content-single .as-pro a:hover { color: var(--as-pro-link-hover); }
.article-content-single .as-pro-label {
display: inline-block; font-size: 12px; font-weight: 700;
letter-spacing: .06em; text-transform: uppercase;
color: var(--as-pro-label); background: var(--as-pro-label-bg);
padding: 4px 11px; border-radius: 20px; margin-bottom: 8px;
} .article-content-single .as-bib {
--as-bib-bg: #f7f4ef;
--as-bib-bd: #e8e0d4;
--as-bib-fg: #4a443d;
margin: 16px 0 0;
padding: 20px 26px 18px;
background: var(--as-bib-bg);
border: 1px solid var(--as-bib-bd);
border-radius: 12px;
}
.article-content-single .as-bib-title {
margin: 0 0 12px;
font-size: 16px; font-weight: 700; letter-spacing: .02em;
color: var(--c-text, #2d2926);
}
.article-content-single .as-src { font-size: 13.5px; color: var(--as-bib-fg); padding-left: 20px; margin: 0; }
.article-content-single .as-src li { margin-bottom: 6px; }
html[data-theme="dark"] .article-content-single .as-bib {
--as-bib-bg: #232019;
--as-bib-bd: #39322a;
--as-bib-fg: #b9b2a6;
}
html[data-theme="dark"] .article-content-single .as-bib-title { color: var(--c-text, #e8e2da); }
html[data-theme="dark"] .article-content-single .as-pro {
--as-pro-bg: #241f19;
--as-pro-bd: #3a3229;
--as-pro-fg: #ede4b0;
--as-pro-muted: #d6ca94;
--as-pro-label: #f2e9bd;
--as-pro-label-bg: rgba(237,228,176,.12);
--as-pro-strong: #fff6cf;
--as-pro-link: #ffd98a;
--as-pro-link-hover: #ffe9b8;
}
html[data-theme="dark"] .article-content-single .as-pro p,
html[data-theme="dark"] .article-content-single .as-pro li { color: var(--as-pro-fg); }  .article-content-single .as-scene {
--as-scene-bg: #faf7f1;
--as-scene-bd: #ece4d6;
--as-scene-fg: #4a4440;
padding: 16px 20px; margin: 16px 0 18px;
background: var(--as-scene-bg);
border: 1px solid var(--as-scene-bd);
border-radius: 12px;
color: var(--as-scene-fg);
}
html[data-theme="dark"] .article-content-single .as-scene {
--as-scene-bg: #232019;
--as-scene-bd: #39322a;
--as-scene-fg: #c9c2b6;
}
html[data-theme="dark"] .article-content-single .as-scene p { color: var(--as-scene-fg); }
.article-content-single .as-scene p { margin: 0 0 8px; }
.article-content-single .as-scene p:last-child { margin-bottom: 0; }