/* Tablets and phones, portrait and landscape (21 October 2026). A layer over original.css:
   desktop keeps the original geometry, except the writings template, which now reads larger.
   - Phones in portrait (< 600px): the navigation folds into a drawer behind the ant, the rail's emblem.
   - Tablets and phones in landscape keep the whole original navigation beside the content.
   - Fixed compositions (artworks, ported Flash movies) wider than the screen are scaled down whole by
     responsive.js. A document that reflows instead sets --rs-fit:none.
   - The writings template reflows: two columns when there is room, one column below 760px. */

.rs-bar{display:none}

/* ---- Phones in portrait: the ant opens the original navigation as a drawer ---- */
@media (max-width:599px) and (scripting:enabled){
  .rs-bar{display:block!important;position:fixed;inset:0 0 auto 0;height:40px;background:#000;z-index:40}
  .restored-site .rs-ant{display:block;width:60px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:#000;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}
  .rs-ant img{display:block;width:60px;height:21px;margin:10px 0 9px}
  .rs-ant .rs-ant-open,html.rs-nav-open .rs-ant .rs-ant-rest{display:none}
  .rs-ant:hover .rs-ant-rest,.rs-ant:focus-visible .rs-ant-rest{display:none}
  .rs-ant:hover .rs-ant-open,.rs-ant:focus-visible .rs-ant-open,html.rs-nav-open .rs-ant .rs-ant-open{display:block}
  .restored-site .rs-ant:focus-visible{outline:1px dotted #ff6600;outline-offset:-3px}
  body.restored-site{--navigation-width:0px!important}
  /* The page itself never scrolls (an anchor would slide its heading under the bar): only #content does,
     in the room left below the bar. Not position:fixed, which would trap a frameset menu panel below the scrim. */
  body.restored-site{padding-top:40px;box-sizing:border-box}
  .restored-site #content.original-main{margin:0;height:100%}
  /* The header navigation, a navigation panel of a former frameset, or a rail moved out of the page. */
  .original-navigation,.original-layout>.original-panel[data-panel-name="nav"],.rs-drawer{position:fixed!important;left:0;top:40px!important;bottom:0;height:auto!important;z-index:35;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease-out,visibility 0s linear .2s}
  .original-layout>.original-panel[data-panel-name="nav"]{width:var(--rs-nav-width,170px)!important;contain:none;background:linear-gradient(to right,#000 0 60px,#fff 60px)}
  .original-layout:has(>.original-panel[data-panel-name="nav"]){grid-template-columns:minmax(0,1fr)!important}
  .rs-drawer{width:60px;background:#000}
  /* Labels the desktop let spill over the page ("Tarek Chemaly 2009") stay whole inside the drawer. */
  .original-navigation{width:max-content!important;min-width:var(--rs-nav-width,60px);box-sizing:border-box}
  .original-navigation:not(:has(>.standalone-navigation)){padding-right:10px}
  html.rs-nav-open :is(.original-navigation,.original-layout>.original-panel[data-panel-name="nav"],.rs-drawer){transform:none;visibility:visible;transition:transform .2s ease-out;box-shadow:2px 0 10px rgba(0,0,0,.35)}
  html.rs-nav-open body::after{content:"";position:fixed;inset:40px 0 0 0;z-index:34;background:rgba(0,0,0,.3)}
  /* The 87px black lead above the emblem shortens: the ant bar already gives the rail its head. */
  :is(.original-navigation,.original-panel[data-panel-name="nav"]) img[src$="spacer.gif"][height="87"]{height:20px!important}
  :is(.original-navigation,.original-panel[data-panel-name="nav"]) img[src$="spacer.gif"][height="140"]{height:73px!important}
  .standalone-navigation{padding-top:20px}
  .rs-embedded-rail{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .original-navigation,.original-panel[data-panel-name="nav"],.rs-drawer{transition:none!important}
}

/* ---- Phones in landscape: the rail and submenu stay, with shorter leads so every item fits ---- */
@media (orientation:landscape) and (max-height:500px) and (min-width:600px){
  :is(.original-navigation,.original-panel[data-panel-name="nav"]) img[src$="spacer.gif"][height="87"]{height:12px!important}
  :is(.original-navigation,.original-panel[data-panel-name="nav"]) img[src$="spacer.gif"][height="140"]{height:65px!important}
  .standalone-navigation{padding-top:12px}
  .original-navigation{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
}

/* Issue 011's legacy tables can extend past its fitted phone layout. */
@media (max-width:699px){
  #content .original-document.rs-fit[data-original-source="/eNews/011.html"]{overflow-x:clip}
}

/* ---- Galleries and panoramas on small screens (responsive.js marks them rs-pano): they keep their size and
   scroll sideways, as on desktop; a row of several works stops gently on each one ---- */
:is(#content,.original-panel):has(>.rs-pano){overscroll-behavior-x:contain}
:is(#content,.original-panel):has(>.rs-pano-snap){scroll-snap-type:x proximity}
.rs-pano-snap img:not([src$="spacer.gif"]){scroll-snap-align:center}

/* ---- On upright phones, a movie that would shrink past use keeps a least size and slides sideways
   (responsive.js): in its box when the page reflows, with its page otherwise. The conflicts timeline at 39% had
   10x8px buttons and 4px text; the others were drawn at 26-49% (fit_audit.cjs, 25 October 2026) ---- */
.original-document:has(>.conflicts-timeline,>.rs-stage>.conflicts-timeline){--rs-fit:none}
@media (max-width:599px){
  .conflicts-timeline,
  :is([data-ported="vp-main"],[data-ported="vp-vol1"],[data-ported="vp-biography"],[data-ported="vp-thankyou"],
    [data-ported="module:vp-contact"],[data-ported="module:vp-newsletter"],[data-ported="module:activity-map"],
    [data-ported="module:map6"],[data-ported="module:letter-walk"],[data-ported="module:nama-web3"],
    [data-ported="projects-chain"]){--rs-min-scale:.8}
}
.rs-stage-scroll{overscroll-behavior-x:contain}

/* ---- Former framesets on narrow screens: side-by-side panels stack, each with room to scroll ---- */
@media (max-width:599px){
  #content .original-layout[style*="grid-template-columns"]:not(:has(>.original-panel[data-panel-name="nav"])){display:flex;flex-direction:column;height:auto;min-height:100%;overflow:visible}
  #content .original-layout[style*="grid-template-columns"]:not(:has(>.original-panel[data-panel-name="nav"]))>.original-panel{height:auto;min-height:60dvh;contain:none;overflow:visible!important}
}

/* ---- Writings: one reading template for the shared Dreamweaver layout (maintable / hd / content) ---- */
#content .original-document:is([data-original-source^="/Writings/"],[data-original-source^="/Artworks/Jayce_Salloum/"]):has(.maintable .content){
  --rs-fit:none;container:reading/inline-size;margin-left:auto!important;margin-right:auto!important;padding:0 2%;box-sizing:border-box;width:100%;max-width:none
}
@container reading (min-width:0px){
  #content .maintable{width:min(800px,100%)!important}
  #content .maintable .hd{padding:16px 24px 14px 120px}
  #content .maintable .titlemain h1{font-size:17px!important;line-height:1.35!important;letter-spacing:2px;padding-right:20px}
  #content .maintable .author h2{font-size:13px!important;line-height:1.5}
  #content .maintable :is(.hddet,.hddetp){font-size:12.5px;line-height:1.6;padding-top:14px}
  #content .maintable .cp{font-size:11px}
  #content .maintable .authordesc{font-size:12.5px;line-height:1.65;padding:14px 32px 4px 28px}
  #content .maintable :is(.content,.contentp){font-size:14px!important;line-height:1.75!important;padding:18px 32px 20px 28px;overflow-wrap:break-word}
  #content .maintable .contentp{padding:28px 40px}
  #content .maintable :is(.content,.contentp) :is(p,li,blockquote,div,span,td,th,em,strong,b,i){font-size:inherit;line-height:inherit}
  #content .maintable :is(.content,.contentp) p{margin:0 0 1.05em}
  #content .maintable :is(.content,.contentp) a{font-size:.92em!important}
  #content .maintable :is(.content,.contentp) img{max-width:100%;height:auto!important}
  #content .maintable :is(.content,.contentp) img[src$="spacer.gif"]{height:auto!important}
  #content .maintable .sign{font-size:12.5px;line-height:1.6;padding:6px 32px 10px 28px}
  #content .maintable .sign .extra{font-size:inherit}
  #content .maintable .title{font-size:13px!important;line-height:1.5;padding:7px 12px}
  #content .maintable :is(.titlesub,.titlesub2,.titlesubsub){font-size:13.5px!important;line-height:1.6!important;padding-top:4px;margin-top:1.4em}
  #content .maintable .sections,#content .maintable .sectionstit{font-size:12px}
  #content .maintable :is(.tblcnt,.tblcnt2,.tblttp,.tblcntp){font-size:12px!important;line-height:1.45}
  #content .maintable :is(.tblcnt,.tblcnt2) a{font-size:12px!important;padding-top:2px;padding-bottom:2px}
  #content .maintable .tblcnt td{padding-top:3px;padding-bottom:3px}
  #content .maintable .tabnotes{font-size:12px!important;line-height:1.6!important}
  #content .maintable .tabnotes a{font-size:11px!important}
  #content .maintable :is(.tabextra1,.tabextra2,#tableextra){font-size:12px}
  #content .maintable .cp11{font-size:10px;line-height:15px;padding:3px 0}
}
/* Two columns: the sections list stays in view (responsive.js). A copy in each free stretch of the left column
   sticks to the top until the notes or the next title push it away; the current section is lit as on hover. */
#content .maintable .rs-toc-layer{position:relative;height:0}
#content .maintable .rs-toc-track{position:absolute;left:0;right:0;pointer-events:none}
#content .maintable .rs-toc-first:not(.rs-toc-shown){visibility:hidden}
#content .maintable .rs-toc{position:sticky;top:0;display:flex;flex-direction:column;box-sizing:border-box;padding:8px 0;background:#fff;pointer-events:auto}
#content .maintable .rs-toc-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#content .maintable .rs-toc-back{align-self:flex-end;padding:8px 6px 0;line-height:0}
#content .maintable .sidebartop a.rs-toc-current{color:#fff;background-color:#006699}
@media print{#content .maintable .rs-toc-layer{display:none}}
/* One column: the table becomes a sequence of blocks, contents first, the empty side cells dropped. */
@container reading (max-width:759.98px){
  #content .maintable .rs-toc-layer{display:none}
  #content .maintable,#content .maintable>tbody,#content .maintable>tbody>tr,#content .maintable>tbody>tr>td{display:block;width:auto!important;box-sizing:border-box}
  #content .maintable{width:100%!important}
  #content .maintable .hd{padding:14px 16px 12px}
  #content .maintable .titlemain h1{padding-right:0}
  #content .maintable .author h2{padding:0}
  #content .maintable>tbody>tr>td:is(.sidebartop,.sidebarsectop,.sidebarsecbot,.sidebarbot,.top):not(:has(a[href]:not([href="#top"]),table table,img:not([src$="spacer.gif"]):not(.top))){display:none}
  #content .maintable>tbody>tr>td.top:has(img.top){padding:0 16px;text-align:right}
  #content .maintable>tbody>tr>td:is(.sidebartop,.sidebarsectop,.sidebarsecbot,.sidebarbot){background-image:none;border:0;padding:6px 16px}
  #content .maintable>tbody>tr>td:is(.sidebartop,.sidebarsectop,.sidebarsecbot,.sidebarbot) img[src$="spacer.gif"]{display:none}
  #content .maintable>tbody>tr>td:is(.sidebartop,.sidebarsectop,.sidebarsecbot,.sidebarbot)>table{width:100%!important}
  #content .maintable :is(.hddet,.hddetp){padding:12px 16px 0}
  #content .maintable td:has(>table .cp){padding:4px 16px 0}
  #content .maintable .authordesc{padding:12px 16px 4px}
  #content .maintable :is(.content,.contentp){padding:14px 16px 18px}
  #content .maintable .sign{padding:6px 16px 10px}
  #content .maintable .title{text-align:left}
  #content .maintable :is(.content,.contentp) :is(table,pre){display:block;max-width:100%;width:auto!important;overflow-x:auto}
  #content .maintable img:not([src$="spacer.gif"]){max-width:100%;height:auto!important}
  #content .maintable>tbody>tr>td table[width]:not([width$="%"]){width:100%!important}
  #content .maintable>tbody>tr>td :is(td,th)[width]:not([width$="%"]){width:auto!important}
  #content .maintable>tbody>tr>td{overflow-wrap:anywhere}
  #content .maintable :is(.content,.contentp) pre{white-space:pre-wrap}
  #content .maintable td.cp11:has(.sidebar){display:none}
  #content .maintable td:has(>.tabnotes),#content .maintable .tabnotes{box-sizing:border-box}
}
@media (max-width:599px){
  #content .original-document:is([data-original-source^="/Writings/"],[data-original-source^="/Artworks/Jayce_Salloum/"]):has(.maintable .content){padding:0}
}
@container reading (max-width:480px){
  #content .maintable :is(.content,.contentp){font-size:15px!important;line-height:1.65!important}
  #content .maintable .titlemain h1{font-size:16px!important;letter-spacing:1px}
  /* No hyphenation (French and English share one page language), so justified lines would gape. */
  #content .maintable :is(.content,.contentp) :is([align=justify i],[style*=justify i]){text-align:left!important}
}

/* ---- Writings and Artworks catalogues: on phones the entries reflow beside their ASCII type column ---- */
@media (max-width:599px){
  /* The ASCII rules (o-----////()/---[…]---¬) may wrap, even inside their long dash runs. */
  #content .linea{white-space:normal!important;overflow-wrap:anywhere}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]){--rs-fit:none;margin-top:14px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"])>table{width:100%!important;border-spacing:0 14px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) td table[width]{width:100%!important}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) td:has(>table[width]){padding-right:12px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) td.linea{white-space:normal;padding:0 8px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) .type{font-size:10px;padding-left:6px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) .type img{max-width:84px;height:auto!important;width:auto!important}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) .titles{font-size:12.5px;letter-spacing:1px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) :is(.author,td:not(.type)){font-size:12px;line-height:1.45}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) .author{padding-left:3px}
  #content .original-document:is([data-original-source="/Writings/listing/writings.php"],[data-original-source="/Artworks/artworks.php"]) .desc{font-size:12.5px;line-height:1.5;letter-spacing:.3px}
}

/* ---- Writings outside the shared template (Documents, some theses, Quantum City…): their own fluid
   layouts, read at a larger zoom in a bounded column; on phones they reflow rather than shrink ---- */
#content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)){
  --rs-fit:none;zoom:1.2;max-width:660px;margin-left:auto!important;margin-right:auto!important;padding:0 16px;box-sizing:border-box
}
#content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)) :is(img,table){max-width:100%!important;height:auto!important}
#content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)){overflow-wrap:anywhere}
@media (max-width:599px){
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)){zoom:1.25;padding:0 10px}
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)) table[width]{width:100%!important}
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)){overflow-wrap:anywhere}
  /* Their layout tables stack into one column; the two data tables (Chadi Romanos) scroll inside themselves. */
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)):not(:is([data-original-source$="/chadi_romanos/table1.php"],[data-original-source$="/chadi_romanos/table2.php"],[data-original-source="/Writings/Documents/UN_resolutions.php"])) :is(table,tbody,tr,td,th){display:block;width:auto!important;height:auto!important;white-space:normal}
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)):not(:is([data-original-source$="/chadi_romanos/table1.php"],[data-original-source$="/chadi_romanos/table2.php"],[data-original-source="/Writings/Documents/UN_resolutions.php"])) td:not(:has(table)){padding-left:6px;padding-right:6px}
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)):is([data-original-source$="/chadi_romanos/table1.php"],[data-original-source$="/chadi_romanos/table2.php"],[data-original-source="/Writings/Documents/UN_resolutions.php"]){overflow-wrap:normal}
  #content .original-document:is([data-original-source^="/Writings/Documents/"],[data-original-source^="/Writings/Excerpts/"],[data-original-source^="/Writings/Essays_Research/chadi_romanos/"],[data-original-source^="/Writings/Essays_Research/are_knudsen/"],[data-original-source^="/Writings/Essays_Research/chirine_abou_chakra/"],[data-original-source^="/Writings/Essays_Research/ashraf_osman/"],[data-original-source^="/Writings/Essays_Research/ARCHIVES/"]):not(:has(.maintable .content)):is([data-original-source$="/chadi_romanos/table1.php"],[data-original-source$="/chadi_romanos/table2.php"],[data-original-source="/Writings/Documents/UN_resolutions.php"])>table{display:block;overflow-x:auto;width:auto!important}
}

/* ---- Forms stay full size on phones: the page reflows around them, its movie scales alone ---- */
@media (max-width:599px){
  #content .original-document[data-original-source="/about/contact.php"]{--rs-fit:none;padding:0 10px;display:flex;flex-direction:column;height:auto}
  #content .original-document[data-original-source="/about/contact.php"]>*{flex:none}
  #content .original-document[data-original-source="/about/contact.php"] #letterwalk{order:1}
  #content .original-document[data-original-source="/about/contact.php"] #info{position:static!important;width:auto!important;height:auto!important}
  #content .original-document[data-original-source="/about/contact.php"] #info :is(table,tbody,tr,td){display:block;width:auto}
  #content .original-document[data-original-source="/about/contact.php"] #info td{white-space:normal;overflow-wrap:anywhere;text-align:left}
  #content .original-document[data-original-source="/about/contact.php"] #info img[src$="spacer.gif"]{display:none}
  #content .original-document[data-original-source="/about/contact.php"] #info td:has(>img[src$="spacer.gif"]){height:14px}
  #content .original-document[data-original-source="/about/contact.php"] #info td.soul{margin:6px 0 12px}
  #content .original-document[data-original-source="/about/contact.php"] #letterwalk{position:static!important;width:auto!important;height:auto!important;margin:24px 0 0}
}

/* ---- Letters: the letter itself reads larger; on phones the layers stack (author, list, letter) ---- */
#content .original-document[data-original-source="/Writings/Letters/letters.php"] .contenu2{font-size:13px;line-height:1.65;padding:10px 14px}
#content .original-document[data-original-source="/Writings/Letters/letters.php"] .contenu2 :is(p,div,span,td){font-size:inherit;line-height:inherit}
#content .original-document[data-original-source="/Writings/Letters/letters.php"] .auteur{font-size:12px;padding:3px 0}
#content .original-document[data-original-source="/Writings/Letters/letters.php"] .sign{font-size:11px}
@media (max-width:599px){
  #content .original-document[data-original-source="/Writings/Letters/letters.php"]{--rs-fit:none;display:flex;flex-direction:column;gap:10px;padding:10px 10px 24px;height:auto;min-height:100%;box-sizing:border-box}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"]>*{flex:none}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] :is(#mainlayer,#namesarea,#listingcnt,#memorcnt,#listing){position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #mainlayer{order:0}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #mainlayer table{width:100%!important}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #mainlayer td.cadre{display:none}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #listing{order:1}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #listing select{font-size:16px;max-width:100%}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #namesarea{order:2;max-height:34dvh;overflow-y:auto!important;border:1px solid #555}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] .names a{font-size:12px!important;line-height:1.4;padding:5px 4px}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #memorcnt{order:3}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] #memorcnt td[width="1%"]{display:none}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] .contenu2{font-size:15px;line-height:1.6}
  #content .original-document[data-original-source="/Writings/Letters/letters.php"] :is(#namesscr,#helpbut,#helpinfo,#topp,#bott){display:none!important}
}

@media print{.rs-bar,.rs-drawer{display:none!important}}

/* The Visual Politics submission form reflows wherever its 900px layout would not fit. */
@media (max-width:1023px){
  .original-submission{width:auto;font-size:13px}
  .original-submission>.submission-column{margin-left:0;width:auto}
  .original-submission .submission-introduction{display:block}
  .original-submission .submission-introduction>img{display:block;max-width:100%}
  .original-submission .submission-introduction>div{padding:16px 14px 10px}
  .original-submission .submission-fields{padding:8px 14px 16px}
  .restored-site .original-submission .submission-fields h3{margin:16px 0 10px}
  .original-submission .submission-field{display:block;margin:10px 0}
  .original-submission .submission-field>span{display:block;width:auto;text-align:left;margin-bottom:3px}
  .restored-site .original-submission .submission-field :is(input:not([type=radio]),textarea){width:100%;height:auto;font-size:16px;padding:4px}
  .original-submission .submission-field>div label{display:inline-block;margin:2px 12px 2px 0}
  .original-submission :is(.submission-upload,.submission-send){display:block;padding:12px 14px}
  .original-submission .submission-upload>p{width:auto;padding-top:0}
  .original-submission .submission-upload>div{width:auto;height:auto;padding-bottom:10px}
  .original-submission .submission-upload input{max-width:calc(100% - 20px)}
  .original-submission .submission-send>label{display:block;width:auto;margin-bottom:14px}
}