/* Screen presentation only. Original reference pixels are clipped to decorative
   regions; data marks, canvas coordinates and button handlers retain ownership. */
@media screen {
  .reference-studio-help { display:none; }
  .direction-app.bidang-air #workspace:is(.view-studio,.view-rain,.view-alternatives) { position:relative; isolation:isolate; }
  .direction-app.bidang-air #workspace:is(.view-studio,.view-rain,.view-alternatives)::before,
  .direction-app.bidang-air #workspace:is(.view-studio,.view-rain,.view-alternatives)::after { content:""; pointer-events:none; z-index:-1; background-repeat:no-repeat; }
  .direction-app.bidang-air #workspace.view-studio::before {
    position:absolute; top:0; right:0; width:min(53vw,840px); aspect-ratio:840/112;
    background-image:url("/reference-art/reference-studio-v2.webp");
    background-size:201.428571% 830.357143%; background-position:99.765258% 10.513447%;
    mask-image:linear-gradient(to right,transparent,#000 22%),linear-gradient(to bottom,#000 72%,transparent);
    mask-composite:intersect;
  }
  .direction-app.bidang-air #workspace.view-studio::after {
    position:fixed; bottom:0; left:0; width:100%; aspect-ratio:1692/66;
    background-image:url("/reference-art/reference-studio-v2.webp");
    background-size:100% 1409.090909%; background-position:0 100%;
  }
  .direction-app.bidang-air .app-body #workspace.view-rain {
    --page-art:none; background:#e3f7ff;
  }
  .direction-app.bidang-air #workspace.view-rain::before {
    position:fixed; bottom:0; left:0; width:clamp(227px,31vw,480px); aspect-ratio:227/58;
    background-image:url("/reference-art/reference-rain-v2.webp");
    background-size:676.651982% 1765.517241%; background-position:13.368984% 100%;
    mask-image:linear-gradient(to bottom,transparent,#000 23%),linear-gradient(to right,#000 65%,transparent);
    mask-composite:intersect;
  }
  .direction-app.bidang-air #workspace.view-rain::after {
    position:absolute; top:8px; left:57%; width:clamp(160px,15.3vw,235px); aspect-ratio:235/90;
    background-image:url("/reference-art/reference-rain-v2.webp");
    background-size:653.617021% 1137.777778%; background-position:67.255957% 8.779443%;
    mask-image:radial-gradient(ellipse at 50% 60%,#000 38%,transparent 75%);
  }
  .direction-app.bidang-air #workspace.view-rain .rain-parcel-context {
    background:linear-gradient(160deg,#f5fcffdd,#daf4fcbb); border:2px solid #fff; border-radius:24px;
  }
  .direction-app.bidang-air #workspace.view-rain .rain-parcel-context .parcel-svg { background:transparent; }
  .direction-app.bidang-air #workspace.view-rain .parcel-context-label { border:0; padding:0; font-size:16px; font-weight:700; color:#082d4b; }
  .direction-app.bidang-air #workspace.view-rain .rain-dock { border-radius:24px; padding:24px; gap:14px; }
  .direction-app.bidang-air #workspace.view-rain .rain-dock > h2 { position:relative; padding-left:56px; min-height:44px; display:flex; align-items:center; }
  .direction-app.bidang-air #workspace.view-rain .rain-dock > h2::before {
    content:""; position:absolute; left:0; width:44px; height:44px; border-radius:50%; background:#d3f3ff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11 24H8a5 5 0 0 1-1-10 8 8 0 0 1 16-1 5.5 5.5 0 0 1 1 11h-5M13 22l-2 4m8-4-2 4' fill='none' stroke='%230077b5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-size:30px; background-repeat:no-repeat; background-position:center;
  }
  .direction-app.bidang-air #workspace.view-rain .rain-equation { gap:8px; }
  .direction-app.bidang-air #workspace.view-rain .rain-equation::before { content:"ANALISIS HUJAN"; font-size:13px; letter-spacing:.14em; font-weight:700; color:#3b6580; }
  .direction-app.bidang-air #workspace.view-rain .rain-equation p { max-width:none; }
  .direction-app.bidang-air #workspace.view-rain .rain-number > div { height:68px; border-radius:10px; }
  .direction-app.bidang-air #workspace.view-rain .rain-number input { height:66px; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-strip { max-height:144px; gap:10px 6px; padding:1px; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-strip button { flex:0 1 calc(50% - 4px); min-width:0; border-radius:20px; min-height:42px; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-strip .scenario-create { flex-basis:50%; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:10px 6px; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-switch button { width:100%; min-width:0; max-width:none; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker .scenario-switch { max-height:100px; overflow:auto; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 6px; width:100%; height:auto; max-height:none; overflow:visible; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker > span,
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker > .scenario-switch,
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker > .scenario-create { grid-column:1 / -1; }
  .direction-app.bidang-air #workspace.view-rain .rain-scenario-picker > .rain-delete-scenario { min-height:42px; padding:5px; font-size:12px; }
  .direction-app.bidang-air #workspace.view-rain .rain-template-trigger { min-height:42px; border-radius:20px; }
  .direction-app.bidang-air #workspace.view-rain .rain-next-inline { align-self:stretch; width:100%; }
  .direction-app.bidang-air #workspace.view-rain .rain-next-inline button { width:100%; }
  .direction-app.bidang-air #workspace.view-rain .rain-parcel-context .canvas-paper { fill:transparent; }
  .direction-app.bidang-air #workspace.view-rain .rain-next-inline .primary { width:100%; min-height:54px; font-size:16px; }
  .direction-app.bidang-air #workspace.view-rain .rain-volume-diagram { padding:14px 20px 20px; }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes button { border-radius:16px; padding-left:20px; }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes button::before { content:""; position:absolute; left:18px; top:18px; width:32px; height:38px; background-position:center; background-size:contain; background-repeat:no-repeat; }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes .runoff-reading::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M17 3C13 10 5 20 5 26a12 12 0 0 0 24 0c0-6-8-16-12-23Z' fill='%23c9edff'/%3E%3Cpath d='M12 25c-2 5 1 8 5 9' stroke='%23378fcc' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes .other-reading::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M28 3C6 1 1 19 7 29 25 32 30 14 28 3Z' fill='%23237165'/%3E%3Cpath d='M5 36 26 6' stroke='%23d0f4df' stroke-width='2' fill='none'/%3E%3C/svg%3E"); }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes .other-reading::before { top:10px; width:30px; height:30px; }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes button > :is(small,span) { margin-left:44px; }
  .direction-app.bidang-air #workspace.view-rain .volume-origin-label strong { font-size:clamp(26px,6.4cqw,44px); }
  .direction-app.bidang-air #workspace.view-rain .volume-outcomes button > strong { font-size:clamp(30px,7cqw,48px); }
  @container rain-volume (min-width:560px) {
    .direction-app.bidang-air #workspace.view-rain .volume-plot:not(.external-readings) .volume-outcomes button { container-type:size; padding:10px 16px 10px 20px; gap:3px; }
    .direction-app.bidang-air #workspace.view-rain .volume-plot:not(.external-readings) .volume-outcomes button > small { font-size:clamp(13px,20cqh,23px); line-height:1.1; }
    .direction-app.bidang-air #workspace.view-rain .volume-plot:not(.external-readings) .volume-outcomes button > span { font-size:clamp(12px,18cqh,18px); line-height:1.1; }
    .direction-app.bidang-air #workspace.view-rain .volume-plot:not(.external-readings) .volume-outcomes button > strong { font-size:clamp(22px,45cqh,48px); line-height:1.05; }
  }
  @container rain-volume (max-width:559px) {
    .direction-app.bidang-air #workspace.view-rain .volume-outcomes button::before { display:none; }
    .direction-app.bidang-air #workspace.view-rain .volume-outcomes button > :is(small,span) { margin-left:0; }
  }
  .direction-app.bidang-air #workspace.view-rain .volume-origin-label::before {
    content:""; display:block; width:34px; height:40px; margin-bottom:9px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M17 3C13 10 5 20 5 26a12 12 0 0 0 24 0c0-6-8-16-12-23Z' fill='%23b5e5fb' stroke='%232899d7' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .direction-app.bidang-air #workspace.view-rain .rain-contribution-region > header h2 { position:relative; padding-left:54px; min-height:44px; display:flex; align-items:center; }
  .direction-app.bidang-air #workspace.view-rain .rain-contribution-region > header h2::before {
    content:""; position:absolute; left:0; width:44px; height:44px; border:1px solid #ade6ff; border-radius:50%;
    background:#ddf6ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 24V16m7 8V10m7 14V5m7 19V12' stroke='%230083c5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/28px no-repeat;
  }
  .direction-app.bidang-air .app-body #workspace.view-alternatives { --page-art:none; background:#e3f7ff; }
  .direction-app.bidang-air #workspace.view-alternatives::before {
    position:absolute; top:6px; right:0; width:min(32vw,468px); aspect-ratio:468/122;
    background-image:url("/reference-art/reference-alternatives-v2.webp");
    background-size:338.888889% 813.114754%; background-position:100% 9.195402%;
    mask-image:linear-gradient(to right,transparent,#000 28%);
  }
  .direction-app.bidang-air #workspace.view-alternatives .comparison-top .scenario-chart { position:relative; isolation:isolate; background:#f8fdff; }
  .direction-app.bidang-air #workspace.view-alternatives .comparison-top .scenario-chart::after {
    content:""; position:absolute; pointer-events:none; bottom:0; right:0; width:min(21%,230px); aspect-ratio:230/184; z-index:-1; border-radius:0 0 22px 0;
    background-image:url("/reference-art/reference-alternatives-v2.webp");
    background-size:689.565217% 539.130435%; background-position:97.418879% 61.386139%;
    mask-image:linear-gradient(to right,transparent,#000 20%);
  }
  @media (min-width:1200px) {
    .direction-app.bidang-air:has(#workspace.view-studio) .app-rail.is-project-workspace { min-height:86px; }
    .direction-app.bidang-air #workspace.view-studio { padding:32px 32px 32px; padding-top:32px!important; }
    .direction-app.bidang-air #workspace.view-studio > .page-heading { margin:0 16px 26px; }
    .direction-app.bidang-air #workspace.view-studio > .page-heading h1 { font-size:36px; line-height:1.15; }
    .direction-app.bidang-air #workspace.view-studio > .page-heading p { font-size:17px; }
    .direction-app.bidang-air #workspace.view-studio .studio-layout { grid-template-columns:96px clamp(290px,25.2955vw,428px) minmax(0,1fr) clamp(260px,21.04vw,356px); gap:20px; }
    .direction-app.bidang-air #workspace.view-studio .map-topline { min-height:52px; padding-left:365px; gap:8px 14px; padding-bottom:0; justify-content:flex-start; }
    .direction-app.bidang-air #workspace.view-studio .boundary-controls { display:flex; gap:14px; align-items:center; }
    .direction-app.bidang-air #workspace.view-studio .parcel-boundary-readout { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:52px; min-width:212px; padding:10px 14px; border:1px solid #c1e8fa; border-radius:18px; background:#f8fdffb8; color:#153b5b; }
    .direction-app.bidang-air #workspace.view-studio .boundary-edit { display:inline-flex; align-items:center; gap:8px; min-height:52px; min-width:110px; padding:8px; border:1px solid #d4ebf5; border-radius:18px; background:#f8fdff; font-size:14px; text-decoration:none; }
    .direction-app.bidang-air #workspace.view-studio .boundary-edit::before { content:""; width:18px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8h8V3H3Zm10 0h8V3h-8ZM3 21h8V10H3Zm10 0h8V10h-8Z' fill='none' stroke='%23113b5a' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat; }
    .direction-app.bidang-air #workspace.view-studio .map-scale-note { display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; min-width:242px; padding:10px 16px; border:1px solid #d4ebf5; border-radius:18px; background:#f8fdffb8; color:#153b5b; }
    .direction-app.bidang-air #workspace.view-studio .map-scale-note::before { content:""; width:22px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'%3E%3Cpath d='m3 9 14-5 6 12-14 5ZM8 8l2 4m4-6 2 4m3-6 2 4' fill='none' stroke='%23113b5a' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
    .direction-app.bidang-air #workspace.view-studio .studio-layer-switch { padding:3px; }
    .direction-app.bidang-air #workspace.view-studio .studio-layer-switch button { min-height:44px; font-size:16px; padding:10px 14px; }
    .direction-app.bidang-air #workspace.view-studio .studio-view-actions .register-next > .primary { min-height:52px; min-width:226px; font-size:16px; padding:12px 16px; }
    .direction-app.bidang-air #workspace.view-studio .map-topline > :is(span,button),
    .direction-app.bidang-air #workspace.view-studio .map-scale-note { font-size:15px; }
    .direction-app.bidang-air #workspace.view-studio > .studio-beginner-action { left:148px; top:129px; width:230px; }
    .direction-app.bidang-air #workspace.view-studio > .studio-beginner-action button { min-height:52px; padding:10px 16px; font-size:15px; }
    .direction-app.bidang-air #workspace.view-studio .map-toolstrip { top:23px; width:96px; padding:10px; border:1px solid #bce9ff; border-radius:20px; }
    .direction-app.bidang-air #workspace.view-studio .tool-modes button { min-height:78px; font-size:16px; }
    .direction-app.bidang-air #workspace.view-studio .empty-zone-bench { display:block; padding:0; border:0; background:#f8fdff; min-height:458px; border-radius:22px; }
    .direction-app.bidang-air #workspace.view-studio .empty-zone-bench .selected-object { padding:26px 30px 22px; min-height:224px; }
    .direction-app.bidang-air #workspace.view-studio .empty-zone-bench h2 { font-size:28px; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help { display:block; position:relative; margin:16px; min-height:196px; padding:28px 22px 24px 84px; border-radius:20px; background:#e8f8ff; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help::before { content:""; position:absolute; left:18px; top:22px; width:50px; height:50px; border-radius:50%; background:#f8fdff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M14 26c0-4-5-5-5-12a11 11 0 0 1 22 0c0 7-5 8-5 12m-12 0h12m-11 5h10m-9 4h8M20 2V0M6 6 3 3m31 3 3-3M3 18H0m40 0h-3' fill='none' stroke='%230078da' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/36px no-repeat; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help strong { font-size:16px; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help p { font-size:16px; line-height:1.55; margin-top:18px; }
    .direction-app.bidang-air #workspace.view-studio .studio-layout:not(:has(.zone-row)) .reference-studio-help { display:none; }
    .direction-app.bidang-air #workspace.view-studio .studio-layout:not(:has(.zone-row)) .empty-zone-bench { min-height:0; }
    .direction-app.bidang-air #workspace.view-studio .parcel-svg { height:460px; padding:8px; }
    .direction-app.bidang-air #workspace.view-studio .studio-layout .zone-register { padding:24px 28px; max-height:none; height:auto; }
    .direction-app.bidang-air #workspace.view-studio .zone-register:not(.dense-register) .zone-navigator-list { flex:0 0 auto; max-height:none; height:auto; overflow:visible; gap:0; }
    .direction-app.bidang-air #workspace.view-studio .zone-register .zone-row { min-height:64px; padding:6px 0; }
    .direction-app.bidang-air #workspace.view-studio .zone-register .zone-row > span:last-child { display:block; }
    .direction-app.bidang-air #workspace.view-studio .zone-register .zone-row strong { display:block; margin:0; font-size:15px; line-height:18px; }
    .direction-app.bidang-air #workspace.view-studio .zone-register .zone-row small { margin:0; font-size:14px; line-height:17px; }
    .direction-app.bidang-air #workspace.view-studio .zone-register .zone-row small:not(:first-of-type) { display:block; }
    .direction-app.bidang-air #workspace.view-studio .map-bottomline { grid-row:2; align-self:end; z-index:2; padding:8px 12px!important; gap:10px; }
    .direction-app.bidang-air #workspace.view-studio .map-bottomline > span { font-size:12px; }
    .direction-app.bidang-air #workspace.view-studio .map-bottomline button { width:42px; height:42px; padding:10px; border:1px solid #c0e8fc; border-radius:14px; background:#fff; box-shadow:0 3px 8px #0d80b510; }
    .direction-app.bidang-air #workspace.view-studio .studio-layout:has(.parcel-start) .map-bottomline { grid-row:4; }
    .direction-app.bidang-air #workspace.view-studio .studio-next { margin-top:22px; min-height:75px; border-radius:20px; background:#f8fdffdd; padding:14px 28px; }
    .direction-app.bidang-air #workspace.view-studio .studio-next .source-note { width:100%; max-width:none; flex:1; }
    .direction-app.bidang-air #workspace.view-studio .studio-next .source-note > summary { display:flex; width:100%; max-width:none; align-items:center; gap:16px; min-height:44px; font-size:20px; color:#0a2d4b; }
    .direction-app.bidang-air #workspace.view-studio .studio-next .source-note > summary::before { content:""; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:#effaff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m4 7 8-3 8 3 8-3v22l-8 3-8-3-8 3Zm8-3v22m8-19v22' fill='none' stroke='%230a2d4b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/26px no-repeat; }
    .direction-app.bidang-air #workspace.view-studio .studio-next .source-note > summary::after { margin-left:auto; font-size:24px; }
    .direction-app.bidang-air #workspace.view-rain { padding:35px 32px 34px; }
    .direction-app.bidang-air #workspace.view-rain .rain-atlas { grid-template-columns:356px minmax(0,1fr) 378px; gap:14px 18px; }
    .direction-app.bidang-air #workspace.view-rain .rain-top-composition { display:contents; }
    .direction-app.bidang-air #workspace.view-rain .rain-dock { grid-column:1; grid-row:1 / 3; }
    .direction-app.bidang-air #workspace.view-rain .rain-analysis { grid-column:2; grid-row:1; }
    .direction-app.bidang-air #workspace.view-rain .rain-parcel-context { grid-column:3; grid-row:1; }
    .direction-app.bidang-air #workspace.view-rain .rain-contribution-region { grid-column:2 / 4; grid-row:2; margin:0; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation { padding:0 12px; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation h2 { font-size:44px; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation > span { font-size:18px; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation p { font-size:16px; }
    .direction-app.bidang-air #workspace.view-rain .rain-parcel-context { margin-top:67px; min-height:425px; padding:20px; }
    .direction-app.bidang-air #workspace.view-rain .rain-parcel-context .parcel-svg { height:340px; }
    .direction-app.bidang-air #workspace.view-rain .rain-analysis { position:relative; margin-bottom:0; }
    .direction-app.bidang-air #workspace.view-rain .rain-analysis > .calculation-source:not([open]) { position:absolute; left:20px; bottom:9px; width:42%; margin:0; }
    .direction-app.bidang-air #workspace.view-rain .rain-volume-diagram { padding-bottom:16px; }
    .direction-app.bidang-air #workspace.view-rain .rain-dock { gap:10px; }
    .direction-app.bidang-air #workspace.view-rain .rain-contribution-region { padding:16px 24px 22px; }
    .direction-app.bidang-air #workspace.view-rain .rain-contribution-region h2 { font-size:28px; }
    .direction-app.bidang-air #workspace.view-rain .contribution-list button { font-size:16px; }
    .direction-app.bidang-air #workspace.view-rain .contribution-list strong { font-size:16px; }
  }
  @media (max-width:1450px) and (min-width:1200px) {
    .direction-app.bidang-air #workspace.view-studio .studio-layout { grid-template-columns:76px minmax(250px,23vw) minmax(0,1fr) 260px; gap:16px; }
    .direction-app.bidang-air #workspace.view-studio .map-toolstrip { width:76px; }
    .direction-app.bidang-air #workspace.view-studio > .studio-beginner-action { left:124px; width:180px; }
    .direction-app.bidang-air #workspace.view-studio .map-topline { padding-left:288px; }
    .direction-app.bidang-air #workspace.view-studio .parcel-boundary-readout { min-width:170px; }
    .direction-app.bidang-air #workspace.view-studio .map-scale-note { min-width:180px; font-size:13px; }
    .direction-app.bidang-air #workspace.view-studio .studio-layer-switch button { font-size:14px; padding:9px; }
    .direction-app.bidang-air #workspace.view-studio .studio-view-actions .register-next > .primary { min-width:180px; font-size:14px; padding:9px; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help { padding:22px 16px 20px 68px; }
    .direction-app.bidang-air #workspace.view-studio .reference-studio-help::before { left:12px; width:42px; height:42px; }
    .direction-app.bidang-air #workspace.view-rain .rain-atlas { grid-template-columns:320px minmax(0,1fr) 290px; gap:16px; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation h2 { font-size:36px; }
    .direction-app.bidang-air #workspace.view-rain .rain-equation > span { font-size:15px; }
  }
  @media (max-width:960px) {
    .direction-app.bidang-air #workspace.view-rain .volume-outcomes button::before { display:none; }
    .direction-app.bidang-air #workspace.view-rain .volume-outcomes button > :is(small,span) { margin-left:0; }
    .direction-app.bidang-air #workspace.view-rain .volume-origin-label::before { display:none; }
    .direction-app.bidang-air #workspace.view-rain .rain-dock { padding:20px; }
    .direction-app.bidang-air #workspace.view-alternatives .comparison-top .scenario-chart::after { width:min(25%,120px); }
  }
}