.home-view{padding-block:28px 12px;--board-accent:#ff9638;--board-border:#ff96385e;--board-surface:#101d2d;--board-name:#ffb578}
.home-frame{position:relative;border:4px double var(--board-border);outline:1px solid #ff96381c;outline-offset:7px;padding:24px;background:radial-gradient(ellipse at 50% 0,#ff96380c,transparent 45%)}
.home-frame::before,.home-frame::after{content:"✦";position:absolute;top:-16px;padding-inline:6px;color:var(--board-accent);background:var(--paper);font-size:22px;line-height:28px;pointer-events:none}
.home-frame::before{inset-inline-start:18px}.home-frame::after{inset-inline-end:18px}
.home-heading{text-align:center;margin-bottom:22px}.home-heading .overline{color:var(--board-accent);letter-spacing:3px}
.home-heading h1{color:var(--board-accent);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(28px,4vw,45px);line-height:1.3;margin:8px 0;text-shadow:0 0 20px #ff96382e}
.home-heading p{max-width:680px;margin:8px auto 0;font-size:13px;line-height:1.8;color:var(--muted)}.home-heading .home-subtitle{color:var(--ink);font-size:15px}
.home-search{margin:0 0 16px}.has-js .home-search{display:block}.home-search>label{display:block;color:var(--ink);font-size:12px;margin-bottom:7px}.home-search-controls{display:flex;gap:12px;align-items:center}
.home-search input{display:block;flex:1;width:100%;min-width:0;min-height:46px;font:inherit;font-size:16px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}
.home-search input:focus{outline:2px solid var(--board-accent);outline-offset:3px}.home-search-controls>button{min-height:44px;white-space:nowrap}
.home-search-hint{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0}
.home-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.home-results{font-size:12px;color:var(--muted)}.home-toolbar>.text-button{font-size:12px}
.esma-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;list-style:none;padding:1px;margin:0;border:1px solid var(--board-border);background:var(--board-border)}
.board-cell{list-style:none;min-width:0;margin:0;padding:0;background:var(--board-surface)}
.board-tile{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:178px;padding:10px 9px 26px;gap:7px;color:var(--ink);text-align:center;text-decoration:none;overflow-wrap:anywhere}
.board-tile:hover,.board-tile:focus-visible{background:#ff963812;box-shadow:inset 0 0 0 2px var(--board-accent);filter:none}
.board-meta{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:5px;font-size:10px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}
.board-number{font-weight:600;color:var(--board-name)}.board-reference{font-size:10px;white-space:nowrap}
.board-arabic{display:block;font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(23px,2.1vw,31px);line-height:1.7;color:var(--board-accent);word-break:normal;overflow-wrap:normal;max-width:100%}
.board-name{display:block;font-size:12px;line-height:1.6;font-weight:600;color:var(--board-name)}
.board-meaning{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:10px;line-height:1.7;color:var(--muted)}
.board-open{position:absolute;bottom:6px;inset-inline-end:9px;font-size:13px;color:var(--board-accent)}
.board-origin .board-arabic{font-size:39px;text-shadow:0 0 18px #ff96382d}.board-variant{display:block;font-size:10px;line-height:1.7;color:var(--board-name);margin-top:3px}
.home-empty{text-align:center;padding:34px 12px;color:var(--muted)}.home-legend{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0;text-align:center}
html[data-theme=light] .home-view{--board-accent:#9e3d00;--board-border:#b5793e80;--board-surface:#fff9e9;--board-name:#84330a}
html[data-theme=light] .home-frame{background:#fffcf3}html[data-theme=light] .home-frame::before,html[data-theme=light] .home-frame::after{background:#fffcf3}
html[data-theme=light] .home-heading h1{text-shadow:none}html[data-theme=light] .board-tile:hover,html[data-theme=light] .board-tile:focus-visible{background:#f9edcf}
@media(min-width:1600px){.esma-board{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:1180px){.esma-board{grid-template-columns:repeat(5,minmax(0,1fr))}.home-frame{padding:18px}.board-arabic{font-size:27px}}
@media(max-width:760px){.esma-board{grid-template-columns:repeat(4,minmax(0,1fr))}.home-frame{padding:14px}.home-heading p{font-size:12px}.board-tile{padding-inline:8px}}
@media(max-width:560px){.esma-board{grid-template-columns:repeat(3,minmax(0,1fr))}.home-view{padding-top:20px}.home-frame{padding:10px}.board-tile{min-height:160px;padding-inline:6px;gap:6px}.board-arabic{font-size:25px}.board-name{font-size:11px}.home-search-controls{align-items:stretch;flex-direction:column;gap:4px}.home-search-controls>button{align-self:flex-start}.home-toolbar .segmented button{padding-inline:11px}.home-toolbar>.text-button{width:100%}}
@media(max-width:370px){.esma-board{grid-template-columns:repeat(2,minmax(0,1fr))}}

.home-heading .home-method{max-width:900px;margin:18px auto 12px;line-height:1.85;font-size:13px;color:var(--muted)}
.home-context-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:12px 0 16px}.home-context-links a{font-size:12px;line-height:1.7;color:var(--board-name);text-underline-offset:4px}.home-context-links a:focus-visible{outline:2px solid var(--board-accent);outline-offset:4px}