.section-label,
.intro-label{
    margin:0 0 .75rem;
    font-size:.8rem;
    font-weight:800;
    letter-spacing:.14em;
    color:var(--label-color) !important;
}

.home-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:.85rem 1.15rem;
    border-radius:999px;

    font-weight:800;
    font-size:.95rem;
    text-decoration:none;

    transition:transform .2s ease, background .2s ease;
}

.home-btn:hover{
    transform:translateY(-2px);
}

.home-btn.primary{
    background:var(--label-color);
    color:white;
}

.home-btn.secondary{
    color:var(--label-color);
    background:#fff7ed;
    border:1px solid #fed7aa;
}

.home-btn.small{
    margin-top:1rem;
    padding:.7rem 1rem;
    font-size:.9rem;
}

.home-section{
    margin-top:2rem;
}

/* DINET 소개 */

.dinet-intro{
    margin-top:3rem;
    padding-bottom:2.5rem;
}

.dinet-intro h2,
.dinet-notice h2{
    margin:0;
    color:#0f172a;
    font-size:clamp(1.8rem, 4vw, 3rem);
    line-height:1.25;
    letter-spacing:-.04em;
}

.intro-lead{
    max-width:850px;
    margin:1.5rem 0 0;
    color:#1f2937;
    font-size:1.25rem;
    line-height:1.85;
    font-weight:600;
}

.intro-text{
    max-width:850px;
    margin:1rem 0 0;
    color:#4b5563;
    font-size:1rem;
    line-height:1.9;
}

/* 공지 */

.dinet-notice{
    margin-top:3rem;
    padding:2rem 0;

    border-top:1px solid #d1d5db;
    border-bottom:1px solid #d1d5db;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
}

.dinet-notice p{
    max-width:720px;
    margin:1rem 0 0;

    color:#4b5563;
    line-height:1.8;
}

.notice-link,
.text-link{
    flex-shrink:0;

    color:var(--label-color);
    font-weight:900;
    text-decoration:none;
}

.notice-link:hover,
.text-link:hover{
    text-decoration:underline;
}

/* 의견 / 팀원 모집 */

.two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem;
}

.info-card{
    background:white;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:1.5rem;

    box-shadow:0 4px 18px rgba(15,23,42,.05);
}

.info-card h2{
    margin:0 0 .8rem;

    color:#0f172a;
    font-size:1.6rem;
}

.info-card p{
    margin:.5rem 0 0;

    color:#4b5563;
    line-height:1.75;
}
.dinet-features{
    margin-top:3rem;

    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:2rem 3rem;
}

.feature-row{
    display:flex;
    gap:1rem;
}

.feature-icon{
    font-size:1.8rem;
    line-height:1;
}

.feature-content h3{
    margin:0;
    font-size:1.15rem;
    color:#111827;
}

.feature-content p{
    margin:.5rem 0 0;
    color:#6b7280;
    line-height:1.8;
}
.dinet-links{
    margin-top:4rem;
}

.dinet-links h2{
    margin:0 0 1.5rem;

    color:#0f172a;
    font-size:2rem;
}

.dinet-link-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1rem;
}

.dinet-link-card{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    padding:1.5rem;

    background:white;

    border:1px solid #e5e7eb;
    border-radius:18px;

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.dinet-link-card:hover{
    transform:translateY(-3px);

    border-color:var(--label-color);

    box-shadow:
        0 8px 24px rgba(249,115,22,.12);
}

.dinet-link-card h3{
    margin:0;

    color:#111827;
    font-size:1.15rem;
}

.dinet-link-card p{
    margin:.75rem 0 0;

    color:#6b7280;
    line-height:1.8;
}

.link-arrow{
    margin-left:1rem;

    color:var(--label-color);

    font-size:1.4rem;
    font-weight:700;
}
.dinet-status{
    margin-top:2rem;
    border-bottom: 1px solid #d1d5db;
    padding-bottom: 2rem;
}

.status-grid{
    margin-top:1rem;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1rem;
}

.status-item{
    background:white;
    border-radius:16px;
    padding:1.25rem;
    border:1px solid #e5e7eb;
    transition: 0.2s;
}

.status-item h3{
    margin:.75rem 0 .4rem;
    color:#111827;
}

.status-item p{
    margin:0;
    color:#6b7280;
    font-size:.92rem;
}
.status-item:hover{
    transform:translateY(-3px);
    transition: 0.2s;
}

.status-badge{
    display:inline-block;
    padding:.25rem .6rem;
    border-radius:999px;
    font-size:.75rem;
    font-weight:700;
}

.status-item.complete .status-badge{
    background:#dcfce7;
    color:#166534;
}

.status-item.alert .status-badge{
    background:red;
    color:white;
}
.status-item.beta .status-badge{
    background:#dbeafe;
    color:#1d4ed8;
}

.status-item.planned .status-badge{
    background:#f3f4f6;
    color:#4b5563;
}
@media (max-width:900px){
    .two-column{
        display:block;
    }

    .info-card + .info-card{
        margin-top:1rem;
    }
    .dinet-link-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:800px){
    .point-item:nth-child(odd){
        border-right:none;
    }

    .point-item{
        padding:1.5rem 0;
    }

    .dinet-notice{
        display:block;
    }

    .notice-link{
        display:inline-block;
        margin-top:1rem;
    }
}
@media (max-width:640px){
    .dinet-features {
        margin-top: 3rem;
        display: grid;
        grid-template-columns: none;
        gap: 2rem 3rem;
    }
    .body-content section{
        padding: 0rem 2rem;
    }
    .dinet-notice{
        padding: 2rem !important;
    }
    .dinet-status{
        padding-bottom: 2rem !important;
    }
}
@media (max-width:600px){
    .dinet-intro{
        margin-top:2rem;
    }

    .intro-lead{
        font-size:1.1rem;
    }

    .info-card{
        padding:1.25rem;
        border-radius:16px;
    }
}