/*
  Robert Juliat updated CSS document 2026
  designed by Mr Atif BUX

  Responsive UX Design for RJ websites
*/
/* --------------------------------------------------------------------------
   Shared Robert Juliat page chrome 
   Applied only to authorised public pages through .rj-site-chrome-2026.
   -------------------------------------------------------------------------- */
/* Manuals library — scoped to this page; shared chrome stays authoritative. */
.rj-manuals {font-family:"Montserrat",Arial,sans-serif;color:#343435;background:#fff;margin:0}
.pdf-page {padding:0}
.pdf-content {width:min(100% - 40px,965px);max-width:965px;margin:auto;padding:48px 0 0}
.pdf-content .row {margin:0!important}.pdf-content .col-lg-12 {padding:0}
.pdf-eyebrow {font-size:11px;font-weight:700;letter-spacing:1.6px;color:#9c0c54;margin:0 0 16px}
.pdf-title {color:#151515;font-size:40px;font-weight:600;line-height:1.2;margin:0 0 20px}
.pdf-title span {display:block;font-size:22px;font-style:italic;font-weight:400;color:#666;margin-top:8px}
.pdf-guide {font-size:15px;line-height:1.8;margin-bottom:18px}.pdf-guide em {font-size:13px;color:#666}
.pdf-updated {font-size:11px;color:#666;margin:0 0 26px}
.pdf-intro {border-left:3px solid #DA1884;background:#f8f9fa;margin-bottom:28px;padding:16px 20px}
.pdf-intro summary {cursor:pointer;font-size:13px;font-weight:600;line-height:1.7}.pdf-intro summary span {font-weight:400}
.pdf-safety {padding-top:16px}.pdf-intro .lead {font-size:13px;line-height:1.9;color:#343435!important;margin:0 0 16px}.pdf-intro .lead:last-child{margin-bottom:0}
.pdf-hero {background:#000;margin:0 0 32px}.pdf-hero picture{display:block}.pdf-hero img{display:block;width:100%;height:auto}
.pdf-search-row {display:flex;align-items:end;gap:14px}.pdf-search-row>div{flex:1;min-width:0}
.pdf-tools label {display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.pdf-tools input {width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:2px;padding:14px 16px;color:#151515;background:white;font:inherit;font-size:14px;min-height:48px}
.pdf-tools button {font:inherit;font-size:12px;cursor:pointer;border:1px solid #ccc;border-radius:2px;background:white;color:#343435;min-height:44px;padding:10px 14px}
.pdf-tools button:hover {border-color:#9c0c54;color:#9c0c54}.pdf-families {display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}
.pdf-families button[aria-pressed=true] {background:#1a000d;color:#fff;border-color:#1a000d;box-shadow:inset 0 -3px #DA1884}
.pdf-results-row {display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ddd;padding-bottom:16px}
.pdf-results-row p{font-size:12px;margin:0}.pdf-results-row button{border:0;padding-right:0;color:#9c0c54}
.pdf-product {border-bottom:1px solid #ddd;scroll-margin-top:24px}
.pdf-product summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;font-size:15px;line-height:1.6;color:#151515}
.pdf-product summary::-webkit-details-marker{display:none}.pdf-product summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.pdf-toggle {flex:0 0 12px;width:12px;height:12px;border-right:1px solid #343435;border-bottom:1px solid #343435;transform:rotate(45deg);margin-right:6px;margin-top:-6px}
.pdf-product[open] summary {color:#9c0c54}.pdf-product[open] .pdf-toggle {transform:rotate(225deg);margin-top:6px}
.pdf-downloads {display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;padding:4px 0 28px}
.pdf-download-group {min-width:0}.pdf-download-group h3 {font-size:12px;font-weight:600;line-height:1.8;margin:0 0 10px;color:#343435}
.pdf-download-group ul{list-style:none;padding:0;margin:0}.pdf-download-group li{border-top:1px solid #eee}
.pdf-download-group a {display:flex;align-items:baseline;gap:8px;line-height:1.8;font-size:13px;color:#151515;text-decoration:none;padding:12px 0;overflow-wrap:anywhere}
.pdf-download-group a:hover{color:#9c0c54;text-decoration:underline}.pdf-download-group i{color:#9c0c54;flex-shrink:0}
#pdf-empty{padding:24px 0;font-size:14px;line-height:1.8}
.pdf-page [hidden]{display:none!important}
.rj-manuals :is(button,input,summary,a):focus-visible {outline:2px solid #9c0c54;outline-offset:4px}
.pdf-skip {position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10000}.pdf-skip:focus{top:12px}
.rj-manuals .rj-bottom-breadcrumb{margin-top:48px}
.rj-manuals .rj-header-slogan {position:absolute;top:92px;right:8px;width:390px;margin:0;color:#666;text-align:right;font:700 12px/20px "Montserrat",Arial,sans-serif;letter-spacing:2px}
@media (min-width:761px) and (max-width:997px){.rj-manuals .rj-header-slogan{right:12px;font-size:10px}}
@media (min-width:761px) and (max-width:767px){.rj-manuals .rj-header-slogan{letter-spacing:.5px}}
@media(max-width:760px){.pdf-content{padding-top:32px}.pdf-title{font-size:30px}.pdf-title span{font-size:18px}.pdf-downloads{grid-template-columns:1fr;gap:22px}.pdf-search-row{align-items:stretch;flex-direction:column}.pdf-search-row>button{align-self:start}.pdf-product summary{font-size:14px}.pdf-intro{padding:14px}.rj-manuals .rj-header-slogan{top:113px;left:20px;right:20px;width:auto;text-align:center;font-size:clamp(10px,3vw,14px);line-height:20px;letter-spacing:1.4px}}
.rj-manuals #header {max-width:100%}
.rj-manuals #topnavWrap {height:auto;float:none;max-width:100%}
.rj-manuals #menu {z-index:20}
.rj-manuals #menu li:focus-within>ul {opacity:1;visibility:visible;margin:0}
.rj-manuals .flag-fr {display:block;width:35px;height:19px;border-radius:2px;background:linear-gradient(90deg,#002395 0 33.333%,#fff 33.333% 66.666%,#ed2939 66.666%);box-shadow:0 0 0 1px #ddd}
.rj-manuals .rj-footer-links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;max-width:880px;margin:0 auto;font-size:11px;line-height:24px;color:#fff}
.rj-manuals .rj-footer-links a {display:inline-flex;align-items:center;min-height:24px;padding:2px 4px;color:inherit;text-decoration:none}
.rj-manuals .rj-footer-links svg {width:15px;height:15px;fill:currentColor}
.rj-manuals #footerRJ01 #review {text-align:center;font-size:11px;padding-top:24px}
@media(min-width:761px){body.rj-manuals #topnavWrap{width:min(965px,100%)!important}body.rj-manuals #footerRJ01.rj-footer-2026{width:100%}}
@media(min-width:761px){.rj-manuals #menu>li:nth-last-child(2)>ul{left:auto;right:0}}

/* Full-width footer bands; keep links aligned to the content shell. */
body.rj-manuals #footerRJ01.rj-footer-2026 {width:100%;max-width:none;float:none;margin:0;}
body.rj-manuals #footerRJ01 #foot {max-width:965px;margin-inline:auto;box-sizing:border-box;}