.se-crumb{padding-block:var(--s-4) var(--s-3)}
.se-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem;
  font-size:14px;color:var(--fg-2)}
.se-crumb li + li::before{content:"›";margin-inline-end:.6rem;color:var(--slate)}
html[dir="rtl"] .se-crumb li + li::before{content:"‹"}
.se-crumb a{color:var(--teal);text-decoration:none;min-block-size:24px;display:inline-block}
.se-crumb a:hover{text-decoration:underline}
.se-crumb [aria-current]{color:var(--ink);font-weight:600}

.se-hero{background:var(--petrol);color:var(--white);padding-block:var(--s-7) var(--s-6)}
.se-hero h1{margin:0 0 var(--s-3);font-size:clamp(34px,4.6vw,56px);line-height:1.06;font-weight:700}
html[lang="ar"] .se-hero h1{line-height:1.3}
.se-lede{margin:0 0 var(--s-5);font-size:clamp(16px,1.4vw,19px);line-height:1.6}
.se-form{display:flex;gap:var(--s-3);max-inline-size:760px}
.se-form input{flex:1;min-inline-size:0;min-block-size:56px;padding:.7rem 1.1rem;font-size:18px;
  border:1px solid var(--white);border-radius:3px;background:var(--white);color:var(--ink)}
.se-form input::placeholder{color:var(--slate)}
.se-form .btn{min-inline-size:7rem}
.se-n{margin:var(--s-3) 0 0;min-block-size:1.5em;font-size:16px;font-weight:600}

.se-board{padding-block:var(--s-8)}
.se-board-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--s-8);align-items:start}
.se-board-in:has(.se-rail[hidden]){grid-template-columns:minmax(0,1fr)}
.se-rail h2{margin:0 0 var(--s-3);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--fg-2)}
html[lang="ar"] .se-rail h2{letter-spacing:0;text-transform:none;font-size:16px}
.se-rail[hidden],.se-start[hidden],.se-empty[hidden]{display:none}
.se-types{display:grid;gap:var(--s-2)}
.se-chip{min-block-size:44px;padding:.5rem 1rem;text-align:start;border:1px solid var(--control-border);
  border-radius:3px;background:var(--white);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}
.se-chip:hover{border-color:var(--teal);color:var(--teal)}
.se-chip[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:var(--white)}

.se-res{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--rule)}
.se-res:empty{display:none}
.se-hit{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-block-size:64px;
  padding-block:var(--s-3);border-block-end:1px solid var(--rule);color:var(--ink);text-decoration:none}
.se-hit:hover .se-t{color:var(--teal);text-decoration:underline}
.se-t{font-size:20px;font-weight:600;line-height:1.3}
.se-k{flex:none;padding:.15rem .7rem;border:1px solid var(--control-border);border-radius:99px;font-size:13px;
  color:var(--fg-2)}

.se-start h2,.se-empty h2{margin:0 0 var(--s-3);font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.se-start p,.se-empty p{margin:0 0 var(--s-5);max-inline-size:56ch;font-size:17px;line-height:1.6;color:var(--fg-2)}
html[lang="ar"] .se-start p,html[lang="ar"] .se-empty p{line-height:1.9}
.se-empty{display:grid;justify-items:start;gap:0}
.se-empty .btn{margin-block-end:var(--s-6)}
.se-start h3,.se-empty h3{margin:0 0 var(--s-3);font-size:14px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--fg-2)}
html[lang="ar"] .se-start h3,html[lang="ar"] .se-empty h3{letter-spacing:0;text-transform:none;font-size:16px}
.se-topics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-3)}
.se-topics a{display:inline-flex;align-items:center;min-block-size:48px;padding:.6rem 1.2rem;
  border:1px solid var(--control-border);border-radius:99px;color:var(--ink);font-weight:600;text-decoration:none}
.se-topics a:hover{background:var(--petrol);color:var(--white);border-color:var(--petrol)}

@media (max-width:900px){
  .se-hero{padding-block:var(--s-6) var(--s-5)}
  .se-board-in{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .se-rail,.se-main{min-inline-size:0}
  .se-types{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-block-end:var(--s-2);max-inline-size:100%}
  .se-form{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){ .se-chip,.se-topics a{transition:none} }
