/* 실습모드 HOME · 실습 준비 중 페이지
   Reference 대응: Reference WORK/common/common.css
     68·69(.practicePage) 70–72(.practiceHero) 73(.practiceGrid) 74–79(.practiceCard/.practiceIcon/.tag)
     82(.practiceBack) 83(≤800px 1열)
   카드는 WORK 규칙대로 button으로 만든다. 화면이 WORK에 없는 카드는 disabled(shell.css .sh-shell button:disabled). */

.prc-page{padding:12px}
.prc-page[hidden]{display:none}
.prc-hero{background:linear-gradient(180deg,#0c2032,#081522);border:1px solid #173a55;border-radius:10px;padding:16px;margin-bottom:10px}
.prc-hero h2{margin:0 0 6px;font-size:18px}
.prc-hero p{margin:0;color:#9fb5c7;font-size:11px}
.prc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.prc-card{display:flex;flex-direction:column;justify-content:flex-start;width:100%;text-align:left;color:inherit;background:linear-gradient(180deg,#0d2033,#091725);border:1px solid #1c4668;border-radius:10px;padding:16px;min-height:185px;transition:.15s}
.prc-card:not(:disabled):not(.prc-card-static):hover{transform:translateY(-2px);border-color:#2189d0}
/* 준비 중 페이지의 안내 카드 (Reference: max-width 620px, min-height 130px, cursor default) */
.prc-card-static{max-width:620px;min-height:130px;cursor:default}
.prc-icon{display:block;font-size:38px;margin-bottom:12px}
.prc-card h3{margin:0 0 6px;font-size:16px}
.prc-card p{margin:0;color:#91a9bd;font-size:11px;line-height:1.6}
.prc-tag{align-self:flex-start;display:inline-block;margin-top:12px;border:1px solid #2b5978;border-radius:20px;padding:5px 8px;color:#bfe7ff;font-size:9px}
.prc-back{margin-top:10px;border:1px solid #27506c;background:#0b1d2d;color:#d9e8f3;border-radius:7px;padding:8px 12px;cursor:pointer}
@media(max-width:800px){.prc-grid{grid-template-columns:1fr}}