.focus-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.2rem; margin-top:1.5rem; align-items: start; }
          @media (max-width: 768px) { .focus-grid { grid-template-columns: 1fr; } }
          .focus-card {
            position: relative;
            background:
              linear-gradient(150deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 60%, rgba(255,255,255,0.015) 100%),
              linear-gradient(0deg, rgba(201,71,225,0.07), rgba(201,71,225,0.07));
            border: 1px solid rgba(255,255,255,0.10); border-left: 4px solid var(--brand);
            border-radius: 16px; overflow: hidden;
            -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.14), 0 8px 22px -10px rgba(201,71,225,0.3), 0 4px 14px rgba(0,0,0,0.28);
            transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease, background 0.3s ease;
          }
          .focus-card:hover {
            transform: translateY(-3px);
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), 0 16px 34px -10px rgba(201,71,225,0.45), 0 6px 16px rgba(0,0,0,0.32);
          }
          .focus-card[open] {
            border-color: var(--brand);
            background:
              linear-gradient(150deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.05) 60%, rgba(255,255,255,0.02) 100%),
              linear-gradient(0deg, rgba(201,71,225,0.12), rgba(201,71,225,0.12));
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.24), 0 18px 40px -10px rgba(201,71,225,0.55), 0 6px 16px rgba(0,0,0,0.35);
          }
          .focus-card summary { list-style:none; cursor:pointer; padding:1.1rem 1.3rem; display:flex; align-items:flex-start; gap:0.9rem; }
          .focus-card summary::-webkit-details-marker { display:none; }
          .focus-card__num { width:38px; height:38px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%); color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.85rem; font-weight:800; box-shadow: 0 4px 14px rgba(201,71,225,0.5), inset 0 1px 1px rgba(255,255,255,0.4); }
          .focus-card__heading { flex:1; }
          .focus-card__title { color:#fff; font-size: clamp(0.95rem, 1.3vw, 1.1rem); font-weight:700; line-height:1.3; margin:0; white-space: nowrap; }
          .focus-card__dots { color: var(--brand); font-weight:700; margin-left:0.3rem; transition: opacity 0.25s ease; }
          .focus-card[open] .focus-card__dots { opacity:0; }
          .focus-card__sub { display:block; color: rgba(255,255,255,0.65); font-style:italic; font-size:0.92rem; font-weight:400; margin-top:0.3rem; }
          .focus-card__arrow { width:22px; height:22px; flex-shrink:0; color: var(--brand); transition: transform 0.3s ease; margin-top:0.3rem; }
          .focus-card[open] .focus-card__arrow { transform: rotate(180deg); }
          .focus-card__body { padding: 0 1.3rem 1.3rem calc(36px + 0.9rem + 1.3rem); color: rgba(255,255,255,0.88); font-size:1.12rem; line-height:1.6; font-weight:400; }
          .focus-card__body p { margin: 0 0 0.8rem; }
          .focus-card__body p:last-child { margin-bottom: 0; }
          .focus-card__lead { color: var(--brand); font-weight: 600; font-size: clamp(1.05rem, 1.35vw, 1.2rem); line-height: 1.4; margin: 0.4rem 0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.8em; }