/* Bayan Write Experience v1.2.0 — Human bilingual homepage
   Homepage only. Keeps product behaviour and other public routes untouched. */

.route-home{--bh-paper:#f5f1e9;--bh-ink:#161616;--bh-muted:#625f59;--bh-line:rgba(22,22,22,.12);--bh-panel:#fffdfa;--bh-soft:#ebe6dc;--bh-violet:#797ef6;--bh-violet-soft:#eeefff;--bh-green:#214f43;background:var(--bh-paper)}
.route-home main{overflow:hidden}
.route-home .shell{width:min(1260px,calc(100% - clamp(30px,6vw,92px)))}
.route-home .bh-home{color:var(--bh-ink)}
.route-home .bh-home a{text-decoration:none}

.bh-hero{padding:clamp(82px,9vw,138px) 0 clamp(58px,7vw,96px)}
.bh-hero-copy{max-width:910px}
.bh-hero h1{margin:0;max-width:900px;font-size:clamp(48px,6.5vw,88px);line-height:1.08;letter-spacing:-.045em;font-weight:600}
html[dir=rtl] .bh-hero h1{font-family:var(--ar-display);letter-spacing:-.025em;line-height:1.3;font-weight:600}
.bh-hero-text{max-width:720px;margin-top:34px;color:#3f3c37;font-size:clamp(19px,1.55vw,22px);line-height:1.95}
.bh-hero-text p{margin:0 0 14px}
.bh-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.bh-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border:1px solid var(--bh-ink);border-radius:12px;background:var(--bh-ink);color:#fff;font-weight:650;font-size:15px;transition:transform .18s ease,background .18s ease}
.bh-button:hover{transform:translateY(-1px);background:#2b2b2b}
.bh-button.ghost{background:transparent;color:var(--bh-ink);border-color:var(--bh-line)}
.bh-button.ghost:hover{background:rgba(255,255,255,.55)}

.bh-editor-wrap{padding:0 0 clamp(96px,10vw,150px)}
.bh-editor{overflow:hidden;border:1px solid var(--bh-line);border-radius:24px;background:var(--bh-panel);box-shadow:0 28px 75px rgba(31,27,20,.08),0 3px 10px rgba(31,27,20,.04)}
.bh-editor-bar{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--bh-line);direction:ltr}
.bh-editor-dots{display:flex;gap:7px}.bh-editor-dots i{width:8px;height:8px;border-radius:999px;background:#cec8bd}
.bh-editor-name{font-size:13px;color:#77726b}
.bh-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:560px}
html[dir=rtl] .bh-editor-body{grid-template-columns:250px minmax(0,1fr)}
.bh-document{padding:clamp(46px,6vw,78px) clamp(30px,7vw,92px)}
.bh-document-inner{max-width:700px;margin-inline:auto}
.bh-document h2{margin:0 0 34px;font-size:clamp(27px,2.8vw,38px);line-height:1.4;font-weight:650}
.bh-doc-p{margin:0 0 25px;font-size:17px;line-height:1.95;color:#292826}
.bh-doc-p.en{direction:ltr;text-align:left;font-family:var(--ui);line-height:1.8}
.bh-doc-p.ar{direction:rtl;text-align:right}
.bh-doc-p.mixed{padding:17px 19px;border-radius:12px;background:#f7f4ee;border:1px solid rgba(22,22,22,.06)}
.bh-mark{border-bottom:2px solid #ba765f;padding-bottom:1px}
.bh-assist{padding:28px 20px;background:#f9f7f2;border-inline-start:1px solid var(--bh-line)}
.bh-assist-title{font-size:12px;color:#817d75;margin-bottom:18px}
.bh-tool{padding:13px 13px;margin-bottom:8px;border-radius:10px;color:#34322e;font-size:14px}
.bh-tool.active{background:var(--bh-violet-soft);color:#393e92;font-weight:650}
.bh-help-card{margin-top:28px;padding:17px;border-radius:13px;background:#fff;border:1px solid var(--bh-line)}
.bh-help-card small{display:block;margin-bottom:8px;color:#77726b}.bh-help-card p{margin:0;font-size:14px;line-height:1.7}

.bh-section{padding:clamp(92px,10vw,150px) 0;border-top:1px solid var(--bh-line)}
.bh-reading{max-width:790px}
.bh-section h2{margin:0 0 34px;max-width:850px;font-size:clamp(36px,4.8vw,62px);line-height:1.22;letter-spacing:-.035em;font-weight:600}
html[dir=rtl] .bh-section h2{font-family:var(--ar-display);letter-spacing:-.015em;line-height:1.45}
.bh-section p{max-width:760px;margin:0 0 20px;color:#44413c;font-size:clamp(18px,1.45vw,20px);line-height:2}
.bh-section p:last-child{margin-bottom:0}
.bh-quiet-line{margin-top:42px;padding:26px 30px;border-inline-start:3px solid var(--bh-ink);font-size:clamp(20px,2vw,26px);line-height:1.7;max-width:760px}

.bh-voice-grid{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:clamp(48px,8vw,110px);align-items:start}
html[dir=rtl] .bh-voice-grid{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)}
.bh-sticky{position:sticky;top:118px}
.bh-rewrite{padding:28px;border:1px solid var(--bh-line);border-radius:18px;background:var(--bh-panel)}
.bh-rewrite-block+ .bh-rewrite-block{margin-top:25px;padding-top:25px;border-top:1px solid var(--bh-line)}
.bh-rewrite small{display:block;margin-bottom:10px;color:#77726b}.bh-rewrite p{font-size:18px;color:#292826;line-height:1.9;margin:0}
.bh-rewrite-note{margin-top:22px!important;font-size:15px!important;color:#6d6860!important}

.bh-bilingual-board{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bh-line);border-radius:20px;overflow:hidden;background:var(--bh-panel)}
.bh-bilingual-board article{padding:35px 32px;min-height:235px}.bh-bilingual-board article+article{border-inline-start:1px solid var(--bh-line)}
.bh-bilingual-board small{display:block;margin-bottom:22px;color:#77726b;font-size:12px}.bh-bilingual-board p{font-size:18px;line-height:1.9;color:#2d2b28;margin:0}
.bh-bilingual-board .en{direction:ltr;text-align:left;font-family:var(--ui)}.bh-bilingual-board .ar{direction:rtl;text-align:right}

.bh-english{direction:ltr;text-align:left;background:#eee9e0}
.bh-english .bh-reading{margin-left:auto}
.bh-english h2,.bh-english p{font-family:var(--ui)}
.bh-english h2{line-height:1.12}

.bh-places{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,110px);align-items:start}
.bh-place-list{border-top:1px solid var(--bh-line)}
.bh-place{padding:24px 0;border-bottom:1px solid var(--bh-line)}
.bh-place a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:var(--bh-ink)}
.bh-place strong{font-size:19px}.bh-place span{color:#77726b;font-size:14px}

.bh-gaza{padding:0 0 clamp(90px,9vw,130px)}
.bh-gaza-note{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding:30px 32px;border-top:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line)}
.bh-gaza-note p{margin:0;max-width:790px;font-size:17px;line-height:1.85;color:#45413c}.bh-gaza-note strong{display:block;margin-bottom:6px;color:var(--bh-ink);font-size:18px}.bh-gaza-note a{white-space:nowrap;color:var(--bh-ink);font-weight:650;border-bottom:1px solid currentColor}

.bh-close{padding:clamp(110px,12vw,180px) 0;border-top:1px solid var(--bh-line)}
.bh-close-inner{max-width:920px}
.bh-close h2{margin:0;font-size:clamp(46px,6.4vw,82px);line-height:1.14;letter-spacing:-.045em;font-weight:600}
html[dir=rtl] .bh-close h2{font-family:var(--ar-display);line-height:1.38;letter-spacing:-.02em}
.bh-close p{max-width:680px;margin:32px 0 0;color:#44413c;font-size:20px;line-height:1.95}
.bh-close .bh-button{margin-top:28px}

@media(max-width:900px){
  .bh-editor-body,.bh-voice-grid,.bh-places{grid-template-columns:1fr!important}.bh-assist{display:none}.bh-sticky{position:static}.bh-bilingual-board{grid-template-columns:1fr}.bh-bilingual-board article+article{border-inline-start:0;border-top:1px solid var(--bh-line)}
  .bh-gaza-note{flex-direction:column}.bh-gaza-note a{white-space:normal}
}
@media(max-width:640px){
  .route-home .shell{width:calc(100% - 28px)}.bh-hero{padding-top:70px}.bh-hero h1{font-size:44px}.bh-hero-text{font-size:18px}.bh-actions{display:grid}.bh-button{width:100%}.bh-document{padding:38px 22px}.bh-editor{border-radius:16px}.bh-editor-body{min-height:auto}.bh-section{padding:78px 0}.bh-section h2{font-size:36px}.bh-rewrite{padding:22px}.bh-bilingual-board article{padding:27px 22px}.bh-close{padding:90px 0}.bh-close h2{font-size:45px}
}
.wn-public .bh-button{color:#fff}
.wn-public .bh-button.ghost{color:var(--bh-ink)}
