/* Interior pages share the approved management typography, gutters and controls. */
.page.ra-interior{box-sizing:border-box;max-width:540px;margin:0 auto;padding:12px 22px 110px!important;border:0;border-radius:0;background:#fff;box-shadow:none;color:#081839;font-family:'Concept DM',sans-serif}
.ra-interior :is(h1,h2,h3,h4,button,input,select,textarea){font-family:inherit}
.ra-interior h1{font-size:33px!important;line-height:1.14;letter-spacing:-.04em!important;font-weight:750;margin:0}
.ra-interior h2{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px}
.ra-interior h3{font-size:18px;line-height:24px;letter-spacing:-.025em}
.ra-interior p{font-size:14px;line-height:1.6;color:#526781;overflow-wrap:anywhere}
.ra-interior :is(.ra-way-back,.ra-model-back){display:block;min-height:24px;margin:0 0 12px;padding:0;font-size:14px;line-height:24px;font-weight:500;color:#006be6;background:none;border:0}
.ra-interior :is(.ra-problems-top,.ra-clio-hero,.ra-model-hero,.ra-eea-hero){display:block;min-height:0;margin:0 0 22px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.ra-interior :is(.ra-problems-top,.ra-clio-hero,.ra-model-hero,.ra-eea-hero):after{display:none}
.ra-interior :is(.ra-clio-mark,.ra-problems-top>.eyebrow,.ra-clio-hero .eyebrow,.ra-model-hero .eyebrow,.ra-eea-hero .eyebrow){display:none}
.ra-interior h1 .accent{color:inherit}
.ra-interior :is(.ra-clio-hero,.ra-model-hero,.ra-eea-hero)>div{padding:0;max-width:none}
.ra-interior :is(.ra-problems-intro,.ra-clio-hero p,.ra-model-hero p,.ra-eea-hero p){font-size:18px;line-height:24px;max-width:none;margin:6px 0 18px}
.ra-interior :is(.panel,.ra-model-card,.ra-clio-change,.ra-auto-guide,.ra-issue-detail-card,.ra-issue-guide){border:1px solid #e0e8f1;border-radius:14px;background:#fff;box-shadow:0 2px 7px #17365608;padding:16px;margin:0 0 16px}
.ra-interior .ra-problems-search{min-height:46px;border:1px solid #cbd7e6;border-radius:10px;padding:10px 12px;background:#fff;box-shadow:none}
.ra-interior .ra-problems-search input{font-size:16px;min-width:0}
.ra-interior :is(.ra-problems-quick button,.ra-filter,.ra-model-tabs button){min-height:44px;box-shadow:none;border-radius:10px;font-size:13px;font-weight:500}
.ra-interior :is(.btn,.ra-problems-clear){min-height:46px;border-radius:10px;box-shadow:none;font-size:15px;font-weight:500;padding:11px 14px;white-space:normal}
.ra-interior :is(.btn:not(.secondary):not(.ghost),.ra-model-tabs [aria-selected=true]){background:#006be6;color:#fff}
.ra-interior .ra-model-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}
.ra-interior .ra-model-tabs button{min-width:0;width:100%;padding:10px;font-size:14px}
.ra-interior :is(.field input,.field select,.field textarea,.ra-issue-guide select,.ra-issue-guide textarea){box-sizing:border-box;min-width:0;width:100%;min-height:46px;border:1px solid #cbd7e6;border-radius:8px;background:#fff;padding:10px 12px;color:#102242;font-size:16px;font-weight:400}
.ra-interior .field label{font-size:15px;line-height:22px;font-weight:500;color:#102242}
.ra-interior .ra-model-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.ra-interior .ra-model-specs dt{font-size:13px;color:#526781}
.ra-interior .ra-model-specs dd{font-size:15px;color:#102242;overflow-wrap:anywhere}
.ra-interior :is(.ra-model-heading,.ra-clio-current){margin:20px 0 16px}
.ra-interior :is(details>summary,.ra-clio-list){font-size:14px;line-height:22px}
.ra-interior summary{min-height:44px;cursor:pointer}
.ra-interior .ra-auto-guide{padding:0;border:0;box-shadow:none}
.ra-interior .ra-guide-progress{margin:0 0 22px}
.ra-interior .ra-guide-actions .btn{min-width:0}
.ra-interior :is(.ra-issue-info-card,.ra-issue-detail-head,.ra-issue-guide){padding:16px;border:1px solid #e0e8f1;border-radius:14px;background:#fff;box-shadow:0 2px 7px #17365608;margin-bottom:16px}
.ra-interior :is(.ra-clio-selectors select,.ra-model-panel select){font:400 16px/22px 'Concept DM',sans-serif;min-height:46px;border:1px solid #cbd7e6;border-radius:8px;background:#fff;padding:10px 12px}
.ra-interior .ra-clio-selectors label{font-size:15px;line-height:22px;font-weight:500;color:#102242}
.ra-interior :is(.ra-model-card,.panel)>:last-child{margin-bottom:0}
/* Advanced Garage panels keep the same typography and button geometry when opened. */
#raExactData :is(.exact-data-option,.exact-data-extras) :is(.panel,.ra-editorial-panel,.ra-backup-panel,.ra-garage-photo-tools,.ra-garage-tyres){border:0;border-radius:0;background:#fff;box-shadow:none;padding:0;margin:0 0 18px}
#raExactData :is(.exact-data-option,.exact-data-extras) h2{font:700 20px/26px 'Concept DM',sans-serif;letter-spacing:-.025em;margin:0 0 10px}
#raExactData :is(.exact-data-option,.exact-data-extras) p{font-size:14px;line-height:22px;color:#526781}
#raExactData :is(.exact-data-option,.exact-data-extras) .btn{min-height:46px;padding:11px 14px;border-radius:10px;box-shadow:none;font-size:15px;font-weight:500}
#raExactData :is(.ra-photo-picker,.ra-import-label){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border-radius:10px;box-shadow:none;font:500 15px/22px 'Concept DM',sans-serif}
#raExactData .ra-garage-photo-tools h3{font:700 20px/26px 'Concept DM',sans-serif;letter-spacing:-.025em;margin:0 0 10px}
#raExactData :is(.exact-data-option,.exact-data-extras) :is(input:not([type=checkbox]):not([type=file]),select,textarea){min-height:44px;font-size:16px;background:#fff;border:1px solid #cbd7e6;border-radius:8px}
.ra-garage-b4 .ra-concept-observations .ra-issue-notes-panel{padding:16px 0;border:0;border-radius:0;box-shadow:none;background:#fff;font-family:'Concept DM',sans-serif}
.ra-garage-b4 .ra-concept-observations .ra-issue-notes-eyebrow{display:none}
.ra-garage-b4 .ra-concept-observations h2{font-size:23px;line-height:29px;margin:0 0 6px}
.ra-garage-b4 .ra-concept-observations :is(p,.ra-issue-notes-count){font-size:14px;line-height:22px}
.ra-garage-b4 .ra-concept-observations :is(button,.ra-issue-notes-open){min-height:44px;border-radius:10px;box-shadow:none;font-size:14px;font-weight:500}
.ra-garage-b4 .ra-concept-observations .ra-issue-notes-item{border:1px solid #e0e8f1;border-radius:14px;box-shadow:none}
/* Dedicated decoder entry never shows the tyre journey's fixed action dock. */
.ra-decoder-heading,.ra-decoder-start{display:none}
.ra-tyre-page.ra-decoder-only{box-sizing:border-box;max-width:540px;margin:0 auto;padding:12px 22px 110px;background:#fff;font-family:'Concept DM',sans-serif}
.ra-tyre-page.ra-decoder-only>#raTyreWizard,.ra-tyre-page.ra-decoder-only>h1,.ra-tyre-page.ra-decoder-only>.ra-way-back{display:none!important}
.ra-decoder-only .ra-decoder-heading{display:block;margin:0 0 22px}
.ra-decoder-heading button{display:block;min-height:24px;padding:0;border:0;background:none;color:#006be6;font-size:14px;line-height:24px;margin:0 0 12px}
.ra-decoder-heading h1{font:750 33px/1.14 'Concept DM',sans-serif;letter-spacing:-.04em;margin:0}
.ra-decoder-heading p{font-size:18px;line-height:24px;color:#526781;margin:6px 0 0}
.ra-decoder-only .ra-tyre-decoder{padding:0;margin:0 0 20px;border:0;border-radius:0;background:#fff;box-shadow:none}
.ra-decoder-only .ra-tyre-decoder>summary,.ra-decoder-only .ra-tyre-decoder h3{display:none}
.ra-decoder-only .ra-tyre-decoder .title-line{display:none}
.ra-decoder-only #tyreForm label{font-size:15px;line-height:22px;font-weight:500;color:#102242}
.ra-decoder-only .ra-tyre-decoder p,.ra-decoder-only #tyreResult{font-size:14px;line-height:22px;color:#526781}
.ra-decoder-only .ra-tyre-decoder :is(form,.row-panel){padding:0;margin:0;border:0;background:none;box-shadow:none}
.ra-decoder-only #tyreForm input{font-size:16px;min-height:46px;background:#fff;border:1px solid #cbd7e6;border-radius:8px}
.ra-decoder-only #tyreForm .btn,.ra-decoder-only .ra-decoder-start{display:block;width:100%;min-height:46px;margin:14px 0;padding:11px 14px;border:1px solid #006be6;border-radius:10px;background:#006be6;color:#fff;box-shadow:none;font-size:16px;font-weight:500}
.ra-decoder-only .ra-decoder-start{background:#eff6ff;color:#006be6;border-color:#dbe8f7;font-size:14px}
.ra-decoder-only #tyreResult{padding:16px;border-radius:14px;background:#eff6ff;margin:18px 0}
/* One separator between the last primary guide and secondary help. */
#raGuides .exact-guide-help{margin-top:0!important;border-top:0!important}
@media(min-width:760px){.page.ra-interior,.ra-tyre-page.ra-decoder-only{padding-top:28px!important;padding-bottom:40px!important}}

