@import '_content/IthraaSoft.Mufid.Ui/IthraaSoft.Mufid.Ui.ktf8gmnjfr.bundle.scp.css';

/* /Components/App.razor.rz.scp.css */
body[b-orld92ifpt] { margin: 0; background: var(--surface-page); }
/* /Components/DocsSearch.razor.rz.scp.css */
.docs-search[b-6qzuvvt36e] { display: flex; align-items: center; gap: var(--space-sm); }
.search-field[b-6qzuvvt36e] { display: flex; align-items: center; gap: var(--space-sm); flex: 1; min-inline-size: 0; color: var(--text-muted); background: var(--surface-panel); border: var(--stroke-hairline) solid var(--border-default); border-radius: var(--radius-sm); padding-inline: var(--space-sm); }
.search-field:focus-within[b-6qzuvvt36e] { outline: var(--focus-ring); }
input[b-6qzuvvt36e] { inline-size: 100%; min-inline-size: 0; min-block-size: var(--control-h); border: 0; outline: none; background: transparent; color: var(--text-primary); font: inherit; }
input[b-6qzuvvt36e]::placeholder { color: var(--text-muted); }
/* /Components/Pages/Home.razor.rz.scp.css */
.home[b-p99xyr7iht] { max-inline-size: 68rem; margin-inline: auto; }
.hero[b-p99xyr7iht] { padding-block: var(--space-xl) var(--space-3xl); }
.eyebrow[b-p99xyr7iht] { display: inline-flex; align-items: center; gap: var(--space-sm); font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--brand-700); }
h1[b-p99xyr7iht] { font-size: clamp(2rem, 3vw, 3rem); line-height: 1.5; font-weight: var(--weight-bold); margin-block: var(--space-lg); letter-spacing: normal; }
h1 span[b-p99xyr7iht] { color: var(--brand-700); }
.hero p[b-p99xyr7iht] { font-size: var(--text-lg); color: var(--text-secondary); line-height: 1.9; margin-block: var(--space-lg) var(--space-xl); }
.start[b-p99xyr7iht] { display: inline-flex; align-items: center; gap: var(--space-xl); padding: var(--space-md) var(--space-xl); border-radius: var(--radius-sm); background: var(--brand-700); color: var(--text-on-brand); font-weight: var(--weight-semibold); font-size: var(--text-sm); text-decoration: none; }
.start:hover[b-p99xyr7iht] { background: var(--brand-800); }
.guide-note[b-p99xyr7iht] { display: flex; align-items: center; gap: var(--space-md); border-block: var(--surface-border); padding-block: var(--space-lg); font-size: var(--text-sm); color: var(--text-secondary); }
.guide-note a[b-p99xyr7iht] { margin-inline-start: auto; white-space: nowrap; }
.areas[b-p99xyr7iht] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); margin-block: var(--space-xl) var(--space-3xl); }
.areas[b-p99xyr7iht]  p { color: var(--text-muted); font-size: var(--text-sm); margin-block: 0 var(--space-lg); line-height: var(--leading-relaxed); }
.areas[b-p99xyr7iht]  a, .guide-note a[b-p99xyr7iht] { font-size: var(--text-sm); color: var(--brand-700); text-underline-offset: var(--space-2xs); }
.section-head[b-p99xyr7iht] { display: flex; align-items: end; justify-content: space-between; gap: var(--space-lg); margin-block-end: var(--space-xl); }
h2[b-p99xyr7iht] { font-size: var(--text-xl); margin-block: var(--space-xs) 0; }
.count[b-p99xyr7iht] { font-size: var(--text-xs); color: var(--text-muted); }
.learning[b-p99xyr7iht] { display: flex; align-items: flex-start; gap: var(--space-lg); padding: var(--space-xl); background: var(--brand-50); color: var(--brand-700); border: var(--surface-border); border-radius: var(--radius-md); margin-block: var(--space-2xl); }
.learning h2[b-p99xyr7iht] { font-size: var(--text-md); margin-block: 0 var(--space-sm); }
.learning p[b-p99xyr7iht] { color: var(--text-secondary); font-size: var(--text-sm); line-height: var(--leading-relaxed); margin: 0; }
a:focus-visible[b-p99xyr7iht] { outline: var(--focus-ring); outline-offset: var(--space-2xs); }
@media (max-width: 1050px) { .areas[b-p99xyr7iht] { grid-template-columns: 1fr; } .wide[b-p99xyr7iht] { display: none; } .guide-note[b-p99xyr7iht] { flex-wrap: wrap; } }
/* /Components/TopicCards.razor.rz.scp.css */
.topics[b-nfl8hszuq0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.topic-card[b-nfl8hszuq0] { display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-xl); border: var(--surface-border); background: var(--surface-panel); border-radius: var(--radius-md); color: var(--text-primary); text-decoration: none; }
.topic-card:hover[b-nfl8hszuq0] { border-color: var(--brand-500); background: var(--surface-hover); }
.topic-icon[b-nfl8hszuq0] { display: grid; place-items: center; flex-shrink: 0; inline-size: var(--space-3xl); block-size: var(--space-3xl); color: var(--brand-700); background: var(--brand-50); border-radius: var(--radius-sm); }
h3[b-nfl8hszuq0] { font-size: var(--text-md); font-weight: var(--weight-semibold); margin-block: 0 var(--space-sm); }
p[b-nfl8hszuq0] { font-size: var(--text-sm); line-height: var(--leading-relaxed); color: var(--text-muted); margin: 0; }
.arrow[b-nfl8hszuq0] { margin-inline-start: auto; color: var(--brand-700); }
a:focus-visible[b-nfl8hszuq0] { outline: var(--focus-ring); outline-offset: var(--space-2xs); }
@media (max-width: 1100px) { .topics[b-nfl8hszuq0] { grid-template-columns: 1fr; } }