<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MAS-ESS Essay 2024 | Gabriel Baek</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

  <header class="site-header">
    <div class="nav-wrapper">
      <a href="index.html" class="brand-logo">Gabriel<span>.</span></a>
      <nav>
        <ul class="nav-links">
          <li><a href="index.html">&larr; Back to Projects</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main class="narrow-container">
    <article>
      <div class="article-header">
        <span class="card-category">MAS-ESS Essay Competition 2024</span>
        <h1>The Impact of Global Industrial Policies on Singapore's Economy</h1>
        <div class="tag-list" style="margin-top: 1rem;">
          <span class="tag">Author: Gabriel Lu</span>
          <span class="tag">Focus: Macroeconomics & Trade</span>
        </div>
      </div>

      <div class="article-content">
        <div class="callout">
          <strong>Executive Summary:</strong> As major economies pivot toward aggressive subsidies (e.g., the US CHIPS Act and EU Green Deal Industrial Plan), small open economies like Singapore face unique structural challenges requiring strategic supply-chain niche positioning.
        </div>

        <h2>1. Context & Global Landscape</h2>
        <p>
          Global trade is increasingly characterized by geoeconomic fragmentation and active state intervention. This paper examines how Singapore can maintain competitiveness amid shifting global manufacturing dynamics.
        </p>

        <h2>2. Key Findings & Policy Analysis</h2>
        <p>
          Insert your essay text and quantitative figures here. Use standard semantic paragraphs and lists for smooth reading.
        </p>
      </div>
    </article>
  </main>

  <footer class="site-footer">
    <p>&copy; 2026 Gabriel Lu Jia Xing</p>
  </footer>

</body>
</html>body {
    background: #fff;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

section { 
    color: black;
    padding: 25px 15px;
    display: flex;
    width: 100%;
}

nav {
    background: #fff;
    height: 45px;
    width: 100%;
    border-bottom: 2px solid black;
}

nav ul{
    float: right;
    margin-right: 20px;
    height: 30px;
}

nav ul li{
    display: inline-block;
    margin: 0px 5px;

}

nav ul li a{
    color: black;
    border-radius: 3px;
    padding: 7px 7px 3px 7px;

}


div.content-display span {
    background-color: #fff;
    display: inline-block;
    border: 2px solid black;
    margin: 5px;
    border-radius: 30px;
    height: 450px;
    width: 300px;
    vertical-align: top;
}

.content-box {
    margin-left: auto;
    margin-right: auto;
}

.content-box h4 {
    text-align: center;
}

.content-box p {
    text-align: left;
    padding-left: 15px;
}

.img-display{
    padding-left: -10px;
    width: 100%;
    height: 250px;
}

a:hover{
    background: lightgray;
    transition: .3s;
}






label.logo{
    font-size: large;
    font-family: 'Nunito', sans-serif;
    height: 20px;
    margin: 10px 0px 0px 15px;
    display: inline-block;
}

h1 {
    padding-left: 20px;
    font-family: 'Nunito', sans-serif;
    margin-bottom: -20px;
    color:  black  ;
}

h2 {
    font-family: 'Nunito', sans-serif;
} 

h4 {
    font-family: 'Nunito', sans-serif;
} 

h1.glance-green {
    color: green;

}

footer {
    background: #fff;
    padding: 10px 20px;
    border-top: 2px solid black;
}

table {
    border: 1px solid;
    overflow-x:scroll;
    table-layout:fixed;
}

td,th,tr {
    width: auto;
    border-right: 30px;
    white-space: nowrap;

}




@media (max-width: 450px) {
    .topnav > li > a{
        padding: 7px 0px 7px 0px;

    }

    .td,th {
        width: 900px;
        border-right: 30px;


    }
}
