/* ==========================================================================
   PANEL SECTIONS - Shared editor-style section layout for right-side panels
   ========================================================================== */

:root{
    --panel-section-content-padding: 15px 2px 3px;
    --panel-section-font-size: 15px;

    --panel-section-padding: 4px 0;
    --panel-section-stack-gap: 15px;

    --panel-section-title-size: 10.5px;
    --panel-section-title-letter-spacing: 0.18em;
    --panel-section-title-spacing: 10px;
}

#panel-editor .panel-content,
#panel-navigation .panel-content{
    padding: var(--panel-section-content-padding);
    color: var(--ink);
    font-size: var(--panel-section-font-size);
}

#panel-editor .widget-frame,
#panel-navigation .navigation-block{
    padding: var(--panel-section-padding);
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

#panel-editor .editor-tab-panel:not([hidden]) .widget-frame + .widget-frame,
#panel-navigation .navigation-block:not([hidden]) ~ .navigation-block:not([hidden]){
    margin-top: var(--panel-section-stack-gap);
    border-top: none;
}

#panel-editor .widget-frame > h3,
#panel-navigation .navigation-heading{
    margin: 0 0 var(--panel-section-title-spacing) 0;
    font-size: var(--panel-section-title-size);
    letter-spacing: var(--panel-section-title-letter-spacing);
    text-transform: uppercase;
    color: var(--ink-2);
}