تئوری انتخاب

.ss-book-main { –ss-navy: #1f4c62; –ss-teal: #00a3a6; –ss-orange: #d97b00; –ss-ink: #3f4549; –ss-muted: #6d7478; –ss-line: #e7ecee; –ss-soft: #f8fafb; direction: rtl !important; width: 100%; box-sizing: border-box; color: var(–ss-ink); font-size: 1rem; line-height: 1.95; text-align: right; } .ss-book-main *, .ss-book-main *::before, .ss-book-main *::after { box-sizing: border-box; } .ss-book-main__inner { width: 100%; max-width: 1180px; margin: 0 auto; } .ss-book-main__intro { margin: 0 0 1.25rem; padding: 1.15rem 1.25rem; background: var(–ss-soft); border: 1px solid var(–ss-line); border-right: 4px solid var(–ss-teal); border-radius: 12px; } .ss-book-main__eyebrow { margin: 0 0 0.45rem; color: var(–ss-teal); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.01em; } .ss-book-main p { margin: 0 0 1rem; } .ss-book-main p:last-child { margin-bottom: 0; } .ss-book-main__summary { margin-top: 1rem; padding: 0.8rem 1rem; color: var(–ss-navy); background: #fff; border: 1px solid #e9eef0; border-radius: 9px; } .ss-book-main__summary strong, .ss-book-main__note strong { color: var(–ss-orange); } .ss-book-main__layout { display: grid; grid-template-columns: minmax(190px, 235px) minmax(0, 1fr); gap: 1.5rem; align-items: start; } .ss-book-main__navigation { position: sticky; top: 1.25rem; padding: 1rem; background: #fff; border: 1px solid var(–ss-line); border-radius: 12px; box-shadow: 0 3px 16px rgba(31, 76, 98, 0.05); } .ss-book-main__navigation-label { display: block; margin-bottom: 0.65rem; color: var(–ss-navy); font-size: 0.86rem; font-weight: 800; } .ss-book-main__navigation ul { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; padding: 0; list-style: none; } .ss-book-main__navigation li { margin: 0; } .ss-book-main__navigation a { display: flex; min-height: 2.55rem; align-items: center; gap: 0.55rem; padding: 0.55rem 0.65rem; color: var(–ss-navy); background: var(–ss-soft); border: 1px solid var(–ss-line); border-right: 3px solid var(–ss-teal); border-radius: 8px; box-shadow: 0 1px 3px rgba(31, 76, 98, 0.04); font-size: 0.82rem; line-height: 1.65; text-decoration: none; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease; } .ss-book-main__navigation a:hover, .ss-book-main__navigation a:focus { color: var(–ss-teal); background: #eef9f9; border-color: #b7dfe0; border-right-color: var(–ss-teal); box-shadow: 0 3px 8px rgba(0, 163, 166, 0.12); } .ss-book-main__navigation a:focus-visible { outline: 2px solid var(–ss-orange); outline-offset: 2px; } .ss-book-main__navigation-number { display: inline-flex; width: 1.55rem; height: 1.55rem; flex: 0 0 1.55rem; align-items: center; justify-content: center; color: #fff; background: var(–ss-teal); border-radius: 50%; font-size: 0.76rem; font-weight: 800; line-height: 1; } .ss-book-main__content { min-width: 0; } .ss-book-main__section { margin: 0; padding: 0 0 1.65rem; } .ss-book-main__section + .ss-book-main__section { padding-top: 1.65rem; border-top: 1px solid var(–ss-line); } .ss-book-main [id] { scroll-margin-top: 90px; } .ss-book-main h2, .ss-book-main h3 { position: relative; font-family: inherit; text-align: right; } .ss-book-main h2 { margin: 0 0 1rem; padding-right: 1rem; color: var(–ss-navy); border-right: 4px solid var(–ss-teal); font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.65; } .ss-book-main h3 { margin: 1.35rem 0 0.6rem; padding-right: 0.85rem; color: var(–ss-navy); border-right: 3px solid var(–ss-orange); font-size: clamp(1.02rem, 1.5vw, 1.16rem); line-height: 1.7; } .ss-book-main ul, .ss-book-main ol { margin: 0 0 1rem; padding-inline-start: 1.55rem; } .ss-book-main li { margin-bottom: 0.45rem; } .ss-book-main li:last-child { margin-bottom: 0; } .ss-book-main ol.ss-book-main__persian-list { display: flex; flex-direction: column; gap: 0.45rem; margin: 0 0 1rem; padding: 0; list-style: none; } .ss-book-main ol.ss-book-main__persian-list > li { display: flex; gap: 0.55rem; align-items: flex-start; ma