﻿body {
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');
    : root

{
    --primary: #ffa100;
    --dark: #1e293b;
    --light-bg: #fffef7;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



/*.container {
      max-width: 1100px;
      margin: 0 auto;
    }*/

h1 {
    text-align: center;
    color: var(--dark);
    font-size: 2.6rem;
    margin: 0 0 35px;
    font-weight: 700;
}

.intro {
    background: white;
    border: 3px solid var(--primary);
    border-radius: 10px;
    padding: 28px;
    margin-bottom: 45px;
    font-size: 1.1rem;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

.nischay {
    background: white;
    border: 2px solid var(--primary);
    border-radius: 10px;
    margin-bottom: 50px;
    overflow: hidden;
}

.nischay-header {
    background: linear-gradient(to right, var(--dark), #2d3b55);
    color: white;
    padding: 20px 28px;
    font-size: 1.85rem;
    font-weight: 700;
}

.content {
    padding: 28px;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

/*.subhead {
      font-size: 1.4rem;
      color: var(--dark);
      margin: 35px 0 15px;
      border-bottom: 3px solid var(--primary);
      padding-bottom: 8px;
      font-weight: 600;
      text-align: left;
    }*/

/*p, li {
      margin-bottom: 1.3em;
      text-align: justify;
      text-justify: inter-word;
      hyphens: auto;
    }

    ul.points {
      list-style: none;
      padding-left: 28px;
      margin: 1.2em 0;
    }

    ul.points li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 1em;
    }

    ul.points li::before {
      content: "•";
      color: var(--primary);
      font-size: 1.6rem;
      position: absolute;
      left: 0;
      top: -2px;
    }
*/
.status {
    background: #fff8e1;
    border-left: 5px solid var(--primary);
    padding: 18px 24px;
    margin: 25px 0;
    border-radius: 6px;
    font-size: 1.05rem;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

    .status strong {
        color: #c2410c;
    }

@media (max-width: 768px) {
    body {
        font-size: 17px;
        padding: 15px;
    }

    h1 {
        font-size: 2.1rem;
    }

    .nischay-header {
        font-size: 1.55rem;
        padding: 16px 20px;
    }

    .content {
        padding: 20px;
    }

    .intro {
        padding: 20px;
    }
}


}
