:root{--ink:#18352e;--muted:#6c7b73;--green:#174f42;--paper:#f6f6f1;--line:#dde3da;--gold:#bc9860;--soft:#eef2e9;--warn:#8a6319}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:var(--green)}button{color:inherit}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:14px;z-index:99}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{width:228px;position:fixed;left:0;top:0;height:100dvh;display:flex;flex-direction:column;background:#133b33;color:#d5e4da;padding:32px 20px;z-index:10}.brand{color:#f4f1df;text-decoration:none;display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:3px;font-weight:600}.brand-symbol{font-family:Georgia,serif;position:relative;font-size:43px;line-height:1;color:#e8cb90;letter-spacing:-3px}.brand-symbol span{font-family:Arial,sans-serif;font-size:12px;position:absolute;right:-8px;bottom:-1px;letter-spacing:0;background:#133b33}.small{display:block;font-size:8px;font-weight:400;letter-spacing:1.6px;margin-top:6px}.side-caption{font-family:Georgia,serif;font-size:20px;line-height:1.6;margin:39px 12px 26px;color:#ebeee0}.side-rule{height:1px;background:#31554b;margin:0 12px 25px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-radius:6px;background:transparent;color:#c3d4c9;padding:14px 12px;margin:4px 0;font-size:12px}.nav-item>span{font-size:20px;width:20px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;letter-spacing:.5px;font-weight:500;padding:3px 5px;background:#ffffff10;border-radius:3px}.nav-item.active{background:#e8eddf;color:#183d32}.side-method{padding:0 12px;margin-top:54px;color:#a4bcad;font-size:12px;line-height:1.9}.overline{font-size:10px;font-weight:600;letter-spacing:2px}.side-method p{margin:13px 0 20px}.locked{display:inline-block;color:#dbc08e;border:1px solid #63735a;padding:4px 9px;border-radius:3px;font-size:10px}.side-bottom{margin-top:auto;border-top:1px solid #31554b;padding:24px 12px 0;display:flex;gap:11px;font-size:12px}.side-bottom svg{width:17px;height:20px;fill:none;stroke:#b5c6b1;stroke-width:1.3}.side-bottom span{display:block;margin-top:6px;font-size:10px;color:#94ac9e}
.workspace{margin-left:228px}.topbar{height:68px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#6d7b6f;background:#fafbf6}.top-right{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:0}.top-right i{width:6px;height:6px;background:#448268;border-radius:50%}.date{font-size:9px;margin-left:23px;letter-spacing:1px}main{max-width:1550px;margin:auto;padding:0 44px}.hero{display:flex;justify-content:space-between;align-items:center;padding:42px 0 32px}.hero .overline{color:#7d8b6f;letter-spacing:2.5px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,3vw,43px);letter-spacing:-1px;line-height:1.2;margin:15px 0}.hero p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.hero-stamp{border:1px solid #bdc8b0;flex-shrink:0;border-radius:50%;width:105px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid #e1e5d9;outline-offset:6px;color:#78906b;margin:0 10px}.hero-stamp span{font:46px Georgia,serif}.hero-stamp small{font-size:7px;letter-spacing:1.5px;margin-top:4px}.mobile-break{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats>div,.stats>button{display:flex;align-items:center;gap:20px;padding:23px 24px;background:#fff;border:1px solid var(--line);border-radius:7px;text-align:left}.stat-value{font:35px Georgia,serif;line-height:1;min-width:43px;color:#244a37}.stats b{font-weight:500;display:block;font-size:12px}.stats small{display:block;font-size:10px;color:#8c9589;margin-top:7px}.stat-icon{margin-left:auto;color:#9da991;font-size:22px}.notice{margin:25px 0 32px;padding:18px 21px;border:1px solid #d5dfc9;background:#edf1e6;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:16px}.notice>div{display:flex;align-items:center;gap:15px}.notice p{margin:0;font-size:11px;line-height:1.7}.notice b{font-weight:600}.notice p>span{display:block;color:#6b7b5d}.notice-icon{font-size:25px;color:#8da374}.notice button{background:none;border:0;white-space:nowrap;font-size:11px}.notice button span{margin-left:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 19px}.section-head h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0}.section-head h2 span{font-size:11px;color:#889980;margin-left:9px;padding:3px 6px;background:#e7edde;border-radius:4px}.text-button{background:none;border:0;padding:5px 0;font-size:11px;line-height:1.6;color:#5c7454}.text-button span{margin-left:8px}#openFinding{color:var(--warn)}.section-note{font-size:11px;color:#8a9584}.filters{margin:0}.search{display:flex;align-items:center;background:#fff;border:1px solid #ccd8c9;border-radius:6px;height:47px;padding:0 16px;gap:12px}.search svg{width:17px;height:17px;fill:none;stroke:#748469;stroke-width:1.4}.search input{border:0;outline:0;width:100%;color:var(--ink);font-size:12px;background:transparent}.search input::placeholder{color:#94a18e}.search:focus-within{box-shadow:0 0 0 2px #c0d2ad}.search kbd{font-family:inherit;font-size:10px;padding:2px 6px;border:1px solid var(--line);border-radius:3px;color:#87937d}.filter-line{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:17px 0 19px}.segmented{display:flex;gap:3px;background:#e9ede3;border-radius:5px;padding:3px}.segmented button{background:none;border:0;padding:7px 14px;font-size:11px;color:#7c8972;border-radius:3px}.segmented .selected{background:#fff;color:#365134;box-shadow:0 1px 3px #17300c0e}.select-label,.check-label{display:flex;gap:8px;align-items:center;font-size:10px;color:#7e8a76}.select-label select,.table-top select{background:#fff;border:1px solid var(--line);color:#526647;border-radius:4px;font-size:10px;padding:7px 9px}.check-label input{accent-color:#295840;width:13px;height:13px;margin:0}.reset{margin-left:auto}.custom-range{display:flex;align-items:center;gap:6px}.custom-range input{width:53px;padding:6px;border:1px solid var(--line);border-radius:4px}.table-shell{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.table-top{background:#fafbf6;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 20px;font-size:10px;color:#84907a}.table-top label{display:flex;align-items:center;gap:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:725px}th{background:#f1f4eb;padding:13px 18px;font-size:9px;font-weight:500;color:#708466;letter-spacing:.4px;white-space:nowrap}td{padding:18px;border-bottom:1px solid #edf0e8;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faf4}.col-order{width:70px}.order-num{color:#9da98f;font-family:Georgia,serif;font-size:17px;white-space:nowrap}.lemma-button{display:block;border:0;background:transparent;text-align:left;padding:0;font-weight:600;font-size:12px;color:#284d3a;line-height:1.7}.lemma-button:hover{text-decoration:underline}.lemma-sub{font-size:9px;color:#a0ad90;margin-top:5px}.arabic{font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:21px;line-height:1.9;text-align:right;font-weight:400;letter-spacing:0;word-spacing:1px}.witness-cell{max-width:370px;width:33%;font-size:19px}.verse-ref{font-variant-numeric:tabular-nums;color:#68785f;background:#f3f5ee;font-size:11px;border-radius:3px;padding:5px 7px;white-space:nowrap;text-decoration:none}.relationship{display:flex;flex-direction:column;gap:5px;max-width:140px}.badge{font-size:9px;display:inline-flex;align-items:center;gap:5px;border-radius:3px;padding:4px 7px;border:1px solid #e0e7d9;background:#f2f5ed;white-space:nowrap;line-height:1.4}.badge.layer{background:#eff2fa;color:#6476a5;border-color:#dce2f2}.badge.sensitivity{background:#f6f1e6;color:#9b8250;border-color:#e9dfc8;font-size:8px;padding:2px 5px}.badge.finding{color:#9b5f24;background:#fcf0df;border-color:#f0d3a5}.parent-link{font-size:9px;line-height:1.5;border:0;background:none;text-align:left;padding:0;color:#728862}.row-open{background:none;border:1px solid #dce5d4;color:#759267;border-radius:50%;width:25px;height:25px;font-size:13px;padding:0}.table-footer{padding:17px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#8b987e;font-size:10px;background:#fcfdf9}.table-footer>div{display:flex;align-items:center;gap:13px}.page-button{background:#fff;border:1px solid #dbe3d3;border-radius:4px;width:28px;height:27px;color:#68835a}.empty{text-align:center;padding:48px;color:#87947a}.empty>span{font-size:40px}.empty h3{font-size:16px;color:#406040;font-weight:500}.empty p{font-size:12px}.button{border:1px solid #24583e;background:#285c43;color:#fff;border-radius:5px;padding:10px 16px;font-size:11px;line-height:1.5}.button.secondary{background:#fff;color:#537449;border-color:#cedcc2}.main-footer{padding:35px 0 25px;display:flex;justify-content:space-between;gap:12px;color:#98a28f;font-size:9px;letter-spacing:.2px}.view-intro{color:#7a8870;font-size:12px;line-height:1.9;max-width:720px;margin:0 0 24px}.relation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.relation-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:22px}.relation-card>span{color:#88957c;font-size:9px;letter-spacing:1px}.relation-card h3{margin:14px 0 20px;font-family:Georgia,serif;font-size:23px;font-weight:400}.relation-card h3 button{border:0;background:none;font:inherit;text-align:left;color:#295039;padding:0}.relation-card .children{border-top:1px solid var(--line);padding-top:15px;display:flex;flex-direction:column;gap:10px}.relation-card .children button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:#f2f5ed;border-radius:4px;padding:10px;text-align:left;color:#54714d;font-size:11px}.relation-card .children small{color:#8ca17e}.method-note{background:#eef2e7;border:1px solid #d5dfc9;border-radius:6px;padding:20px;font-size:11px;line-height:1.9;color:#6d7e5f;margin-top:23px}.method-note b{display:block;color:#475e3b;margin-bottom:5px}.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audit-card{background:#fff;padding:26px;border:1px solid var(--line);border-radius:7px}.audit-card h3{font:24px Georgia,serif;line-height:1.35;margin:16px 0}.audit-card p{font-size:12px;line-height:1.95;color:#75836b}.audit-card .overline{color:#9aab85}.audit-card.full{grid-column:1/-1}.audit-card dl{font-size:11px;line-height:1.7}.audit-card dt{color:#98a389;margin-top:15px;font-size:9px}.audit-card dd{margin:3px 0;color:#617456}.hash{font:10px monospace;overflow-wrap:anywhere;line-height:1.7}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.compare>div{border:1px solid #dee6d4;background:#f8faf3;padding:21px;border-radius:5px}.compare span{font-size:10px;color:#8a9c76}.compare p{font-family:serif;color:#305538;font-size:26px;margin:17px 0}.compare b{font-size:11px;font-weight:500;color:#638153}
dialog{border:1px solid #d8e0cc;background:#fafbf6;border-radius:10px;max-width:900px;width:calc(100% - 44px);max-height:92dvh;padding:0;color:var(--ink);box-shadow:0 30px 100px #0d261849}dialog::backdrop{background:#102e27aa;backdrop-filter:blur(3px)}.detail-top{display:flex;justify-content:space-between;align-items:center;padding:19px 28px;border-bottom:1px solid var(--line);background:#f0f4e8;font-size:9px;letter-spacing:2px;position:sticky;top:0;z-index:3}.icon-button{font-size:24px;border:0;background:none;color:#69815b;line-height:1}.detail-title{padding:28px 32px 21px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.detail-title h2{font:32px Georgia,serif;margin:7px 0 10px}.detail-title .arabic{font-size:34px;color:#7d946b;max-width:45%}.detail-title .badges{display:flex;gap:7px;flex-wrap:wrap}.detail-body{padding:0 32px 30px}.witness-box{background:#fff;border:1px solid #d7e0cc;border-radius:6px;padding:24px;margin:0 0 20px}.box-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#869a73;letter-spacing:1px}.witness-box .arabic{font-size:29px;line-height:2;margin:19px 0 0}.surface-line{border-top:1px solid #e2e9d8;margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#93a280}.surface-line .arabic{margin:0;font-size:23px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-section{background:#fff;border:1px solid var(--line);border-radius:6px;padding:21px}.detail-section h3{font-size:12px;font-weight:500;margin:0 0 13px;color:#4f6d3d}.detail-section p{font-size:11px;color:#7a8b6a;line-height:1.9;margin:0}.detail-section.full{grid-column:1/-1}.detail-section .arabic{font-size:22px;color:#4f693f;line-height:2.2}.full-verse summary{cursor:pointer;color:#5a7549;font-size:11px;padding:14px 0}.detail-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.detail-related button{background:#edf2e5;border:1px solid #d1dfbf;padding:7px 10px;border-radius:4px;font-size:10px;color:#5a7549}.finding-box{border:1px solid #e9cea0;background:#faf0dc;border-radius:6px;padding:19px 23px;margin-bottom:20px}.finding-box b{font-size:12px;color:#916520}.finding-box p{font-size:11px;color:#937846;line-height:1.9;margin:9px 0 0}.alternate{margin-top:22px;border:1px solid #d3ddc4;border-radius:6px;padding:22px;background:#f0f4e8}.alternate h3{font-size:12px;font-weight:500;margin:0 0 13px;color:#556f44}.alternate .arabic{font-size:26px;color:#587141}.alternate p{font-size:11px;line-height:1.9;color:#7a8d69}.source-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:10px}.source-links a{text-decoration:none;color:#7e9069}.detail-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--line);background:#f1f5e9;position:sticky;bottom:0;z-index:3}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#1c4937;color:#fff;border-radius:6px;padding:13px 21px;font-size:12px;box-shadow:0 5px 30px #0003}
@media(min-width:1600px){main{padding:0 60px}.topbar{padding:0 60px}}@media(max-width:1180px){.sidebar{width:205px}.workspace{margin-left:205px}main{padding:0 26px}.topbar{padding:0 26px}.stats>div,.stats>button{padding:20px 16px;gap:12px}.stats small{font-size:9px}.stat-icon{display:none}.filter-line{gap:14px}.relation-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.hero-stamp{width:88px;height:88px}.hero-stamp span{font-size:39px}td,th{padding-left:14px;padding-right:14px}}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto;padding:18px 24px;flex-direction:row;align-items:center;justify-content:space-between;gap:18px}.brand-symbol{font-size:34px}.brand{font-size:12px}.small{font-size:6px}.side-caption,.side-rule,.side-method,.side-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{width:auto;padding:10px;margin:0;white-space:nowrap;font-size:10px}.nav-item>span,.nav-item b{display:none}.workspace{margin-left:0}.topbar{height:45px}.hero{padding-top:32px}.hero h1{font-size:34px}.hero p{font-size:12px}.stats>div,.stats>button{gap:12px;padding:18px 16px}.stat-value{font-size:30px;min-width:34px}.audit-card{padding:22px}.date{margin-left:15px}}@media(max-width:620px){.sidebar{flex-direction:column;align-items:flex-start;padding:18px 20px 12px;gap:14px}.brand{gap:14px}.sidebar nav{width:100%;gap:4px;justify-content:space-between}.nav-item{font-size:10px;flex:1;text-align:center;justify-content:center;padding:10px 7px}.topbar{padding:0 20px;font-size:7px;letter-spacing:1px}.top-right{font-size:8px}.date{display:none}main{padding:0 20px}.hero{padding:28px 0}.hero h1{font-size:29px;letter-spacing:-.5px;max-width:280px}.hero-stamp{display:none}.mobile-break{display:inline}.stats{gap:7px}.stats>div,.stats>button{padding:15px 11px;display:block}.stat-value{display:block;font-size:31px;margin-bottom:10px}.stats b{font-size:9px}.stats small{display:none}.notice{padding:15px;margin:20px 0 26px;align-items:flex-start}.notice>div{gap:9px}.notice-icon{font-size:20px}.notice p{font-size:10px}.notice p>span{display:none}.notice button{font-size:9px;padding-top:4px}.notice button span{margin-left:3px}.section-head h2{font-size:15px}.section-head .text-button{font-size:9px}.search{padding:0 12px}.search input{font-size:11px}.search kbd{display:none}.filter-line{gap:12px;padding:14px 0}.segmented button{padding:7px 11px}.select-label{font-size:9px}.check-label{font-size:9px}.reset{font-size:10px}.table-top{padding:11px 13px;font-size:9px}.table-top label{font-size:0;gap:0}.table-top select{font-size:9px}.table-footer{padding:14px}.main-footer{display:block;padding:26px 0;line-height:2}.main-footer span{display:block}.relation-grid,.audit-grid,.detail-grid,.compare{grid-template-columns:1fr}.audit-card.full,.detail-section.full{grid-column:auto}.section-note{font-size:9px;max-width:110px;text-align:right}.detail-title{padding:22px 20px;display:block}.detail-title .arabic{max-width:none;font-size:26px;margin-top:15px}.detail-title h2{font-size:27px}.detail-body{padding:0 20px 24px}.detail-top{padding:16px 20px}.witness-box{padding:19px}.witness-box .arabic{font-size:25px}.surface-line{display:block}.surface-line .arabic{margin-top:6px;font-size:21px}.detail-bottom{padding:13px 16px;flex-wrap:wrap;gap:8px}.detail-bottom .button{padding:8px 10px;font-size:9px}.detail-bottom .text-button{order:3;width:100%;font-size:9px}.box-label{font-size:8px;letter-spacing:.5px}.compare{gap:10px}.view-intro{font-size:11px}dialog{width:calc(100% - 20px);max-height:95dvh}.source-links{gap:13px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}dialog[open]{animation:enter .2s ease-out}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}