@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#182b38;--muted:#5d7280;--line:#d8e3e8;--blue:#1768a8;--soft:#eaf5fa}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f5f8f9;color:var(--ink);font:15px/1.85 IRANSansX,Tahoma,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #b8cdd7;border-radius:7px;background:white;color:var(--ink);padding:9px 15px}button:hover{background:var(--soft)}button.primary{background:var(--blue);color:white;border-color:var(--blue)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid #f4a63a;outline-offset:3px}.skip-link{position:absolute;top:-100px;right:12px;z-index:20;padding:8px 14px;background:white}.skip-link:focus{top:12px}.site-header{background:#123954;color:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:15px 22px}.brand{color:white;font-weight:bold;font-size:18px}.site-header nav{display:flex;flex-wrap:wrap;gap:5px}.site-header nav a{color:#e5f3fa;padding:5px 9px;font-size:13px}.site-header nav a[aria-current]{background:#fff2;border-radius:5px}.page-shell{max-width:1180px;margin:0 auto;padding:26px 22px 45px;display:grid;gap:18px}.intro h1{font-size:clamp(26px,3.6vw,38px);margin:4px 0 8px;line-height:1.45}.intro p{max-width:850px;margin:0;color:var(--muted)}.eyebrow{color:var(--blue)!important;font-size:12px;font-weight:700}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.controls{display:grid;grid-template-columns:2fr 1fr;gap:14px}.controls label{display:grid;gap:6px;font-weight:700;font-size:13px}input,select,textarea{width:100%;min-width:0;background:white;border:1px solid #b8cdd7;padding:9px 11px;border-radius:6px;color:var(--ink)}textarea{resize:vertical;min-height:95px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cards-grid .card{scroll-margin-top:15px}.card:target{outline:3px solid #f4a63a}.card h2,.card h3{line-height:1.5;margin:0 0 9px;font-size:19px}.card p{margin:8px 0}.tag{display:inline-block;background:#e5eff3;border-radius:12px;padding:2px 9px;font-size:11px;color:#33566a}.science{direction:ltr;unicode-bidi:isolate;display:inline-block;overflow-wrap:anywhere;max-width:100%;font-family:Arial,sans-serif}.note{font-size:12px;color:var(--muted)}.source-links{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:13px;font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button[aria-pressed=true]{background:var(--blue);color:white}.empty{padding:30px;text-align:center;color:var(--muted)}.status{font-size:13px;color:#116c4e}.definition{font-size:15px}.meaning dt{font-size:12px;font-weight:700;color:#496274}.meaning dd{margin:2px 0 11px}.mass-table{border-collapse:collapse;width:100%}.mass-table th,.mass-table td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right}.table-scroll{overflow:auto}.footer{font-size:12px;color:var(--muted);text-align:center}.actions{display:flex;flex-wrap:wrap;gap:10px}.target-note{padding:10px 14px;border-inline-start:4px solid #1768a8;background:var(--soft);font-size:13px}.formula-big{font-size:20px;display:block;margin:10px 0}.cards-grid details summary{cursor:pointer;font-size:12px;color:var(--blue)}.cards-grid details .science{font-size:11px;word-break:break-word}
@media(max-width:800px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{align-items:flex-start;flex-direction:column;gap:9px}}
.cards-grid h2,.cards-grid p,.glossary-list dd{overflow-wrap:anywhere}.cards-grid h2[dir=ltr]{unicode-bidi:isolate;text-align:start}
@media(max-width:520px){.page-shell{padding:19px 12px 30px}.card{padding:16px}.cards-grid,.controls{grid-template-columns:1fr}.header-inner{padding:12px}.site-header nav a{padding:4px 6px}.mass-table th,.mass-table td{padding:6px}.intro h1{font-size:26px}}
@media print{.site-header,.skip-link,.controls,.tabs,.actions,.footer{display:none}.page-shell{display:block;padding:0}.cards-grid{display:block}.card{break-inside:avoid;box-shadow:none;margin:10px 0;border:1px solid #aaa}body{background:white;color:black;font-size:11pt}.source-links{font-size:8pt}a{color:black}}
