.topica-section{background:linear-gradient(180deg,#0e1928,#101c2d)!important;color:#eef4fb}
.topica-section .section-heading p:last-child{color:#aab7c7}
.topica-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start;margin:1.2rem 0}
.topica-note{padding:1rem;border:1px solid rgba(216,154,63,.35);border-left:4px solid #d89a3f;border-radius:.7rem;background:#d89a3f12;color:#d9e2ec}
.topica-note strong{color:#f1c779}.topica-note p{margin:.35rem 0 0}
.topica-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0}
.topica-card{position:relative;min-height:250px;padding:1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:.85rem;background:#ffffff06;overflow:hidden}
.topica-card::after{content:attr(data-letter);position:absolute;right:.5rem;bottom:-1.2rem;color:#ffffff08;font:700 7rem Georgia,serif}
.topica-card.es{border-top:4px solid #cc6387}.topica-card.io{border-top:4px solid #49b6c4}.topica-card.superio{border-top:4px solid #9a6de2}
.topica-card span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;font-size:1.25rem;background:#ffffff0c}
.topica-card.es span{color:#ff93b4}.topica-card.io span{color:#74dce7}.topica-card.superio span{color:#c39bf9}
.topica-card h3{margin:.75rem 0 .45rem;font-size:1.55rem}.topica-card p{margin:.25rem 0;color:#b9c6d5;font-size:.88rem}.topica-card strong{color:#fff}
.topica-relations{display:grid;grid-template-columns:1fr auto 1fr;gap:.9rem;align-items:stretch;margin:1.2rem 0}
.topica-mapbox{padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:.8rem;background:#ffffff05}
.topica-mapbox h3{margin:.1rem 0 .75rem;color:#d6b6ff;font-size:1.25rem}.topica-mapbox ul{margin:.4rem 0 0;padding-left:1.2rem;color:#bdc9d7}.topica-mapbox li+li{margin-top:.35rem}.topica-arrow{display:grid;place-items:center;color:#8497ac;font-size:1.5rem}
.topica-warning{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.topica-warning div{padding:.8rem;border-radius:.65rem;background:#711d3222;border:1px solid #cc638744;color:#d7e0e9;font-size:.82rem}.topica-warning b{display:block;color:#ff9bb8;margin-bottom:.2rem}
.topica-lab{margin-top:1.4rem;padding:1rem;border:1px solid rgba(154,109,226,.35);border-radius:.9rem;background:linear-gradient(145deg,#171a31,#101b2a)}
.topica-lab-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.topica-lab h3{margin:.15rem 0 .35rem;font-size:1.55rem}.topica-lab p{color:#b9c5d3}.topica-case{margin:.9rem 0;padding:.9rem;border-radius:.7rem;background:#ffffff08;border:1px solid #ffffff13}.topica-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.topica-options button{min-height:46px;padding:.7rem;border:1px solid #ffffff20;border-radius:.6rem;color:#eef4fb;background:#ffffff07;text-align:left}.topica-options button:hover,.topica-options button:focus-visible{border-color:#a67be3;background:#6e55bd24}.topica-options button.correct{border-color:#65b98f;background:#22614355}.topica-options button.wrong{border-color:#cc6387;background:#70284055}.topica-feedback{min-height:2.6rem;margin-top:.7rem;padding:.7rem;border-left:4px solid #49b6c4;background:#ffffff05;color:#d8e2ec}.topica-nav{display:flex;justify-content:space-between;gap:.6rem;margin-top:.8rem}.topica-nav button{min-height:42px;padding:.55rem .8rem;border:1px solid #ffffff20;border-radius:99px;color:#eef4fb;background:#ffffff07}.topica-nav button:disabled{opacity:.4}
.dashboard-second-topica{grid-column:1/-1;display:grid;grid-template-columns:54px 1fr auto;gap:.7rem;align-items:center;min-height:86px;padding:.8rem;border:1px solid #9a6de244;border-radius:.6rem;color:#fff;background:linear-gradient(135deg,#291f45,#16263b);text-decoration:none}.dashboard-second-topica .entry-icon{border-color:#b98cee}.dashboard-second-topica strong,.dashboard-second-topica small{display:block}.dashboard-second-topica strong{font-family:Georgia,serif;font-size:1rem}.dashboard-second-topica small{margin-top:.2rem;color:#b9c6d6;font-size:.65rem}
@media(max-width:850px){.topica-intro,.topica-relations{grid-template-columns:1fr}.topica-arrow{transform:rotate(90deg)}.topica-models,.topica-warning,.topica-options{grid-template-columns:1fr}.topica-card{min-height:auto}}