/* Shared presentation scale for all tool detail pages. No zoom or scaled hit targets.
 * Follow the theme's container tokens, including its responsive gutters. */
.rkc-page.rkc-tool-detail #calculator > .container {
  width:100%; max-width:var(--container,1200px); margin-inline:auto;
  padding-inline:var(--container-pad,24px); box-sizing:border-box;
}
.rkc-page.rkc-tool-detail #calculator { padding-block:24px 28px; }
.rkc-page.rkc-tool-detail .rkc-calculator.rkc-compact { padding:20px!important; border-radius:14px; }
.rkc-page.rkc-tool-detail #calculator :is(.rkc-calc-head h1,.ct-intro h1,.rkc-cartoon-intro h1) {
  font-size:26px!important; line-height:1.25!important; letter-spacing:-.025em; margin:12px 0 8px;
}
.rkc-page.rkc-tool-detail #calculator :is(.rkc-calc-head-copy>p,.ct-intro>p,.rkc-cartoon-intro>p) {
  font-size:14px!important; line-height:1.55;
}
.rkc-page.rkc-tool-detail .rkc-compact .rkc-calc-head { margin-bottom:16px; padding-bottom:14px!important; }
.rkc-page.rkc-tool-detail :is(.rkc-compact-work,.ct-workspace,.rkc-cartoon-workspace) { gap:22px; }
.rkc-page.rkc-tool-detail :is(.rkc-compact-inputs,.ct-inputs,.rkc-cartoon-workspace .rkc-simple-inputs) { padding-right:22px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-fields,.rkc-simple-inputs form) { margin-top:16px; }
.rkc-page.rkc-tool-detail #calculator .ct-field { margin-bottom:16px; }
.rkc-page.rkc-tool-detail #calculator .rkc-input-grid { gap:12px; margin-block:12px; }
.rkc-page.rkc-tool-detail #calculator :is(label,.ct-direction legend) { font-size:13px!important; line-height:1.45; }
.rkc-page.rkc-tool-detail #calculator :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) {
  height:40px!important; font-size:14px!important; padding:8px 10px; border-radius:8px;
}
.rkc-page.rkc-tool-detail #calculator select { padding-right:26px; }
.rkc-page.rkc-tool-detail #calculator textarea:not([readonly]) { height:80px!important; font-size:15px!important; padding:10px 12px; border-radius:8px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-unit,.ct-segmented button,.rkc-cartoon-modes button) { font-size:13px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-segmented button,.rkc-cartoon-modes button) { min-height:40px; padding:9px 10px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-direction,.rkc-cartoon-modes) { margin-bottom:18px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-actions,.rkc-calc-actions) { gap:14px; margin-top:12px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-primary,.rkc-calc-actions .rkc-button) {
  min-height:42px; font-size:14px; padding:10px 16px; border-radius:9px;
}
.rkc-page.rkc-tool-detail #calculator :is(.ct-text-button,.ct-example,.rkc-simple-example) { font-size:13px; margin-top:8px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-privacy,.rkc-cartoon-privacy) { font-size:12px; padding-top:16px; }
.rkc-page.rkc-tool-detail #calculator .rkc-simple-inputs h2 { font-size:18px; margin:20px 0 12px; }
.rkc-page.rkc-tool-detail #calculator .rkc-result { padding:16px 18px; border-radius:12px; min-height:0; }
.rkc-page.rkc-tool-detail #calculator .rkc-result>strong { font-size:26px!important; line-height:1.25; margin-block:6px; }
.rkc-page.rkc-tool-detail #calculator .rkc-result:not(.has-value)>strong { font-size:19px!important; }
.rkc-page.rkc-tool-detail #calculator .rkc-result [data-equation] { font-size:13px; line-height:1.5; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-result,.rkc-simple-output>.rkc-result) { column-gap:14px; min-height:100px; }
.rkc-page.rkc-tool-detail #calculator .rkc-metric-grid strong { font-size:17px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-model h2,[data-identity-result] h3) { font-size:18px; }
.rkc-page.rkc-tool-detail #calculator .rkc-identity-head { flex-wrap:wrap; padding:16px; gap:12px; }
.rkc-page.rkc-tool-detail #calculator .rkc-identity-head>div { flex:1 1 210px; min-width:0; }
.rkc-page.rkc-tool-detail #calculator .rkc-identity-head .rkc-button { font-size:13px; }
.rkc-page.rkc-tool-detail #calculator :is(.ct-model,.rkc-cartoon-model) { max-width:440px; margin-inline:auto; width:100%; }
.rkc-page.rkc-tool-detail #calculator .ct-chain { min-height:170px; padding-block:12px; }
.rkc-page.rkc-tool-detail #calculator .ct-tube-list { min-height:220px; }
.rkc-page.rkc-tool-detail #calculator .ct-tube img { height:175px; }
.rkc-page.rkc-tool-detail #calculator .rkc-model-stage { min-height:140px; padding:6px; }
.rkc-page.rkc-tool-detail #calculator .rkc-model-item img { max-height:120px; }
.rkc-page.rkc-tool-detail #calculator :is(.rkc-cartoon-callout,.ct-callout) { font-size:16px; padding:7px 10px; border-radius:8px; }
.rkc-page.rkc-tool-detail #calculator .rkc-cartoon-callout { min-width:76px; }
.rkc-page.rkc-tool-detail :is(.rkc-heading-row h2,.rkc-method-card h2) { font-size:22px; line-height:1.3; }
.rkc-page.rkc-tool-detail .rkc-workflow { margin-top:12px; }
/* Method notes follow the workspace in both block and grid presentations.
 * Use one explicit separation instead of a grid gap that disappears in block mode. */
.rkc-page.rkc-tool-detail .rkc-calculator-layout { row-gap:0; }
.rkc-page.rkc-tool-detail .rkc-calculator-layout > .rkc-method-card {
  position:relative!important; top:auto!important; margin-top:32px;
}
.rkc-page.rkc-tool-detail .rkc-method-card::before { content:none; display:none; }
/* Stack at the illustrated workspace breakpoint; retain the existing result-first order. */
@media(max-width:800px) {
  .rkc-page.rkc-tool-detail :is(.ct-inputs,.rkc-cartoon-workspace .rkc-simple-inputs) { padding-right:0; }
}
@media(max-width:700px) {
  .rkc-page.rkc-tool-detail .rkc-calculator-layout > .rkc-method-card { margin-top:24px; }
  .rkc-page.rkc-tool-detail #calculator { padding-block:16px 22px; }
  .rkc-page.rkc-tool-detail .rkc-calculator.rkc-compact { padding:16px!important; }
  .rkc-page.rkc-tool-detail .rkc-compact-inputs { padding-right:0; }
  .rkc-page.rkc-tool-detail #calculator :is(.rkc-calc-head h1,.ct-intro h1,.rkc-cartoon-intro h1) { font-size:23px!important; }
  .rkc-page.rkc-tool-detail #calculator .rkc-result>strong { font-size:24px!important; }
  /* 16px avoids mobile focus zoom; controls stay comfortable to tap. */
  .rkc-page.rkc-tool-detail #calculator :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea:not([readonly])) { font-size:16px!important; }
  .rkc-page.rkc-tool-detail #calculator :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { height:44px!important; }
  .rkc-page.rkc-tool-detail #calculator :is(.ct-primary,.rkc-calc-actions .rkc-button,.ct-segmented button,.rkc-cartoon-modes button,.rkc-mini-button) { min-height:44px; }
  .rkc-page.rkc-tool-detail #calculator :is(.ct-workspace,.rkc-cartoon-workspace,.rkc-compact-work) { gap:18px; }
}