الگو:صفحه اصلی/سبک.css: تفاوت میان نسخه‌ها

.ws-home {direction:rtl;color:#24343b;font-family:inherit;max-width:1120px;margin:0 auto;line-height:1.85}
.ws-home *{box-sizing:border-box}
.ws-home a{text-decoration:none!important}
.ws-home .ws-hero{position:relative;background:#f6f9f7;border:1px solid #e5ece8;border-radius:22px;padding:52px 54px 46px;overflow:hidden}
.ws-home .ws-kicker{color:#548779;font-size:13px;font-weight:700;letter-spacing:0}
.ws-home .ws-title{font-size:36px;line-height:1.4;margin:9px 0 10px;font-weight:800;color:#1d3c38}
.ws-home .ws-description{color:#677a78;font-size:16px;max-width:650px;margin:0 0 28px}
.ws-home .ws-search{display:flex;max-width:675px;border:1px solid #d9e5e0;border-radius:12px;background:white;padding:7px;gap:8px;align-items:center;box-shadow:0 7px 24px #274e3e0a}
.ws-home .ws-search-label{flex:1;padding:8px 14px;color:#84938e;font-size:14px}
.ws-home .ws-search-button{background:#28765e;color:white!important;border-radius:9px;padding:10px 24px;font-size:14px;font-weight:700;white-space:nowrap}
.ws-home .ws-note{margin-top:13px;font-size:12px;color:#85938d}
.ws-home .ws-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 34px}
.ws-home .ws-stat{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5eae8;border-radius:16px;background:#fff;padding:23px 26px;min-height:127px}
.ws-home .ws-stat-label{color:#647773;font-size:14px;font-weight:600}
.ws-home .ws-stat-number{font-size:35px;font-weight:800;line-height:1.5;color:#234b40;direction:ltr;text-align:right}
.ws-home .ws-stat-sub{color:#94a19c;font-size:12px}
.ws-home .ws-stat-icon{background:#eaf4ef;color:#377d63;border-radius:13px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:23px}
.ws-home .ws-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}
.ws-home .ws-section-title{font-size:20px;font-weight:800;color:#253d3a;margin:0}
.ws-home .ws-section-caption{font-size:13px;color:#8b9994}
.ws-home .ws-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ws-home .ws-path{display:block;padding:25px 23px;border:1px solid #e6ece8;background:#fff;border-radius:15px;color:#30423e!important;transition:background .15s}
.ws-home .ws-path:hover{background:#f7faf8}
.ws-home .ws-path-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:#f0f5f1;color:#477a66;font-size:21px;margin-bottom:16px}
.ws-home .ws-path-title{display:block;font-weight:800;font-size:17px;color:#284139}
.ws-home .ws-path-desc{display:block;font-size:13px;color:#87938f;margin-top:5px}
.ws-home .ws-footer{margin:35px 0 0;padding:20px 0;border-top:1px solid #e6ebe8;color:#81928b;font-size:12px;text-align:center}
@media(max-width:720px){.ws-home .ws-hero{padding:34px 24px}.ws-home .ws-title{font-size:28px}.ws-home .ws-description{font-size:14px}.ws-home .ws-stats{grid-template-columns:1fr;gap:12px;margin:16px 0 28px}.ws-home .ws-paths{grid-template-columns:1fr}.ws-home .ws-path{padding:18px}.ws-home .ws-search-button{padding:10px 14px}}

.ws-home .ws-search-button a{color:#fff!important}.ws-home .ws-path-title a{color:#284139!important}



/* Featured historical document */
.ws-home .ws-featured {
    margin: 26px 0 24px;
    padding: 25px;
    background: #fff;
    border: 1px solid #dce3e9;
    border-radius: 12px;
}

.ws-featured-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.ws-featured-eyebrow {
    color: #375b73;
    font-size: 14px;
    font-weight: 700;
}

.ws-featured-status {
    padding: 5px 11px;
    border-radius: 20px;
    background: #f1f5f8;
    color: #667b8a;
    font-size: 11px;
}

.ws-featured-content {
    display: grid;
    grid-template-columns: 175px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
}

.ws-featured-cover {
    text-align: center;
    padding: 12px;
    border: 1px solid #e5e8eb;
    border-radius: 8px;
    background: #f8f9fa;
}

.ws-featured-cover img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}

.ws-featured-cover-caption {
    display: block;
    margin-top: 10px;
    color: #72777d;
    font-size: 11px;
}

.ws-featured-type {
    color: #72777d;
    font-size: 12px;
    margin-bottom: 5px;
}

.ws-featured-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 7px;
}

.ws-featured-title a {
    color: #202c38;
    text-decoration: none;
}

.ws-featured-title a:hover {
    color: #3366cc;
}

.ws-featured-date {
    color: #687b89;
    font-size: 12px;
    margin-bottom: 15px;
}

.ws-featured-description {
    font-size: 14px;
    line-height: 2.1;
    color: #424b53;
}

.ws-featured-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ws-featured-links a {
    display: inline-block;
    padding: 9px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.ws-featured-primary a {
    background: #3366cc;
    color: white;
}

.ws-featured-secondary a {
    border: 1px solid #c8d3e0;
    background: white;
    color: #3366cc;
}

/* Digitization process */
.ws-process {
    margin: 24px 0 30px;
    text-align: center;
}

.ws-process-heading {
    font-size: 19px;
    font-weight: 700;
    color: #263849;
}

.ws-process-description {
    max-width: 690px;
    margin: 10px auto 22px;
    font-size: 13px;
    line-height: 2;
    color: #64717c;
}

.ws-process-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.ws-process-step {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 19px 12px;
    border: 1px solid #e0e6ec;
    border-radius: 9px;
    background: #fafbfd;
}

.ws-process-number {
    color: #7a9ab1;
    font-size: 12px;
}

.ws-process-step strong {
    font-size: 13px;
    color: #293d4e;
}

.ws-process-step > span:last-child {
    font-size: 11px;
    color: #77848e;
    line-height: 1.8;
}

@media (max-width: 650px) {
    .ws-home .ws-featured {
        padding: 18px;
    }

    .ws-featured-content {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ws-featured-cover {
        width: 160px;
        max-width: 100%;
        margin: 0 auto;
    }

    .ws-featured-info {
        text-align: center;
    }

    .ws-featured-links {
        justify-content: center;
    }

    .ws-process-steps {
        grid-template-columns: 1fr;
    }

    .ws-featured-heading {
        flex-wrap: wrap;
    }
}

.ws-home .ws-featured-primary a {
    display: inline-block;
    background: #3366cc;
    color: #fff;
    padding: 9px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
}

.ws-home .ws-featured-secondary a {
    display: inline-block;
    background: #fff;
    color: #3366cc;
    border: 1px solid #c8d3e0;
    padding: 9px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
}