/* Shared compact rhythm, after component and responsive styles. */
:root{--page-inset:4px;--panel-inset:6px;--space-4:6px;--space-5:8px;--space-6:10px;--workspace-gap:6px}
button{min-height:32px;padding:4px 8px;line-height:1.3}
button.small{min-height:28px;padding:3px 6px}
.topbar{padding:4px 8px;gap:8px}
.nav{min-height:36px;gap:12px;padding-inline:6px}
.nav .nav-tabs{gap:18px}
.nav .nav-tabs button{min-height:36px;padding:6px 0}
.workspace{padding:4px}
.lesson-switcher{gap:4px;margin-bottom:2px}
.lesson-switcher .lesson-choice{min-height:32px;padding:4px 8px}
.lesson-switcher .lesson-add{min-height:32px;height:32px;width:32px;padding:0}
.heading{padding:2px 0;gap:6px}
.heading .actions{gap:4px}
.heading .actions button{min-height:32px;padding:4px 8px}
.heading .lesson-title{gap:6px}
.heading p{margin-top:2px;gap:4px 8px}
.heading p span+span{padding-left:8px}
.pf-badge{padding:2px 5px}
.lesson-workbench{--panel-gap:6px}
.setup-overview,.quick-setup{padding:4px 6px;gap:8px}
.setup-metrics{padding-left:8px;gap:8px}
.setup-metric dd{margin-top:2px}
.setup-toggle{min-height:32px;padding:4px 8px}
.quick-setup-fields,.grid2,.grid3{column-gap:8px;row-gap:0}
.quick-setup-footer{gap:6px;padding-top:4px}
.setup{gap:6px}
.sectioncard{padding:6px;margin-bottom:6px}
.sectioncard h2{margin-bottom:8px}
.sectioncard>p{margin-bottom:8px}
.sectioncard details{padding:4px 0}
.sectioncard details .grid2{margin-top:6px}
.sectioncard summary{min-height:30px}
.field{gap:3px;margin-bottom:6px}
.field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field select,.field textarea{padding:5px 7px;min-height:32px}
.field textarea{min-height:64px}
.field .hint{margin:0;line-height:1.35}
.field.switch-field{min-height:32px;gap:8px}
.mode-switch{gap:4px;margin:4px 0 6px}
.mode-switch label{padding:4px 6px;min-height:32px}
.editor .editor-head{padding:4px 6px;gap:6px}
.editor-head .eyebrow{margin-bottom:2px}
.editor .edit-nav{padding:2px 6px;gap:2px;min-height:0}
.editor .edit-nav button{min-height:32px;padding:4px 8px;font-size:14px}
.editor .edit-body{padding:6px;scroll-padding-block:6px}
.editor .field,.editor .exercise-core .field{gap:3px;margin-bottom:6px}
.editor .edit-body .grid2>.field:not(.check):not(.switch-field)>span{min-height:0}
.editor .field input:not([type=checkbox]):not([type=radio]):not([type=range]),.editor .field select,.editor .field textarea{padding:5px 7px;min-height:32px}
.editor .field textarea{height:72px;min-height:64px;line-height:1.4;resize:vertical}
.editor .field.switch-field{padding:4px 6px;min-height:32px}
.editor .guided-profile,.editor .pointcard,.editor .fcl-picker,.editor .exercise-tag-picker{padding:6px;margin:4px 0 6px}
.editor .editor-actions{padding:2px 6px;gap:2px;min-height:0}
.editor .editor-actions button{min-height:30px;padding:4px 7px}
.editor details>summary{min-height:30px;padding-block:3px}
.notice{padding:6px 8px;margin-bottom:6px;line-height:1.4}
.pointcard,.filecard{padding:6px;margin-block:4px 6px}
.pointcard h3{margin-bottom:6px}
.lesson-table td{padding-block:6px}
.lesson-table .scenario,.lesson-table .parameterline,.lesson-table .annotation{margin-top:4px}
.lesson-table .exercise-tags,.exercise-reference-tags{margin-top:4px;gap:4px}
.lesson-table .row-drag-handle{height:30px;min-height:30px;margin-bottom:2px;padding:4px}
.table-end{padding:4px 6px}
.tolerances td,.tolerances th{padding:6px}
.tolerances textarea,.tolerances input{padding:5px 7px;min-height:32px}
.foot{padding:4px 6px;margin-top:6px;gap:6px}
dialog{padding:8px}
dialog h2{margin-bottom:6px}
dialog p{margin:6px 0;line-height:1.45}
dialog .actions{margin-top:8px;gap:4px}
.pdfbar{gap:4px;margin:6px 0}
.cloud-workspace{padding:6px}
.cloud-title,.cloud-detail-heading{gap:8px;margin-bottom:6px}
.cloud-title p,.cloud-detail-heading p{margin-top:4px}
.cloud-signin{padding:6px 0}
.cloud-signin p,.cloud-muted{margin:6px 0}
.cloud-signin .field input{min-height:32px}
.cloud-actions{gap:4px}
.cloud-layout{gap:8px}
.cloud-detail{padding-left:8px}
.cloud-history h2{margin-bottom:6px}
.cloud-revision{padding:6px;gap:3px;margin-bottom:2px}
.cloud-scope,.cloud-issued{padding:6px 0;gap:8px}
.cloud-issued{margin-bottom:8px}
.cloud-notice,.cloud-error{padding:6px 8px;margin:6px 0}
.cloud-contents{padding:6px 0;margin:6px 0}
.cloud-contents dl{margin:4px 0 6px}
.cloud-compare{margin:8px 0 6px;gap:8px}
.cloud-diff th,.cloud-diff td{padding:6px}
.cloud-empty{padding:8px 0}
.cloud-catchup{margin:6px 0;padding:8px}
.cloud-catchup h3,.cloud-discussion h3{margin-bottom:6px}
.cloud-comment{padding:6px 0}
.cloud-review-actions{margin:6px 0}
.cloud-discussion{margin-top:8px}
#cloud-dialog fieldset{margin:6px 0;padding:6px}
#profile-panel{padding:2px 4px}
#profile-panel>summary .profile-section-title{font-size:22px}
#profile-panel>summary .chart-edit-button{width:30px;height:30px;min-height:30px;flex-basis:30px;padding:5px}
.profile-fullscreen-button{min-height:30px;padding:3px 7px}
#profile-panel .profile-label-toolbar{padding:2px 0 4px;gap:6px}
#profile-fullscreen-dialog #profile-panel{padding:4px}
#profile-fullscreen-dialog #profile-panel>summary{min-height:32px;margin-bottom:4px;gap:6px}
#profile-fullscreen-dialog .profile-fullscreen-button{min-height:32px}
/* Keep touch controls usable while trimming the space around them. */
@media(any-pointer:coarse),(max-width:640px){
 button,button.small,.heading .actions button,.lesson-switcher .lesson-choice,.setup-toggle,.nav .nav-tabs button,.editor .edit-nav button,.editor .editor-actions button{min-height:44px}
 .field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field select,.editor .field input:not([type=checkbox]):not([type=radio]):not([type=range]),.editor .field select,.cloud-signin .field input{min-height:44px;font-size:16px}
 .field.switch-field,.editor .field.switch-field,.mode-switch label{min-height:44px}
 .lesson-table .row-drag-handle{min-height:44px;height:44px}
 .lesson-switcher .lesson-add{width:44px;height:44px;min-height:44px}
 #profile-panel>summary .chart-edit-button{width:44px;height:44px;min-height:44px;flex-basis:44px}
 .profile-fullscreen-button,#profile-fullscreen-dialog .profile-fullscreen-button{min-height:44px}
 .editor details>summary,.sectioncard summary{min-height:44px}
}
@media(max-width:640px){
 .topbar{padding:2px 4px!important}
 .nav{padding-inline:4px}
 .lesson-table tbody tr{padding:6px}
 .lesson-table tr:has(.com-values) .exercise-content>.lesson-title{min-height:40px}
 .lesson-table .com-values{top:6px;padding:4px}
 .editor .edit-body{padding:6px}
 .cloud-detail{padding:0}
 .cloud-history{margin-bottom:6px}
}
@media(min-width:641px) and (any-pointer:fine){
 .topbar .theme-toggle{width:32px;height:32px;min-height:32px;padding:5px}
 .topbar .pdf-preview,.topbar [data-action=package-menu]{min-height:32px;padding:4px 8px}
 .editor .title-input>input{height:32px;min-height:32px}
 .editor .title-input>button{width:32px;flex-basis:32px;min-height:32px;padding:0}
 .editor .editor-head button{min-width:30px;min-height:30px;padding:3px 6px}
 .editor .fcl-option{min-height:32px;padding:4px 0}
 .condition-group>summary,.enable-guidance{min-height:32px;padding-block:4px}
 .preset-options>button{min-height:32px;padding:5px 6px}
}
@media(min-width:641px) and (any-pointer:fine){
 .topbar{min-height:40px}
}
.sectioncard .field textarea{height:72px;min-height:64px;resize:vertical}