<!DOCTYPE html>
<html lang="sr">
<head>
<meta charset="UTF-8">
<title>razvoj</title>

<style>
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

*******************************************************
body {
    height: 100vh;
    background: #f5f6f8;
    color: #333;
    font-size: 15px; /* благо повећање основног текста */
}

a {
    display: block;
    font-size: 14px; /* +1px ради читљивости */
    color: #4a6fa5;
    text-decoration: none;
    margin-top: 6px;
}

h1 {
    text-align: center;
    margin: 15px 0 8px;
    font-weight: 300;
    letter-spacing: 1.8px;
    font-size: 30px; /* благо већи наслов */
}

/* Upper row */
.top-row {
    height: auto;              /* уклања круто ограничење */
    display: flex;
    gap: 20px;
    padding: 16px 10%;         /* мање ширине, више вертикале */
}

.card {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    padding: 18px 22px;        /* више „ваздуха“ унутра */
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

.card h2 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

/* Center blocks */
.center-block {
    width: 48%;                /* било 56% → компактније */
    margin: 8px auto 0;
    background: #fff;
    border-radius: 8px;
    padding: 16px 20px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

.center-block h2 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

/* Bottom grid */
.bottom-grid {
    margin: 24px 8% 0;         /* сужава целу мрежу */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.island {
    background: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}

.island h3 {
    font-size: 15px;           /* читљивији дуги наслови */
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.35;
}

.card a {
    font-size: 17px;   /* ili 17px po želji */
}

.center-block a {
    font-size: 17px;      /* increase text size */
}

</style>
</head>



<body>

<h1>Развој друштвеног договора у пољу енергетике</h1>

<h1>Панел дискусија о друштвеном интересу и препорученим корацима</h1>

<div class="top-row">
    <div class="card">
        <h2>Академијски одбор за енергетику САНУ:</h2>
        <a href="Razrada_DD_energetika4.pdf">Разрада друштвеног договора за енергетику</a>
        <a href="Razrada_DD_energetika4.pdf">Интереси грађана и задаци извршне власти</a>
    </div>

    <div class="card">
        <h2>Панел: Позив заинтересованим странама</h2>
        <a href="Poziv.pdf">Мотивација, програм, циљеви, достављање питања</a>
        <a href="Saopstenje.pdf">Саопштење за медије</a>
    </div>
</div>

<div class="center-block">
    <a href="Pitanja_i_Predlozi_Publike.pdf">Питања и предлози публике - PDF документ</a>
</div>

<div class="center-block">
    <a href="Preliminarni_ishodi.pdf">Прелиминарни закључци панела -- Исходи -- радна верзија</a>
</div>

<div class="bottom-grid">
    <div class="island"><h3>Уводно обраћање и 1. круг питања, Непосредни изазови и решења, краткорочни план мера</h3><a href="Otvaranje_i_prvi_krug.mp4">Видео запис, 361 Mbytes</a></div>
    <div class="island"><h3>2. круг питања, Одрживост, CBAM (CO2) таксе, дугорочни план енергетског микса</h3><a href="Drugi_Krug.mp4">Видео запис, 322 Mbytes</a></div>
    <div class="island"><h3>3. круг питања, Проблеми организације, функционисања, координације, синергије</h3><a href="Treci_Drugi_Krug.mp4">Видео запис, 291 Mbytes</a></div>
    <div class="island"><h3>4. круг питања, Финансије, системска корупција, проблеми транспарентности</h3><a href="Cetvrti_Krug.mp4">Видео запис, 291 Mbytes</a></div>
    <div class="island"><h3>5. круг питања, Усклађивање енергетске безбедности и заштите животне средине</h3><a href="Peti_Krug.mp4">Видео запис, 250 Mbytes</a></div>
    <div class="island"><h3>6. круг питања, Препоручени кораци у утврђивању и заштити друштвеног интереса</h3><a href="Sesti_Krug.mp4">Видео запис, 263 Mbytes</a></div>
    <div class="island"><h3>7. круг, Предлози, препоруке, коментари и лични ставови панелиста</h3><a href="Sedmi_Krug.mp4">Видео запис, 254 Mbytes</a></div>
    <div class="island"><h3>Одговори панелиста на питања публике, коментари предлога публике, завршно обраћање</h3><a href="Q_and_A.mp4">Видео запис, 738 Mbytes</a></div>
</div>

</body>
</html>