.avl-core-concepts .avl-concept-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 28px 22px}
.avl-concept-tab{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:14px;border:1px solid var(--avl-line);border-radius:16px;background:var(--avl-panel);color:var(--avl-text);text-align:left;cursor:pointer;transition:.18s ease}
.avl-concept-tab>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--avl-panel-2);color:var(--avl-accent);font-weight:900}
.avl-concept-tab strong,.avl-concept-tab small{display:block}.avl-concept-tab small{color:var(--avl-muted)}
.avl-concept-tab:hover{transform:translateY(-2px);border-color:var(--avl-accent-2)}.avl-concept-tab.is-active{border-color:var(--avl-accent);background:linear-gradient(135deg,rgba(95,224,183,.13),var(--avl-panel));box-shadow:0 0 0 3px rgba(95,224,183,.07)}
.avl-concept-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:18px;padding:0 28px 30px}
.avl-concept-detail,.avl-system-map{border:1px solid var(--avl-line);border-radius:20px;background:linear-gradient(150deg,var(--avl-panel-2),var(--avl-panel))}
.avl-concept-detail{padding:28px}.avl-detail-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.avl-detail-badge{color:var(--avl-accent);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.avl-detail-owner{color:var(--avl-muted);font-size:13px}
.avl-concept-detail h3{margin:18px 0 10px;font-size:clamp(26px,3vw,38px);color:var(--avl-text)}.avl-detail-text{font-size:17px;line-height:1.65;color:var(--avl-muted)}
.avl-two-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.avl-two-lists section{padding:16px;border-radius:15px;background:rgba(5,11,20,.42);border:1px solid rgba(118,169,255,.14)}.avl-two-lists h4{margin:0 0 10px;color:var(--avl-text);font-size:14px}.avl-two-lists ul{margin:0;padding-left:19px;color:var(--avl-muted);line-height:1.65}.avl-two-lists section:first-child li::marker{color:var(--avl-accent)}.avl-two-lists section:last-child li::marker{color:#ffb36b}
.avl-example-box{margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(7,13,24,.5);border:1px solid rgba(118,169,255,.2)}.avl-example-box span{display:block;color:var(--avl-muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.avl-example-box strong{display:block;margin-top:5px;color:var(--avl-accent-2)}.avl-layer-takeaway{margin-top:16px;padding:16px;border-left:3px solid var(--avl-accent);background:rgba(95,224,183,.07);color:var(--avl-text);line-height:1.55}
.avl-system-map{padding:22px}.avl-map-label{margin-bottom:14px;color:var(--avl-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.avl-nested-map{position:relative;min-height:380px}.avl-nested-layer{position:absolute;border:1px solid var(--avl-line);border-radius:20px;background:rgba(8,16,29,.94);color:var(--avl-text);cursor:pointer;text-align:left;transition:.18s ease}.avl-nested-layer strong,.avl-nested-layer span{display:block}.avl-nested-layer span{margin-top:4px;color:var(--avl-muted);font-size:12px}.avl-nested-layer.is-active{border-color:var(--avl-accent);box-shadow:0 0 0 3px rgba(95,224,183,.09)}
.avl-nested-architecture{inset:118px 58px;padding:18px}.avl-nested-core{inset:78px 38px;padding:16px}.avl-nested-mcu{inset:38px 18px;padding:14px}.avl-nested-board{inset:0;padding:12px}.avl-system-map>p{margin:12px 0 0;color:var(--avl-muted);font-size:13px;line-height:1.5}
.avl-section{padding:28px;border-top:1px solid var(--avl-line)}.avl-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.avl-section-heading h3{margin:5px 0 0;color:var(--avl-text);font-size:24px}.avl-section-heading p{max-width:470px;margin:0;color:var(--avl-muted)}.avl-section-index{color:var(--avl-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.avl-peel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.avl-peel-visual,.avl-peel-info{min-height:300px;border:1px solid var(--avl-line);border-radius:18px;background:var(--avl-panel);padding:22px}.avl-peel-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(118,169,255,.12),transparent 62%),var(--avl-panel)}.avl-peel-layer{position:absolute;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--avl-line);border-radius:18px;padding:14px;background:rgba(10,19,33,.96);box-shadow:0 15px 35px rgba(0,0,0,.16);transition:.25s ease}.avl-peel-layer span{color:var(--avl-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.avl-peel-layer strong{font-size:18px;color:var(--avl-text)}.avl-peel-architecture{width:34%;height:34%;z-index:4;border-color:var(--avl-accent)}.avl-peel-core{width:52%;height:52%;z-index:3}.avl-peel-mcu{width:70%;height:70%;z-index:2}.avl-peel-board{width:88%;height:88%;z-index:1}.avl-peel-info{display:flex;flex-direction:column;justify-content:center}.avl-peel-step{color:var(--avl-accent-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.avl-peel-info h4{margin:12px 0;color:var(--avl-text);font-size:28px}.avl-peel-info p{color:var(--avl-muted);line-height:1.65}.avl-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.avl-vendor-tabs{display:flex;gap:8px;flex-wrap:wrap}.avl-vendor-tab{padding:10px 14px;border:1px solid var(--avl-line);border-radius:999px;background:var(--avl-panel);color:var(--avl-muted);cursor:pointer}.avl-vendor-tab.is-active{color:var(--avl-text);border-color:var(--avl-accent);background:rgba(95,224,183,.09)}.avl-vendor-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.avl-vendor-card>div{padding:16px;border:1px solid var(--avl-line);border-radius:15px;background:var(--avl-panel)}.avl-vendor-card span,.avl-vendor-card small{display:block;color:var(--avl-muted);font-size:12px}.avl-vendor-card strong{display:block;margin-top:5px;color:var(--avl-text)}.avl-vendor-wide{grid-column:1/-1}.avl-vendor-wide small{margin-top:8px}
.avl-quiz-progress{color:var(--avl-accent);font-weight:900}.avl-quiz-card{padding:22px;border:1px solid var(--avl-line);border-radius:18px;background:var(--avl-panel)}.avl-question{margin:0 0 16px;color:var(--avl-text);font-size:22px}.avl-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avl-option{padding:14px;border:1px solid var(--avl-line);border-radius:13px;background:var(--avl-panel-2);color:var(--avl-text);text-align:left;cursor:pointer}.avl-option:hover:not(:disabled){border-color:var(--avl-accent-2)}.avl-option.is-correct{border-color:var(--avl-accent);background:rgba(95,224,183,.1)}.avl-option.is-wrong{border-color:#ff7d86;background:rgba(255,125,134,.1)}.avl-feedback{margin:14px 0;padding:14px;border-radius:13px;line-height:1.55}.avl-feedback.is-correct{background:rgba(95,224,183,.09);color:var(--avl-text)}.avl-feedback.is-wrong{background:rgba(255,125,134,.09);color:var(--avl-text)}.avl-result{text-align:center;padding:18px}.avl-result-score{display:inline-grid;place-items:center;min-width:90px;height:52px;border-radius:999px;background:rgba(95,224,183,.1);color:var(--avl-accent);font-size:22px;font-weight:900}.avl-result h4{margin:15px 0 8px;color:var(--avl-text);font-size:25px}.avl-result p{color:var(--avl-muted)}
@media(max-width:900px){.avl-core-concepts .avl-concept-tabs{grid-template-columns:1fr 1fr}.avl-concept-layout,.avl-peel-grid{grid-template-columns:1fr}.avl-nested-map{min-height:330px}}
@media(max-width:620px){.avl-core-concepts .avl-concept-tabs,.avl-concept-layout,.avl-section{padding-left:16px;padding-right:16px}.avl-core-concepts .avl-concept-tabs{grid-template-columns:1fr}.avl-two-lists,.avl-options,.avl-vendor-card{grid-template-columns:1fr}.avl-section-heading{display:block}.avl-section-heading p{margin-top:10px}.avl-vendor-wide{grid-column:auto}.avl-detail-topline{align-items:flex-start;flex-direction:column}.avl-nested-map{min-height:290px}.avl-nested-architecture{inset:100px 46px}.avl-nested-core{inset:66px 30px}.avl-nested-mcu{inset:32px 14px}}