/* ===== FTU Cơ sở Quảng Ninh — Admissions Info Page ===== */
/* Layout and typography come from the news detail styles (detail.css:
   .news-detail / .news-content). This file only styles the source markup
   that news articles don't use: ol, ul.dash, hr, .note and the short
   contact lines. */

.rn-ftu h1 {
    text-align: center;
}

/* styles.css sets `ol { list-style-position: inside }`, which pushes the
   numbers into the text and misaligns them with the dash list and the
   paragraphs below. Number with a counter instead: numbers sit on the
   content's left edge, item text and dashes share one column. */
.rn-ftu .news-content ol {
    margin: 0 0 1rem;
    padding-left: 0;
    list-style: none;
    counter-reset: ftu-item;
}

.rn-ftu .news-content ol > li {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    counter-increment: ftu-item;
}

.rn-ftu .news-content ol > li::before {
    content: counter(ftu-item) ".";
    position: absolute;
    left: 0;
}

.rn-ftu .news-content ul.dash {
    margin: 0.5rem 0 0;
    padding-left: 0;
    list-style: none;
}

.rn-ftu .news-content ul.dash li {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1.25rem;
}

.rn-ftu .news-content ul.dash li::before {
    content: "-";
    position: absolute;
    left: 0;
}

.rn-ftu .news-content .note {
    background: var(--warning-50);
}

.rn-ftu .news-content hr {
    width: 120px;
    margin: 1.5rem 0 1rem;
    border: 0;
    border-top: 1px solid var(--gray-400);
    opacity: 1;
}

/* Contact/school lines are short, consecutive lines rather than paragraphs */
.rn-ftu .news-content hr ~ p {
    margin-bottom: 0.5rem;
    text-align: left;
}

/* styles.css resets every link to black; news articles only re-color
   .news-source a, so match that color for the links in this content */
.rn-ftu .news-content a {
    color: var(--primary-color, #053ed1);
    word-break: break-word;
}

.rn-ftu .news-content a:hover {
    text-decoration: underline;
}

.rn-ftu .news-content a[href^="tel:"] {
    white-space: nowrap;
}