/* 引導式進站（guide.js）的「老師一步一頁」出題樣式。
   歡迎頁與身分頁（2026-11-04 重做）搬到 landing.css；深色主題見 theme.css。 */

/* ---------- ③ 老師一步一頁 ---------- */
/* 引導模式下：大橫幅與舊的三步說明列收起來，一頁只留這一步要做的事 */
#inputForm.lg-wizard-on .lq-hero,
#inputForm.lg-wizard-on .lq-steps { display: none; }
.lg-off { display: none !important; }

.lg-wiz-head { margin-bottom: 1.5rem; }
.lg-dots { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.75rem; }
.lg-dot {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid var(--hl-border);
    background: var(--hl-card-bg);
    color: var(--hl-text-secondary);
    font-weight: 700;
    font-size: 0.9rem;
}
.lg-dot.is-done { border-color: var(--hl-blue, #1A73E8); color: var(--hl-blue, #1A73E8); }
.lg-dot.is-cur { border-color: var(--hl-blue, #1A73E8); background: var(--hl-blue, #1A73E8); color: #fff; }
.lg-dot-line { flex: 1; max-width: 3rem; height: 2px; background: var(--hl-border); }
.lg-dot-line.is-done { background: var(--hl-blue, #1A73E8); }
.lg-step-title { margin: 0; font-size: 1.35rem; font-weight: 900; color: var(--hl-text); }
.lg-step-hint { margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--hl-text-secondary); }

.lg-quick {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 0.9rem 1rem;
    border: 2px dashed var(--hl-blue, #1A73E8);
    border-radius: 1rem;
    background: #e8f0fe;
    color: var(--hl-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.lg-quick:hover, .lg-quick:focus-visible { border-style: solid; outline: none; }
.lg-quick b { color: var(--hl-blue, #1A73E8); }
.lg-quick small { display: block; color: var(--hl-text-secondary); }

.lg-summary {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    background: var(--hl-light-gray, #F8F9FA);
    color: var(--hl-text);
    font-weight: 700;
}
.lg-summary span { color: var(--hl-text-secondary); font-weight: 400; }

.lg-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: 1.5rem; }
.lg-nav .lg-grow { flex: 1; }
.lg-msg { width: 100%; margin: 0; color: var(--hl-red, #EA4335); font-weight: 700; font-size: 0.9rem; }

/* 引導模式下，每一步上方已經有「第 N 步：…」標題，原本的區塊小標題就不重複出現 */
#inputForm.lg-wizard-on .section-title { display: none; }

/* 第 2 步：年級科目選好前下一步淡一點，選好後亮起並輕輕彈一下，取代原本的自動跳轉 */
#lgNext.lg-wait { opacity: 0.55; }
#lgNext.is-ready { animation: lgNextNudge 0.4s ease 1; box-shadow: 0 6px 18px rgba(26, 115, 232, 0.35); }
@keyframes lgNextNudge { 0% { transform: scale(0.96); } 55% { transform: scale(1.06); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { #lgNext.is-ready { animation: none; } }