/* Contextual planning guidance. Native hidden/disabled/permissions stay authoritative. */
body.gcbg-sketchbook-preview :is(.gcbg-flow,.gcbg-flow-panel,.gcbg-flow-step-help){box-sizing:border-box;border:1px solid #bec5b2;border-left:4px solid #52634b;border-radius:4px;background:#f1f0e4;color:#293a2e;padding:22px 24px;margin:24px 0}
body.gcbg-sketchbook-preview :is(.gcbg-flow,.gcbg-flow-panel) :is(h2,h3){font-family:'SK Display',Georgia,serif;font-weight:400;letter-spacing:-.01em;line-height:1.2;margin:0 0 12px}
body.gcbg-sketchbook-preview .gcbg-flow h2{font-size:28px}
body.gcbg-sketchbook-preview .gcbg-flow-panel>h3{font-size:26px}
body.gcbg-sketchbook-preview :is(.gcbg-flow-copy,.gcbg-flow-help){font:16px/1.6 'GC Sans',Arial,sans-serif;margin:0 0 14px}
body.gcbg-sketchbook-preview :is(.gcbg-flow-small,.gcbg-flow-inline){font:14px/1.6 'GC Sans',Arial,sans-serif;color:#455446;margin:10px 0 0}
body.gcbg-sketchbook-preview .gcbg-flow-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 0}
body.gcbg-sketchbook-preview :is(.gcbg-flow-primary,.gcbg-flow-button,.gcbg-flow-secondary){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:1px solid #365649;border-radius:4px;font:600 15px/1.5 'GC Sans',Arial,sans-serif;text-align:center;cursor:pointer;text-decoration:none}
body.gcbg-sketchbook-preview :is(.gcbg-flow-primary,.gcbg-flow-button){background:#365649;color:#fffaf0}
body.gcbg-sketchbook-preview .gcbg-flow-secondary{background:#fffaf0;color:#365649}
body.gcbg-sketchbook-preview :is(.gcbg-flow-primary,.gcbg-flow-button):hover{background:#293f35;color:#fffaf0}
body.gcbg-sketchbook-preview .gcbg-flow-secondary:hover{background:#e2e7d9}
body.gcbg-sketchbook-preview :is(.gcbg-flow-primary,.gcbg-flow-button,.gcbg-flow-secondary):disabled{opacity:.6;cursor:default}
body.gcbg-sketchbook-preview .gcbg-flow-link{display:inline-flex;align-items:center;min-height:44px;font:600 15px/1.5 'GC Sans',Arial,sans-serif;color:#365649;text-underline-offset:4px}
body.gcbg-sketchbook-preview .gcbg-flow-status{font:600 15px/1.6 'GC Sans',Arial,sans-serif;margin:14px 0 0;color:#304c3c;overflow-wrap:anywhere}
body.gcbg-sketchbook-preview .gcbg-flow-status:empty{display:none}
body.gcbg-sketchbook-preview .gcbg-flow-step{font:700 14px/1.5 'GC Sans',Arial,sans-serif;margin:0 0 6px;color:#365649}
body.gcbg-sketchbook-preview .gcbg-flow-step-help{padding:15px 20px;margin:0 0 24px;background:#f6f3e9}
body.gcbg-sketchbook-preview .gcbg-flow-step-help .gcbg-flow-help{font-size:14px;margin:0}
body.gcbg-sketchbook-preview .gcbg-flow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
body.gcbg-sketchbook-preview .gcbg-flow-choice{background:#fffaf0;border:1px solid #c3c7b9;border-radius:4px;padding:18px;min-width:0;display:flex;flex-direction:column;gap:8px}
body.gcbg-sketchbook-preview .gcbg-flow-choice h3{font-size:23px;margin:0;overflow-wrap:anywhere}
body.gcbg-sketchbook-preview .gcbg-flow-choice p{margin:0 0 8px}
body.gcbg-sketchbook-preview .gcbg-flow-choice button{margin-top:auto;width:100%}
body.gcbg-sketchbook-preview #c-compare-open[aria-disabled=true]{opacity:.65;cursor:default}
body.gcbg-sketchbook-preview :is(.gcbg-flow,.gcbg-flow-panel,.gcbg-flow-step-help) :focus-visible{outline:3px solid #9c663d;outline-offset:4px}
body.gcbg-sketchbook-preview .gcbg-flow-compare-bar{position:sticky;top:calc(104px + var(--wp-admin--admin-bar--height,0px));z-index:12;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;border:1px solid #acb8a5;border-radius:6px;background:#f4f3e8;box-shadow:0 4px 18px #263a3226;margin:18px 0;font:600 14px/1.5 'GC Sans',Arial,sans-serif}
@media(max-width:640px){body.gcbg-sketchbook-preview :is(.gcbg-flow,.gcbg-flow-panel){padding:20px 18px}body.gcbg-sketchbook-preview .gcbg-flow-actions{align-items:stretch}body.gcbg-sketchbook-preview .gcbg-flow-actions>*{width:100%}body.gcbg-sketchbook-preview .gcbg-flow-options{grid-template-columns:1fr}body.gcbg-sketchbook-preview .gcbg-flow-compare-bar{top:calc(98px + var(--wp-admin--admin-bar--height,0px));flex-wrap:wrap;padding:12px}body.gcbg-sketchbook-preview .gcbg-flow-compare-bar button{min-height:44px}}
@media print{body.gcbg-sketchbook-preview :is(.gcbg-flow,.gcbg-flow-panel,.gcbg-flow-step-help,.gcbg-flow-compare-bar){display:none!important}}

body.gcbg-sketchbook-preview .gcbg-flow-account>p,body.gcbg-sketchbook-preview .gcbg-flow-steps{font:16px/1.6 'GC Sans',Arial,sans-serif;margin:0 0 14px}
body.gcbg-sketchbook-preview .gcbg-flow-steps{padding-left:22px}
body.gcbg-sketchbook-preview .gcbg-flow-steps li{margin:8px 0}
body.gcbg-sketchbook-preview .gcbg-flow-account .gcbg-flow-note{font-size:14px;color:#455446}
body.gcbg-sketchbook-preview .gcbg-flow-account .gcbg-flow-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;background:#fffaf0;color:#365649;border:1px solid #365649;border-radius:4px;text-align:center;font:600 15px/1.5 'GC Sans',Arial,sans-serif;text-decoration:none}
body.gcbg-sketchbook-preview .gcbg-flow-account .gcbg-flow-actions a:first-child{background:#365649;color:#fffaf0}
/* Native feature CSS uses IDs; keep only these new controls above that specificity. */
body.gcbg-sketchbook-preview :is(#gcbg-q,#gcbg-c,#gcbg-m,#gcbg-account-panel,#gcbg-sharing-panel,#gcbg-registry-app) :is(.gcbg-flow-primary,.gcbg-flow-button,.gcbg-flow-secondary){display:inline-flex;min-height:46px;padding:11px 18px;border:1px solid #365649;border-radius:4px;font:600 15px/1.5 'GC Sans',Arial,sans-serif;text-decoration:none}
body.gcbg-sketchbook-preview :is(#gcbg-q,#gcbg-c,#gcbg-m,#gcbg-account-panel,#gcbg-sharing-panel,#gcbg-registry-app) :is(.gcbg-flow-primary,.gcbg-flow-button){background:#365649;color:#fffaf0}
body.gcbg-sketchbook-preview :is(#gcbg-q,#gcbg-c,#gcbg-m,#gcbg-account-panel,#gcbg-sharing-panel,#gcbg-registry-app) .gcbg-flow-secondary{background:#fffaf0;color:#365649}
body.gcbg-sketchbook-preview :is(#gcbg-q,#gcbg-c,#gcbg-m) :is(.gcbg-flow,.gcbg-flow-panel)>:is(h2,h3){font:400 27px/1.2 'SK Display',Georgia,serif;margin:0 0 12px}