@font-face{font-family:Onest;src:url('fonts/onest-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f6f4ee;--ink:#242d27;--muted:#626b62;--green:#245b47;--pale:#e4ece2;--line:#d9ddd2;--white:#fffdf7;--amber:#805a21;--serif:Georgia,'Times New Roman',serif;--sans:Onest,Arial,sans-serif;--arabic:'Amiri','Noto Naskh Arabic','Geeza Pro','Times New Roman',serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans)}
button,input,select{font:inherit;color:inherit}
button,a,input,summary{touch-action:manipulation}
button{cursor:pointer}
button{border:1px solid var(--line);border-radius:5px;background:transparent;padding:8px 12px;transition:background .15s,border-color .15s}
button:hover{background:var(--pale);border-color:#a4b6a2}
button:disabled{opacity:.45;cursor:default}
button:disabled:hover{background:transparent;border-color:var(--line)}
input,select{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:9px 11px;min-width:0;max-width:100%}
input::placeholder{color:#758071}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
::selection{background:#d4e5d6;color:#173d2d}
a{color:var(--green);text-underline-offset:4px;overflow-wrap:anywhere}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400}
h1{font:clamp(36px,4.2vw,62px)/1.1 var(--serif);letter-spacing:-.025em}
h2{font:24px/1.3 var(--serif)}
h3{font:19px/1.4 var(--serif)}
p+p{margin-top:14px}
[hidden]{display:none!important}
.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}
.skip-link{position:absolute;top:10px;left:10px;z-index:10;background:var(--white);padding:12px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);padding:24px 4vw}
.wordmark{font:28px/1.05 var(--serif);color:var(--ink);text-decoration:none;flex-shrink:0}
.wordmark span{display:block;font:11px/1.4 var(--sans);color:var(--muted);margin-top:5px}
.views{display:flex;gap:7px;flex-wrap:wrap}
.views button{border-color:transparent;color:var(--muted);padding:7px 11px}
.views button[aria-current=page]{color:var(--green);border-bottom-color:var(--green);border-radius:0}
.jump-form{display:flex;align-items:center;gap:11px;position:relative}
.jump-form label{font-size:12px;color:var(--muted);white-space:nowrap}
.jump-form div{display:flex}
.jump-form input{width:87px;border-radius:5px 0 0 5px;padding:7px 10px}
.jump-form button{border-radius:0 5px 5px 0;border-left:0;padding:7px 11px;background:var(--green);color:var(--white)}
#jump-error{position:absolute;right:0;top:100%;max-width:220px;color:#8b382c;font-size:11px;background:var(--paper);z-index:3}
main{max-width:1680px;margin:0 auto;padding:0 4vw;min-height:65vh}
.reader-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:38px}
.index-pane{border-right:1px solid var(--line);padding:34px 22px 40px 0}
.index-title{margin-bottom:17px}
.index-title h2{font:13px var(--sans);font-weight:500;color:var(--muted)}
#index-toggle{display:none}
#surah-search{width:100%;padding:8px 10px;font-size:12px}
.small{font-size:11px;color:var(--muted)}
#index-result{margin:8px 0}
#surah-list{list-style:none;padding:0;margin:0}
#surah-list button{border:0;border-radius:3px;width:100%;display:grid;grid-template-columns:24px 1fr 20px;gap:6px;align-items:center;text-align:left;padding:8px 7px;line-height:1.4;font-size:12px}
#surah-list button[aria-current=true]{background:var(--pale);color:var(--green);font-weight:600}
.surah-num,.surah-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.surah-count{text-align:right}
.reading-pane{padding:42px 0 48px;min-width:0}
.reading-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
#surah-subtitle{color:var(--muted);font-size:12px;margin-top:10px}
#surah-arabic{font:38px/1.6 var(--arabic);color:var(--green);max-width:42%}
.reading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;font-size:11px;color:var(--muted)}
.reading-toolbar button{border:0;padding:4px;color:var(--green);font-size:11px}
.reading-help{font-size:11px;color:var(--muted);margin:12px 0 28px;line-height:1.7}
.verse{position:relative;padding:24px 0 27px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.verse:first-child{padding-top:0}
.verse-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.verse-ref{font:12px var(--sans);font-variant-numeric:tabular-nums;color:var(--green);text-decoration:none}
.verse-top button{border:0;padding:4px 0;font-size:10px;color:var(--muted)}
.arabic{font:clamp(25px,2.5vw,32px)/2.15 var(--arabic);text-align:right;overflow-wrap:break-word;word-break:normal}
.clause-mark{font:inherit;line-height:inherit;border:0;border-radius:3px;padding:0;background:transparent;text-decoration:underline;text-decoration-color:#91b29a;text-decoration-thickness:1px;text-underline-offset:7px;color:inherit}
.clause-mark:hover{background:var(--pale)}
.clause-mark[aria-pressed=true]{background:var(--pale);text-decoration-color:var(--green)}
.annotations-off .clause-mark{text-decoration:none}
.annotations-off .clause-mark[aria-pressed=true]{background:transparent}
.verse-note{font-size:10px;color:var(--muted);margin-top:16px}
.verse.active .verse-ref{font-weight:600}
.bismillah{font:29px/2 var(--arabic);text-align:center;color:var(--green);margin-bottom:30px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;font-size:11px}
.pagination button{font-size:11px;padding:7px 9px}
#page-range{color:var(--muted);text-align:center}
.annotation-pane{border-left:1px solid var(--line);padding:41px 0 45px 26px;min-width:0}
@media(min-width:901px){
  .annotation-pane{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-anchor:none;padding-bottom:24px}
}
.annotation-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.annotation-top h2{font:25px var(--serif)}
.annotation-top button{font-size:11px;border:0;padding:3px;color:var(--green)}
.annotation-caption{color:var(--muted);font-size:11px;margin:8px 0 22px}
.selected-quote{font:22px/1.95 var(--arabic);padding:14px 0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}
.disposition{display:inline-block;font-size:11px;color:var(--green);margin:0 0 8px;font-weight:600}
.disposition.unresolved,.disposition.unreviewed{color:var(--amber)}
.annotation-explanation{font-size:12px;color:var(--muted);margin-bottom:20px}
.annotation-pane select{width:100%;font-size:12px;margin-bottom:18px}
.position-entry{border-top:1px solid var(--line);padding:16px 0}
.position-entry h3{font:15px/1.5 var(--sans);font-weight:500;overflow-wrap:anywhere}
.position-entry dl{margin:12px 0 0;display:grid;grid-template-columns:74px minmax(0,1fr);gap:7px 10px;font-size:11px}
dt{color:var(--muted)}
dd{margin:0;overflow-wrap:anywhere}
.position-entry .modality{font-size:11px;color:var(--green);margin:4px 0}
.annotation-pane details{border-top:1px solid var(--line);padding:13px 0;font-size:11px}
summary{cursor:pointer;color:var(--green);line-height:1.6}
details[open]>summary{margin-bottom:12px}
.raw-note{font-size:12px;line-height:1.8;color:var(--muted)}
.annotation-pane pre,.case-proof pre{font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.annotation-pane code{font:10px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}
.annotation-pane ul{padding-left:17px}
.annotation-pane li+li{margin-top:10px}
.record-warning{color:var(--amber);font-size:11px;margin:12px 0}
.study-link{display:block;width:100%;text-align:left;color:var(--green);margin:20px 0 14px}
.section-intro{padding:45px 0 30px;max-width:850px}
.section-intro p{margin-top:18px;color:var(--muted);font-size:15px;max-width:620px}
.cases-layout{padding-bottom:65px}
#scene-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--line)}
#scene-nav button[aria-current=true]{background:var(--green);border-color:var(--green);color:var(--white)}
#case-stage{padding-top:28px}
.case-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.6fr);gap:48px;padding-bottom:30px}
.case-header h2{font-size:32px;margin-bottom:12px}
.case-header p{max-width:680px;font-size:14px;color:var(--muted)}
.case-controls{border:0;padding:0;margin:0;min-width:0}
.case-controls legend{font-size:12px;color:var(--muted);margin-bottom:12px}
.radio-option{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer}
.radio-option:has(input:checked){background:var(--pale);color:var(--green)}
.radio-option input{accent-color:var(--green);flex-shrink:0}
.case-info{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;color:var(--muted)}
.case-info button{font-size:11px}
.answer-row{display:grid;grid-template-columns:minmax(0,1fr) 185px;column-gap:35px;border-bottom:1px solid var(--line);padding:19px 0}
.answer-row h3{font:15px/1.55 var(--sans)}
.answer-ref{font-size:11px;margin-top:5px;color:var(--muted)}
.answer-status{text-align:right;font-size:12px;font-weight:500;color:var(--green)}
.answer-status.silent{color:var(--muted)}
.answer-status.reading{color:var(--amber)}
.answer-row details{grid-column:1/-1;margin-top:11px;font-size:11px}
.case-proof{max-width:850px;padding:10px 0}
.case-proof ol{padding-left:22px;margin:0}
.case-proof li{margin:0 0 10px}
.hash{font:10px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--muted)}
.case-verification{margin-top:25px;font-size:11px;color:var(--muted)}
.sources-layout{padding-bottom:65px}
.method-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding-top:28px}
.method-columns h2{margin-bottom:18px}
.method-columns p{font-size:13px;color:var(--muted)}
.source-catalog{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}
.source-record{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;border-bottom:1px solid var(--line);padding:18px 0}
.source-record h3{font:13px var(--sans);overflow-wrap:anywhere}
.source-record p,.source-record ul{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.footer{margin:0 4vw;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.footer p:first-child{font:18px var(--serif);color:var(--ink)}
.footer p+p{margin:0}
.footer button{font-size:11px;border:0}
.notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--green);color:var(--white);padding:10px 18px;border-radius:5px;font-size:12px;z-index:10;pointer-events:none;opacity:0;transition:opacity .15s}
.notice.visible{opacity:1}
@media(min-width:1500px){.reader-layout{grid-template-columns:225px minmax(0,1fr) 390px;gap:50px}.arabic{font-size:36px}}
@media(max-width:1150px){.reader-layout{grid-template-columns:165px minmax(0,1fr) 285px;gap:23px}.annotation-pane{padding-left:19px}.masthead{gap:16px}.jump-form label{display:none}.views{gap:2px}.views button{padding:7px 8px;font-size:12px}}
@media(max-width:900px){.reader-layout{grid-template-columns:145px minmax(0,1fr);gap:25px}.annotation-pane{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:25px 0 35px}.index-pane{grid-row:1/3}.reading-pane{padding-bottom:28px}.method-columns{grid-template-columns:1fr;gap:30px}.section-intro h1{font-size:42px}.case-header{gap:25px}.source-record{grid-template-columns:140px 1fr}}
@media(max-width:620px){body{font-size:14px}.masthead{padding:20px;gap:18px;flex-wrap:wrap}.wordmark{font-size:27px}.views{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.views button{font-size:12px;padding:6px 8px}.jump-form{margin-left:auto}.jump-form input{font-size:16px;width:88px}main{padding:0 20px}.reader-layout{display:block}.index-pane{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}.index-title{display:flex;align-items:center;justify-content:space-between;margin:0}.index-title h2{font-size:12px}#index-toggle{display:block;font-size:11px;border:0;padding:5px;color:var(--green)}#index-body{display:none;padding-top:14px}.index-pane.expanded #index-body{display:block}#surah-search{font-size:16px}#surah-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}#surah-list button{padding:11px 6px}.reading-pane{padding-top:26px}.reading-header{margin-bottom:22px}h1{font-size:44px}#surah-arabic{font-size:34px}.arabic{font-size:29px;line-height:2.05}.annotation-pane{padding:25px 0}.selected-quote{font-size:24px}.reading-help{margin-bottom:20px}.verse{padding-bottom:24px}.verse-top button{padding:10px 0}.reading-toolbar button{padding:8px 3px}.position-entry dl{font-size:12px;grid-template-columns:82px minmax(0,1fr)}.annotation-pane select{font-size:16px}.case-header{display:block}.case-controls{margin-top:22px}.radio-option{min-height:44px}.case-info{align-items:flex-start}.answer-row{grid-template-columns:minmax(0,1fr) 110px;gap:14px}.answer-row h3{font-size:13px}.answer-status{font-size:11px}.section-intro{padding-top:30px}.section-intro h1{font-size:38px}.section-intro p{font-size:14px}.source-record{display:block}.source-record h3{margin-bottom:10px}.footer{margin:0 20px;flex-wrap:wrap}.footer p:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Sunnah shares the reading margin; book data loads independently. */
#sunnah-collection,#sunnah-search{width:100%;font-size:12px;margin:7px 0}
#sunnah-index-result{margin:9px 0}
#sunnah-book-list{list-style:none;padding:0;margin:0}
#sunnah-book-list button{border:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:9px;text-align:left;padding:9px 7px;line-height:1.5;font-size:12px}
#sunnah-book-list button[aria-current=true]{background:var(--pale);color:var(--green);font-weight:600}
#sunnah-heading{font-size:clamp(30px,3.2vw,48px);overflow-wrap:anywhere}
#sunnah-subtitle{color:var(--muted);font-size:12px;margin-top:10px}
#sunnah-arabic{font:28px/1.7 var(--arabic);color:var(--green);max-width:40%}
#sunnah-index-toggle{display:none}
.hadith-jump{margin:16px 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.hadith-jump form{font-size:12px}
.hadith-jump form>div{display:flex;gap:8px;margin:7px 0}
.hadith-jump input{width:120px}
#hadith-jump-error{color:#8b382c;font-size:11px}
#sunnah-release-note{max-width:65ch;margin-top:12px}
.verse-top .hadith-ref{font-size:12px;color:var(--green)}
#sunnah-annotation{min-width:0}
#sunnah-exclusions{max-height:420px;overflow:auto;overflow-wrap:anywhere;font-size:11px;padding-right:15px}
#sunnah-exclusions li{margin:12px 0}
@media(max-width:900px){
 #sunnah-index-toggle{display:block;font-size:12px}
 .sunnah-index #sunnah-index-body{display:none}
 .sunnah-index.expanded #sunnah-index-body{display:block}
 #sunnah-annotation{grid-column:auto}
}
@media(max-width:540px){
 #sunnah-heading{font-size:32px}
 #sunnah-arabic{font-size:21px}
}
@media(max-width:900px){
 #sunnah-view{display:block}
 .sunnah-index{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}
 .sunnah-index .index-title{display:flex;align-items:center;justify-content:space-between;margin:0}
 .sunnah-index.expanded #sunnah-index-body{padding-top:14px}
 #sunnah-book-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}
 #sunnah-collection{max-width:380px}
 #sunnah-search,#hadith-address{font-size:16px}
}
.evidence-status{display:grid;grid-template-columns:115px minmax(0,1fr);gap:6px 12px;font-size:11px;line-height:1.5;padding:15px 0;margin:5px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-status dd{color:var(--green)}
/* The atlas is an open ledger, with the reader's same selection margin. */
.overview-layout{padding:42px 0 60px}
.atlas-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}
.atlas-intro h1{font-size:clamp(36px,4vw,58px)}
.atlas-intro>p{max-width:32ch;font-size:13px;color:var(--muted)}
.corpus-ledger{display:grid;grid-template-columns:1fr 1fr .85fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:24px 0 28px;gap:40px}
.corpus-ledger h2{font:14px var(--sans);font-weight:500;color:var(--green);margin-bottom:9px}
.ledger-number{font:clamp(38px,4vw,58px)/1.15 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.ledger-number span{font:12px var(--sans);letter-spacing:0;display:block;margin-top:5px;color:var(--muted)}
.corpus-ledger p+p{margin-top:14px;font-size:12px}
.corpus-ledger p>span:not(.ledger-number span){color:var(--muted)}
.ledger-scope{border-left:1px solid var(--line);padding-left:30px}
.ledger-scope h2{color:var(--ink)}
.ledger-scope p{font-size:12px;color:var(--muted);max-width:42ch}
.ledger-scope a{display:inline-block;margin-top:12px;font-size:11px}
.atlas-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 24px}
.atlas-switch h2{font-size:26px}
.atlas-switch>div{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px}
.atlas-switch button{border:0;min-width:90px;padding:7px 14px;font-size:12px}
.atlas-switch button[aria-pressed=true]{background:var(--green);color:var(--white)}
.atlas-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}
.atlas-field{min-width:0}
.atlas-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.atlas-section-heading h2{font-size:22px}
.atlas-section-heading>span{font-size:11px;color:var(--muted)}
.surah-atlas{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:6px}
.surah-tile{padding:0;aspect-ratio:1;min-height:34px;line-height:1;font-size:11px;border-radius:3px;font-variant-numeric:tabular-nums}
.density-1{background:#e4ece2;border-color:#c2d1bc;color:#244833}.density-2{background:#c5d8c1;border-color:#aabc9f;color:#244833}.density-3{background:#59775e;border-color:#59775e;color:#fffdf7}.density-4{background:#245b47;border-color:#245b47;color:#fffdf7}
.surah-tile[aria-pressed=true]{background:var(--green);color:var(--white);border-color:var(--green);outline:1px solid var(--green);outline-offset:2px}
.surah-tile:hover{border-color:var(--green)}
.atlas-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted)}
.atlas-legend>span{display:flex;align-items:center;gap:7px}
.atlas-legend i{width:12px;height:12px;border:1px solid #b4c7b3;border-radius:2px}
.atlas-map-note{font-size:12px;color:var(--muted);max-width:72ch;margin-top:12px}
.atlas-selection{min-width:0;border-left:1px solid var(--line);padding-left:30px}
.atlas-arabic{font:32px/1.5 var(--arabic);color:var(--green);margin-bottom:10px;text-align:left}
.atlas-selection h2{font-size:28px;overflow-wrap:anywhere}
.atlas-selection h2+p{margin-top:5px}
.selection-counts{margin:24px 0;font-size:12px}
.selection-counts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0}
.selection-counts dd{margin:0;font-variant-numeric:tabular-nums}
.atlas-primary{background:var(--green);color:var(--white);border-color:var(--green);width:100%;min-height:44px}
.atlas-primary:hover{background:#184735;border-color:#184735}
.atlas-download{display:block;font-size:11px;margin:13px 0 20px}
.collection-row{display:grid;grid-template-columns:170px minmax(0,1fr) 62px 60px;gap:12px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;text-align:left;font-size:12px;min-height:44px}
.collection-row[aria-pressed=true]{background:var(--pale)}
.collection-name{padding-left:6px}
.collection-volume{height:12px;background:#e5e6de;overflow:hidden}
.collection-volume i{display:block;background:#75977e;height:100%;min-width:2px}
.collection-row[aria-pressed=true] .collection-volume i{background:var(--green)}
.collection-count{text-align:right;font-variant-numeric:tabular-nums}
.collection-books{font-size:10px;color:var(--muted);text-align:right;padding-right:5px}
#atlas-book-search{width:100%;margin-top:22px;font-size:12px}
#atlas-book-result{min-height:18px;margin:4px 0}
.atlas-book-index{max-height:460px;overflow:auto;scrollbar-color:#a2b29d var(--paper);scrollbar-width:thin}
.atlas-book-index button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;min-height:44px;padding:9px 5px;font-size:12px}
.atlas-book-index button span+span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.atlas-book-index+p{margin-top:16px}
.atlas-classifications,.atlas-evidence{margin-top:38px;border-top:1px solid var(--line);padding-top:26px}
.atlas-classifications .atlas-section-heading{margin-bottom:0}
.classification-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:24px}
.classification-column h3{font:14px var(--sans);font-weight:500}
.classification-column>p{font-size:11px;color:var(--muted);margin-top:5px}
.classification-bar{display:flex;height:20px;gap:2px;margin:16px 0 18px}
.classification-bar span{min-width:1px}
.tone-direct{background:#245b47}.tone-reading{background:#94702d}.tone-non-normative{background:#a6b59e}.tone-external{background:#536b7c}.tone-open{background:#a95a43}.tone-unreviewed{background:#c7c7bc}
.classification-list{margin:0;font-size:12px}
.classification-list>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0}
.classification-list dt{display:flex;align-items:center;gap:9px}
.classification-list dd{margin:0;font-variant-numeric:tabular-nums}
.classification-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:1px}
.tone-other{background:#837e71}
.classification-other{margin-top:12px;font-size:11px}
.evidence-ledger{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:35px;margin-top:24px}
.evidence-ledger h3{font-size:20px;margin-bottom:12px}
.evidence-ledger p{font-size:12px}
.evidence-ledger .small{font-size:11px;margin-top:12px}
.evidence-ledger strong{font-weight:500;color:var(--green)}
.evidence-ledger button{font-size:11px}
.atlas-scenes{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.evidence-ledger details{margin-top:14px;font-size:11px}
@media(max-width:1150px){.surah-atlas{grid-template-columns:repeat(12,minmax(0,1fr))}.atlas-body{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.atlas-selection{padding-left:20px}.collection-row{grid-template-columns:145px minmax(0,1fr) 50px;gap:8px}.collection-books{display:none}.corpus-ledger{gap:25px}.ledger-scope{padding-left:22px}}
@media(max-width:800px){.atlas-intro{display:block}.atlas-intro>p{margin-top:16px;max-width:60ch}.corpus-ledger{grid-template-columns:1fr 1fr;gap:24px}.ledger-scope{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.ledger-scope p{max-width:65ch}.atlas-body{grid-template-columns:1fr}.atlas-selection{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.atlas-arabic{float:right;max-width:40%}.atlas-primary{width:auto;min-width:220px}.atlas-selection>.small{max-width:65ch}.atlas-book-index{max-height:310px}.evidence-ledger{grid-template-columns:1fr;gap:28px}.evidence-ledger article{max-width:72ch}.classification-columns{gap:30px}.surah-atlas{grid-template-columns:repeat(15,minmax(0,1fr))}.collection-row{grid-template-columns:180px minmax(0,1fr) 55px 60px}.collection-books{display:block}}
@media(max-width:620px){.overview-layout{padding-top:28px}.atlas-intro{margin-bottom:24px}.atlas-intro h1{font-size:38px}.ledger-number{font-size:42px}.corpus-ledger{padding:20px 0}.atlas-switch{align-items:flex-start;flex-wrap:wrap;margin-top:24px;gap:13px}.atlas-switch h2{font-size:24px}.atlas-section-heading{flex-wrap:wrap;gap:5px}.surah-atlas{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.surah-tile{font-size:12px;min-height:34px}.atlas-legend{gap:10px}.atlas-map-note{font-size:11px}.collection-row{grid-template-columns:132px minmax(0,1fr) 48px;gap:8px;font-size:11px}.collection-books{display:none}.collection-name{padding-left:4px}.classification-columns{grid-template-columns:1fr;gap:26px}.atlas-classifications,.atlas-evidence{margin-top:28px}.atlas-switch button{min-height:44px}#atlas-book-search{font-size:16px}.views{justify-content:flex-start;gap:0}.views button{padding:7px 8px;min-height:40px}.atlas-primary{max-width:100%;min-width:0}.atlas-selection h2{font-size:26px}.ledger-number span{font-size:11px}}
/* Compare & Explain: answers first, with a navigable evidence margin. */
.compare-layout{padding:24px 0 50px}
.compare-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}
.compare-intro h1{font-size:clamp(32px,3.5vw,46px)}
.compare-intro p{font-size:13px;color:var(--muted);max-width:35ch}
.compare-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-size:13px}
.compare-mode,.proof-scope{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:3px}
.compare-mode button,.proof-scope button{border:0;min-height:40px;font-size:13px}
.compare-mode button[aria-pressed=true],.proof-scope button[aria-pressed=true]{background:var(--green);color:var(--white)}
.compare-controls select{max-width:230px;font-size:13px}
#copy-comparison{margin-left:auto;min-height:40px}
.compare-pickers{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:14px}
.compare-pickers label,.proof-header label{font-size:13px;color:var(--muted)}
.compare-pickers select{display:block;width:100%;margin-top:4px;font-size:14px}
.comparison-context{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.input-preview{list-style:none;padding:0;margin:6px 0;font-size:13px;color:var(--green)}
.comparison-context details{font-size:13px;margin-top:4px}
.comparison-context details>p{margin:12px 0;max-width:80ch}
.saved-contexts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}
.saved-contexts h3{font-size:19px}.saved-contexts p{font-size:13px}
.fact-delta{padding:12px 0;border-block:1px solid var(--line)}
.fact-delta h3{font:500 14px var(--sans);margin-bottom:5px}
.fact-delta ul{list-style:none;padding:0;margin:8px 0}.fact-delta li{padding:5px 0}
.delta-label{font-size:12px;color:var(--green)}
#compare-inputs pre,.proof-identifiers pre,.proof-inspector pre{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:#eeeee5;padding:12px}
.saved-answers{scroll-margin-top:24px}
.compare-results-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:18px 0 8px}
.compare-results-heading h2{font-size:25px}.compare-results-heading h2>span{font:14px var(--sans);color:var(--green);margin-left:8px}
.compare-results-heading p{font-size:13px;color:var(--muted)}
.answer-help{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}
.answer-help>p{color:var(--muted)}
#status-help[open]{width:100%}#status-help dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px 18px;margin:14px 0;max-width:90ch}
#status-help dt{font-weight:500}#status-help dd{margin:0}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}
.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:middle;font-weight:400;font-size:14px;overflow-wrap:anywhere}
.comparison-table thead th{font-size:13px;color:var(--muted);padding:8px 12px;background:#ebece3}
.comparison-table th:first-child{width:34%;padding-left:0}
.comparison-table tbody th>span{display:block}
.comparison-table small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.compare-answer{width:100%;text-align:left;border:1px solid transparent;min-height:44px;padding:10px;font-size:14px;color:var(--green)}
.compare-answer[aria-pressed=true]{border-color:var(--green);background:var(--white);font-weight:500}
.compare-answer.status-NEITHER{color:var(--muted)}
.compare-answer.status-INTERPRETATION_REQUIRED,.compare-answer.status-REQUIRES_JUDGMENT{color:var(--amber)}
.compare-answer.status-BOTH{color:#8b382c}
#same-answers{margin-top:12px;font-size:14px}#same-answers>summary{padding:8px 0}#same-answers[open] .comparison-table{margin-top:8px}
.proof-workbench{border-top:1px solid var(--ink);margin-top:26px;padding-top:20px;scroll-margin-top:24px}
.proof-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}
.proof-header h2{font-size:28px;margin-bottom:6px}.proof-header p{font-size:16px;max-width:60ch}
.proof-header>div:last-child{display:flex;gap:16px;align-items:center}
.proof-header button{font-size:13px;white-space:nowrap}
.proof-header label{min-width:155px}.proof-header select{display:block;width:100%;margin-top:4px;font-size:14px}
.answer-summary{padding:12px 0;font-size:14px}.answer-summary .answer-question{font-size:16px;margin:0 0 6px}
.answer-summary strong{color:var(--green);font-weight:500}.answer-summary p{margin-top:4px;max-width:75ch}
.proof-toolbar{display:flex;align-items:center;gap:18px;padding:10px 0 18px;border-bottom:1px solid var(--line);margin-bottom:20px}
.proof-toolbar p{font-size:13px;color:var(--muted);max-width:45ch}
.proof-scope{flex-shrink:0}
.proof-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.proof-inspector{min-width:0;border-right:1px solid var(--line);padding-right:24px;scroll-margin-top:24px}
.node-history{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.node-history button{font-size:12px;min-height:40px}
.proof-inspector h3{font-size:23px;margin-bottom:8px}.inspector-title{color:var(--green);font-weight:500;margin-bottom:8px}
.proof-inspector p{font-size:14px;overflow-wrap:anywhere}.proof-inspector .small{font-size:13px}
.proof-inspector dl{display:grid;grid-template-columns:1fr auto;gap:6px;margin:14px 0;font-size:13px}.proof-inspector dd{margin:0;text-align:right}
.proof-inspector h4{font:500 14px var(--sans);margin:18px 0 8px}
.proof-neighbours button{display:block;width:100%;text-align:left;font-size:14px;margin-top:6px;min-height:44px;overflow-wrap:anywhere}
.proof-neighbours{padding-bottom:16px;border-bottom:1px solid var(--line)}
.source-note{color:var(--muted);margin:14px 0}
.proof-source{padding:14px 0;border-bottom:1px solid var(--line)}.proof-source h4{margin-top:0}
.proof-source .proof-source-quote{font:24px/1.9 var(--arabic);margin-top:10px}
.proof-source button{font-size:13px;margin-top:12px;min-height:44px}
.proof-inspector details,.proof-identifiers{font-size:13px;margin-top:14px}
.reading-context{margin-top:16px}
.proof-graph{min-width:0;font-size:14px}.proof-graph>summary{padding:8px 0;font-weight:500}.graph-caption{font-size:13px;color:var(--muted);margin:5px 0 12px}
.proof-map{position:relative;overflow:auto;max-height:560px;border:1px solid var(--line);background:#eff0e8;scrollbar-color:#a2b29d var(--paper);scrollbar-width:thin;padding:16px}
.proof-canvas{position:relative;min-width:0}.proof-wires{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.proof-wires>path{fill:none;stroke:#849c81;stroke-width:1.2;marker-end:url(#proof-arrow)}.proof-wires>path.other{opacity:.3}.proof-wires>path.connected{stroke:var(--green);stroke-width:2}.proof-wires .proof-arrowhead{fill:#849c81;stroke:none}
.proof-level{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px;pointer-events:none}.proof-level:last-child{margin-bottom:0}
.proof-node{position:relative;z-index:1;pointer-events:auto;min-width:0;min-height:84px;background:var(--white);text-align:left;padding:12px;overflow-wrap:anywhere}
.proof-node>span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.proof-node strong{font-size:13px;font-weight:500;line-height:1.5;display:block}.proof-node small{font-size:11px;color:var(--muted);display:block;margin-top:4px}
.proof-node.kind-assertion{background:var(--pale)}.proof-node.is-root{background:var(--green);color:var(--white);border-color:var(--green)}.proof-node.is-root>span{color:#d3e6d7}
.proof-node[aria-pressed=true]{outline:2px solid var(--green);outline-offset:3px}.proof-node.is-root[aria-pressed=true]{outline-color:#50795d}
#inspect-selected{margin-top:12px;font-size:13px;min-height:44px}
.support-delta,.evidence-downloads{font-size:14px;margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}
.support-delta>p,.evidence-downloads p{font-size:13px;max-width:90ch;margin-top:12px}
.support-delta h3{font-size:20px;margin-top:18px}.support-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:12px 0}.support-columns h4{font:500 14px var(--sans);margin:0 0 8px}.support-columns ul{padding-left:18px;font-size:13px}.support-columns code{display:block;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}
.evidence-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.passport-link{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:9px 12px;font-size:13px;min-height:44px}.evidence-actions button{font-size:13px;min-height:44px}
.case-info{flex-wrap:wrap}
@media(max-width:1000px){.compare-controls{gap:10px}.compare-intro p{max-width:29ch}.proof-header>div:last-child{display:block}.proof-header label{display:block;margin-top:10px}.proof-toolbar{display:block}.proof-toolbar p{margin-top:8px;max-width:none}.proof-layout{grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:20px}.proof-inspector{padding-right:18px}}
@media(max-width:760px){.answer-summary{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.proof-inspector{scroll-margin-top:180px}.compare-intro{display:block}.compare-intro p{margin-top:5px;max-width:65ch}.proof-layout{display:flex;flex-direction:column;gap:24px}.proof-inspector{width:100%;border:0;padding:0}.proof-graph{width:100%;border-top:1px solid var(--line);padding-top:12px}.saved-contexts{grid-template-columns:1fr}.proof-header{display:block}.proof-header>div:last-child{display:flex;align-items:end;justify-content:space-between;margin-top:12px}.proof-header label{margin:0}.proof-header p{font-size:15px}.proof-map{max-height:480px}.support-columns{grid-template-columns:1fr}}
@media(max-width:620px){.compare-layout{padding-top:20px}.compare-intro h1{font-size:32px}.compare-intro{margin-bottom:14px}.compare-controls{gap:10px}.compare-mode{width:100%}.compare-mode button{flex:1;min-height:44px}.compare-controls label{width:40px}.compare-controls select{font-size:16px;flex:1;max-width:calc(100% - 55px)}.compare-controls>p{flex:1}#copy-comparison{padding:8px;font-size:13px}.compare-pickers{gap:12px}.compare-pickers select{font-size:16px}.comparison-context{font-size:14px}.compare-results-heading{gap:10px;margin-top:16px}.compare-results-heading h2{font-size:23px}.answer-help{gap:5px;font-size:13px;margin-bottom:8px}#status-help[open] dl{display:block}#status-help dt{margin-top:12px}#status-help dd{margin-top:3px}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block;width:100%!important}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-table tbody th{padding:12px 0 5px;border-bottom:0}.comparison-table td{padding:2px 0;border-bottom:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.comparison-table td::before{content:attr(data-label);font-size:13px;color:var(--muted)}.comparison-table tr{padding-bottom:10px;border-bottom:1px solid var(--line)}.compare-answer{font-size:14px;min-height:44px;padding:8px}.proof-header>div:last-child{gap:12px}.proof-header button{font-size:12px}.proof-header select{font-size:16px}.proof-header h2{font-size:25px}.proof-scope button{min-height:44px}.proof-map{padding:12px}.proof-node{padding:10px}.node-history button{min-height:44px}.proof-inspector h3{font-size:23px}}
@media(max-width:360px){.proof-level{grid-template-columns:1fr}.compare-pickers{grid-template-columns:1fr}.proof-header>div:last-child{display:block}.proof-header label{margin-top:10px}}

/* Visual studies: an unfolded source, recorded branches, categorical grades. */
.studies-layout{padding:26px 0 64px;font-size:15px;min-width:0}
.studies-layout button,.studies-layout input,.studies-layout select{min-height:44px}
.study-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:25px}
.study-tabs button{border:0;border-radius:0;padding:11px 17px;color:var(--muted)}
.study-tabs button[aria-current=page]{color:var(--green);box-shadow:inset 0 -2px var(--green)}
.study-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}
.study-heading h1{font-size:clamp(36px,4vw,50px)}
.study-heading p{margin-top:10px;color:var(--muted);max-width:65ch}
.study-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}
.study-actions button{font-size:13px}
.study-loading{padding:36px 0;color:var(--muted)}
.study-address{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.study-address label{font-weight:500}
.study-address input{width:96px}
#lens-address-error{color:var(--amber);flex-basis:100%}
#lens-address-error:empty{display:none}
.lens-source{padding:16px 24px 20px;background:var(--white);border-block:1px solid var(--line)}
.lens-source-label{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}
.lens-source-label span:first-child{color:var(--green);font-weight:500}
.lens-source-label span:last-child{overflow-wrap:anywhere;max-width:55%;text-align:right}
.lens-arabic{font:clamp(29px,3.5vw,44px)/2.05 var(--arabic);margin-top:14px;text-align:right}
.studies-layout .lens-mark{font:inherit;line-height:inherit;border:0;border-radius:3px;padding:0;min-height:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px;text-decoration-color:#91b29a;color:inherit;white-space:normal}
.lens-mark[aria-pressed=true]{background:var(--pale);text-decoration-color:var(--green)}
.lens-clause-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;border-bottom:1px solid var(--line);margin:18px 0 0}
.lens-clause-choice{display:flex;align-items:stretch;gap:3px;padding:5px 8px 15px 0;min-width:0}
.lens-clause-choice>[data-lens-clause]{flex:1;display:flex;flex-direction:column;align-items:start;text-align:left;padding:10px 12px;border-color:transparent;border-radius:4px;min-width:0}
.lens-clause-choice>[data-lens-clause][aria-pressed=true]{background:var(--pale);border-color:var(--green)}
.lens-clause-choice small{color:var(--green);font-size:12px;line-height:1.5}
.lens-record-counts{font-size:11px;color:var(--muted);margin-top:5px}
.lens-clause-choice>[data-lens-pin]{align-self:center;padding:8px;font-size:12px;border:0}
.lens-clause-choice>[data-lens-pin][aria-pressed=true]{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.lens-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.lens-toolbar>div{display:flex;gap:5px}
.lens-toolbar button{border-color:transparent;padding:8px 15px}
.lens-toolbar button[aria-pressed=true]{background:var(--green);color:var(--white);border-color:var(--green)}
.lens-toolbar p{font-size:12px;color:var(--muted);max-width:36ch}
.lens-folio{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.lens-folio.has-pin{grid-template-columns:repeat(2,minmax(0,1fr))}
.lens-pane{padding-top:23px;min-width:0}
.lens-folio.has-pin .lens-pinned{border-left:1px solid var(--line);padding-left:28px}
.lens-pane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lens-pane-heading h2{font:22px/1.4 var(--serif)}
.lens-pane-heading button{font-size:12px;border:0}
.lens-clause-quote{font:27px/1.95 var(--arabic);text-align:right;border-bottom:1px solid var(--line);padding:14px 0 19px;margin-bottom:20px}
.lens-layer-content{max-width:75ch;animation:lens-unfold .22s cubic-bezier(.16,1,.3,1)}
.lens-layer-content h3{font-size:23px;margin-bottom:12px}
.study-note{color:var(--muted);font-size:14px;line-height:1.75;max-width:70ch}
.study-note+p{margin-top:12px}
.studies-layout details{margin-top:20px;border-top:1px solid var(--line);padding-top:13px;font-size:13px}
.studies-layout details p{margin-top:12px;max-width:75ch}
.studies-layout pre{font:12px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:16px 0}
.lens-position+.lens-position{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
.lens-position dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px 18px;margin:15px 0;font-size:14px}
.study-modality{color:var(--green);text-transform:capitalize}
.lens-model-list{display:grid;gap:0;margin-top:15px}
.lens-model-list button{border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 12px}
.lens-model-list small{color:var(--muted);flex-shrink:0}
.lens-model-list button[aria-pressed=true]{background:var(--pale)}
.lens-model-detail{padding-top:20px}
.study-provenance{margin-top:35px!important}
.study-empty{padding:26px 0}
.study-empty p{margin:12px 0 18px;max-width:65ch;color:var(--muted)}
.lens-entry{width:100%;text-align:left;color:var(--green);margin:0 0 18px;min-height:44px;font-size:13px}
.cross-context{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid var(--line);padding:12px 0;margin-bottom:25px}
.cross-context p{font-size:13px;color:var(--muted)}
.cross-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:42px;align-items:start}
.cross-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.cross-lane h2{font-size:22px;margin-bottom:17px}
.cross-node{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;gap:4px;padding:13px 10px;overflow-wrap:anywhere}
.cross-node span,.cross-node small{font-size:12px;color:var(--muted)}
.cross-node strong{font-weight:500;font-size:15px}
.cross-lane>.cross-node{background:var(--white);border-block:1px solid var(--line);min-height:90px}
.cross-premises{margin-top:18px}
.cross-premises h3{font:13px var(--sans);color:var(--muted);margin-bottom:8px}
.cross-bridge{display:block;width:100%;height:80px;overflow:visible}
.cross-bridge>path{fill:none;stroke:var(--green);stroke-width:1.5;vector-effect:non-scaling-stroke}
.cross-resolution{text-align:center;max-width:480px;margin:0 auto}
.cross-resolution>p:first-child{font-size:12px;color:var(--muted);margin-bottom:10px}
.cross-defeat{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:var(--green);color:var(--white);border-color:var(--green);padding:17px}
.cross-defeat:hover{background:#194633;border-color:#194633}
.cross-defeat strong{font:24px var(--serif)}
.cross-defeat span{font-size:13px}
.cross-resolution>p:last-child{font-size:13px;color:var(--muted);margin-top:15px}
.cross-answer{margin-top:32px;border-top:1px solid var(--line);padding-top:23px}
.cross-answer h2{font-size:24px;margin-bottom:13px}
.cross-answer>strong{display:block;color:var(--green);margin-top:12px}
.cross-answer>p:last-of-type{font-size:13px;color:var(--muted);margin:12px 0 17px}
.cross-inspector{padding-left:26px;border-left:1px solid var(--line);min-width:0}
.cross-inspector h2{font-size:26px;overflow-wrap:anywhere}
.cross-inspector>p{font-size:13px;color:var(--muted);margin-top:9px}
.cross-inspector h3{font:15px var(--sans);margin:24px 0 10px}
.cross-inspector>#cross-open-graph{margin-top:20px}
.cross-source-group p+p{margin-top:8px}
.cross-source-group button{font-size:13px}
.grade-pickers{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(250px,1fr);gap:20px;max-width:900px}
.grade-pickers label{display:flex;flex-direction:column;gap:7px;font-size:13px}
.grade-tools{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:22px 0 14px}
.grade-tools>button[aria-pressed=true]{background:var(--pale);border-color:var(--green)}
.grade-tools form{display:flex;gap:6px;flex-wrap:wrap}
.grade-tools input{width:240px}
.grade-scope{font-size:13px;color:var(--muted);max-width:75ch;margin-bottom:22px}
.grade-workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:32px;align-items:start}
.grade-mosaic{min-width:0;scroll-margin-top:20px}
.grade-table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--green) var(--pale);max-width:100%;border-block:1px solid var(--line)}
.grade-table{border-collapse:collapse;table-layout:fixed;min-width:660px;width:100%;font-size:13px}
.grade-table th{font-weight:500;text-align:left;vertical-align:top}
.grade-table thead th{color:var(--muted);padding:12px 10px;width:140px;line-height:1.5}
.grade-table thead th:first-child{width:75px}
.grade-table tbody td,.grade-table tbody th{border-top:1px solid var(--line);vertical-align:middle;padding:0}
.grade-table tbody td:nth-child(even){background:var(--white)}
.grade-table tbody button{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;min-height:75px;border:0;border-radius:0;padding:12px 10px;line-height:1.5}
.grade-table tbody button[aria-pressed=true]{background:var(--pale);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.grade-table tbody .grade-selected th{color:var(--green)}
.grade-missing{display:block;padding:12px 10px;color:var(--muted);font-size:12px;line-height:1.5}
.study-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:12px}
.study-pagination button{padding:8px;font-size:12px}
.study-pagination span{font-variant-numeric:tabular-nums;text-align:center;color:var(--muted)}
.grade-reading{border-left:1px solid var(--line);padding-left:24px;min-width:0;scroll-margin-top:20px}
.grade-reading-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.grade-reading-heading h2{font-size:26px}
.grade-reading-heading button{font-size:12px;max-width:105px}
.grade-reading>p{font-size:12px;color:var(--muted);margin-top:9px}
.grade-arabic-scroll{max-height:280px;overflow-y:auto;margin:17px 0;border-block:1px solid var(--line);padding:12px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.grade-arabic{font:25px/2 var(--arabic);text-align:right}
.grade-reading h3{font-size:22px;margin:19px 0 12px}
.grade-attributions{margin:0;font-size:13px}
.grade-attributions>div{padding:10px 0;border-top:1px solid var(--line)}
.grade-attributions dt{font-size:12px}
.grade-attributions dd{margin-top:3px;color:var(--ink)}
.grade-active-attribution{background:var(--pale);padding:10px!important}
.grade-mobile-records{display:none}
@keyframes lens-unfold{from{clip-path:inset(0 0 15% 0)}to{clip-path:inset(0)}}
@media(min-width:901px){.cross-inspector,.grade-reading{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:12px}}
@media(max-width:900px){
  .cross-workbench,.grade-workbench{grid-template-columns:minmax(0,1fr);gap:32px}
  .cross-inspector,.grade-reading{border-left:0;padding:25px 0 0;border-top:1px solid var(--line)}
  .grade-reading{max-width:720px}
  .grade-arabic-scroll{max-height:none;overflow:visible}
  .study-heading{flex-wrap:wrap;gap:15px}
  .study-actions{justify-content:start}
}
@media(max-width:600px){
  .studies-layout{padding-top:14px;font-size:14px}
  .study-tabs{gap:0;margin-bottom:22px}
  .study-tabs button{font-size:12px;padding:10px 9px}
  .study-heading{margin-bottom:20px}
  .study-heading p{font-size:14px}
  .lens-source{padding:12px 12px 15px}
  .lens-source-label{font-size:11px}
  .lens-arabic{font-size:29px;line-height:2.05}
  .lens-clause-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .lens-clause-choice{flex-direction:column;padding:0 0 10px}
  .lens-clause-choice>[data-lens-clause]{padding:9px;align-self:stretch;min-height:115px}
  .lens-clause-choice>[data-lens-pin]{align-self:start;padding:8px 10px}
  .lens-clause-choice small{font-size:11px}
  .lens-toolbar{flex-direction:column;align-items:start;gap:12px}
  .lens-toolbar p{max-width:none}
  .lens-folio.has-pin{grid-template-columns:minmax(0,1fr);gap:28px}
  .lens-folio.has-pin .lens-pinned{padding-left:0;border-left:0;border-top:1px solid var(--green)}
  .lens-pane-heading{align-items:start}
  .lens-clause-quote{font-size:25px}
  .lens-model-list button{flex-wrap:wrap;gap:5px}
  .lens-position dl{grid-template-columns:85px minmax(0,1fr);gap:9px 12px;font-size:13px}
  .cross-context{flex-wrap:wrap;gap:10px}
  .cross-lanes{grid-template-columns:minmax(0,1fr);gap:24px}
  .cross-bridge{display:none}
  .cross-resolution{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}
  .cross-defeat strong{font-size:23px}
  .grade-pickers{grid-template-columns:minmax(0,1fr);gap:12px}
  .grade-tools{gap:12px}
  .grade-tools form{width:100%}
  .grade-tools input{width:100%;flex:1;min-width:160px}
  .grade-table-scroll{display:none}
  .grade-mobile-records{display:block}
  .grade-mobile-record{padding:20px 0;border-top:1px solid var(--line)}
  .grade-mobile-record h3{font-size:22px;margin-bottom:12px}
  .grade-mobile-record>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:5px 0}
  .grade-mobile-record>div>p{font-size:12px;color:var(--muted)}
  .grade-mobile-record button{font-size:13px;width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px}
  .grade-mobile-record button[aria-pressed=true]{background:var(--pale);border-color:var(--green)}
  .grade-mobile-record .grade-missing{padding:10px 0}
  .grade-reading{scroll-margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.lens-layer-content{animation:none}}
.studies-layout .study-address{margin-bottom:0;font-size:13px}
.study-heading .study-actions{max-width:560px;align-items:center}
.lens-source{scroll-margin-top:20px}
.lens-arabic{font-size:clamp(29px,3vw,38px);line-height:1.9}
.lens-pane-heading h2 small{font:12px var(--sans);color:var(--muted);margin-left:8px}
.lens-pane-heading h2{scroll-margin-top:20px}
.cross-node[aria-pressed=true]{background:var(--pale);color:var(--green)}
#cross-back{font-size:12px;margin-bottom:18px}
#cross-inspector-heading{scroll-margin-top:20px}
#grade-back{font-size:12px;margin-top:16px}
@media(max-width:600px){
  .study-heading .study-actions{justify-content:start;width:100%}
  .study-heading .study-address{width:100%;margin-bottom:3px}
  .lens-arabic{font-size:29px;line-height:1.95}
  .lens-pane-heading h2{font-size:20px}
  .cross-inspector #cross-back{margin-bottom:16px}
}