/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-break: keep-all;
    line-break: strict;
}

body {
    font-family: "Noto Sans KR", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1.5;
    color: #111827;
    padding-top: 4rem;
}

/* News Detail Container */
.news-detail {
    max-width: 1024px; /* max-w-5xl */
    margin: 0 auto;
    padding: 32px;
    padding-top: 32px;
}

.news-detail__type {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.news-detail__title {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 700;
    color: #111827;
    margin-bottom: 16px;
}

.news-detail__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #4b5563;
    font-size: 0.875rem;
    gap: 4px;
    margin-bottom: 56px;
}

.news-detail__meta span:not(:last-child)::after {
    content: " ";
    margin: 0 4px;
}

.news-detail__body {
    color: #1f2937; /* text-gray-800 */
    line-height: 1.5; /* match Tailwind preflight (html line-height: 1.5) */
    margin-bottom: 40px;
}

/* ====================================================
   Tailwind Preflight Matching (scoped to news body)
   Source: tailwindcss/preflight.css
   ==================================================== */

/* Reset borders on all elements */
.news-detail__body *,
.news-detail__body *::before,
.news-detail__body *::after {
    border: 0 solid;
}

/* Paragraphs: no margins */
.news-detail__body p {
    margin: 0;
}

/* Headings: inherit size and weight */
.news-detail__body h1,
.news-detail__body h2,
.news-detail__body h3,
.news-detail__body h4,
.news-detail__body h5,
.news-detail__body h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

/* Links: reset to inherit */
.news-detail__body a {
    color: inherit;
    text-decoration: inherit;
}

/* Bold/strong */
.news-detail__body b,
.news-detail__body strong {
    font-weight: bolder;
}

/* Lists: unstyled */
.news-detail__body ol,
.news-detail__body ul,
.news-detail__body menu {
    list-style: none;
}

/* Images: block, constrained, vertically centered */
.news-detail__body img {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

/* ====================================================
   daquv_home globals.css - news classes
   ==================================================== */

.news-detail__body .news-reference {
    font-size: 2rem;
}

/* --- Tailwind Utility Classes --- */

.news-detail__body .text-center {
    text-align: center;
}

/* Spacing utilities (matching Tailwind values: n * 0.25rem) */
.news-detail__body .pt-1 { padding-top: 0.25rem; }
.news-detail__body .pt-2 { padding-top: 0.5rem; }
.news-detail__body .pt-3 { padding-top: 0.75rem; }
.news-detail__body .pt-4 { padding-top: 1rem; }
.news-detail__body .pt-5 { padding-top: 1.25rem; }
.news-detail__body .pt-6 { padding-top: 1.5rem; }
.news-detail__body .pt-7 { padding-top: 1.75rem; }
.news-detail__body .pt-8 { padding-top: 2rem; }
.news-detail__body .pt-9 { padding-top: 2.25rem; }

.news-detail__body .mt-1 { margin-top: 0.25rem; }
.news-detail__body .mt-2 { margin-top: 0.5rem; }
.news-detail__body .mt-3 { margin-top: 0.75rem; }
.news-detail__body .mt-4 { margin-top: 1rem; }
.news-detail__body .mt-5 { margin-top: 1.25rem; }
.news-detail__body .mt-6 { margin-top: 1.5rem; }
.news-detail__body .mt-7 { margin-top: 1.75rem; }
.news-detail__body .mt-8 { margin-top: 2rem; }
.news-detail__body .mt-9 { margin-top: 2.25rem; }
.news-detail__body .mt-10 { margin-top: 2.5rem; }

.news-detail__body .pb-1 { padding-bottom: 0.25rem; }
.news-detail__body .pb-2 { padding-bottom: 0.5rem; }
.news-detail__body .pb-3 { padding-bottom: 0.75rem; }
.news-detail__body .pb-4 { padding-bottom: 1rem; }
.news-detail__body .pb-5 { padding-bottom: 1.25rem; }
.news-detail__body .pb-6 { padding-bottom: 1.5rem; }
.news-detail__body .pb-7 { padding-bottom: 1.75rem; }
.news-detail__body .pb-8 { padding-bottom: 2rem; }
.news-detail__body .pb-9 { padding-bottom: 2.25rem; }

.news-detail__body .mb-2 { margin-bottom: 0.5rem; }
.news-detail__body .mb-4 { margin-bottom: 1rem; }
.news-detail__body .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

/* --- News Body Custom Classes --- */

.news-detail__body .caption {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 8px;
}

.news-detail__body .newscon-color-01 {
    color: #4e7be9;
    font-weight: 600;
}

/* Styled Box for News Move Link
   Tailwind: block border rounded-xl border-[#ECF1FF] p-4 bg-blue-50
             text-center mt-10 my-2 hover:bg-blue-100 transition */
.news-move-box {
    display: block;
    border: 1px solid #ECF1FF;
    border-radius: 0.75rem;
    padding: 1rem;
    background-color: #eff6ff;
    text-align: center;
    margin-top: 2.5rem;
    margin-bottom: 0.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.news-move-box:hover {
    background-color: #dbeafe;
}

/* Tailwind: text-daquv-blue underline */
.news-move-box-text {
    color: #4e7be9;
    text-decoration-line: underline;
}

/* --- Bottom UI --- */

.back-button__wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}

.back-button {
    display: inline-flex;
    align-items: center;
    color: #4b5563;
    border: 1px solid #d1d5db;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #ffffff;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.back-button:hover {
    color: #1f2937;
    border-color: #9ca3af;
}