/* Covenant desk: an open, white-and-blue teaching instrument.
   Hermes supplies the broad composition and display typography; technical
   rules organise the original document-reading schematics. No artwork,
   valuation changes, or controller/markup changes are introduced here. */
.home-page #covenant-desk{
 --paper:#fff;--ink:#151515;--quiet:#484850;--forest:#1012c8;
 --rust:#1012c8;--rule:#c5c8dd;
 background:#fff;color:#151515;border-block:1px solid #c5c8dd;
 padding-block:clamp(56px,6vw,112px);
}
.home-page #covenant-desk .application-layout{
 display:grid;grid-template-columns:minmax(0,1fr);gap:50px;align-items:start;
}
.home-page #covenant-desk .application-copy{
 display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 column-gap:clamp(44px,6vw,140px);align-items:start;min-width:0;
}
.home-page #covenant-desk .application-copy>.eyebrow{
 grid-column:1/-1;margin:0 0 26px;color:#1012c8;font:400 10px/1.7 var(--mono);letter-spacing:.11em;
}
.home-page #covenant-desk .eyebrow--rule::before{background:#1012c8;}
.home-page #covenant-desk .application-copy h2{
 grid-column:1;grid-row:2/5;max-width:22ch;margin:0;color:#1012c8;
 font:400 clamp(39px,4vw,72px)/1.08 var(--serif);letter-spacing:-.04em;text-wrap:balance;
}
.home-page #covenant-desk :is(h2,h3) em{font:inherit;color:inherit;text-decoration:none;}
.home-page #covenant-desk .application-copy>p:not(.eyebrow){
 grid-column:2;max-width:70ch;margin:0 0 18px;color:#484850;font:400 16px/1.85 var(--sans);
}
.home-page #covenant-desk .application-copy>.text-link{grid-column:2;justify-self:start;margin:6px 0 0;}
.home-page #covenant-desk .text-link{
 color:#1012c8;font:400 12px/1.65 var(--mono);letter-spacing:.005em;
 min-height:44px;display:inline-flex;align-items:center;gap:20px;text-decoration:none;
}
.home-page #covenant-desk .text-link:hover{text-decoration:underline;text-underline-offset:5px;}

/* The agreement map occupies the page grid, not a floating promotional box. */
.home-page #covenant-desk .rights-exhibit{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;
 min-width:0;margin:0;padding:0;background:#fff;color:#151515;
 border:0;border-top:2px solid #1012c8;border-radius:0;box-shadow:none;
}
.home-page #covenant-desk .exhibit-heading{
 grid-column:1/-1;padding:18px 0;border:0;border-bottom:1px solid #c5c8dd;
 display:flex;justify-content:space-between;align-items:baseline;gap:16px;
}
.home-page #covenant-desk .exhibit-heading .small-label{
 color:#1012c8;font:400 10px/1.6 var(--mono);letter-spacing:.12em;
}
.home-page #covenant-desk .exhibit-label{
 display:block;color:#484850;font:400 10px/1.6 var(--mono);letter-spacing:.04em;text-align:right;
}
.home-page #covenant-desk .rights-exhibit>h2{
 grid-column:1;max-width:30ch;margin:28px 0;color:#1012c8;
 font:400 clamp(32px,3vw,52px)/1.12 var(--serif);letter-spacing:-.035em;text-wrap:balance;
}
.home-page #covenant-desk .exhibit-instruction{
 grid-column:2;align-self:end;margin:0 0 30px;color:#484850;
 font:400 14px/1.7 var(--sans);text-align:right;
}
.home-page #covenant-desk .desk-choices{
 grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1px;border:1px solid #1012c8;border-radius:0;background:#1012c8;overflow:hidden;
 scroll-margin-top:110px;
}
.home-page #covenant-desk .lens-choice{
 min-width:0;min-height:82px;padding:18px 22px;border:0;border-radius:0;
 display:flex;align-items:flex-start;justify-content:center;gap:7px;
 background:#fff;color:#1012c8;box-shadow:none;text-decoration:none;
}
.home-page #covenant-desk .lens-choice+.lens-choice{border:0;}
.home-page #covenant-desk .lens-choice>span{color:#484850;font:400 10px/1.5 var(--mono);letter-spacing:.06em;}
.home-page #covenant-desk .lens-choice strong{color:#1012c8;font:500 16px/1.4 var(--sans);letter-spacing:-.015em;}
.home-page #covenant-desk .lens-choice:hover{background:#eef0ff;color:#1012c8;}
.home-page #covenant-desk .lens-choice[aria-current="true"]{background:#1012c8;color:#fff;}
.home-page #covenant-desk .lens-choice[aria-current="true"] :is(span,strong){color:#fff;}
.home-page #covenant-desk .lens-choice:focus-visible{outline:2px solid #7889ff;outline-offset:-5px;}
.home-page #covenant-desk .desk-panels{grid-column:1/-1;padding-block:34px 30px;min-width:0;}
.home-page #covenant-desk .lens-panel{
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
 column-gap:clamp(36px,5vw,112px);row-gap:10px;align-items:start;
 min-width:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#151515;
 scroll-margin-top:110px;
}
/* Progressive enhancement owns visibility. Without JS, all three maps remain. */
.home-page #covenant-desk .lens-panel[hidden]{display:none;}
.home-page #covenant-desk .desk-panels:not(.is-enhanced) .lens-panel+.lens-panel{
 margin-top:34px;padding-top:34px;border-top:1px solid #c5c8dd;
}
.home-page #covenant-desk .rights-diagram{
 grid-column:1;grid-row:1/3;align-self:center;display:block;
 width:100%;height:auto;max-height:360px;margin:0;overflow:visible;font-family:var(--sans);
}
.home-page #covenant-desk .exhibit-question{
 grid-column:2;min-width:0;padding:8px 0 0;border:0;border-radius:0;background:#fff;
}
.home-page #covenant-desk .exhibit-question>.small-label{
 display:block;color:#1012c8;font:400 10px/1.6 var(--mono);letter-spacing:.08em;
}
.home-page #covenant-desk .exhibit-question h3{
 max-width:24ch;margin:14px 0;color:#1012c8;
 font:400 clamp(28px,2.5vw,44px)/1.15 var(--serif);letter-spacing:-.025em;
}
.home-page #covenant-desk .exhibit-question p{
 min-height:0;max-width:66ch;margin:0;color:#484850;font:400 15px/1.8 var(--sans);
}
.home-page #covenant-desk .lens-panel>.text-link{grid-column:2;justify-self:start;margin:8px 0 0;font-size:12px;}
.home-page #covenant-desk .diagram-boundary{
 grid-column:1/-1;max-width:none;margin:0;padding:18px 0 0;border-top:1px solid #c5c8dd;
 color:#484850;font:400 12px/1.8 var(--sans);
}
.home-page #covenant-desk .diagram-boundary strong{color:#1012c8;font-weight:600;}

/* Preserve diagram identities: blue operating business; pale new party;
   white existing claim; dashed perimeter; solid funding/priority arrows.
   Coordinates, paths, labels, direction and document caveats are unchanged. */
.home-page #covenant-desk .rights-diagram rect{rx:0;ry:0;}
.home-page #covenant-desk .rights-diagram .map-title{fill:#151515;font-family:var(--sans);font-weight:600;}
.home-page #covenant-desk .rights-diagram .map-small{fill:#484850;font-family:var(--sans);}
.home-page #covenant-desk .rights-diagram .map-callout{fill:#1012c8;font-family:var(--serif);font-weight:400;}
.home-page #covenant-desk .rights-diagram .map-accent{fill:#1012c8;}
.home-page #covenant-desk .rights-diagram .map-light{fill:#fff;}
.home-page #covenant-desk .map-business{fill:#1012c8;}
.home-page #covenant-desk .map-new{fill:#eef0ff;stroke:#7881b4;}
.home-page #covenant-desk .map-claim{fill:#fff;stroke:#7881b4;}
.home-page #covenant-desk :is(.map-line,.map-perimeter){stroke:#7881b4;}
.home-page #covenant-desk .map-arrow{stroke:#1012c8;}
.home-page #covenant-desk .rights-diagram marker path{fill:#1012c8;}
.home-page #covenant-desk :is(a,article):focus-visible{outline-color:#1012c8;}
.home-page #covenant-desk .lens-choice:focus-visible{outline-color:#7889ff;}

@media(max-width:1100px){
 .home-page #covenant-desk .application-copy{column-gap:40px;}
 .home-page #covenant-desk .application-copy h2{font-size:clamp(38px,4.5vw,54px);}
 .home-page #covenant-desk .lens-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;}
 .home-page #covenant-desk .exhibit-question h3{font-size:30px;}
 .home-page #covenant-desk .exhibit-question p{font-size:14px;}
}
@media(max-width:760px){
 .home-page #covenant-desk{padding-block:54px;}
 .home-page #covenant-desk .application-layout{gap:36px;}
 .home-page #covenant-desk .application-copy{display:block;}
 .home-page #covenant-desk .application-copy h2{font-size:clamp(36px,8.8vw,52px);max-width:22ch;margin-bottom:22px;}
 .home-page #covenant-desk .application-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;margin:0 0 16px;}
 .home-page #covenant-desk .application-copy>.eyebrow{font-size:9px;margin-bottom:20px;}
 .home-page #covenant-desk .rights-exhibit{display:block;}
 .home-page #covenant-desk .exhibit-heading{gap:12px;align-items:flex-start;}
 .home-page #covenant-desk .exhibit-heading .small-label{font-size:9px;}
 .home-page #covenant-desk .exhibit-label{font-size:9px;max-width:17ch;}
 .home-page #covenant-desk .rights-exhibit>h2{font-size:clamp(31px,7.8vw,44px);margin:25px 0 14px;}
 .home-page #covenant-desk .exhibit-instruction{font-size:13px;text-align:left;margin-bottom:24px;}
 .home-page #covenant-desk .lens-choice{padding:14px 10px;min-height:78px;}
 .home-page #covenant-desk .lens-choice>span{font-size:9px;letter-spacing:0;}
 .home-page #covenant-desk .lens-choice strong{font-size:13px;}
 .home-page #covenant-desk .desk-choices{scroll-margin-top:90px;}
 .home-page #covenant-desk .desk-panels{padding-block:28px;}
 .home-page #covenant-desk .lens-panel{grid-template-columns:minmax(0,1fr);gap:24px;scroll-margin-top:90px;}
 .home-page #covenant-desk .rights-diagram{grid-column:1;grid-row:auto;max-height:none;}
 .home-page #covenant-desk .exhibit-question{grid-column:1;padding-top:22px;border-top:1px solid #c5c8dd;}
 .home-page #covenant-desk .exhibit-question h3{font-size:32px;max-width:100%;}
 .home-page #covenant-desk .exhibit-question p{font-size:14px;}
 .home-page #covenant-desk .lens-panel>.text-link{grid-column:1;margin:0;font-size:11px;}
 .home-page #covenant-desk .diagram-boundary{font-size:11px;}
}
@media(max-width:380px){
 .home-page #covenant-desk .lens-choice{padding-inline:7px;}
 .home-page #covenant-desk .lens-choice>span{font-size:8px;}
 .home-page #covenant-desk .lens-choice strong{font-size:12px;}
}
@media print{
 .home-page #covenant-desk{padding-block:24px;}
 .home-page #covenant-desk :is(.application-copy,.rights-exhibit,.lens-panel){display:block;}
 .home-page #covenant-desk .lens-panel[hidden]{display:none;}
 .home-page #covenant-desk .rights-diagram{max-height:260px;margin-block:20px;}
 .home-page #covenant-desk .lens-choice[aria-current="true"]{background:#fff;color:#1012c8;border-bottom:2px solid #1012c8;}
 .home-page #covenant-desk .lens-choice[aria-current="true"] :is(span,strong){color:#1012c8;}
}