/* ONE STOP SUSTAINABILITY — original request panel restored, v2.2
   Source: the first website's styles.css.
   Scope is limited to this panel; styles-v21.css is unchanged.
   Original rotation angles, 5-second movement, -8px travel and offsets retained. */
.oss-original-requests {
  --forest:#123a2d;
  --lime:#c9f277;
  --shadow:0 24px 70px rgba(16,37,30,.12);
  color:#10251e;
  line-height:1.55;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  width:100%;
  min-width:0;
}
.oss-original-requests{position:relative;min-height:565px;border-radius:42px;background:var(--forest);padding:42px 30px;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.oss-original-requests .stage-label{color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:18px}.oss-original-requests .request-card{position:relative;background:rgba(255,255,255,.95);border-radius:18px;padding:18px 18px 15px;margin-bottom:13px;box-shadow:0 15px 30px rgba(0,0,0,.13);z-index:2;transform-origin:center;animation:oss-request-float-v22 5s ease-in-out infinite}.oss-original-requests .request-card strong{display:block;font-size:15px;margin:10px 0 4px}.oss-original-requests .request-card p{font-size:12px;color:#708078;margin:0}.oss-original-requests .rc-1{transform:rotate(-1.7deg)}.oss-original-requests .rc-2{margin-left:27px;transform:rotate(1.4deg);animation-delay:-1.8s}.oss-original-requests .rc-3{margin-right:18px;transform:rotate(-.7deg);animation-delay:-3.2s}.oss-original-requests .mail-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11px;color:#53635b}.oss-original-requests .mail-row small{opacity:.7}.oss-original-requests .mail-icon{width:27px;height:27px;border-radius:8px;background:#eef3ea;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--forest)}
.oss-original-requests .oss-resolve-card{position:relative;z-index:3;margin:24px 4px 0;background:var(--lime);border-radius:20px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;box-shadow:0 18px 35px rgba(0,0,0,.17)}.oss-original-requests .mini-logo{width:44px;height:44px;border-radius:14px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-weight:900;font-size:12px}.oss-original-requests .oss-resolve-card small{display:block;letter-spacing:.12em;font-size:9px;font-weight:900}.oss-original-requests .oss-resolve-card strong{font-size:16px;display:block}.oss-original-requests .oss-resolve-card p{font-size:11px;margin:2px 0 0;color:#465a4e}.oss-original-requests .resolve-arrow{font-size:24px}.oss-original-requests .orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.oss-original-requests .orb-a{width:240px;height:240px;background:#235c47;right:-70px;top:-50px}.oss-original-requests .orb-b{width:200px;height:200px;background:#0b2d22;left:-70px;bottom:-60px}@keyframes oss-request-float-v22{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* Text remains selectable and wraps rather than being baked into an image. */
.oss-original-requests .stage-label { padding-right:35px; }
.oss-original-requests .request-card,
.oss-original-requests .mail-row > span,
.oss-original-requests .oss-resolve-card > div { min-width:0; }
.oss-original-requests .mail-row { grid-template-columns:auto minmax(0,1fr) auto; }
.oss-original-requests .oss-resolve-card {
  grid-template-columns:auto minmax(0,1fr) auto;
  color:#10251e;
  text-decoration:none;
}
.oss-original-requests .oss-resolve-card:focus-visible {
  outline:3px solid #ffffff; outline-offset:5px;
}
/* A small optional motion control does not move the original cards or label. */
.oss-original-requests .requests-motion-toggle {
  position:absolute;top:35px;right:24px;z-index:5;
  display:grid;place-items:center;
  width:32px;height:32px;padding:0;
  background:transparent;border:1px solid rgba(255,255,255,.22);
  border-radius:50%;color:#d5e4da;cursor:pointer;
  font-family:system-ui,sans-serif;font-size:13px;line-height:1;
}
.oss-original-requests .requests-motion-toggle:hover {
  background:rgba(255,255,255,.12);color:#ffffff;
}
.oss-original-requests .requests-motion-toggle:focus-visible {
  outline:2px solid #c9f277;outline-offset:4px;
}
.oss-original-requests[data-motion-paused="true"] .request-card {
  animation-play-state:paused;
}
/* Preserve the first version's small-screen spacing and keep it readable. */
@media(max-width:980px){
  .oss-original-requests {min-height:540px;}
}
@media(max-width:680px){
  .oss-original-requests {padding:28px 18px;min-height:520px;border-radius:30px;}
  .oss-original-requests .rc-2 {margin-left:12px;}
  .oss-original-requests .requests-motion-toggle {top:21px;right:15px;}
}
@media(max-width:380px){
  .oss-original-requests .oss-resolve-card {gap:10px;padding:15px;}
  .oss-original-requests .mini-logo {width:36px;height:40px;font-size:11px;}
  .oss-original-requests .resolve-arrow {font-size:20px;}
  .oss-original-requests .oss-resolve-card small {font-size:8px;letter-spacing:.10em;}
}
@media(prefers-reduced-motion:reduce){
  .oss-original-requests .request-card {animation:none!important;}
  .oss-original-requests .requests-motion-toggle {display:none!important;}
}
@media print{
  .oss-original-requests .request-card {animation:none!important;}
  .oss-original-requests .requests-motion-toggle {display:none!important;}
}