@font-face { font-family: 'Vazirmatn'; src: url('../fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2'); font-weight: 800 900; font-display: swap; }
.shaffafiat-shell { margin: 0; font-family: 'Vazirmatn', Tahoma, sans-serif; color: #173e39; background: #f4f7f5; }
.shaffafiat-shell form { min-height: 100vh; display: flex; flex-direction: column; }
.shaffafiat-shell .container { max-width: 1280px; padding-right: 24px; padding-left: 24px; }
.shaffafiat-shell a { text-decoration: none; }
.shaffafiat-shell a:focus-visible, .shaffafiat-shell button:focus-visible { outline: 3px solid #b88b40; outline-offset: 4px; }
.sh-shell-skip { position: fixed; top: -100px; right: 24px; z-index: 1000; background: #fff; color: #174c42; padding: 14px 20px; border-radius: 8px; }
.sh-shell-skip:focus { top: 12px; }
.sh-shell-topbar { color: #d4e6dd; background: #153e37; font-size: .72rem; border-top: 3px solid #c8a96e; }
.sh-shell-topbar-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.sh-shell-topbar-inner > span:last-child { color: #b6d0c3; }
.sh-shell-header { background: #fff; border-bottom: 1px solid #dde7e1; }
.sh-shell-masthead { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 20px; padding-bottom: 20px; }
.sh-shell-brand { display: inline-flex; align-items: center; gap: 18px; color: #143e36; }
.sh-shell-brand:hover { color: #006a68; }
.sh-shell-brand img { object-fit: contain; flex-shrink: 0; }
.sh-shell-brand-copy { display: flex; flex-direction: column; gap: 5px; }
.sh-shell-brand-copy strong { font-size: 1.5rem; font-weight: 800; }
.sh-shell-brand-copy > span { color: #647e72; font-size: .8rem; }
.sh-shell-organization-link { display: flex; align-items: center; gap: 12px; border: 1px solid #cfded5; border-radius: 9px; color: #315c4c; padding: 10px 16px; font-size: .8rem; white-space: nowrap; }
.sh-shell-organization-link:hover { background: #edf5f0; color: #174c42; }
.sh-shell-navigation { border-top: 1px solid #eef2ef; }
.sh-shell-nav-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.sh-shell-nav { display: flex; flex-wrap: wrap; gap: 28px; align-items: center; }
.sh-shell-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 17px 0; color: #577166; font-size: .8rem; border-bottom: 3px solid transparent; }
.sh-shell-nav a:hover { color: #006a68; border-bottom-color: #cbded2; }
.sh-shell-nav .sh-shell-nav-home { color: #006a68; font-weight: 700; border-bottom-color: #006a68; }
.sh-shell-nav i { font-size: .86rem; }
.sh-shell-nav-note { font-size: .72rem; color: #8b7860; }
.sh-shell-footer { margin-top: auto; border-top: 1px solid #dde7e1; background: #fff; }
.sh-shell-footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding-top: 30px; padding-bottom: 30px; }
.sh-shell-footer-brand { display: flex; align-items: flex-start; gap: 14px; }
.sh-shell-footer-mark { display: grid; place-items: center; color: #006a68; background: #edf5f0; width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; }
.sh-shell-footer-brand strong { font-size: .86rem; line-height: 2; }
.sh-shell-footer p { font-size: .75rem; color: #6b7e74; line-height: 2; margin: 5px 0 0; }
.sh-shell-footer-links { display: flex; flex-wrap: wrap; gap: 24px; font-size: .76rem; }
.sh-shell-footer-links a { color: #426d5a; }
.sh-shell-footer-links a:hover { color: #006a68; text-decoration: underline; }
.sh-shell-footer-bottom { border-top: 1px solid #edf2ee; background: #f5f8f6; font-size: .7rem; color: #718578; padding: 16px 0; }
.shaffafiat-shell .shaffafiat-page { flex: 1; background: transparent; }
.shaffafiat-shell .shaffafiat-hero { padding: 32px 40px; min-height: 260px; background: #174b40; border-color: #174b40; border-radius: 18px; }
.shaffafiat-shell .shaffafiat-hero h1 { color: #fff; font-size: clamp(2rem, 4vw, 2.8rem); }
.shaffafiat-shell .shaffafiat-hero h1 strong { color: #e7c98d; }
.shaffafiat-shell .shaffafiat-hero p { color: #d4e6df; }
.shaffafiat-shell .shaffafiat-eyebrow { color: #d8b579; }
.shaffafiat-shell .shaffafiat-eyebrow > span { background: #d8b579; }
.shaffafiat-shell .shaffafiat-hero-link { background: #fff; color: #174b40; }
.shaffafiat-shell .shaffafiat-hero-link:hover { background: #f3e8d4; }
.shaffafiat-shell .shaffafiat-art-caption { color: #c4dace; }
@media (max-width: 767px) {
    .shaffafiat-shell .container { padding-right: 18px; padding-left: 18px; }
    .sh-shell-topbar { font-size: .66rem; }
    .sh-shell-masthead { padding-top: 14px; padding-bottom: 14px; gap: 12px; }
    .sh-shell-brand { gap: 10px; } .sh-shell-brand img { width: 58px; height: 58px; }
    .sh-shell-brand-copy strong { font-size: 1.15rem; } .sh-shell-brand-copy > span { font-size: .68rem; }
    .sh-shell-organization-link { padding: 9px 11px; font-size: .72rem; }
    .sh-shell-nav-note { display: none; } .sh-shell-nav { gap: 0 22px; }
    .sh-shell-nav a { padding: 13px 0; font-size: .77rem; }
    .shaffafiat-shell .shaffafiat-hero { padding: 28px; min-height: 240px; }
    .sh-shell-footer-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 575px) {
    .sh-shell-topbar-inner { gap: 8px; font-size: .61rem; }
    .sh-shell-brand-copy strong { font-size: 1.05rem; }
    .sh-shell-brand img { width: 50px; height: 50px; }
    .sh-shell-organization-link { font-size: .65rem; padding: 9px; gap: 6px; }
    .shaffafiat-shell .shaffafiat-hero { min-height: 0; padding: 28px 24px; }
}