<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <%- include('partials/favicon') %>
    <title><%= lecture.title %> - 학습센터 - NCue</title>
    <link rel="stylesheet" href="/public/styles.css" />
  </head>
  <body>
    <div class="app-shell">
      <%- include('partials/nav', { activeMenu: 'learning' }) %>
      <div class="content-area">
        <header class="topbar">
          <h1><%= lecture.title %></h1>
          <a class="top-action-link" href="/learning">목록으로</a>
        </header>
        <main class="container">
          <section class="panel">
            <% if (lecture.description) { %>
            <p class="lecture-news-desc"><%= lecture.description %></p>
            <% } %>
            <p class="lecture-news-actions">
              <a href="<%= lecture.newsUrl %>" target="_blank" rel="noopener noreferrer" class="top-action-link lecture-link-open">링크 열기 (새 탭)</a>
            </p>
            <p class="muted" style="font-size:13px;word-break:break-all;">URL: <%= lecture.newsUrl %></p>
          </section>
        </main>
      </div>
    </div>
  </body>
</html>
