/* V8: responsive level diagrams with independent panel heights. */
:root{color-scheme:light;--ink:#172d45;--muted:#617185;--border:#dce4ec;--blue:#1761ab;--pale:#edf5fc;--navy:#15304d;--warning:#8a5210;--warning-bg:#fff8e9;--danger:#a33030;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-synthesis:none}
body.silo-calculator{margin:0;background:#f3f6fa;color:var(--ink);font-size:14px;line-height:1.5}
body.silo-calculator *{box-sizing:border-box}
body.silo-calculator [hidden]{display:none!important}
body.silo-calculator button,body.silo-calculator input,body.silo-calculator select{font:inherit}
body.silo-calculator button,body.silo-calculator a,body.silo-calculator summary{touch-action:manipulation}
body.silo-calculator button,body.silo-calculator summary{cursor:pointer}
body.silo-calculator button:focus-visible,body.silo-calculator a:focus-visible,body.silo-calculator summary:focus-visible,body.silo-calculator input:focus-visible,body.silo-calculator select:focus-visible{outline:3px solid #5a9fdf;outline-offset:3px}
body.silo-calculator .page-header{background:var(--navy);color:#fff}
body.silo-calculator .header-inner{max-width:1200px;margin:auto;padding:11px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
body.silo-calculator .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:12px;font-weight:750;letter-spacing:1.2px;line-height:1.25}
body.silo-calculator .brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7595b1;border-radius:7px;font-size:17px;letter-spacing:-1px}
body.silo-calculator .brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;color:#bfd1e2;margin-top:3px}
body.silo-calculator .back-link{text-decoration:none;color:#fff;font-size:12px;border:1px solid #627c96;border-radius:7px;padding:6px 12px;white-space:nowrap}
body.silo-calculator .back-link:hover{background:#244564}
#siloCalculatorPage{max-width:1200px;margin:auto;padding:17px 24px 24px}
#siloCalculatorPage .page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
#siloCalculatorPage .eyebrow{margin:0 0 1px;color:var(--blue);letter-spacing:1.6px;font-size:10px;font-weight:800}
#siloCalculatorPage h1{font-size:25px;line-height:1.3;letter-spacing:-.8px;margin:0}
#siloCalculatorPage .page-description{color:var(--muted);margin:3px 0 0;font-size:12px}
#siloCalculatorPage .local-note{font-size:11px;color:var(--muted);white-space:nowrap}
#siloCalculatorPage .silo-workspace-two-column{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:16px;align-items:start}
#siloCalculatorPage .panel{border:1px solid var(--border);border-radius:12px;background:#fff;padding:17px 20px;min-width:0}
#siloCalculatorPage .result-panel{position:sticky;top:12px}
#siloCalculatorPage .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}
#siloCalculatorPage h2{font-size:15px;line-height:1.4;letter-spacing:-.25px;margin:0}
#siloCalculatorPage .panel-caption{font-size:10px;color:var(--muted)}
#siloCalculatorPage .model-panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:6px;margin-bottom:12px}
#siloCalculatorPage .model-select-wrap label{display:block;font-size:11px;font-weight:700;margin-bottom:4px}
#siloCalculatorPage .model-select-wrap select{width:100%;height:39px;padding:0 10px;color:var(--ink);background:#f7faff;border:1px solid #c4d4e5;border-radius:7px;font-size:14px;font-weight:700}
#siloCalculatorPage .model-summary{padding-bottom:6px}
#siloCalculatorPage .kind-badge{display:inline-block;border-radius:5px;background:var(--pale);color:var(--blue);font-weight:700;padding:3px 7px;font-size:10px}
#siloCalculatorPage .kind-badge.is-provisional,#siloCalculatorPage .kind-badge.is-unverified{background:var(--warning-bg);color:var(--warning)}
#siloCalculatorPage .range-note{border-left:3px solid #aac6df;color:#47647e;background:#f5f9fd;border-radius:0 6px 6px 0;padding:7px 10px;margin:0 0 12px;font-size:11px;line-height:1.5}
#siloCalculatorPage .fields-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
#siloCalculatorPage .field{min-width:0}
#siloCalculatorPage .field label{display:block;margin-bottom:4px;font-weight:700;font-size:11px}
#siloCalculatorPage .field-input-wrap{position:relative}
#siloCalculatorPage .field input{width:100%;height:41px;background:#fff;color:var(--ink);border:1px solid #c8d5e2;border-radius:7px;padding:8px 55px 8px 11px;min-width:0;font-size:16px;font-variant-numeric:tabular-nums}
#siloCalculatorPage .field.is-main input{background:#f7faff;font-size:17px;font-weight:700}
#siloCalculatorPage .field input::placeholder{font-size:12px;font-weight:400;color:#8794a1}
#siloCalculatorPage .field input[aria-invalid=true]{border-color:#b95252;background:#fff9f9}
#siloCalculatorPage .field-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:11px;color:var(--muted)}
#siloCalculatorPage .field-help{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
#siloCalculatorPage .field-help:empty,#siloCalculatorPage .field-error:empty{display:none}
#siloCalculatorPage .field-error{margin:4px 0 0;color:var(--danger);font-size:11px;line-height:1.5}
#siloCalculatorPage .form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}
#siloCalculatorPage .button{border:1px solid #c8d6e4;background:#fff;color:#3f586f;border-radius:7px;min-height:36px;padding:7px 12px;font-weight:700;font-size:11px}
#siloCalculatorPage .button:hover{background:#f0f6fc}
#siloCalculatorPage .button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}
#siloCalculatorPage .button.primary:hover{background:#114f8d}
#siloCalculatorPage .text-button{color:var(--muted);border:0;background:transparent;min-height:36px;font-size:11px;padding:7px 4px}
#siloCalculatorPage .text-button:hover{text-decoration:underline}
#siloCalculatorPage .live-hint{color:var(--muted);font-size:10px;margin:9px 0 0}
#siloCalculatorPage .detail-numbers{border-top:1px solid var(--border);margin-top:14px;padding-top:11px}
#siloCalculatorPage .detail-numbers h3{font-size:12px;color:#3f5b74;margin:0 0 4px}
#siloCalculatorPage .key-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}
#siloCalculatorPage .key-results:empty{display:none}
#siloCalculatorPage .key-result{border:1px solid var(--border);border-radius:7px;padding:8px 10px;margin:5px 0 7px;min-width:0}
#siloCalculatorPage .key-result span{display:block;font-size:11px;color:var(--muted)}
#siloCalculatorPage .key-result strong{display:block;font-size:18px;font-weight:750;color:#294b6b;line-height:1.4;margin-top:2px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#siloCalculatorPage .key-result small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:2px}
#siloCalculatorPage .result-details,#siloCalculatorPage .silo-level-summary dl{margin:0;font-size:12px}
#siloCalculatorPage .detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid #edf1f5}
#siloCalculatorPage .detail-row dt{color:var(--muted)}
#siloCalculatorPage .detail-row dd{margin:0;text-align:right;font-weight:700;min-width:0;max-width:58%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#siloCalculatorPage .silo-level-summary .detail-row:last-child{border-bottom:0;padding-bottom:4px}
#siloCalculatorPage .silo-level-track{height:4px;border-radius:99px;background:#deeeef;overflow:hidden;margin:4px 0 0}
#siloCalculatorPage .silo-level-track span{display:block;height:100%;background:#2e9d9c;border-radius:99px}
#siloCalculatorPage #siloVisualNote{font-size:10px;color:var(--muted);margin:4px 0 0}
#siloCalculatorPage .status-pill{display:inline-block;border-radius:99px;background:#f0f3f6;color:#657587;font-size:10px;font-weight:700;padding:4px 9px;white-space:nowrap}
#siloCalculatorPage .status-pill.is-ok{background:#eaf5ef;color:#247249}
#siloCalculatorPage .status-pill.is-drawing{background:var(--pale);color:var(--blue)}
#siloCalculatorPage .status-pill.is-provisional,#siloCalculatorPage .status-pill.is-unverified,#siloCalculatorPage .status-pill.is-unsupported{background:var(--warning-bg);color:var(--warning)}
#siloCalculatorPage .status-pill.is-invalid{background:#fceeee;color:var(--danger)}
#siloCalculatorPage .primary-result{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:14px 17px;border-radius:9px;background:var(--pale)}
#siloCalculatorPage .primary-result>span{font-size:12px;font-weight:700;color:#476783}
#siloCalculatorPage .primary-result>div{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
#siloCalculatorPage .primary-result strong{font-size:42px;line-height:1.2;font-weight:800;letter-spacing:-1.3px;color:#164e82;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#siloCalculatorPage .result-unit{color:#4d6c88;font-weight:700;font-size:17px}
#siloCalculatorPage .result-empty{padding:17px 15px;border:1px solid #e2e9ef;background:#f8fafc;border-radius:9px;text-align:center}
#siloCalculatorPage .result-empty strong{font-size:14px}
#siloCalculatorPage #referenceHeightButton{margin-top:12px}
#siloCalculatorPage .result-empty p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}
#siloCalculatorPage .example-notice{border-radius:7px;background:var(--warning-bg);padding:7px 10px;color:var(--warning);font-size:10px;margin:0 0 10px}
#siloCalculatorPage .silo-visual{margin:10px 0 0}
#siloCalculatorPage .silo-visual-layout{display:flex;flex-direction:column;align-items:center}
#siloCalculatorPage #siloDiagram{display:block;width:100%;max-width:540px;height:auto;max-height:clamp(360px,calc(100vh - 240px),560px);overflow:visible}
#siloCalculatorPage .diagram-caption{font-size:11px;color:var(--muted);margin:5px 0 0;text-align:center}
#siloCalculatorPage .silo-shell{fill:#edf3f5}
#siloCalculatorPage .silo-outline{stroke:#628088;stroke-width:2;fill:none;stroke-linejoin:round}
#siloCalculatorPage .silo-guide{stroke:#b4c8cd;stroke-width:1;stroke-dasharray:4 4;fill:none}
#siloCalculatorPage .silo-ticks{stroke:#9fb9bf;stroke-width:1;fill:none}
#siloCalculatorPage .silo-datum{stroke:#a9bdc3;stroke-width:1;stroke-dasharray:5 4;fill:none}
#siloCalculatorPage .silo-label{font-size:16px;fill:#5a737e}
#siloCalculatorPage .silo-distance{stroke:#7595a6;stroke-width:1.2;fill:none}
#siloCalculatorPage .silo-distance-label{font-size:16px;fill:#436c83;font-variant-numeric:tabular-nums}
#siloCalculatorPage .silo-surface{stroke:#137c81;stroke-width:1.5;fill:none}
#siloCalculatorPage .silo-surface-label{fill:#166d72;font-size:16px;font-weight:700}
#siloCalculatorPage .silo-placeholder{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;margin-top:12px;border-radius:9px;background:#f6fafa}
#siloCalculatorPage .placeholder-label{color:#7b9a9e;font-size:10px;letter-spacing:2px;margin-bottom:9px}
#siloCalculatorPage .silo-placeholder strong{font-size:15px;color:#456b70}
#siloCalculatorPage .silo-placeholder p{font-size:12px;max-width:300px;color:#6a858b;margin:7px 0 0}
#siloCalculatorPage .supporting-details{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px 16px;margin-top:12px}
#siloCalculatorPage .supporting-details>details{margin:0;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;min-width:0}
#siloCalculatorPage .supporting-details summary{padding:10px 14px;font-size:12px;font-weight:700;color:#486076;line-height:1.55;overflow-wrap:anywhere}
#siloCalculatorPage .supporting-details summary::marker{color:#7891a6}
#siloCalculatorPage .supporting-details summary>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:7px}
#siloCalculatorPage .supporting-details details[open]>summary{border-bottom:1px solid #edf1f5;margin-bottom:10px}
#siloCalculatorPage .details-content{padding:0 14px 13px;color:var(--muted);font-size:11px}
#siloCalculatorPage .details-content p{margin:0 0 10px}
#siloCalculatorPage .details-content p:last-child{margin-bottom:0}
#siloCalculatorPage .details-content pre{font-family:inherit;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fb;padding:12px;border-radius:6px;color:#435e77;margin:0 0 12px}
#siloCalculatorPage .details-content .source-note{margin:0;font-size:11px;overflow-wrap:anywhere}
#siloCalculatorPage .basis-notes ul{padding:0 28px 12px;margin:0;color:#5f7181;font-size:11px}
#siloCalculatorPage .basis-notes li+li{margin-top:5px}
#siloCalculatorPage .basis-notes.is-caution{background:var(--warning-bg);border-color:#efdfbc}
#siloCalculatorPage .basis-notes.is-caution summary{color:var(--warning)}
#siloCalculatorPage .input-guidance{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
#siloCalculatorPage .guidance-item strong{font-size:11px;color:#47647e}
#siloCalculatorPage .guidance-item .field-help{margin:2px 0 0}
#siloCalculatorPage .silo-visual-footnote:empty{display:none}
#siloCalculatorPage .silo-visual-footnote{margin-top:10px}
#siloCalculatorPage .drawing-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
#siloCalculatorPage .drawing-reference-cell{min-width:0}
#siloCalculatorPage .drawing-reference-cell dt{font-size:11px;color:var(--muted)}
#siloCalculatorPage .drawing-reference-cell dd{margin:3px 0 0;font-size:16px;font-weight:750;color:#274d70;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#siloCalculatorPage .page-footnote{font-size:10px;color:#728295;margin:10px 0 0;text-align:center}
#siloCalculatorPage .fatal-message{background:#fff0f0;border:1px solid #e5b8b8;color:#8f3030;padding:18px;border-radius:10px}
#siloCalculatorPage .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:651px) and (max-width:850px){#siloCalculatorPage{padding:16px}#siloCalculatorPage .panel{padding:15px}#siloCalculatorPage .silo-workspace-two-column{gap:12px}#siloCalculatorPage .panel-caption{display:none}#siloCalculatorPage .model-panel{grid-template-columns:1fr;gap:6px}#siloCalculatorPage .model-summary{padding:0}#siloCalculatorPage .primary-result strong{font-size:36px}#siloCalculatorPage .primary-result{padding:13px}#siloCalculatorPage .detail-row{font-size:11px}}
@media(max-width:650px){body.silo-calculator .header-inner{padding:10px 16px}#siloCalculatorPage{padding:16px 12px 24px}#siloCalculatorPage .silo-workspace-two-column{grid-template-columns:1fr;gap:12px}#siloCalculatorPage .page-heading{margin-bottom:12px}#siloCalculatorPage .local-note{display:none}#siloCalculatorPage h1{font-size:23px}#siloCalculatorPage .panel{padding:17px 16px}#siloCalculatorPage .supporting-details{grid-template-columns:1fr;gap:8px}#siloCalculatorPage .primary-result strong{font-size:38px}#siloCalculatorPage .silo-placeholder{min-height:190px}#siloCalculatorPage .result-panel{position:static}#siloCalculatorPage #siloDiagram{max-height:440px}#siloCalculatorPage .page-footnote{text-align:left}}
@media(max-width:380px){#siloCalculatorPage .panel{padding:15px 13px}#siloCalculatorPage .fields-grid{gap:10px}#siloCalculatorPage .model-panel{grid-template-columns:1fr;gap:6px}#siloCalculatorPage .model-summary{padding:0}#siloCalculatorPage .panel-caption{display:none}#siloCalculatorPage .input-guidance{grid-template-columns:1fr}#siloCalculatorPage .primary-result strong{font-size:34px}#siloCalculatorPage .supporting-details summary>span{display:block;margin-left:16px}}
@media(pointer:coarse){#siloCalculatorPage .button,#siloCalculatorPage .text-button,#siloCalculatorPage .field input,#siloCalculatorPage .model-select-wrap select,#siloCalculatorPage .supporting-details summary{min-height:44px}}

/* GS_SILO_SOUNDING_INPUT_V1 */
#siloCalculatorPage #inputFields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
#siloCalculatorPage #inputFields > .field.is-main {
  grid-column: 1 / -1;
  padding: 14px;
  margin-top: 2px;
  border: 1px solid #bed2ee;
  border-radius: 11px;
  background: #edf5ff;
}
#siloCalculatorPage #inputFields > .field.is-main label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 10px;
  margin-bottom: 9px;
  color: #234f89;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.4;
}
#siloCalculatorPage #inputFields .sounding-priority {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 5px;
  background: #dceaff;
  color: #2c61a0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}
#siloCalculatorPage #inputFields > .field.is-main input {
  height: 66px;
  min-height: 66px;
  padding: 10px 55px 10px 14px;
  border: 1.5px solid #82a9dc;
  border-radius: 8px;
  background: #fff;
  color: #183f72;
  font-size: 30px;
  font-weight: 750;
  line-height: 1.2;
}
#siloCalculatorPage #inputFields > .field.is-main input::placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #7389a3;
}
#siloCalculatorPage #inputFields > .field.is-main input:focus-visible {
  outline: 2px solid #2f69b2;
  outline-offset: 2px;
}
#siloCalculatorPage #inputFields > .field.is-main input[aria-invalid="true"] {
  border-color: #b95252;
  background: #fff9f9;
}
#siloCalculatorPage #inputFields > .field.is-main .field-unit {
  right: 14px;
  color: #527099;
  font-size: 14px;
}
@media (max-width: 650px) {
  #siloCalculatorPage #inputFields > .field.is-main { padding: 12px; }
  #siloCalculatorPage #inputFields > .field.is-main input {
    height: 62px;
    min-height: 62px;
    font-size: 26px;
  }
  #siloCalculatorPage #inputFields > .field.is-main input::placeholder { font-size: 14px; }
}

/* GS_SILO_MOBILE_COMPACT_V2 */
@media (max-width: 650px) {
  #siloCalculatorPage { padding: 12px 10px 22px; }
  #siloCalculatorPage .page-heading { margin-bottom: 10px; }
  #siloCalculatorPage .eyebrow { display: none; }
  #siloCalculatorPage h1 { font-size: 21px; }
  #siloCalculatorPage .page-description { font-size: 11px; margin-top: 2px; }
  #siloCalculatorPage .silo-workspace-two-column { gap: 10px; }
  #siloCalculatorPage .panel { padding: 12px; border-radius: 10px; }
  #siloCalculatorPage .panel-heading { margin-bottom: 9px; }
  #siloCalculatorPage .compact-input-panel > .panel-heading { margin-bottom: 7px; }
  #siloCalculatorPage .compact-input-panel #inputTitle { font-size: 13px; color: #47647e; }
  #siloCalculatorPage .compact-input-panel #inputCaption,
  #siloCalculatorPage .compact-input-panel .model-summary { display: none; }
  #siloCalculatorPage .compact-input-panel .model-panel { margin-bottom: 10px; gap: 0; }
  #siloCalculatorPage .model-select-wrap select { height: 44px; min-height: 44px; font-size: 16px; }
  #siloCalculatorPage #inputFields { grid-template-columns: 1fr; gap: 0; }
  #siloCalculatorPage #inputFields > .field.is-main {
    margin: 0;
    padding: 9px 10px;
    border-radius: 8px;
    background: #f0f6ff;
  }
  #siloCalculatorPage #inputFields > .field.is-main label { font-size: 13px; margin-bottom: 6px; gap: 4px; }
  #siloCalculatorPage #inputFields .sounding-priority { padding: 2px 5px; font-size: 10px; }
  #siloCalculatorPage #inputFields > .field.is-main input {
    height: 46px;
    min-height: 46px;
    padding: 7px 43px 7px 11px;
    border-radius: 7px;
    font-size: 22px;
  }
  #siloCalculatorPage #inputFields > .field.is-main input::placeholder { font-size: 12px; }
  #siloCalculatorPage #inputFields > .field.is-main .field-unit { right: 11px; font-size: 12px; }
  #siloCalculatorPage .form-actions { gap: 6px; margin-top: 9px; flex-wrap: wrap; }
  #siloCalculatorPage .button { min-height: 44px; padding: 7px 10px; }
  #siloCalculatorPage .text-button { min-height: 44px; padding: 7px 3px; }
  #siloCalculatorPage .live-hint { margin-top: 6px; }
  #siloCalculatorPage .primary-result { padding: 10px 12px; gap: 4px 10px; }
  #siloCalculatorPage .primary-result strong { font-size: 32px; }
  #siloCalculatorPage #siloDiagram { max-height: 280px; }
  #siloCalculatorPage .silo-placeholder { min-height: 110px; margin-top: 9px; padding: 14px; }
  #siloCalculatorPage .result-empty { padding: 12px; }
  #siloCalculatorPage .mobile-settings-panel .fields-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #siloCalculatorPage .mobile-settings-panel .field label { font-size: 11px; overflow-wrap: anywhere; }
  #siloCalculatorPage .mobile-settings-panel .field input { height: 44px; min-height: 44px; padding-left: 10px; font-size: 16px; }
  #siloCalculatorPage .mobile-settings-panel .field-help { font-size: 10px; line-height: 1.5; }
  #siloCalculatorPage .mobile-settings-panel .range-note { margin: 10px 0 0; padding: 7px 9px; font-size: 10px; }
  #siloCalculatorPage .detail-numbers.mobile-detail-panel {
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #fff;
  }
  #siloCalculatorPage .detail-numbers.mobile-detail-panel h3 { margin: 0 0 8px; color: var(--ink); font-size: 14px; }
}