/* 和氣流 認定資格取得講座 受講者専用ページ */

/* グリッド */
.wk-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;}
.wk-card{flex:1 1 calc(50% - 8px);min-width:300px;background:#fff;border:1px solid #e0dcd4;border-radius:10px;box-sizing:border-box;overflow:hidden;}
.wk-card-header{padding:20px 24px;cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:background 0.15s;}
.wk-card-header:hover{background:#faf8f3;}
.wk-card-arrow{font-size:12px;color:#999;transition:transform 0.25s;margin-top:4px;flex-shrink:0;}
.wk-card.open .wk-card-arrow{transform:rotate(180deg);}
.wk-card-info{flex:1;}
.wk-card-title{font-weight:600;color:#2c3e2d;font-size:15px;margin-bottom:4px;}
.wk-card-meta{font-size:12px;color:#999;line-height:1.6;}
.wk-card-body{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
.wk-card.open .wk-card-body{max-height:2000px;}
.wk-card-inner{padding:0 24px 24px;}
.wk-video-placeholder{background:#f5f3ee;border:1px dashed #d4cfc5;padding:20px;text-align:center;color:#999;font-size:13px;border-radius:6px;margin-bottom:14px;}
.wk-video-wrap{margin-bottom:14px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:6px;}
.wk-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:6px;}
.wk-dl-section{border-top:1px solid #f0ebe3;padding-top:12px;margin-top:4px;}
.wk-dl-label{font-size:12px;color:#888;font-weight:600;margin-bottom:8px;}
.wk-dl-row{display:flex;align-items:center;background:#faf8f3;padding:10px 14px;border-radius:6px;margin-bottom:6px;}
.wk-dl-row span.icon{margin-right:8px;}
.wk-dl-row span.name{flex:1;font-size:13px;color:#444;}
.wk-dl-btn{background:#2c3e2d;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;text-decoration:none;white-space:nowrap;}
.wk-part-badge{color:#fff;padding:10px 18px;font-size:14px;font-weight:600;display:inline-block;margin:20px 0 16px;}

/* 目次ナビ */
.wk-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:20px;background:#fff;border:1px solid #e0dcd4;border-radius:10px;}
.wk-nav a{display:inline-block;padding:8px 16px;background:#f5f3ee;border-radius:6px;font-size:13px;color:#2c3e2d;text-decoration:none;font-weight:500;transition:background 0.15s;}
.wk-nav a:hover{background:#e8e4dc;}

/* 一括開閉 */
.wk-toggle-all{display:inline-block;padding:6px 14px;background:#f5f3ee;border:1px solid #d4cfc5;border-radius:6px;font-size:12px;color:#666;cursor:pointer;margin-bottom:16px;user-select:none;}
.wk-toggle-all:hover{background:#e8e4dc;}

/* FAQ */
.wk-faq{margin-bottom:10px;background:#fff;border:1px solid #e0dcd4;border-radius:8px;overflow:hidden;}
.wk-faq-q{padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600;color:#2c3e2d;font-size:14px;transition:background 0.15s;}
.wk-faq-q:hover{background:#faf8f3;}
.wk-faq-q .arrow{font-size:11px;color:#999;transition:transform 0.25s;margin-left:auto;}
.wk-faq.open .wk-faq-q .arrow{transform:rotate(180deg);}
.wk-faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.wk-faq.open .wk-faq-a{max-height:500px;}
.wk-faq-a-inner{padding:0 20px 16px;font-size:13px;color:#555;line-height:1.8;}

@media(max-width:680px){
  .wk-card{flex:1 1 100%;min-width:0;}
  .wk-nav{gap:6px;padding:14px;}
  .wk-nav a{padding:6px 12px;font-size:12px;}
}