/**
 * HGE Document Page — Shared Styles
 *
 * Used by Fee Structure, Book List, and future document pages.
 * All classes use the `hge-doc-` prefix for reuse across templates.
 */

/* ─── Page Shell ─── */
.hge-doc{background:#f4f8fc;min-height:100vh;padding-bottom:0}
.hge-doc .hge-header-spacer{display:none!important}
.hge-doc .hge-header{margin-bottom:0!important}

/* ─── Hero ─── */
.hge-doc-hero{text-align:center;padding:3.5rem 1.5rem 3rem;background:linear-gradient(135deg,#0f2444 0%,#1a3a6b 100%);color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,0.12)}
.hge-doc-hero h1{font-size:2.2rem;font-weight:800;margin:0 0 .6rem;color:#fff!important}
.hge-doc-hero .hge-doc-sub{font-size:1rem;opacity:.85;margin:0;max-width:550px;line-height:1.7;color:rgba(255,255,255,.85)!important}
.hge-doc-hero .hge-doc-bc{font-size:.8rem;margin-bottom:.75rem;opacity:.8;color:rgba(255,255,255,.8)!important}
.hge-doc-hero .hge-doc-bc a{color:rgba(255,255,255,.8)!important;text-decoration:none}
.hge-doc-hero .hge-doc-bc a:hover{text-decoration:underline}
.hge-doc-hero .hge-doc-bc span{margin:0 .35rem;opacity:.6}

/* ─── Container ─── */
.hge-doc-wrap{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 3rem}

/* ─── PDF Card ─── */
.hge-doc-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 2px 20px rgba(15,36,68,0.04);display:flex;align-items:center;gap:2rem;margin-bottom:2rem;transition:transform .2s,box-shadow .2s;border:1px solid #edf2f7}
.hge-doc-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(15,36,68,0.08)}
.hge-doc-card__icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hge-doc-card__icon svg{width:40px;height:40px;stroke-width:1.5;fill:none}
.hge-doc-card__info{flex:1;min-width:0}
.hge-doc-card__title{font-size:1.2rem;font-weight:700;color:#0f2444;margin:0 0 .5rem}
.hge-doc-card__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.15rem}
.hge-doc-card__meta-item{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:#4a5568}
.hge-doc-card__meta-item svg{width:14px;height:14px;stroke:#6b7280;stroke-width:2;fill:none;flex-shrink:0}
.hge-doc-card__download{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;background:#0f2444;color:#fff!important;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s ease;border:none;cursor:pointer}
.hge-doc-card__download:hover{background:#1a3a6b;transform:translateY(-2px);box-shadow:0 4px 16px rgba(15,36,68,0.2);color:#fff!important}
.hge-doc-card__download svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}

/* ─── PDF Card — Icon Variants ─── */
.hge-doc-card__icon--red{background:linear-gradient(135deg,#fee2e2,#fecaca)}
.hge-doc-card__icon--red svg{stroke:#dc2626}
.hge-doc-card__icon--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.hge-doc-card__icon--blue svg{stroke:#2563eb}

/* ─── PDF Card — Unavailable ─── */
.hge-doc-card--unavailable{border:2px dashed #e2e8f0;background:#fafbfc}
.hge-doc-card--unavailable .hge-doc-card__icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}
.hge-doc-card--unavailable .hge-doc-card__icon svg{stroke:#94a3b8}
.hge-doc-card--unavailable .hge-doc-card__title{color:#64748b}
.hge-doc-card--unavailable .hge-doc-card__meta{color:#94a3b8}

/* ─── Info Callout ─── */
.hge-doc-info{display:flex;align-items:flex-start;gap:.85rem;background:linear-gradient(135deg,rgba(201,168,76,0.08),rgba(201,168,76,0.03));border-left:4px solid #c9a84c;border-radius:0 14px 14px 0;padding:1.15rem 1.5rem;margin-top:0}
.hge-doc-info__icon{flex-shrink:0;color:#c9a84c;margin-top:1px;display:flex;align-items:center}
.hge-doc-info__body{flex:1}
.hge-doc-info__title{font-size:.95rem;font-weight:700;color:#0f2444;margin:0 0 .25rem}
.hge-doc-info__text{font-size:.88rem;color:#4a5568;line-height:1.65;margin:0}

/* ─── Responsive ─── */
@media(max-width:768px){
    .hge-doc-hero{padding:2rem 1.25rem}
    .hge-doc-hero h1{font-size:1.5rem}
    .hge-doc-hero .hge-doc-sub{font-size:.9rem}
    .hge-doc-wrap{padding:1.5rem 1rem 2rem}
    .hge-doc-card{flex-direction:column;text-align:center;padding:1.75rem}
    .hge-doc-card__meta{justify-content:center}
    .hge-doc-info{padding:.9rem 1rem}
    .hge-doc-info__text{font-size:.85rem}
}
@media(max-width:480px){
    .hge-doc-hero h1{font-size:1.3rem}
    .hge-doc-card__icon{width:64px;height:64px}
    .hge-doc-card__icon svg{width:32px;height:32px}
    .hge-doc-card__title{font-size:1.1rem}
}