/* Comfortable playbook layout, independent of older compact defaults. */
#playbooks .playbook-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:28px}
#playbooks .playbook-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px}
#playbooks .playbooks-hero{padding:28px}
#playbooks .playbooks-hero h2{font-size:28px!important}
#playbooks .playbooks-hero p,#playbooks .panel-head p{font-size:16px!important;line-height:1.6}
#playbooks .panel-head h3,#playbooks .playbook-card h3{font-size:22px!important;line-height:1.35}
#playbooks .playbook-create{padding-bottom:24px}
#playbook-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding:24px!important}
#playbook-form .wide{grid-column:1/-1}
#playbook-form label{display:flex;flex-direction:column;gap:9px;min-width:0}
#playbook-form label>span{font-size:16px!important;font-weight:600}
#playbook-form input,#playbook-form select,#playbook-form textarea{box-sizing:border-box;width:100%;padding:12px 14px!important;font-size:16px!important;line-height:1.6!important;min-height:48px}
#playbook-form textarea{min-height:120px;resize:vertical}
#playbooks .playbook-card{padding:26px!important;min-width:0}
#playbooks .playbook-card>div{padding:16px 0!important}
#playbooks .playbook-card p,#playbooks .playbook-card small,#playbooks .playbook-card footer span{font-size:16px!important;line-height:1.65!important;overflow-wrap:anywhere}
#playbooks .playbook-card b{font-size:16px!important;line-height:1.5}
#playbooks .playbook-card header span,#playbooks .playbook-card header em{font-size:14px!important}
#playbooks .playbook-card footer{display:grid;grid-template-columns:1fr!important;gap:18px;padding-top:18px!important}
#playbooks .playbook-card footer b{display:block;margin-bottom:6px}
#playbooks .playbook-toolbar{gap:18px;padding:22px!important;flex-wrap:wrap}
#playbooks .playbook-toolbar strong{font-size:20px!important}
#playbooks .playbook-toolbar span,#playbooks .playbook-toolbar select{font-size:16px!important;line-height:1.5}
#playbooks button:not(.metric-info){min-height:44px;padding:11px 16px!important;font-size:16px!important}
#playbooks .playbook-compare-panel{margin-top:28px}
#playbooks .playbook-compare-controls{padding:24px!important;gap:20px}
#playbooks .playbook-compare-controls label span,#playbooks .playbook-compare-controls select{font-size:16px!important}
#playbooks .playbook-comparison-result{padding:24px!important;font-size:16px!important;line-height:1.6}
#playbooks .playbook-compare-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
#playbooks .playbook-compare-summary small,#playbooks .playbook-compare-summary span{font-size:16px!important}
#playbooks .playbook-compare-summary strong{font-size:22px!important;overflow-wrap:anywhere}
#playbooks .playbook-rule-comparison{display:grid;grid-template-columns:1fr!important;gap:18px;margin-top:24px}
#playbooks .playbook-rule-comparison article{padding:20px!important}
#playbooks .playbook-rule-comparison b,#playbooks .playbook-rule-comparison span{font-size:16px!important;line-height:1.65!important;overflow-wrap:anywhere}
#playbooks .playbook-rule-comparison em,#playbooks .comparison-sample{font-size:14px!important;line-height:1.6}
#playbooks .playbook-empty,#playbook-status{font-size:16px!important;line-height:1.6}
@media(max-width:1100px){#playbooks .playbook-list{grid-template-columns:1fr!important}}
@media(max-width:650px){#playbook-form,#playbooks .playbook-compare-summary{grid-template-columns:1fr!important}#playbooks .playbook-rule-comparison article>div{grid-template-columns:1fr!important}#playbooks .playbook-card,#playbook-form,#playbooks .playbook-comparison-result{padding:18px!important}}
