/* Shared control geometry, independent of the selected palette or type direction. */
html{scrollbar-gutter:stable}
button{appearance:none;-webkit-appearance:none}
.ui-icon{display:block;width:1em;height:1em;flex:none;overflow:visible}
.site-header nav>.nav-contact{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;line-height:1.25;padding:12px 18px}
.site-header nav>.nav-contact>span{display:flex;align-items:center;justify-content:center;margin:0;font-size:18px;line-height:1;vertical-align:initial;flex:none}
.round-arrow{line-height:1;flex:none}
.round-arrow .ui-icon{font-size:22px}
.filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;line-height:1.25;padding:10px 15px;white-space:nowrap}
.filter>span{margin:0;line-height:1}
.text-link,.paired-projects .text-link,.full-study-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;line-height:1.3}
.text-link,.paired-projects .text-link{flex:none;padding:10px 0}
.text-link>span,.paired-projects .text-link>span,.full-study-link>span{display:flex;align-items:center;justify-content:center;flex:none;font-size:18px;line-height:1;margin:0}
.project-open{min-height:48px;line-height:1.3;gap:20px}
.project-open>span{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;flex:none}
.direct-email{display:inline-flex;align-items:center;gap:10px;line-height:1.5;white-space:nowrap}
.direct-email>span{display:flex;align-items:center;justify-content:center;flex:none;margin:0;line-height:1}
.contact-button{min-height:60px;line-height:1.35;padding:18px 22px;gap:24px;text-align:left}
.contact-button>span{display:flex;align-items:center;justify-content:center;flex:none;font-size:22px;line-height:1}
.dialog-close{min-height:44px;gap:13px;padding:10px 12px;line-height:1.3;justify-content:center;border-radius:4px}
.dialog-close>span{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;line-height:1;flex:none}
.dialog-close:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.study-dialog{overscroll-behavior:contain}
.dialog-topbar{gap:18px}
.project-type-options label>span>i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}
.brief-actions{flex-wrap:wrap;gap:12px 24px}
.brief-actions>button,.brief-edit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.3;padding:11px 0}
html[data-studio-palette] .brief-fields select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a8587' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.process-list summary>b,.questions-list summary>span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;line-height:1;transform-origin:center}
.process-list summary>b .ui-icon,.questions-list summary>span .ui-icon{font-size:20px}
.privacy-details summary{min-height:44px;line-height:1.5;padding:12px 0}
.privacy-details summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.remix-toggle{justify-content:center;line-height:1.25;gap:10px;padding:12px 17px;min-height:48px}
.remix-spark{display:grid;place-items:center;flex:none;width:20px;height:20px;line-height:1}
.remix-close{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:1;margin:-10px -10px 0 0}
.remix-close .ui-icon{font-size:20px}
.remix-choice{min-height:46px;line-height:1.25}
.remix-reset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 0;line-height:1.3}
.remix-bottom{gap:14px}
.remix-bottom>span{line-height:1.6}
@media(max-width:1000px) and (min-width:721px){.paired-projects .text-link{width:44px;height:44px;padding:0;gap:0;border:1px solid var(--line);border-radius:50%}.paired-projects .text-link>span{font-size:20px}}
@media(max-width:720px){
 .menu-toggle{min-height:44px;line-height:1.25}
 .text-link,.paired-projects .text-link{width:44px;height:44px;padding:0;gap:0;border:1px solid var(--line);border-radius:50%}
 .text-link>span,.paired-projects .text-link>span{font-size:20px}
 .project-details>div:first-child{min-width:0}
 .filter{padding:10px 12px;font-size:11px}
 .contact-button{min-height:58px;padding:17px 20px}
 .brief-fields input,.brief-fields select,.brief-fields textarea{font-size:16px}
 .dialog-topbar{padding:12px 16px;gap:12px}
 .dialog-topbar>span{max-width:62%;line-height:1.5}
 .dialog-close{padding:10px 0;gap:8px;flex:none}
 .full-study-link{gap:18px;max-width:100%;font-size:12px}
 .remix-panel{padding:22px}
}
@media(max-width:370px){.filter{padding:10px;font-size:10px}.project-type-options{grid-template-columns:1fr}.project-type-options label>span{min-height:54px;padding:15px 40px 15px 13px;flex-direction:row;align-items:center;gap:12px;font-size:12px}.project-type-options label>span>b{margin:0}.project-type-options label>span>i{top:50%;transform:translateY(-50%);right:13px}.remix-panel{padding:20px}.remix-choice{font-size:11px;gap:6px}}
