.concept-detail-page{color:var(--text-h);margin:0 auto}.concept-detail-card{background:linear-gradient(#fffffffa,#f4f0fff0);border:1px solid #aa3bff24;border-radius:32px;padding:40px 44px;position:relative;overflow:hidden;box-shadow:0 32px 90px #0f172a1f}@media (max-width:768px){.concept-detail-card{padding:30px 11px}}.concept-detail-card:before{content:"";background:radial-gradient(circle at 0 0,#aa3bff2e,#0000 55%);border-radius:50%;width:280px;height:280px;position:absolute;inset:-40% -20% auto auto}.concept-detail-card:after{content:"";background:radial-gradient(circle at 100% 100%,#3849d21f,#0000 60%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-40px;right:-60px}.concept-pagination{z-index:1;background:#ffffffb8;border:1px solid #aa3bff29;border-radius:20px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:40px;padding:18px;display:grid;position:relative}.concept-pagination__button{color:#1f4b99;text-align:left;background:#fff;border:1px solid #4765cc38;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.concept-pagination__button--next{text-align:right}.concept-pagination__button:not(:disabled):hover{border-color:#7849d799;transform:translateY(-2px);box-shadow:0 10px 22px #534eb424}.concept-pagination__button:disabled{cursor:not-allowed;color:#8d96a5;background:#f3f5f8;border-color:#e1e5ea}.concept-pagination__hint{color:#707d91;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.concept-pagination__status{color:#677286;text-align:center;white-space:nowrap;font-size:.82rem;font-weight:700}@media (max-width:768px){.concept-pagination{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.concept-pagination__status{grid-area:1/1/auto/-1}.concept-pagination__button--previous{grid-area:2/1}.concept-pagination__button--next{grid-area:2/2}}.concept-detail-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex;position:relative}.concept-detail-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.8rem;font-weight:700;display:inline-flex}.concept-detail-card h1{margin:0;font-size:30px;line-height:1.02}.concept-detail-back{color:var(--text-h);background:#f4f3ecf2;border-radius:999px;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.concept-detail-back:hover{background:#aa3bff1a;transform:translateY(-1px)}.concept-detail-intro{max-width:760px;color:var(--text);margin:auto;font-size:1rem;line-height:1.8}.concept-detail-split{grid-template-columns:1.7fr 1fr;align-items:start;gap:28px;margin-top:36px;display:grid}.concept-detail-section{z-index:1;margin-top:36px;position:relative}.concept-detail-section h2{margin-bottom:18px;font-size:1.35rem}.concept-detail-section p,.concept-detail-section ul{color:var(--text);font-size:1rem;line-height:1.8}.concept-detail-section ul{margin:0;padding-left:1.2rem;list-style:inside}.concept-detail-section li{margin-bottom:12px}.concept-detail-flyout{background:#ffffffe0;border:1px solid #aa3bff2e;border-radius:28px;padding:28px 24px;box-shadow:0 16px 42px #0f172a14}.concept-detail-flyout__tag{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#aa3bff1f;border-radius:999px;margin-bottom:14px;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.concept-detail-flyout h3{margin:0 0 12px;font-size:1.15rem}.concept-detail-flyout__meta{color:var(--text-h);background:#f4f3ecf2;border-radius:20px;margin-top:18px;padding:16px 18px;font-size:.95rem;font-weight:700}.concept-detail-code-panel{color:#f7f7fb;background:#14182dfa;border:1px solid #ffffff1f;border-radius:28px;padding:28px 24px;box-shadow:inset 0 0 0 1px #ffffff0a}.concept-detail-code-panel-header{justify-content:space-between;gap:18px;margin-bottom:22px;display:flex}.concept-detail-code-panel-header h3{color:#fff;margin:0}.concept-detail-code-panel-header p{color:#ffffffc7;max-width:500px;margin:8px 0 0}.concept-detail-code-block{gap:8px;display:grid}.code-line{color:#ffffffd1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:14px 18px;transition:background .2s,transform .2s,border-color .2s;display:grid}.concept-detail-title{background-color:#f5f4ed;border:1px solid #dccccc;border-radius:7px;padding:1rem}.code-line--active{color:#fff;background:#aa3bff38;border-color:#aa3bff66;transform:translate(4px)}.code-line__number{color:#ffffffb8;background:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:30px;padding:6px 8px;font-size:.85rem;display:inline-flex}.concept-detail-diagram-card{background:#fffffff5;border:1px solid #aa3bff2e;border-radius:28px;padding:28px 24px;box-shadow:0 16px 36px #0f172a14}.concept-detail-diagram-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.concept-detail-diagram-header h3{margin:0 0 8px}.concept-detail-diagram-header p{color:var(--text);margin:0}.concept-detail-badge{height:40px;color:var(--accent);background:#aa3bff29;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.85rem;font-weight:700;display:inline-flex}.call-stack-diagram{gap:16px;display:grid}.stack-frame{cursor:pointer;background:#ffffffeb;border:1px solid #9191a52e;border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px 24px;transition:transform .25s,border-color .25s,background .25s;display:flex;box-shadow:0 10px 24px #0f172a0d}.stack-frame:hover,.stack-frame--active{background:#eee4fff5;border-color:#aa3bff59;transform:translateY(-4px)}.concept-detail-stepper{color:var(--text);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;font-size:.95rem;display:flex}.step-pill{width:34px;height:34px;color:var(--text-h);background:#f4f3ecf2;border-radius:999px;justify-content:center;align-items:center;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.step-pill.active{background:var(--accent);color:#fff;transform:scale(1.05)}.concept-detail-visual-grid{grid-template-columns:1.2fr .8fr;gap:24px;margin-top:36px;display:grid}.concept-detail-diagram-card h3{margin:0 0 22px;font-size:1.1rem}.call-stack-diagram{align-items:center;gap:16px;display:grid}.stack-frame{background:#fff;border:1px solid #9191a52e;border-radius:22px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 12px 28px #0f172a0f}.stack-frame--global{background:#3849d214}.stack-frame--active{background:#aa3bff14}.stack-frame__label{color:var(--text-h);font-size:1rem;font-weight:700}.stack-frame__meta{color:var(--text);margin-top:8px;font-size:.9rem}.concept-card__link{color:#fff;background:#8f2ce1;border:none;border-radius:999px;padding:10px 15px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.concept-card__link:hover{background:#8f2ce1;transform:translateY(-1px)}.concept-detail-page{box-sizing:border-box;width:min(100%,1160px);padding:18px 16px 48px}.concept-detail-card{background:#fff;border:1px solid #e7eaf1;border-radius:24px;padding:32px;box-shadow:0 14px 40px #0f172a12}.concept-detail-card:before,.concept-detail-card:after{pointer-events:none;opacity:.45}.concept-pagination{background:#f8fafc;border-color:#e7eaf1;border-radius:16px;margin-top:28px;padding:14px}.concept-pagination__button{color:#263b5e;border-color:#e0e6ef;border-radius:12px;min-height:58px}.concept-pagination__button:not(:disabled):hover{border-color:#9db6e3;box-shadow:0 6px 16px #1e407817}@media (max-width:768px){.concept-detail-page{padding:10px 0 32px}.concept-detail-card{border-radius:18px;padding:18px 14px;box-shadow:0 8px 24px #0f172a0f}.concept-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:20px;padding:10px}.concept-pagination__button{overflow-wrap:anywhere;padding:10px;font-size:.84rem}.concept-pagination__hint{font-size:.65rem}.concept-pagination__status{font-size:.75rem}}