.tn-page{--tn-ink:#153a4a;--tn-muted:#5a737e;--tn-gold:#af8950;max-width:1440px!important;margin:0 auto!important;padding:30px clamp(12px,3vw,38px) 55px!important;font-family:'Site TheSans',Tahoma,Arial,sans-serif;color:var(--tn-ink);text-align:right}
.tn-page *{box-sizing:border-box}.tn-page [hidden]{display:none!important}.tn-page a{color:inherit}.tn-back{display:inline-flex;gap:12px;text-decoration:none;font-size:13px;margin-bottom:24px;color:var(--tn-muted)!important}
.tn-heading{padding-bottom:24px;border-bottom:1px solid #c6d6dd}.tn-kicker{font-size:12px;color:#8a6833}.tn-heading h1{font-size:clamp(27px,3.3vw,43px);line-height:1.5;margin:10px 0}.tn-heading>p{font-size:14px;line-height:1.95;max-width:860px;color:var(--tn-muted);margin:0}
.tn-stats{display:flex;gap:40px;margin-top:23px;flex-wrap:wrap}.tn-stats>div{display:flex;align-items:center;gap:12px}.tn-stats b{font:700 34px/1 Calibri,Arial,sans-serif;color:#9a763d}.tn-stats span{font-size:11px;max-width:115px;line-height:1.8}
.tn-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:23px}.tn-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1;max-width:460px}.tn-controls input{font:14px 'Site TheSans',Tahoma,sans-serif;min-height:46px;border:1px solid #becdd2;border-radius:8px;background:#fff;padding:10px 14px;color:var(--tn-ink);min-width:0;width:100%}.tn-controls-end{display:flex;gap:12px;align-items:center}
.tn-page button{font-family:'Site TheSans',Tahoma,sans-serif;cursor:pointer}.tn-switch{display:flex;gap:2px;padding:3px;background:#e1eaee;border-radius:8px}.tn-switch button{border:0;min-height:40px;padding:9px 15px;background:transparent;color:#3c5966;border-radius:5px;font-size:12px}.tn-switch button[aria-pressed=true]{background:#173d4e;color:#fff}.tn-controls #tn-clear{border:0;background:transparent;color:#725525;padding:10px;font-size:12px}.tn-status{font-size:12px;line-height:1.8;margin:12px 0;color:var(--tn-muted)}
.tn-results{display:flex;gap:7px;flex-wrap:wrap;max-height:150px;overflow:auto;margin-bottom:15px;padding:3px}.tn-results button{padding:8px 12px;min-height:40px;font-size:12px;border:1px solid #c3d4dc;background:#fff;color:#153a4a;border-radius:5px}.tn-results button[aria-pressed=true]{border-color:#896529;background:#fbf0d9}.tn-results small{font:700 13px Calibri,Arial,sans-serif;margin-inline-start:9px;color:#7b653b}
.tn-map-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0 13px}.tn-map-tools p{font-size:11px;line-height:1.8;margin:0;color:var(--tn-muted)}.tn-zoom{display:flex;align-items:center;gap:4px;flex-shrink:0;direction:ltr}.tn-zoom button{background:#fff;border:1px solid #c5d5dc;color:#173d4e;min-width:40px;height:40px;border-radius:5px;font-size:20px}.tn-zoom #tn-reset{font-size:11px;padding-inline:12px;margin-left:7px}.tn-zoom output{font:700 13px Calibri,Arial,sans-serif;width:47px;text-align:center}.tn-zoom button:disabled{opacity:.35;cursor:default}
.tn-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:18px}.tn-workspace:not(.is-enhanced){display:block}.tn-viewport{min-width:0}.tn-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:7px}
/* Display weights improve the mosaic's readability; real counts and order stay unchanged. */
.is-map .tn-viewport{height:clamp(500px,70vh,760px);overflow:auto;direction:ltr;position:relative;isolation:isolate;border:1px solid #fff;background:#fff;box-shadow:0 8px 35px #153a4a12;overscroll-behavior:contain;scrollbar-color:#90aab5 #edf3f6;scrollbar-width:thin}
.is-map .tn-list{display:block;position:relative;min-height:100%;direction:rtl}
.tn-row{position:relative;min-width:0;background:var(--tn-tile);color:#143648;border-radius:3px;overflow:hidden}
.tn-row::before{content:'';position:absolute;inset-inline:0;top:0;height:3px;background:var(--tn-accent);pointer-events:none;z-index:1}
.tn-rank b{display:grid;place-items:center;min-width:26px;padding:2px 4px;background:var(--tn-accent);color:#fff;border-radius:5px}
.tn-name-button{color:inherit;text-align:right;background:none;width:100%;border:0;display:grid;grid-template-columns:34px minmax(0,1fr) 105px;align-items:center;gap:12px;padding:13px 18px;min-height:82px}
.tn-rank{display:flex;flex-direction:column;align-items:center;color:#46616d}.tn-rank b{font:700 18px/1.4 Calibri,Arial,sans-serif}.tn-rank small{font-size:8px;white-space:nowrap}.tn-name{min-width:0}.tn-name strong{display:block;font-family:'Site Aref Ruqaa','Amiri Quran',serif;font-size:25px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}.tn-category{display:block;font-size:10px;line-height:1.8;margin-top:3px;color:#395867}.tn-occurrences{display:flex;align-items:baseline;justify-content:flex-end;gap:5px}.tn-occurrences b{font:700 27px/1.3 Calibri,Arial,sans-serif;font-variant-numeric:tabular-nums;direction:ltr}.tn-occurrences>span{font-size:10px}
.tn-row-foot{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 18px;border-top:1px solid #153a4a1c;font-size:11px;color:#395867}.tn-row-foot a{margin-inline-start:auto;text-decoration:none;border-bottom:1px solid currentColor}
.is-map .tn-row{position:absolute;min-width:0;border-radius:0;border:1px solid #fff;transition:filter .16s,opacity .16s;overflow:hidden}
.is-map .tn-name-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;min-height:0;padding:4px;text-align:center;overflow:hidden}
.is-map .tn-name{flex:0 1 auto;width:100%;min-height:0;max-height:100%;overflow:hidden}.is-map .tn-name strong{font-size:var(--tn-font,20px);line-height:1.55}.is-map .tn-rank{position:absolute;inset-inline-start:8px;top:6px;font-size:10px}.is-map .tn-rank b{font-size:12px}.is-map .tn-rank small,.is-map .tn-category,.is-map .tn-row-foot{display:none}.is-map .tn-occurrences{display:flex;flex-shrink:0;flex-direction:row;align-items:baseline;justify-content:center;gap:5px}.is-map .tn-occurrences b{display:block;font-size:var(--tn-count-font,16px);line-height:1.2;white-space:nowrap}.is-map .tn-occurrences>span{font-size:9px}.is-map .tn-row.is-small .tn-rank,.is-map .tn-row.is-small .tn-occurrences>span{display:none}.is-map .tn-row.is-small .tn-name-button{padding:2px;gap:2px}.is-map .tn-row.is-short .tn-name-button{flex-direction:row;padding:0;gap:2px}.is-map .tn-row.is-short::before{height:2px}.is-map .tn-row.is-short .tn-name{flex:1 1 auto;width:auto}.is-map .tn-row.is-short .tn-occurrences{flex:0 0 auto}.is-map .tn-row.is-tiny .tn-name strong{font-family:'Site TheSans',Tahoma,sans-serif;line-height:1.4}
.is-map .tn-row:hover{filter:brightness(1.05);z-index:2}.tn-row.is-selected{box-shadow:inset 0 0 0 3px #2b596c}.tn-row.is-match{box-shadow:inset 0 0 0 3px #926620}.is-map .tn-row.is-muted{opacity:.22}.tn-row:focus-within{z-index:3;box-shadow:inset 0 0 0 3px #79551e}.is-map .tn-name-button:focus-visible{outline:0}
.tn-inspector{background:#f8faf9;border:1px solid #d4dfe1;border-top:4px solid var(--tn-selected-color,#91cbd0);padding:19px 17px;position:sticky;top:16px;min-width:0}.tn-detail-kicker{font-size:10px;color:#637d86}.tn-inspector h2{font-family:'Site Aref Ruqaa','Amiri Quran',serif;font-size:31px;line-height:1.7;margin:12px 0 4px;overflow-wrap:anywhere}.tn-inspector>p{font-size:11px;line-height:1.8;margin:0;color:#5a737e}.tn-detail-count{display:flex;align-items:baseline;gap:8px;margin:15px 0}.tn-detail-count b{font:700 42px/1 Calibri,Arial,sans-serif;color:#234f62;direction:ltr}.tn-detail-count>span{font-size:11px;color:#5a737e}.tn-inspector dl{margin:18px 0;padding:12px 0;border-block:1px solid #dbe4e6;display:grid;gap:10px;font-size:11px}.tn-inspector dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.tn-inspector dt{color:#5a737e}.tn-inspector dd{margin:0;font:700 16px Calibri,Arial,sans-serif;direction:ltr}.tn-inspector>a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;font-size:12px;text-decoration:none;color:#745720;border-bottom:1px solid #cbb58d}.tn-inspector>button{margin-top:13px;padding:9px 12px;font-size:11px;border:1px solid #bbced6;border-radius:4px;background:#fff;color:#234f62;width:100%;min-height:40px}
.tn-map-note{font-size:11px;line-height:1.9;color:#637d86;margin:12px 0 0;max-width:900px}.tn-tooltip{position:fixed;z-index:9999;pointer-events:none;width:max-content;max-width:min(290px,calc(100vw - 24px));padding:12px 16px;border:1px solid #e2c99666;border-radius:8px;background:#123c51f7;color:#fff;box-shadow:0 8px 25px #092c4633;text-align:right;font-size:12px;line-height:1.8}.tn-tooltip strong{display:block;font-size:21px;line-height:1.7}.tn-tooltip span{display:block;color:#e1e9e9}.tn-tooltip small{display:block;color:#e5ce9e;font-size:11px}
.tn-ties,.tn-method{border:1px solid #d6e0e0;border-radius:8px;padding:16px 19px;margin-top:22px;background:#f6f8f7;font-size:12px;line-height:1.9}.tn-ties summary,.tn-method summary{font-weight:700;cursor:pointer}.tn-ties p,.tn-method p{color:var(--tn-muted);margin:12px 0 0}.tn-ties>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tn-ties a{padding:5px 10px;border:1px solid #d8d1c2;border-radius:5px;text-decoration:none;background:#fff}.tn-compare{display:inline-flex;gap:15px;font-size:13px;margin-top:23px;text-decoration:none;color:#795b2c!important}.tn-empty{padding:22px;border:1px dashed #bcccd0;border-radius:8px;font-size:14px;line-height:2}.tn-page a:focus-visible,.tn-page button:focus-visible,.tn-page input:focus-visible,.tn-page summary:focus-visible{outline:3px solid #9a7334;outline-offset:3px}
@media(max-width:800px){.tn-workspace{display:flex;flex-direction:column;gap:12px}.tn-viewport{width:100%}.tn-inspector{position:static;order:-1;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 15px;padding:12px 15px}.tn-detail-kicker{grid-column:1/-1}.tn-inspector h2{font-size:25px;grid-column:1;margin:0}.tn-inspector>p{grid-column:1}.tn-detail-count{grid-column:2;grid-row:2/4;flex-direction:column;align-items:end;justify-content:center;margin:0;gap:3px}.tn-detail-count b{font-size:32px}.tn-inspector dl{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px;margin:3px 0;padding:7px 0}.tn-inspector dl>div{gap:8px}.tn-inspector>a{grid-column:1;padding:7px 0;justify-content:flex-start}.tn-inspector>button{grid-column:2;margin:0;width:auto;min-height:36px}.is-map .tn-viewport{height:clamp(480px,65vh,650px)}}
@media(max-width:540px){.tn-page{padding-top:20px!important}.tn-heading h1{font-size:27px}.tn-heading>p{font-size:12px}.tn-stats{gap:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tn-stats>div{display:block}.tn-stats b{font-size:29px;display:block;margin-bottom:7px}.tn-stats span{font-size:10px}.tn-controls{flex-wrap:wrap;gap:10px}.tn-controls label{flex-basis:100%;max-width:none}.tn-controls-end{width:100%;justify-content:space-between}.tn-map-tools{align-items:flex-start;gap:7px;flex-wrap:wrap}.tn-map-tools p{flex-basis:100%}.tn-zoom{margin-inline-start:auto}.tn-name-button{grid-template-columns:22px minmax(0,1fr) 65px;padding:12px 10px;gap:8px}.tn-name strong{font-size:21px}.tn-occurrences{flex-direction:column;align-items:center;gap:0}.tn-occurrences b{font-size:24px}.tn-row-foot{padding:8px 12px;font-size:10px}.tn-ties,.tn-method{padding:13px;font-size:11px}.tn-inspector dl{gap:8px 14px;font-size:10px}.tn-inspector dd{font-size:14px}.tn-tooltip{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.tn-row{transition:none}}