:root{
    --bg:#f6f7fb;
    --card:#ffffff;
    --primary:#1e6bd6;
    --text:#1f2937;
    --muted:#6b7280;
    --border:#e5e7eb;
}

*{box-sizing:border-box}

body{
    margin:0;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.9;
}

.container{
    max-width:960px;
    margin:auto;
    padding:32px 16px 64px;
}

header{
    margin-bottom:32px;
}

.page-title{
    font-size:2rem;
    margin:0 0 8px;
}

.subtitle{
    color:var(--muted);
    font-size:1rem;
}

.card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:12px;
    padding:24px;
    margin-bottom:20px;
}

.card h2{
    margin-top:0;
    font-size:1.2rem;
    color:var(--primary);
}

ul{
    padding-right:18px;
}

.badge{
    display:inline-block;
    background:#e8f0fe;
    color:#1e40af;
    padding:4px 10px;
    border-radius:999px;
    font-size:0.9rem;
}

.notice{
    background:#fff7ed;
    border:1px solid #fed7aa;
    padding:16px;
    border-radius:10px;
    font-size:0.95rem;
}

footer{
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid var(--border);
    font-size:0.9rem;
    color:var(--muted);
}

a{
    color:var(--primary);
}

@media (max-width:600px){
    .page-title{
        font-size:1.6rem;
    }
}


body{
    background:#f8f9fa;
}

.easy-card{
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.section-title{
    font-size:1.25rem;
    font-weight:600;
}

ul,ol{
    line-height:1.9;
    font-size:1.05rem;
}

p{
    font-size:1.05rem;
    line-height:1.9;
}

.nav-link{
    font-weight:500;
}