/* ============================================================
   City Portal — Global Styles (Dinamalar-inspired layout)
   ============================================================ */


:root {
    --cp-primary: #d32f2f;
    --cp-primary-dark: #b71c1c;
    --cp-secondary: #1565c0;
    --cp-accent: #ff8f00;
    --cp-bg: #f0f0f0;
    --cp-card-bg: #ffffff;
    --cp-text: #212121;
    --cp-text-muted: #757575;
    --cp-border: #e0e0e0;
    --cp-section-gap: 0.75rem;
    --cp-font-tamil: 'Noto Sans Tamil', sans-serif;
    --cp-font-body: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ── Base ──────────────────────────────────────────── */
body {
    font-family: var(--cp-font-body);
    color: var(--cp-text);
    background: var(--cp-bg);
    font-size: 14px;
    line-height: 1.5;
}
a { color: var(--cp-text); text-decoration: none; }
a:hover { color: var(--cp-primary); text-decoration: none; }

/* ── Top Utility Bar ───────────────────────────────── */
.cp-topbar {
    background: #212121;
    color: #bbb;
    font-size: 12px;
    padding: 4px 0;
}
.cp-topbar-sep { color: #444; margin: 0 5px; }

/* ── Panchangam topbar bar ────────────────────────────────────────────── */
.cp-pg-bar { position: relative; }
.cp-pg-trigger {
    display: flex;
    align-items: center;
    gap: 0;
    color: #ccc;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
    padding: 2px 0;
}
.cp-pg-date { color: #ccc; }
.cp-pg-date i { margin-right: 3px; }
.cp-pg-item { color: #bbb; white-space: nowrap; }
.cp-pg-arrow {
    font-size: 10px;
    color: #666;
    margin-left: 4px;
    transition: transform .2s;
}
.cp-pg-bar:hover .cp-pg-arrow,
.cp-pg-bar:focus-within .cp-pg-arrow { transform: rotate(180deg); }

/* ── Panchangam popup card ───────────────────────────────────────────── */
.cp-pg-popup {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 320px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,.22);
    z-index: 2200;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    pointer-events: none;
}
.cp-pg-bar:hover .cp-pg-popup,
.cp-pg-bar:focus-within .cp-pg-popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
/* Arrow */
.cp-pg-popup::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 18px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #7b3a10;
}
.cp-pg-popup-head {
    background: linear-gradient(135deg, #7b3a10, #a0522d);
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--cp-font-tamil);
}
.cp-pg-popup-date {
    font-size: 11px;
    font-weight: 400;
    opacity: .8;
    font-family: var(--cp-font-body);
}
.cp-pg-popup-body { padding: 6px 0; }
.cp-pg-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 5px 14px;
    border-bottom: 1px solid #f5ede4;
    gap: 8px;
}
.cp-pg-row:last-child { border-bottom: none; }
.cp-pg-label {
    font-size: 11.5px;
    color: #8d6e63;
    font-family: var(--cp-font-tamil);
    white-space: nowrap;
    flex-shrink: 0;
}
.cp-pg-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #3e1a00;
    font-family: var(--cp-font-tamil);
    text-align: right;
}
.cp-pg-sub {
    font-size: 10.5px;
    font-weight: 400;
    color: #a1887f;
}
.cp-pg-popup-foot {
    background: #fdf8f0;
    border-top: 1px solid #f0e0c8;
    border-radius: 0 0 8px 8px;
    padding: 6px 14px;
    font-size: 10.5px;
    color: #a0522d;
    font-family: var(--cp-font-tamil);
    text-align: center;
}
.cp-topbar-links { display: flex; gap: 14px; align-items: center; }
.cp-topbar-links a { color: #ccc; font-size: 12px; }
.cp-topbar-links a:hover { color: #fff; }
.cp-topbar-register {
    background: var(--cp-primary);
    color: #fff !important;
    padding: 1px 10px;
    border-radius: 3px;
    font-weight: 600;
}

/* ── Brand Bar ─────────────────────────────────────── */
.cp-brandbar {
    background: #fff;
    border-bottom: 3px solid var(--cp-primary);
}
.cp-brand-link {
    gap: 8px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;
}
.cp-brand-logo {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    object-fit: contain;
    display: block;
    flex: 0 0 44px;
}
.cp-brand-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cp-brand-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cp-primary);
    line-height: 1.2;
    display: block;
}
.cp-brand-tagline {
    font-size: 0.75rem;
    color: var(--cp-text-muted);
    display: block;
}
@media (max-width: 576px) {
    .cp-brand-logo {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        flex-basis: 40px;
    }
    .cp-brand-name {
        font-size: 1.2rem;
        line-height: 1.15;
    }
}
.cp-social-icons a {
    color: #555;
    font-size: 1.1rem;
    transition: color .15s;
}
.cp-social-icons a:hover { color: var(--cp-primary); }
.cp-search-form {
    gap: 0;
}
.cp-search-form input {
    border-radius: 3px 0 0 3px;
    border-right: 0;
    font-size: 13px;
    width: 180px;
}
.cp-search-form button {
    border-radius: 0 3px 3px 0;
    font-size: 13px;
}

/* ── Main Navigation ───────────────────────────────── */
.cp-mainnav {
    background: linear-gradient(180deg, #c74242 0%, #b83232 100%);
    z-index: 1030;
}
.cp-nav-toggler {
    background: none; border: none;
    color: #fff; padding: 4px 8px;
}
.cp-nav-list {
    display: flex;
    gap: 0;
    padding: 0;
}
.cp-nav-list li a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background .15s;
    white-space: nowrap;
}
.cp-nav-list li a:hover,
.cp-nav-list li a.active {
    background: rgba(0,0,0,.2);
}
.cp-nav-list li a i { font-size: 14px; }
.cp-nav-home { font-size: 16px !important; }

/* ── Mobile Offcanvas ──────────────────────────────── */
.cp-offcanvas { max-width: 280px; }
.cp-offcanvas .offcanvas-header { background: var(--cp-primary); color: #fff; }
.cp-offcanvas .btn-close { filter: invert(1); }
.cp-mobile-nav { margin: 0; padding: 0; }
.cp-mobile-nav li a {
    display: block;
    padding: 10px 20px;
    color: var(--cp-text);
    font-size: 14px;
    border-bottom: 1px solid var(--cp-border);
}
.cp-mobile-nav li a:hover { background: #f5f5f5; color: var(--cp-primary); }
.cp-mobile-nav li a i { width: 24px; color: var(--cp-primary); }
.cp-mobile-divider { border-bottom: 3px solid var(--cp-border); }

/* ── Ticker Bar ────────────────────────────────────── */
.cp-ticker {
    background: #fff;
    border-bottom: 1px solid var(--cp-border);
    overflow: hidden;
    padding: 6px 0;
}
.cp-ticker-label {
    background: var(--cp-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 12px;
    white-space: nowrap;
    flex-shrink: 0;
}
.cp-ticker-track {
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
}
.cp-ticker-content {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-scroll 45s linear infinite;
}
.cp-ticker-content a {
    display: inline;
    margin-right: 40px;
    font-size: 13px;
    color: var(--cp-text);
}
.cp-ticker-content a:hover { color: var(--cp-primary); }
.cp-ticker-content .cp-ticker-sep {
    color: var(--cp-primary);
    margin: 0 8px;
    font-weight: bold;
}
@keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.cp-ticker:hover .cp-ticker-content { animation-play-state: paused; }

/* ── Navbar Kural (in-nav daily kural) ──────────────── */
.cp-nav-kural {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-left: 1px solid rgba(255,255,255,.18);
    cursor: default;
    gap: 8px;
    background: rgba(255,255,255,.08);
}
.cp-nav-kural-icon {
    color: #ff8f00;
    font-size: 16px;
    flex-shrink: 0;
    line-height: 1;
}
.cp-nav-kural-lines {
    font-family: var(--cp-font-tamil);
    font-size: 11px;
    line-height: 1.35;
    color: rgba(255,255,255,.96);
    white-space: normal;
    text-align: center;
    max-width: 260px;
    user-select: none;
}

/* ── Generic soft section wrapper ──────────────────── */
.cp-soft-section {
    background: #f8f9fa;
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
}
/* Hover popup */
.cp-nav-kural-popup {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 340px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,.22);
    z-index: 2100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    pointer-events: none;
    white-space: normal;
}
.cp-nav-kural:hover .cp-nav-kural-popup,
.cp-nav-kural:focus-within .cp-nav-kural-popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
/* Arrow pointing up */
.cp-nav-kural-popup::before {
    content: '';
    position: absolute;
    top: -7px;
    right: 22px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #7b3a10;
}
.cp-nav-kural-popup-head {
    background: #7b3a10;
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.cp-nav-kural-popup-head .cp-nav-kural-num {
    font-weight: 400;
    opacity: .75;
    letter-spacing: 0;
    text-transform: none;
    font-size: 11px;
}
.cp-nav-kural-popup-body {
    padding: 14px 16px 12px;
}
.cp-nav-kural-popup-lines {
    font-family: var(--cp-font-tamil);
    font-size: 15.5px;
    font-weight: 700;
    color: #3e1a00;
    line-height: 1.75;
    margin-bottom: 10px;
    border-left: 3px solid #ff8f00;
    padding-left: 10px;
}
.cp-nav-kural-popup-trans {
    font-size: 12px;
    color: #795548;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 8px;
}
.cp-nav-kural-popup-mv {
    font-family: var(--cp-font-tamil);
    font-size: 11.5px;
    color: #5d4037;
    line-height: 1.6;
    background: #fdf8f0;
    border-radius: 4px;
    padding: 8px 10px;
    border-top: 1px dashed #e8d5b0;
    margin-top: 4px;
}

/* ── Section Header (Dinamalar-style) ──────────────── */


.cp-sec-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--cp-primary);
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}
.cp-sec-header a { color: rgba(255,255,255,.85); font-size: 12px; font-weight: 400; }
.cp-sec-header a:hover { color: #fff; }
.cp-sec-header i { margin-right: 6px; }

.cp-sec-header-alt {
    background: var(--cp-secondary);
}

/* ── Content Card / Panel ──────────────────────────── */
.cp-panel {
    background: var(--cp-card-bg);
    border: 1px solid var(--cp-border);
    margin-bottom: var(--cp-section-gap);
}
.cp-panel-body { padding: 12px; }

/* ── News Item (list style) ────────────────────────── */
.cp-news-item {
    display: flex;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .1s;
}
.cp-news-item:last-child { border-bottom: none; }
.cp-news-item:hover { background: #fafafa; }
.cp-news-item-img {
    width: 100px;
    height: 70px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 4px;
    background: #eee;
}
.cp-news-item-body { flex: 1; min-width: 0; }
.cp-news-item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 4px;
    color: var(--cp-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cp-news-item-title:hover { color: var(--cp-primary); }
.cp-news-item-meta {
    font-size: 11px;
    color: var(--cp-text-muted);
    display: flex;
    align-items: center;
    gap: 10px;
}
.cp-category-badge {
    font-size: 10px;
    padding: 1px 8px;
    border-radius: 3px;
    font-weight: 600;
    background: var(--cp-primary);
    color: #fff;
}
.cp-category-badge.blue { background: var(--cp-secondary); }
.cp-category-badge.orange { background: var(--cp-accent); }

/* ── Featured / Hero News ──────────────────────────── */
.cp-featured-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}
.cp-featured-title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 12px 4px;
    line-height: 1.4;
}
.cp-featured-summary {
    font-size: 13px;
    padding: 0 12px 8px;
    color: var(--cp-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Quick-link Module Grid ────────────────────────── */
.cp-module-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: var(--cp-border);
}
.cp-module-item {
    background: #fff;
    text-align: center;
    padding: 12px 6px;
    transition: background .15s;
}
.cp-module-item:hover { background: #fff5f5; }
.cp-module-item i { font-size: 1.5rem; color: var(--cp-primary); display: block; margin-bottom: 4px; }
.cp-module-item span { font-size: 11px; font-weight: 600; color: var(--cp-text); }

/* ── Sidebar Widgets ───────────────────────────────── */
.cp-widget { margin-bottom: var(--cp-section-gap); }

/* Poll widget */
.cp-poll-question { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.cp-poll-option {
    padding: 6px 10px;
    margin-bottom: 4px;
    border: 1px solid var(--cp-border);
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: all .15s;
}
.cp-poll-option:hover { border-color: var(--cp-primary); background: #fff5f5; }

/* Event widget */
.cp-event-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}
.cp-event-item:last-child { border-bottom: none; }
.cp-event-date-box {
    width: 48px;
    text-align: center;
    background: var(--cp-primary);
    color: #fff;
    border-radius: 4px;
    padding: 4px 2px;
    flex-shrink: 0;
}
.cp-event-date-box .day { font-size: 18px; font-weight: 700; line-height: 1.2; }
.cp-event-date-box .mon { font-size: 10px; text-transform: uppercase; }

/* Business card mini */
.cp-biz-item {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}
.cp-biz-item:last-child { border-bottom: none; }
.cp-biz-icon {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #f5f5f5;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: var(--cp-primary);
}
.cp-biz-name { font-size: 13px; font-weight: 600; }
.cp-biz-cat { font-size: 11px; color: var(--cp-text-muted); }

/* Rating stars */
.cp-stars { color: #ff8f00; font-size: 12px; }

/* ── Two-column Layout ─────────────────────────────── */
.cp-main-content { flex: 1 1 0; min-width: 0; }
.cp-sidebar { width: 320px; flex-shrink: 0; }
@media (max-width: 991px) {
    .cp-sidebar { width: 100%; }
}

/* ── Job/Listing mini rows ─────────────────────────── */
.cp-listing-row {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cp-listing-row:last-child { border-bottom: none; }
.cp-listing-row:hover { background: #fafafa; }
.cp-listing-title { font-size: 13px; font-weight: 600; }
.cp-listing-price { font-size: 13px; color: var(--cp-primary); font-weight: 700; }
.cp-listing-meta { font-size: 11px; color: var(--cp-text-muted); }

/* ── Review mini ───────────────────────────────────── */
.cp-review-item { padding: 8px 12px; border-bottom: 1px solid #f0f0f0; }
.cp-review-item:last-child { border-bottom: none; }

/* ── Blood donor badge ─────────────────────────────── */
.cp-blood-badge {
    display: inline-block;
    background: var(--cp-primary);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    width: 34px; height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
}

/* ── Ad Placeholders & Sponsor Slots ───────────────── */
.cp-ad {
    margin-bottom: var(--cp-section-gap);
}
.cp-ad-placeholder {
    background: #f9f9f9;
    border: 2px dashed #ccc;
    color: #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 10px;
    font-size: 13px;
    min-height: 90px;
    text-align: center;
}
.cp-ad-placeholder i { font-size: 20px; }
.cp-ad-placeholder-rect { min-height: 250px; }
.cp-ad-leaderboard { max-width: 728px; margin-left: auto; margin-right: auto; }
.cp-ad-infeed {
    background: var(--cp-card-bg);
    border: 1px solid var(--cp-border);
}
.cp-ad-sidebar {
    background: var(--cp-card-bg);
    border: 1px solid var(--cp-border);
}

/* Local business ad cards (slot 2) */
.cp-local-ads {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    background: var(--cp-border);
}
.cp-local-ad-card {
    background: #fff;
    text-align: center;
    padding: 14px 8px 10px;
    transition: background .15s;
    display: block;
}
.cp-local-ad-card:hover { background: #f5f5f5; }
.cp-local-ad-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f0f0f0;
    margin: 0 auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bbb;
    font-size: 1.5rem;
}
.cp-local-ad-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--cp-text);
    margin-bottom: 2px;
}
.cp-local-ad-tagline {
    font-size: 11px;
    color: var(--cp-text-muted);
}

/* Pre-footer sponsor strip (slot 8) */
.cp-sponsor-strip {
    display: flex;
    overflow-x: auto;
    gap: 2px;
    background: var(--cp-border);
}
.cp-sponsor-item {
    flex: 1 0 100px;
    background: #fff;
    text-align: center;
    padding: 12px 6px 8px;
    min-width: 100px;
    transition: background .15s;
}
.cp-sponsor-item:hover { background: #f5f5f5; }
.cp-sponsor-logo {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #f0f0f0;
    margin: 0 auto 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bbb;
    font-size: 1.25rem;
}
.cp-sponsor-item span {
    font-size: 11px;
    color: var(--cp-text-muted);
    display: block;
}

/* Hide ad slot label text when real ads are loaded */
.cp-ad ins.adsbygoogle + .cp-ad-placeholder { display: none; }

/* ── Footer ────────────────────────────────────────── */


footer {
    background: #1a1a1a;
    color: #999;
}
footer a { color: #bbb; }
footer a:hover { color: #fff; }
.cp-footer-section h6 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--cp-primary);
    display: inline-block;
}
.cp-footer-section ul { list-style: none; padding: 0; margin: 0; }
.cp-footer-section ul li { margin-bottom: 5px; }
.cp-footer-section ul li a { font-size: 12px; }
.cp-footer-bottom {
    background: #111;
    padding: 10px 0;
    font-size: 12px;
    color: #666;
}
.cp-footer-social a {
    font-size: 1.25rem;
    margin-right: 12px;
    color: #999;
}
.cp-footer-social a:hover { color: var(--cp-primary); }

/* ── Utilities ─────────────────────────────────────── */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.badge-status { font-size: 0.75rem; padding: 0.35em 0.6em; }

/* ── Section headers (module pages) ────────────────── */
.section-header {
    border-left: 4px solid var(--cp-primary);
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

/* ── Tables (admin) ────────────────────────────────── */
.table-admin th {
    background: var(--cp-primary);
    color: #fff;
    font-weight: 600;
}

/* ── Form helpers ──────────────────────────────────── */
.form-floating > label { color: var(--cp-text-muted); }
.is-invalid ~ .invalid-feedback { display: block; }

/* ── Cards (for module listing pages) ──────────────── */
.card {
    border-radius: 4px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid var(--cp-border);
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* ── Responsive ────────────────────────────────────── */
@media (max-width: 768px) {
    .cp-module-grid { grid-template-columns: repeat(3, 1fr); }
    .cp-featured-img { height: 160px; }
    .cp-news-item-img { width: 80px; height: 56px; }
    .cp-ticker-content { animation-duration: 30s; }
    .cp-local-ads { grid-template-columns: repeat(2, 1fr); }
    .cp-ad-leaderboard { max-width: 100%; }
}
@media (max-width: 480px) {
    .cp-module-grid { grid-template-columns: repeat(2, 1fr); }
    .cp-local-ads { grid-template-columns: repeat(2, 1fr); }
    body { font-size: 13px; }
}