/* AccessRA R6 — compact practical knowledge + stable engineering-tool workspaces. */
:root{--ar-practical-header:72px;--ar-practical-line:#e4e8eb;--ar-practical-soft:#f7f9fa;--ar-practical-navy:#0e2a3d;--ar-practical-muted:#687681}

/* Knowledge: compact by default. The practical should arrive before the reader loses context. */
.ar-article-page .ar-article-header{padding-top:30px!important;padding-bottom:18px!important}
.ar-article-page .ar-article-header h1{max-width:760px!important;font-size:clamp(2rem,4.3vw,3.35rem)!important;line-height:1.03!important}
.ar-article-page .ar-article-deck{max-width:720px!important;margin-top:10px!important;font-size:.96rem!important;line-height:1.58!important}
.ar-article-page .ar-article-byline{margin-top:13px!important}
.ar-article-page .ar-article-rule{margin-block:0!important}
.ar-reading-column{padding-top:6px!important}
.ar-reading-section{padding:22px 0!important}
.ar-reading-section h2{margin-bottom:7px!important;font-size:1.28rem!important;line-height:1.2!important}
.ar-reading-section .ar-richtext{font-size:1.01rem!important;line-height:1.72!important}
.ar-reading-section .ar-richtext p{margin:.72rem 0!important}
.ar-section-type{margin-bottom:4px!important}
.ar-reading-section--field-note{margin:8px 0!important;padding:14px 0 14px 16px!important;border-left:3px solid #ef7d00}
.ar-reading-section--field-note h2{font-size:.83rem!important;text-transform:uppercase;letter-spacing:.055em;color:#53636e!important}
.ar-reading-section--field-note .ar-section-type{display:none!important}
.ar-reading-section--field-note .ar-richtext{font-family:var(--ars-font-ui,Inter,sans-serif)!important;font-size:.88rem!important;line-height:1.55!important;color:#42515c!important}
.ar-reading-section--validation{padding-top:16px!important;padding-bottom:18px!important}
.ar-reading-section--validation>.ar-richtext{max-width:680px}

/* Focused practical: instrument and controls remain visually coupled. */
.ar-reading-section .pg-demo{margin-top:14px!important;border:1px solid #dce3e7!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
.pg-demo__head{padding:.75rem .85rem .65rem!important}
.pg-demo__title{font-size:.96rem!important}
.pg-demo__context{margin-top:.22rem!important;font-size:.76rem!important;line-height:1.42!important}
.pg-demo__layout{grid-template-columns:minmax(310px,.92fr) minmax(310px,1.08fr)!important;align-items:start!important}
.pg-demo__visual{position:sticky!important;top:var(--ar-practical-header)!important;align-self:start!important;padding:.4rem!important;background:#0c202c!important;z-index:2}
.pg-demo__canvas{min-height:0!important;height:auto!important}
.pg-demo__canvas canvas{display:block!important;width:100%!important;height:auto!important;max-height:260px!important;object-fit:contain!important}
.pg-demo__visual-caption{margin-top:.08rem!important;font-size:.62rem!important}
.pg-demo__work{padding:.72rem .78rem .78rem!important}
.pg-demo__metrics{gap:.32rem!important}
.pg-demo__metrics>div{padding:.44rem .5rem!important;border-radius:6px!important}
.pg-demo__metrics span,.pg-demo__control-label,.pg-demo__field>span{font-size:.59rem!important}
.pg-demo__metrics strong{font-size:.84rem!important}
.pg-demo__guide{margin-top:.62rem!important;padding-left:.58rem!important}
.pg-demo__step{font-size:.8rem!important}
.pg-demo__instruction{font-size:.72rem!important;line-height:1.4!important}
.pg-demo__controls{margin-top:.64rem!important;gap:.52rem!important}
.pg-demo__button-row{gap:.3rem!important}
.pg-demo__button{min-height:36px!important;padding:.4rem .58rem!important;border-radius:6px!important;font-size:.72rem!important}
.pg-demo__field input{min-height:38px!important;margin-top:.22rem!important;border-radius:6px!important;padding:.42rem .5rem!important}
.pg-demo__result{margin-top:.62rem!important;padding-top:.58rem!important;font-size:.73rem!important;line-height:1.42!important}

/* Tools: result stays beside the inputs, calculations do not move the user's viewport. */
.ar-tool-page .ar-network-progress,.ar-tool-page .ar-loading-status{display:none!important}
.ar-tool-page main>.ar-section:first-child{padding-top:24px!important;padding-bottom:34px!important}
.ar-tool-page main>.ar-section:first-child>.ar-shell{max-width:1080px!important}
.ar-tool-page main h1.ar-heading{font-size:clamp(1.75rem,3.1vw,2.3rem)!important;line-height:1.06!important}
.ar-tool-page main h1.ar-heading+.ar-copy{font-size:.9rem!important;line-height:1.52!important;margin-top:.48rem!important}
.ar-tool-page .mt-10{margin-top:1.15rem!important}.ar-tool-page .mt-6{margin-top:.8rem!important}
.ar-calculator-workspace,[data-ar-calculator-workspace]{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;align-items:start!important;gap:16px!important;max-width:1020px!important}
.ar-calculator-form{border-radius:8px!important;box-shadow:none!important}
.ar-calculator-form .ar-panel-header{padding:.72rem .82rem!important;background:#fafbfc!important}
.ar-calculator-form .ar-panel-header h2{font-size:.93rem!important}
.ar-calculator-form .ar-panel-header p{font-size:.72rem!important}
.ar-calculator-form .ar-panel-body{padding:.82rem!important}
.ar-calculator-form .grid{gap:.65rem!important}
.ar-calculator-form .ar-field{margin-bottom:.48rem!important}
.ar-calculator-form .ar-label{margin-bottom:.22rem!important;font-size:.7rem!important}
.ar-calculator-form .ar-input,.ar-calculator-form .ar-select{min-height:38px!important;padding:.45rem .52rem!important;font-size:.86rem!important;border-radius:6px!important}
.ar-calculator-form .ar-calc-submit,.ar-calculator-form .btn[type=submit]{min-height:38px!important;margin-top:.15rem!important;padding:.45rem .78rem!important;font-size:.78rem!important}
.ar-calculator-output,[data-ar-calculator-output]{position:relative!important;min-width:0!important;min-height:210px!important}
.ar-calculator-output>.ar-result:first-child,.ar-calculator-output>.ar-panel:first-child,[data-ar-calculator-output]>.ar-result:first-child,[data-ar-calculator-output]>.ar-panel:first-child{position:sticky!important;top:84px!important}
.ar-tool-page .ar-result{padding:.9rem!important;border-radius:8px!important}
.ar-tool-page .ar-result-value{font-size:1.45rem!important}
.ar-tool-page .ar-result-grid{gap:.55rem!important}
.ar-tool-page .ar-result-grid>div{padding:.55rem!important}
.ar-tool-placeholder{min-height:210px!important;display:flex!important;align-items:center!important;background:#fafbfc!important}
.ar-tool-placeholder .ar-panel-body{padding:1rem!important}
.ar-tool-detail-result{max-width:1020px;border-top:1px solid var(--ar-practical-line);padding-top:14px}
.ar-tool-detail-result__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.ar-tool-detail-result .ar-table{font-size:.75rem!important}
.ar-tool-detail-result .ar-table th,.ar-tool-detail-result .ar-table td{padding:.58rem .62rem!important}
.ar-calculator-output.is-loading,[data-ar-calculator-output].is-loading{overflow:hidden!important;pointer-events:none!important}
.ar-calculator-output.is-loading>*:not(.ar-tool-loading-skeleton),[data-ar-calculator-output].is-loading>*:not(.ar-tool-loading-skeleton){opacity:.16!important}
.ar-tool-loading-skeleton{position:absolute;inset:0;z-index:8;background:rgba(255,255,255,.92);padding:12px;display:grid;align-content:start;gap:10px}
.ar-tool-loading-skeleton span{display:block;height:12px;border-radius:5px;background:linear-gradient(90deg,#edf0f2 18%,#fff 42%,#edf0f2 66%);background-size:230% 100%;animation:ar-tool-shimmer 1.1s linear infinite}
.ar-tool-loading-skeleton span:nth-child(1){height:18px;width:42%}.ar-tool-loading-skeleton span:nth-child(2){height:34px;width:62%}.ar-tool-loading-skeleton span:nth-child(3){width:86%}.ar-tool-loading-skeleton span:nth-child(4){width:72%}
@keyframes ar-tool-shimmer{to{background-position:-230% 0}}

@media(max-width:760px){
  :root{--ar-practical-header:58px}
  .ar-article-page .ar-article-header{padding-top:24px!important;padding-bottom:14px!important}
  .ar-reading-section{padding:18px 0!important}
  .ar-reading-section .pg-demo{width:calc(100vw - 12px)!important}
  .pg-demo__layout{display:block!important}
  .pg-demo__visual{position:sticky!important;top:58px!important;max-height:42vh!important;overflow:hidden!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .pg-demo__canvas canvas{max-height:34vh!important}
  .pg-demo__work{background:#fff!important}
  .pg-demo__metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ar-calculator-workspace,[data-ar-calculator-workspace]{grid-template-columns:1fr!important;gap:10px!important}
  .ar-calculator-output,[data-ar-calculator-output]{min-height:0!important}
  .ar-calculator-output>.ar-result:first-child,.ar-calculator-output>.ar-panel:first-child,[data-ar-calculator-output]>.ar-result:first-child,[data-ar-calculator-output]>.ar-panel:first-child{position:static!important}
  .ar-tool-detail-result__head{align-items:flex-start}
}
@media(max-width:430px){
  .pg-demo__head{padding:.62rem .68rem .55rem!important}.pg-demo__badge{display:none!important}
  .pg-demo__visual{max-height:39vh!important}.pg-demo__canvas canvas{max-height:31vh!important}
  .pg-demo__work{padding:.64rem!important}.pg-demo__button{min-height:34px!important;padding:.36rem .5rem!important}
}
@media(prefers-reduced-motion:reduce){.ar-tool-loading-skeleton span{animation:none!important}}