.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 25px}.hub-heading h1{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.16;max-width:900px;margin:5px 0}.hub-heading img{object-fit:contain;flex-shrink:0}.hub-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mq-portal .hub-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:248px;padding:24px;background:white;color:var(--mq-text);border:1px solid var(--mq-line);border-top:5px solid var(--hub-accent);border-radius:19px;box-shadow:0 4px 0 #13354b08;transition:transform .16s,box-shadow .16s;gap:0}.hub-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #13354b14}.hub-teal{--hub-accent:#07818b;--hub-tint:#e4f7f5}.hub-blue{--hub-accent:#2666c8;--hub-tint:#edf3ff}.hub-amber{--hub-accent:#bb7b04;--hub-tint:#fff4d8}.hub-rose{--hub-accent:#b6376c;--hub-tint:#ffedf4}.hub-purple{--hub-accent:#7351af;--hub-tint:#f2edff}.hub-green{--hub-accent:#28834e;--hub-tint:#e9f8ed}.hub-icon{height:52px;min-width:56px;padding:5px 11px;border-radius:15px;background:var(--hub-tint);color:var(--hub-accent);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:850;margin-bottom:15px}.hub-card h2{font-size:1.4rem;line-height:1.2;margin:0 0 9px}.hub-card p{font-size:1rem;line-height:1.5;font-weight:400;color:var(--mq-muted);margin:0 0 18px}.hub-context{font-size:.875rem;margin-top:auto;color:var(--hub-accent);overflow-wrap:anywhere}.hub-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 21px;background:#e0f4f0;border:1px solid #aedbd0;border-radius:15px;margin-bottom:22px}.hub-next strong,.hub-next span{display:block}.hub-next span{margin-top:3px}.hub-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:22px 0}.hub-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.mq-portal .hub-category{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;white-space:normal;color:var(--mq-text);background:white;border:1px solid var(--mq-line);border-radius:15px;text-decoration:none;padding:22px;min-width:0;gap:0}.hub-category:hover{border-color:var(--mq-teal);background:#f5fcfb}.hub-category h2{font-size:1.2rem;line-height:1.3;margin:0 0 9px}.hub-category p{font-size:1rem;font-weight:400;margin:0 0 15px;color:var(--mq-muted)}.hub-category span{font-size:.875rem;color:var(--mq-teal);margin-top:auto}.hub-filters{display:flex;gap:15px;flex-wrap:wrap}.hub-filters label{min-width:150px;flex:1}.hub-empty{text-align:center}.hub-empty>span{font-size:2.2rem}.hub-lesson{max-width:820px;margin:20px auto}.hub-lesson h1{font-size:2rem;line-height:1.2}.hub-lesson h2{font-size:1.4rem;line-height:1.5}.hub-rule{background:#e6f5f4;padding:18px;border-radius:12px}.hub-lesson progress{width:100%;height:12px;accent-color:var(--mq-teal);margin:0 0 24px}.hub-options{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}.mq-portal .hub-options button{justify-content:flex-start;text-align:left;padding:17px}.hub-feedback{background:#fff3d4;padding:16px;border-radius:12px}.hub-records>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--mq-line)}.hub-records small{display:block;font-size:.875rem;color:var(--mq-muted)}.hub-reading{font-size:1.2rem;line-height:1.8;max-width:65ch}.hub-lesson textarea{min-height:180px}.hub-six>*{min-width:0}.hub-card h2,.hub-category h2{overflow-wrap:anywhere}#learning-save{font-size:.875rem}.hub-records{margin-bottom:25px}
@media(max-width:900px){.hub-six,.hub-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-heading img{width:65px;height:75px}.hub-heading{gap:10px}}
@media(max-width:540px){.hub-six,.hub-categories{grid-template-columns:1fr}.mq-portal .hub-card{min-height:210px;padding:21px}.hub-next{align-items:flex-start;flex-direction:column}.hub-heading img{display:none}.hub-records>div{flex-direction:column;gap:10px}.hub-filters label{min-width:0;flex-basis:100%}.hub-tools button{flex:1;min-width:130px}.hub-lesson{padding:20px}.hub-lesson h1{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}.hub-card:hover{transform:none}}

.hub-navy{--hub-accent:#142440;--hub-tint:#eaf1f8}.mq-portal .hub-card[data-hub="vocabulario"]{grid-column:1/-1;min-height:190px}.hub-card[data-hub="vocabulario"] h2{font-size:1.55rem}

/* Each card is a native link with its own bounded hit area. */
.mq-portal a.hub-card{position:relative;text-decoration:none;font-weight:700;touch-action:manipulation}.hub-card:focus-visible{outline:3px solid var(--mq-teal);outline-offset:4px}