/* ================================================================
   pkstyles.css — Shared styles for all Pakistan Studies topics
   Import after styles.css in every pak-studies topic page
   ================================================================ */

/* ── Accordion ── */
.acc-controls{display:flex;justify-content:flex-end;margin-bottom:.5rem;}
.acc-toggle-all{font-size:.75rem;font-weight:600;color:var(--topic);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--r-sm);}
.acc-toggle-all:hover{background:var(--topic-light);}
.acc-group{display:flex;flex-direction:column;gap:.5rem;}
.acc-item{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);overflow:hidden;transition:border-color .2s;}
.acc-item.open{border-color:var(--topic);}
.acc-trigger{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--ff-head);font-size:.9rem;font-weight:700;color:var(--text);}
.acc-trigger:hover{background:var(--bg-2);}
.acc-emoji{font-size:1.05rem;flex-shrink:0;}
.acc-count{margin-left:auto;font-size:.68rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--bg-2);color:var(--text-3);border:1px solid var(--border);white-space:nowrap;flex-shrink:0;transition:background .2s,color .2s;}
.acc-item.open .acc-count{background:rgba(var(--topic-rgb),.12);color:var(--topic);border-color:rgba(var(--topic-rgb),.25);}
.acc-chevron{font-size:.65rem;color:var(--text-3);transition:transform .25s;flex-shrink:0;margin-left:.35rem;}
.acc-item.open .acc-chevron{transform:rotate(180deg);color:var(--topic);}
.acc-body{max-height:0;overflow:hidden;transition:max-height .32s ease;padding:0 1rem;}
.acc-item.open .acc-body{max-height:6000px;padding:0 1rem 1rem;}

/* ── Enhanced card ── */
.card-grid{display:flex;flex-direction:column;gap:1rem;margin:.5rem 0;}
.enhanced-card{background:var(--bg);border-radius:1rem;border:1px solid var(--border);transition:all .25s ease;overflow:hidden;}
.enhanced-card:hover{border-color:var(--topic);transform:translateY(-2px);box-shadow:0 16px 28px rgba(var(--topic-rgb),.08);}

.card-header{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;background:var(--bg-2);border-bottom:2px solid rgba(var(--topic-rgb),.2);}
.card-header i{font-size:1.2rem;color:var(--topic);width:1.6rem;text-align:center;}
.card-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text);}
.card-badge{margin-left:auto;background:rgba(var(--topic-rgb),.12);color:var(--topic);font-size:.65rem;font-weight:800;padding:.2rem .7rem;border-radius:40px;white-space:nowrap;}

.card-explanation{padding:.9rem 1.2rem .5rem;font-size:.85rem;line-height:1.55;color:var(--text-2);border-left:3px solid var(--topic);background:rgba(var(--topic-rgb),.02);margin:.5rem 1.2rem;border-radius:.5rem;}

/* ── Keypoints grid ── */
.keypoints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.8rem 1.2rem 1rem;}
.keypoint{background:var(--bg);border-radius:.8rem;padding:.6rem .8rem;transition:all .2s ease;border:1px solid var(--border);display:flex;align-items:flex-start;gap:.7rem;}
.keypoint:hover{border-color:var(--topic);background:rgba(var(--topic-rgb),.02);}
.keypoint-icon{width:32px;height:32px;background:var(--topic-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--topic);font-size:.9rem;flex-shrink:0;}
.keypoint-content{flex:1;min-width:0;}
.keypoint-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--topic);margin-bottom:.15rem;}
.keypoint-value{font-size:.83rem;font-weight:600;color:var(--text);line-height:1.35;}
.keypoint-value small{font-weight:normal;font-size:.7rem;color:var(--text-3);display:block;margin-top:.1rem;}

@media(max-width:640px){
  .keypoints-grid{grid-template-columns:1fr;gap:.5rem;}
  .card-header{padding:.7rem 1rem;}
  .card-explanation{margin:.4rem .75rem;}
  .keypoints-grid{padding:.6rem .75rem .75rem;}
}

/* ── Acc tip ── */
.acc-tip{margin-top:.8rem;padding:.6rem 1rem;border-radius:.8rem;background:rgba(var(--topic-rgb),.05);border-left:3px solid var(--topic);font-size:.8rem;color:var(--text-2);line-height:1.55;}
.acc-tip strong{color:var(--topic);}

/* ── Quick Fire ── */
.qf-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;align-items:center;}
.qf-chip{font-size:.73rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg);color:var(--text-3);cursor:pointer;transition:all .18s;}
.qf-chip.active,.qf-chip:hover{background:var(--topic);border-color:var(--topic);color:#fff;}
.qf-reveal-all{margin-left:auto;font-size:.73rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;border:1.5px solid var(--topic);background:transparent;color:var(--topic);cursor:pointer;transition:all .18s;}
.qf-reveal-all:hover{background:var(--topic);color:#fff;}
.qf-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.32rem;}
.qf-item{display:flex;align-items:stretch;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);font-size:.82rem;line-height:1.5;transition:border-color .18s;overflow:hidden;}
.qf-item:hover{border-color:var(--topic);}
.qf-left{display:flex;align-items:flex-start;gap:.6rem;padding:.48rem .8rem;flex:1;}
.qf-dot{width:5px;height:5px;border-radius:50%;background:var(--topic);flex-shrink:0;margin-top:6px;}
.qf-q{color:var(--text-2);}
.qf-right{display:flex;align-items:center;justify-content:center;min-width:36%;max-width:44%;padding:.48rem .8rem;border-left:1px solid var(--border);cursor:pointer;background:var(--bg-2);transition:background .18s;position:relative;}
.qf-right:hover{background:rgba(var(--topic-rgb),.08);}
.qf-a{color:var(--topic);font-weight:700;font-size:.79rem;text-align:center;}
.qf-hidden .qf-a{filter:blur(5px);user-select:none;pointer-events:none;}
.qf-hidden .qf-right::after{content:'Tap to reveal';position:absolute;font-size:.67rem;font-weight:700;color:var(--topic);opacity:.85;}
.qf-hidden .qf-right{background:rgba(var(--topic-rgb),.05);}

/* ── Section heading override (gradient text) ── */
.pk-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;}
.pk-sh-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:white;}
.pk-sh-icon i{font-size:1.1rem;}
.pk-section-heading h2{margin:0;font-size:1.4rem;font-weight:800;color:var(--text);}

/* ── Shared accordion JS helpers ── */
/* Call initPkAccordions() after DOM ready */