/* CPR /info/ scoped article redesign v2 — November 2026.
   Only loaded into responses in /info/ by its local IIS outbound rule.
   Existing published ASP files, shared CSS, header and footer are untouched. */
:root{--ci-deep:#173729;--ci-forest:#1d4734;--ci-lime:#a8d66d;--ci-pale:#f1f8ec;--ci-line:#d4e4ce;--ci-type:#264b3b}
body.right-sidebar{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.65!important;color:var(--ci-type)!important;background:#171b18!important}
/* The old page banner is an empty spacer. */
body.right-sidebar #banner{display:none!important}
/* A separate, injected trust strip reproduces the approved site treatment. */
body.right-sidebar .cprinfo-trust{display:block!important;clear:both!important;background:#1c392a!important;border-top:4px solid #a6d967!important;border-bottom:4px solid #8fca40!important;color:#fff!important;padding:14px 20px!important;margin:0!important;box-sizing:border-box!important}
body.right-sidebar .cprinfo-trust *{box-sizing:border-box!important}
body.right-sidebar .cprinfo-trust-inner{width:100%!important;max-width:1170px!important;margin:0 auto!important;display:grid!important;grid-template-columns:240px repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
body.right-sidebar .cprinfo-trust-intro{padding:4px 6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.25!important}
body.right-sidebar .cprinfo-trust-intro small{font:800 12px/1.2 Arial,sans-serif!important;letter-spacing:1.5px!important;color:#aff05b!important;margin-bottom:6px!important}
body.right-sidebar .cprinfo-trust-intro strong{font:800 17px/1.25 Arial,sans-serif!important;color:white!important}
body.right-sidebar .cprinfo-trust-item{border:1px solid rgba(214,237,195,.20)!important;background:rgba(255,255,255,.085)!important;border-radius:7px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;box-shadow:none!important}
body.right-sidebar .cprinfo-trust-tick{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#a8df64!important;color:#103724!important;font:900 20px/1 Arial,sans-serif!important;flex:0 0 29px!important;width:29px!important;height:29px!important}
body.right-sidebar .cprinfo-trust-copy{display:block!important;min-width:0!important;color:#fff!important;font:400 12px/1.28 Arial,sans-serif!important}
body.right-sidebar .cprinfo-trust-copy b{display:block!important;font:800 14px/1.23 Arial,sans-serif!important;color:#fff!important}
body.right-sidebar #page{clear:both!important;min-height:0!important;background:linear-gradient(180deg,#f1f8ec 0%,#fff 470px)!important;padding:38px 20px 65px!important;margin:0!important}
/* Override the old Skel percentage and float grid only inside these article pages. */
body.right-sidebar #page #main.container{display:block!important;box-sizing:border-box!important;max-width:1340px!important;width:100%!important;margin:0 auto!important;padding:0!important;float:none!important;position:relative!important}
body.right-sidebar #page #main > .row{display:grid!important;grid-template-columns:minmax(0, 1fr) 280px!important;gap:24px!important;align-items:start!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
body.right-sidebar #page #main > .row:before,body.right-sidebar #page #main > .row:after{content:none!important;display:none!important}
body.right-sidebar #page #main > .row > [class~="9u"],body.right-sidebar #page #main > .row > [class~="3u"]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;clear:none!important;position:static!important;grid-column:auto!important}
body.right-sidebar #page #main > .row > [class~="9u"]{grid-column:1!important}
body.right-sidebar #page #main > .row > [class~="3u"]{grid-column:2!important}
body.right-sidebar #main [class~="9u"] > section{background:#fff!important;border:1px solid var(--ci-line)!important;box-shadow:0 7px 25px rgba(17,55,32,.06)!important;border-radius:14px!important;padding:34px 37px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;overflow-wrap:anywhere!important}
body.right-sidebar #main [class~="9u"] > section > header{margin:0 0 21px!important;padding:0 0 20px!important;border-bottom:1px solid var(--ci-line)!important;background:none!important}
body.right-sidebar #main [class~="9u"] > section > header > div[style]{margin:0!important;padding:0!important;position:static!important}
body.right-sidebar #main [class~="9u"] > section > header .pad_bot1{margin:0 0 14px!important;padding:0!important}
body.right-sidebar #main [class~="9u"] > section > header .pad_bot1 br{display:none!important}
body.right-sidebar #main [class~="9u"] h1{font:800 clamp(28px,2.6vw,39px)/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-.5px!important;color:#19422e!important;text-transform:none!important;margin:4px 0 13px!important}
body.right-sidebar #main [class~="9u"] h2{font:800 clamp(21px,2vw,26px)/1.25 Arial,Helvetica,sans-serif!important;color:#214a35!important;text-transform:none!important;margin:27px 0 11px!important}
body.right-sidebar #main [class~="9u"] h3{font:800 19px/1.3 Arial,Helvetica,sans-serif!important;color:#214a35!important;text-transform:none!important;margin:21px 0 10px!important}
body.right-sidebar #main [class~="9u"] .byline{font:400 15px/1.55 Arial,sans-serif!important;color:#55705f!important;letter-spacing:0!important;margin:0!important}
body.right-sidebar #main [class~="9u"] p,body.right-sidebar #main [class~="9u"] li{font:400 16px/1.73 Arial,Helvetica,sans-serif!important;color:#294839!important;letter-spacing:0!important}
body.right-sidebar #main [class~="9u"] p{margin:0 0 18px!important;padding:0!important}
body.right-sidebar #main [class~="9u"] a:not(.button){color:#117c36!important;text-decoration:underline!important;text-underline-offset:2px!important}
body.right-sidebar #main [class~="9u"] a.button{display:inline-block!important;background:#087e36!important;color:#fff!important;border:1px solid #087e36!important;border-radius:7px!important;font:800 15px/1.3 Arial,sans-serif!important;padding:13px 22px!important;text-decoration:none!important;box-shadow:none!important;height:auto!important}
body.right-sidebar #main [class~="9u"] img{max-width:100%!important;height:auto!important;border-radius:9px!important}
body.right-sidebar #main [class~="9u"] img[style*="float:left"]{float:left!important;max-width:min(42%,320px)!important;margin:6px 20px 14px 0!important;object-fit:cover!important}
/* Sidebar's pre-existing photo, call-to-action graphic and dynamic review include. */
body.right-sidebar #main [class~="3u"]{font-family:Arial,Helvetica,sans-serif!important}
body.right-sidebar #main [class~="3u"] > section.sidebar,body.right-sidebar #main [class~="3u"] > .sidebar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;background:#fff!important;border:1px solid var(--ci-line)!important;border-radius:13px!important;padding:18px!important;margin:0 0 16px!important;box-shadow:0 5px 16px rgba(20,55,37,.05)!important;overflow:hidden!important}
body.right-sidebar #main [class~="3u"] .sidebar header{margin:0 0 13px!important;padding:0!important;border:0!important;background:none!important}
body.right-sidebar #main [class~="3u"] .sidebar header h2{font:800 19px/1.26 Arial,Helvetica,sans-serif!important;color:#19452e!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
body.right-sidebar #main [class~="3u"] .sidebar ul{list-style:none!important;padding:0!important;margin:0!important}
body.right-sidebar #main [class~="3u"] .sidebar li{padding:0!important;margin:0!important;list-style:none!important}
body.right-sidebar #main [class~="3u"] .sidebar img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;margin:0!important;border-radius:8px!important;float:none!important}
body.right-sidebar #main [class~="3u"] .sidebar img[src*="computer-recycling-services"]{max-height:180px!important;object-fit:cover!important}
body.right-sidebar #main [class~="3u"] .sidebar img[src*="callbox"]{width:100%!important;max-height:215px!important;object-fit:cover!important;object-position:center!important}
body.right-sidebar #main [class~="3u"] .sidebar header:empty,body.right-sidebar #main [class~="3u"] .sidebar header:has(> br:only-child){display:none!important}
/* Normalize the review widget without interfering with its changing server-side text. */
body.right-sidebar #main [class~="3u"] section,body.right-sidebar #main [class~="3u"] div{box-sizing:border-box!important;max-width:100%!important}
body.right-sidebar #main [class~="3u"] p,body.right-sidebar #main [class~="3u"] li{font:400 14px/1.5 Arial,Helvetica,sans-serif!important;color:#284c38!important}
body.right-sidebar #main [class~="3u"] img[src*="star"],body.right-sidebar #main [class~="3u"] img[src*="Star"]{display:inline-block!important;width:auto!important;max-width:20px!important;max-height:20px!important;height:auto!important;vertical-align:middle!important}
body.right-sidebar #main [class~="3u"] a.button{display:inline-block!important;background:#0e8039!important;color:#fff!important;padding:9px 12px!important;border-radius:5px!important;font:700 13px/1.3 Arial,sans-serif!important}
body.right-sidebar #page a:focus-visible{outline:3px solid #78bb42!important;outline-offset:3px!important}
@media (max-width:1000px){
 body.right-sidebar .cprinfo-trust-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.right-sidebar .cprinfo-trust-intro{grid-column:1/-1!important}
 body.right-sidebar #page #main > .row{grid-template-columns:minmax(0,1fr) 250px!important;gap:18px!important}
 body.right-sidebar #main [class~="9u"] > section{padding:27px 25px!important}
}
@media (max-width:740px){
 body.right-sidebar .cprinfo-trust{padding:12px!important}
 body.right-sidebar .cprinfo-trust-inner{grid-template-columns:1fr!important;gap:8px!important}
 body.right-sidebar .cprinfo-trust-intro{grid-column:auto!important}
 body.right-sidebar .cprinfo-trust-item{padding:8px 10px!important}
 body.right-sidebar #page{padding:20px 12px 44px!important}
 body.right-sidebar #page #main > .row{grid-template-columns:minmax(0,1fr)!important;gap:17px!important}
 body.right-sidebar #page #main > .row > [class~="9u"],body.right-sidebar #page #main > .row > [class~="3u"]{grid-column:1!important}
 body.right-sidebar #main [class~="9u"] > section{padding:23px 18px!important}
 body.right-sidebar #main [class~="9u"] img[style*="float:left"]{float:none!important;max-width:100%!important;display:block!important;margin:10px auto 16px!important}
}




/* V11: valid selectors for legacy 9u/3u grid classes. The old ".9u" and
   ".3u" selectors were INVALID CSS, so previous !important rules did nothing. */
body.right-sidebar #page{padding:30px 20px 60px!important;}
body.right-sidebar #page #main.container{
  max-width:1180px!important;
  width:calc(100% - 80px)!important;
  margin:0 auto!important;
  left:auto!important;
  position:relative!important;
}
body.right-sidebar #page #main > .row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  column-gap:20px!important;
  row-gap:22px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
}
body.right-sidebar #page #main > .row > [class~="9u"],
body.right-sidebar #page #main > .row > [class~="3u"]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  left:auto!important;
}
body.right-sidebar #page #main > .row > [class~="9u"]{grid-column:1!important;}
body.right-sidebar #page #main > .row > [class~="3u"]{grid-column:2!important;}
body.right-sidebar #page #main > .row > [class~="9u"] > section{
  width:100%!important;min-width:0!important;max-width:none!important;
  padding:22px 24px!important;
  box-sizing:border-box!important;
}
body.right-sidebar #page #main > .row > [class~="9u"] > section > p,
body.right-sidebar #page #main > .row > [class~="9u"] > section > header,
body.right-sidebar #page #main > .row > [class~="9u"] > section > div{
  width:100%!important;max-width:none!important;min-width:0!important;
  float:none!important;box-sizing:border-box!important;
}
body.right-sidebar #page #main > .row > [class~="9u"] > section > header > div[style]{
  margin:0 0 15px!important;padding:0!important;position:static!important;
}
body.right-sidebar #page #main > .row > [class~="9u"] > section > header > div[style] p{
  margin:0!important;padding:0!important;
}
body.right-sidebar #page #main > .row > [class~="9u"] > section > header > div[style] br{display:none!important;}
body.right-sidebar #page #main > .row > [class~="3u"] > section.sidebar,
body.right-sidebar #page #main > .row > [class~="3u"] > .sidebar{
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 18px!important;padding:15px!important;box-sizing:border-box!important;
}
body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img{
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
  object-fit:contain!important;float:none!important;
}
body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img[src*="callbox"]{
  width:100%!important;max-height:none!important;object-fit:contain!important;
}
body.right-sidebar #page #main > .row > [class~="3u"] section,
body.right-sidebar #page #main > .row > [class~="3u"] div,
body.right-sidebar #page #main > .row > [class~="3u"] ul,
body.right-sidebar #page #main > .row > [class~="3u"] li{
  max-width:100%!important;box-sizing:border-box!important;
}
body.right-sidebar .cprinfo-trust{padding:7px 14px!important;}
body.right-sidebar .cprinfo-trust-inner{max-width:1160px!important;grid-template-columns:225px repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:center!important;}
body.right-sidebar .cprinfo-trust-intro{min-height:57px!important;padding:2px 5px!important;}
body.right-sidebar .cprinfo-trust-intro small{font-size:11px!important;line-height:1.15!important;margin:0 0 5px!important;}
body.right-sidebar .cprinfo-trust-intro strong{font-size:15px!important;line-height:1.2!important;}
body.right-sidebar .cprinfo-trust-item{padding:8px 10px!important;min-height:58px!important;}
body.right-sidebar .cprinfo-trust-copy b{font-size:12px!important;}
body.right-sidebar .cprinfo-trust-copy{font-size:11px!important;}
body.right-sidebar #footer p,body.right-sidebar #footer li,body.right-sidebar #footer a,body.right-sidebar #footer span,
body.right-sidebar #copyright p,body.right-sidebar #copyright li,body.right-sidebar #copyright a,
body.right-sidebar #footer-wrapper p,body.right-sidebar #footer-wrapper li,body.right-sidebar #footer-wrapper a{font-size:12px!important;}
body.right-sidebar #footer,body.right-sidebar #footer-wrapper,body.right-sidebar #copyright,body.right-sidebar #copyright-wrapper{background-color:#171b18!important;}
@media(min-width:741px) and (max-width:1000px){
  body.right-sidebar #page #main.container{width:100%!important;}
  body.right-sidebar #page #main > .row{grid-template-columns:minmax(0,1fr) 235px!important;gap:16px!important;}
  body.right-sidebar .cprinfo-trust-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.right-sidebar .cprinfo-trust-intro{grid-column:1/-1!important;}
}
@media(max-width:740px){
  body.right-sidebar #page{padding:20px 12px 44px!important;}
  body.right-sidebar #page #main.container{width:100%!important;max-width:none!important;left:auto!important;}
  body.right-sidebar #page #main > .row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
  body.right-sidebar #page #main > .row > [class~="9u"],
  body.right-sidebar #page #main > .row > [class~="3u"]{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-column:1!important;float:none!important;margin:0!important;padding:0!important;
  }
  body.right-sidebar #page #main > .row > [class~="9u"] > section{padding:20px 16px!important;}
  body.right-sidebar #page #main > .row > [class~="3u"] > section.sidebar,
  body.right-sidebar #page #main > .row > [class~="3u"] > .sidebar{width:100%!important;padding:14px!important;}
  body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img:not([src*="star"]):not([src*="Star"]){width:100%!important;max-width:100%!important;height:auto!important;}
  body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img[src*="star"],
  body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img[src*="Star"]{width:auto!important;max-width:20px!important;}
  body.right-sidebar .cprinfo-trust-inner{grid-template-columns:1fr!important;}
  body.right-sidebar .cprinfo-trust-intro{grid-column:1!important;}
}


/* V12 – review stars: override the generic sidebar image display:block rule.
   Keep ONLY the star icons inline, leaving the full-width photos untouched. */
body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img[src*="star" i],
body.right-sidebar #page #main > .row > [class~="3u"] img[src*="star" i] {
    display:inline-block !important;
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    max-height:18px !important;
    margin:0 2px 0 0 !important;
    padding:0 !important;
    float:none !important;
    vertical-align:middle !important;
    object-fit:contain !important;
    border-radius:0 !important;
}
/* Avoid unexpected inline gaps if the review widget uses star wrappers. */
body.right-sidebar #page #main > .row > [class~="3u"] .sidebar img[src*="star" i] + img[src*="star" i] {
    margin-left:1px !important;
}