@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root {
    --information-forest: #173f2d;
    --information-forest-deep: #0d2d22;
    --information-gold: #d3ad43;
    --information-cream: #f7f3ee;
    --information-border: rgba(23, 63, 45, 0.15);
    --information-text: #203a2d;
    --information-muted: #63707b;
}

.information-sheet-page-body { background: var(--information-cream); color: var(--information-text); font-family: 'Outfit', sans-serif; }
.information-sheet-page-body .main-content { padding-top: 92px; }
.information-sheet-hero { position: relative; display: grid; min-height: 420px; place-items: center; overflow: hidden; background: var(--information-forest); color: #fff; text-align: center; }
.information-sheet-hero-orb { position: absolute; border-radius: 50%; background: rgba(211, 173, 67, 0.08); }
.information-sheet-hero-orb-left { bottom: -110px; left: -110px; width: 300px; height: 300px; }
.information-sheet-hero-orb-right { top: -150px; right: -110px; width: 360px; height: 360px; }
.information-sheet-hero-content { position: relative; z-index: 1; }
.information-sheet-hero p { margin: 0 0 16px; color: var(--information-gold); font-size: .9rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.information-sheet-hero h1 { margin: 0; color: #fff; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2.3rem, 3.4vw, 4.2rem); font-weight: 700; line-height: .96; letter-spacing: -.05em; }
.information-sheet-hero h1 em { color: var(--information-gold); font-style: italic; font-weight: 600; }
.information-sheet-hero span { display: block; max-width: 820px; margin: 22px auto 0; color: rgba(255, 255, 255, .75); font-size: clamp(.95rem, 1.3vw, 1.2rem); line-height: 1.5; }
.information-sheet-content { min-height: 440px; padding: clamp(44px, 5vw, 72px) 0 clamp(60px, 7vw, 100px); }
.information-sheet-actions { display: flex; max-width: 1080px; justify-content: flex-end; margin: 0 auto 30px; }
.information-sheet-download { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 21px; border-radius: 999px; background: var(--information-forest); color: #fff; font-size: .94rem; font-weight: 700; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.information-sheet-download:hover { background: var(--information-forest-deep); color: #fff; transform: translateY(-2px); }
.information-sheet-preview { overflow: hidden; max-width: 1080px; margin: 0 auto; border-radius: 28px; background: #e8e2d7; box-shadow: 0 10px 28px rgba(16, 38, 31, .09); }
.information-sheet-preview img { display: block; width: 100%; height: auto; object-fit: contain; }
.information-sheet-file-preview { display: grid; min-height: 220px; place-items: center; align-content: center; gap: 12px; max-width: 760px; margin: 0 auto; padding: 30px; border: 1px dashed rgba(23, 63, 45, .3); border-radius: 24px; color: var(--information-muted); text-align: center; }
.information-sheet-file-preview i { color: var(--information-gold); font-size: 2rem; }
.information-sheet-file-preview p { margin: 0; }
.information-sheet-note { width: 100%; max-width: 1080px; margin: 36px auto 0; padding: 26px 30px; border: 1px solid var(--information-border); border-radius: 22px; background: rgba(255, 255, 255, .72); box-shadow: 0 2px 10px rgba(16, 38, 31, .04); }
.information-sheet-note strong { display: inline-flex; align-items: center; gap: 10px; color: var(--information-forest); font-size: clamp(1rem, 1.4vw, 1.3rem); font-weight: 700; }
.note-icon { color: var(--information-gold); }
.information-sheet-note p { margin: 14px 0 0; color: var(--information-muted); font-size: clamp(.93rem, 1vw, 1.08rem); line-height: 1.7; }
.information-sheet-empty { display: grid; min-height: 220px; place-items: center; align-content: center; gap: 14px; max-width: 760px; margin: 0 auto; padding: 34px; border: 1px dashed rgba(23, 63, 45, .3); border-radius: 24px; color: var(--information-muted); text-align: center; }
.information-sheet-empty i { color: var(--information-gold); font-size: 2rem; }
.information-sheet-empty p { margin: 0; font-size: 1.05rem; }

@media (max-width: 767px) {
    .information-sheet-page-body .main-content { padding-top: 80px; }
    .information-sheet-hero { min-height: 350px; }
    .information-sheet-hero-orb-left { bottom: -90px; left: -80px; width: 220px; height: 220px; }
    .information-sheet-hero-orb-right { top: -120px; right: -80px; width: 260px; height: 260px; }
    .information-sheet-actions { justify-content: center; }
    .information-sheet-download { width: 100%; justify-content: center; }
    .information-sheet-preview { border-radius: 18px; }
    .information-sheet-note { padding: 20px 18px; }
}