/* Authentic 2009–2012-style Arabic Q&A layout. Approved original Ejaaba logo untouched. */
body{background:#fff;color:#292929;font-family:Arial,Tahoma,sans-serif;font-size:12px}
.site-width{max-width:1190px;padding-inline:9px}
.topline{height:auto;background:#292929;border:0;color:#ddd;font-size:11px}
.top-row{min-height:26px;padding-block:2px}
.classic-toplinks{display:flex;gap:12px;align-items:center}
.classic-toplinks a{color:#c8c8c8}
.classic-toplinks a:first-child{color:white;font-weight:bold}
.topline a{color:#eee}
.topline .as-link{color:#eee}
.masthead{min-height:78px;max-height:none;gap:12px;align-items:center}
.brand{min-width:145px;width:145px;line-height:1.05}
.brand-text{font-size:35px;letter-spacing:-2px;color:#2d6fb8}
.brand small{font-size:10px;color:#888;margin-top:0;padding:3px}
.brand-dots{gap:4px;padding-top:1px}
.brand-dots i{width:6px;height:6px}
.ask-big{order:3;margin:0 0 0 1px;padding:7px 13px;border:1px solid #b3b3b3;border-radius:0;background:linear-gradient(#f9f9f9,#e8e8e8);color:#333;font-size:11px;box-shadow:none;font-weight:normal}
.ask-big:hover{background:#e8f2fc;color:#245d95}
.masthead-search{order:2;flex:1;max-width:760px}
.masthead-search .site-search{width:100%;border:0;padding:0}
.masthead-search .site-search form{flex:1;gap:4px}
.masthead-search .site-search input[type=search]{height:29px;border:1px solid #ccc;border-radius:0;box-shadow:inset 0 1px 2px #eee;padding:3px 8px;font-size:11px}
.site-search .button.primary{border-radius:0;background:#f0f0f0;color:#444;padding:4px 9px;border:1px solid #b6b6b6;font-size:11px;font-weight:normal}
.nav-strip{display:none}
.preview-note{margin:0 0 9px;background:#fffbec;border:0;border-right:2px solid #ead6a6;padding:3px 8px;color:#87744d;font-size:9px}
.columns{grid-template-columns:161px minmax(0,1fr) 169px;gap:12px}
.main-area{padding:0 2px;min-width:0}
.left-sidebar .widget,.right-sidebar .widget{margin-bottom:13px}
.widget h2{font-size:11px;background:#f5f5f5;color:#333;border-bottom:0;border-top:1px solid #e1e1e1;padding:3px 7px}
.right-sidebar .widget:first-child h2{margin-top:0}
.side-links a{font-size:11px;padding:2px 5px;min-height:22px}
.side-links .angle{font-size:11px}
.widget-end{font-size:10px;padding:3px 6px}
.quick a{padding:3px 5px;font-size:10px}
.leader{gap:4px;padding:3px 2px}
.leader-num{font-size:10px}
.leader-body strong{font-size:10px}
.leader-points{font-size:10px;color:#4b842a}
.leader-avatar{display:none}
.profile-rail-row{padding:4px;gap:4px}
.profile-rail-row .avatar{height:36px;width:36px;border:1px solid #ccc;background:#f6f6f6}
.personal-stats{gap:4px;padding:4px 0}
.personal-stats b{font-size:12px;color:#292929}
.personal-stats small{font-size:9px}
.points-table tr td,.points-table tr th{border:0;font-size:10px}
.points-table th{color:#4f863a;text-align:left;font-weight:normal}
.widget>.tiny{display:none}
.classic-breadcrumb,.legacy-breadcrumb,.breadcrumbs{font-size:11px;color:#999;margin-bottom:6px}
.legacy-breadcrumb a,.classic-breadcrumb a{color:#3770b1}
.featured-classic{margin-bottom:8px;border-bottom:1px solid #ddd;padding-bottom:6px}
.featured-classic h2{font-size:12px;background:#eee;color:#333;margin-bottom:4px;padding:3px 8px;text-align:right}
.featured-inner{gap:8px;padding:2px 5px}
.featured-symbol{height:56px;width:78px;font-size:28px;border:1px solid #ddd;background:#f4f5f7;color:#9aaaba}
.featured-inner .feature-title{font-size:11px;color:#206ab6}
.featured-inner p{font-size:10px;color:#666;margin:0 0 3px}
.featured-inner small{font-size:9px}
.section-head{margin:0 0 3px;min-height:27px;padding:2px 5px;border-bottom:1px solid #ddd}
.section-head h1,.section-head h2{font-size:12px;color:#3d3d3d}
.section-head p{font-size:9px;color:#aaa}
.mini-ask{background:#f2f2f2;border:1px solid #ccc;border-radius:0;box-shadow:none;color:#333;padding:3px 8px;font-weight:normal}
.mini-ask:hover{background:#e8f2fa;color:#245d9e}
.tabs{background:#fff;border-bottom:1px solid #ccc;min-height:28px}
.tabs a{background:#fff;color:#3c73ad;border:0;border-left:1px solid #eee;padding:3px 8px;font-size:10px}
.tabs a.active{border-top:0;border-bottom:2px solid #357cb6;color:#1b5e9e;padding-top:3px;font-weight:bold;background:#f5f8fc}
.q-row{border-bottom:1px solid #ddd;padding:6px 5px;gap:5px}
.q-row:hover{background:#fffefa}
.q-stats{width:44px;min-width:44px;border:0;background:transparent;border-left:1px solid #eee;min-height:38px}
.q-stats b{color:#3577a9;font-size:11px;font-weight:normal}
.q-stats span{font-size:9px;color:#888}
.q-summary h3{font-size:11px;font-weight:normal;margin:0}
.q-summary h3 a{color:#146eb8}
.q-desc{font-size:10px;line-height:1.6;color:#555;margin:0 0 3px}
.q-meta{font-size:9px;color:#969696}
.category-label{color:#589148!important}
.pill.pinned{font-size:9px}
.classic-bounty-indicator{color:#b38732;font-size:9px}
.classic-best-indicator{color:#6f9741;font-size:9px}
.list-footer{border-top:1px solid #eee;margin-top:10px;font-size:10px}
.footer{margin-top:20px;padding:8px;font-size:9px}
.footer div,.footer small{margin-bottom:1px}

/* Old question pages: full-width content, tiny score box and separate reward. */
.columns:has(.original-question){display:block}
.columns:has(.original-question)>.right-sidebar,.columns:has(.original-question)>.left-sidebar{display:none}
.columns:has(.original-question)>.main-area{max-width:1000px}
.classic-bounty-top{font-size:10px;padding:4px 9px;margin:3px 0 7px;background:#fff9da;border:1px solid #f0deb0;color:#997626;display:inline-block}
.original-question{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.detail-heading{padding:5px 3px 4px}
.detail-heading h1{font-size:15px;margin:2px 0 1px}
.original-question .author-line{border-top:1px solid #eee;padding:4px 3px}
.original-question-body{line-height:1.85}
.detail-body{font-size:12px}
.classic-question-rating{background:#fff;gap:1px}
.classic-question-rating .vote-total{border:1px solid #d4e4f0;background:#e9f1f8;color:#377db5;width:37px;font-size:13px}
.vote-arrows button{background:#f2f7fc;border:1px solid #a8c7df;color:#3e8ab9;border-radius:0}
.answer-head{border-bottom:1px solid #ddd}
.answer-head h2{font-size:13px}
.answer-card{border-bottom:1px solid #ddd!important}
.classic-answer .answer-text{line-height:1.8}
.best-banner{font-size:10px;border:0;border-top:1px solid #e8ead3;color:#4e8f40;background:#f7fbf4}
.classic-answer.best-answer{border:1px solid #cde4c4!important;border-right:3px solid #b0d49f!important}
.answer-form h2{font-size:12px;color:#333}
/* Old ask form: label column on right, plain form fields on left. */
.legacy-section-title{font-size:13px;font-weight:bold;margin:3px 0 8px;border-bottom:1px solid #dadada;padding:5px 0;color:#222}
.old-ask-help{font-size:11px;background:#fffce8;border:1px solid #e9dca8;color:#776122;padding:6px 9px;margin:7px 0 11px}
.old-ask-help b{color:#8c6f27}
.form-page{border:0;padding:7px 2px}
.legacy-ask-form{padding:6px 0 10px;max-width:none}
.legacy-form-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:13px;margin-bottom:13px;align-items:start;padding:4px 0 9px;border-bottom:1px dotted #e4e4e4}
.legacy-form-row>label{font-size:11px;color:#333;font-weight:bold;text-align:left}
.legacy-form-row>label b{color:#d65b55}
.legacy-form-row input,.legacy-form-row select,.legacy-form-row textarea{border:1px solid #bcbcbc;border-radius:0;min-height:30px;width:100%;padding:5px 7px;background:#fff;color:#2c2c2c;font-size:12px}
.legacy-form-row select[name=bounty]{width:135px}
.legacy-form-row textarea{min-height:145px;resize:vertical}
.legacy-form-row small{display:block;font-size:10px;color:#999;padding:3px 0}
.legacy-submit{padding:7px 143px 18px 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.legacy-submit button{background:linear-gradient(#6496ca,#347db5);border:1px solid #356fab;border-radius:0;color:white;font-size:11px;padding:5px 18px}
.legacy-submit span{font-size:10px;color:#888}
/* Classic member profile: portrait at right, a grid of labeled balances. */
.legacy-user-profile{border-top:1px solid #ddd;padding:12px 5px;display:flex;gap:15px;align-items:flex-start;min-height:160px}
.legacy-portrait{width:110px;height:110px;display:grid;place-items:center;border:1px solid #d6d6d6;background:#e9eef4;color:#94a4ba;font-size:54px;flex-shrink:0}
.legacy-profile-core{min-width:0;flex:1}
.legacy-profile-core h1{font-size:16px;color:#333;margin:0 0 5px}
.profile-subline{font-size:11px;color:#777;margin:3px 0}
.legacy-account-stats{display:flex;align-items:center;gap:0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:8px 0 6px}
.legacy-account-stats div{min-width:90px;text-align:center;display:flex;flex-direction:column;border-left:1px solid #eee;padding:7px}
.legacy-account-stats div:last-child{border:0}
.legacy-account-stats b{font-size:16px;color:#3c3c3c}
.legacy-account-stats span{font-size:10px;color:#8e8e8e}
.legacy-progress{font-size:10px;color:#777}
.profile-actions{display:flex;gap:8px;margin:9px 0 0}
.profile-actions .soft-button{font-size:11px;border-radius:0;padding:4px 9px;color:#3774a9}
.profile-old-bio{margin:0 4px 9px;font-size:11px;white-space:pre-wrap}
.legacy-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid #ddd;padding:7px 4px;font-size:10px}
.legacy-badges b{color:#555}
.legacy-badges span{border:1px solid #eee;background:#f8f8f8;padding:2px 7px;color:#777}
.profile-questions-head{margin-top:16px}
.ledger-row{font-size:10px;border-color:#eee}
/* Rules: simple help article/table, not another modern dashboard. */
.history-help{font-size:12px;line-height:1.95;padding:0 2px}
.history-help h2{font-size:13px;background:#f5f5f5;border-top:1px solid #ddd;padding:5px 9px;margin:14px 0 9px;color:#333}
.dual-guide{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd;margin:11px 0 16px}
.dual-guide div{padding:9px;display:flex;flex-direction:column;text-align:center;border-left:1px solid #e6e6e6}
.dual-guide div:last-child{border:0}
.dual-guide b{font-size:12px}
.dual-guide strong{font-size:21px;color:#3b71a6}
.dual-guide span{font-size:10px;color:#666}
.legacy-points-guide{border-collapse:collapse;width:100%;font-size:11px;text-align:right}
.legacy-points-guide th{background:#eee;border:1px solid #ddd;color:#555;font-size:11px}
.legacy-points-guide td,.legacy-points-guide th{padding:6px 8px;border:1px solid #e2e2e2}
.legacy-points-guide tr:nth-child(even){background:#fafafa}
.levels-table .my-level{background:#eef9e9!important}
.level-progress{padding:9px;border:1px solid #bde0b2;background:#f3fff0}
.guide-footnote{font-size:10px;color:#888;border-top:1px solid #eee;padding-top:8px}
@media(max-width:860px){
 .site-width{padding-inline:9px}
 .columns{grid-template-columns:143px minmax(0,1fr);gap:8px}
 .columns .left-sidebar{display:none}
 .brand{min-width:128px;width:128px}
 .brand-text{font-size:33px}
}
@media(max-width:640px){
 .top-row{justify-content:center;gap:3px;flex-direction:column}
 .topline{font-size:10px}
 .classic-toplinks{gap:8px;flex-wrap:wrap;justify-content:center}
 .masthead{min-height:77px}
 .brand{width:125px;min-width:125px}
 .brand-text{font-size:32px}
 .ask-big{order:1}
 .masthead-search{order:2;max-width:none;width:100%;flex:0 0 100%}
 .nav-strip{display:flex;height:29px;margin-bottom:5px;background:#f8f8f8}
 .nav-strip a{padding:5px 8px}
 .preview-note{font-size:9px}
 .columns{display:block}
 .columns>.right-sidebar,.columns>.left-sidebar{display:none}
 .featured-symbol{width:48px;height:51px}
 .featured-inner .feature-title{font-size:11px}
 .q-row{gap:4px}
 .q-stats{min-width:35px;width:35px}
 .q-meta{font-size:9px}
 .legacy-form-row{display:block}
 .legacy-form-row>label{display:block;margin-bottom:4px;text-align:right}
 .legacy-submit{padding:6px 0}
 .legacy-portrait{width:65px;height:70px;font-size:27px}
 .legacy-account-stats{flex-wrap:wrap}
 .legacy-account-stats div{min-width:61px;flex:1;padding:4px}
 .legacy-account-stats b{font-size:12px}
 .dual-guide{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dual-guide span{font-size:9px}
 .legacy-points-guide{font-size:10px}
 .legacy-points-guide th,.legacy-points-guide td{padding:4px}
}

/* Final historical alignment from preserved 2009 screenshots (home, form, profile). */
.topline{background:#fff;color:#777;font-size:10px;min-height:18px}
.top-row{min-height:19px;padding:1px 0}
.topline a,.topline .as-link{color:#5d5d5d}
.topline a:hover{color:#2466a1}
.classic-toplinks a{color:#7b7b7b}
.classic-toplinks a:first-child{color:#3769a0}
.masthead{min-height:53px;padding:0 0 4px}
.brand{width:132px;min-width:132px}
.brand-text{font-size:33px}
.brand small{font-size:9px}
.brand-dots i{width:6px;height:6px}
.masthead-search .site-search input[type=search]{height:26px;font-size:11px}
.site-search .button.primary{padding:2px 8px;height:26px}
.ask-big{font-size:10px;padding:4px 11px}
.widget .classic-intro-links{font-size:10px;padding:4px 6px;display:flex;flex-direction:column;gap:2px}
.right-old-intro{margin-bottom:9px!important}
.weekly-member{display:flex;gap:5px;align-items:center;font-size:10px;min-height:19px;border-bottom:1px dotted #eee}
.weekly-member>span{min-width:10px;color:#aaa;text-align:center}
.weekly-member>a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.weekly-member>b{font-size:10px;font-weight:normal;color:#477f3a}
.weekly-empty{font-size:10px;padding:6px;color:#999;line-height:1.5;margin:0}
.weekly-members h2{font-size:11px}
.widget .side-links{padding:1px 0}
.original-question .detail-heading h1{font-size:15px}
.legacy-points-guide{width:100%}
@media(max-width:640px){
 .topline{font-size:10px}
 .top-row{min-height:18px;gap:0;padding-block:1px}
 .classic-toplinks{gap:6px}
 .masthead{min-height:58px;padding-top:4px;gap:2px}
 .brand{width:120px;min-width:120px}
 .brand-text{font-size:32px}
 .ask-big{padding:4px 7px}
 .masthead-search{margin-top:3px}
}

@media(max-width:640px){.nav-strip{display:none!important}.topline .classic-toplinks{font-size:10px}.topline .top-row{padding:2px 0}}