/* Compact native disclosure; shared light/dark tokens and editor controls. */
.tk-tour .tk-suitability{--tk-suitability-inset:30px;margin-bottom:24px;scroll-margin-top:110px}
.tk-suitability-fold summary{display:flex;align-items:center;gap:12px;padding:14px var(--tk-suitability-inset);min-height:60px;box-sizing:border-box;list-style:none;cursor:pointer}
.tk-suitability-fold summary::-webkit-details-marker{display:none}
.tk-tour .tk-suitability-fold summary h2{font:600 14px/1.4 Poppins,sans-serif;margin:0;color:var(--tk-heading);white-space:nowrap}
.tk-suitability-preview{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}
.tk-suitability-preview-pill{display:flex;align-items:center;gap:5px;flex:none;padding:6px 9px;border-radius:8px;background:var(--tk-primary-soft);color:var(--tk-heading);font-size:12px;line-height:1.5;white-space:nowrap}
.tk-suitability .tk-ui-icon,.tk-suitability-admin .tk-ui-icon{width:18px;height:18px;flex:none;color:var(--tk-link)}
.tk-suitability-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--tk-link);white-space:nowrap;font-weight:600}
.tk-suitability-fold[open] .tk-suitability-toggle svg{transform:rotate(180deg)}
.tk-suitability-fold[open] .tk-suitability-preview{visibility:hidden}
.tk-suitability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--tk-border);margin:0;padding:4px var(--tk-suitability-inset) 10px}
.tk-suitability-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--tk-border);min-width:0;font-size:12px;line-height:1.5;color:var(--tk-text)}
.tk-suitability-item dt{display:flex;align-items:center;gap:6px;margin:0;min-width:0;flex-shrink:0;white-space:nowrap}
.tk-suitability-item dd{display:flex;align-items:center;justify-content:flex-end;margin:0;text-align:right;color:var(--tk-heading);font-weight:500;min-width:0;overflow-wrap:anywhere}
.tk-suitability-item:nth-last-child(-n+2){border-bottom:0}
.tk-suitability-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;list-style:none;padding:0;margin:0}
.tk-suitability-chips li{padding:3px 7px;margin:0;border-radius:8px;background:var(--tk-primary-soft);color:var(--tk-link);font-size:12px;line-height:1.5}
.tk-suitability-note{padding:12px 16px;margin:0 var(--tk-suitability-inset) 16px;border-left:3px solid var(--tk-link);border-radius:8px;background:var(--tk-surface-alt);color:var(--tk-text);overflow-wrap:anywhere;font-size:13px}
.tk-suitability-note h3{display:flex;align-items:center;gap:6px;font-size:13px;margin:0 0 8px;color:var(--tk-heading)}
.tk-suitability-note>:last-child{margin-bottom:0}
.tk-suitability-note a{color:var(--tk-link);text-decoration:underline}
.tk-suitability-admin legend{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--tk-heading)}
.tk-suitability-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tk-suitability-admin fieldset{padding:12px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-control);min-width:0}
.tk-suitability-admin legend{padding:0 4px}
.tk-suitability-choices{display:flex;flex-wrap:wrap;gap:8px}
.tk-suitability-choice{position:relative;cursor:pointer}
.tk-suitability-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.tk-suitability-choice span{display:block;padding:8px 12px;border:1px solid var(--tk-border);border-radius:var(--tk-radius-pill);background:var(--tk-surface);color:var(--tk-text)}
.tk-suitability-choice input:checked+span{background:var(--tk-primary);border-color:var(--tk-primary);color:var(--tk-on-primary)}
.tk-suitability-choice input:focus-visible+span{outline:2px solid var(--tk-focus);outline-offset:2px}

@media(max-width:767px){.tk-suitability-grid,.tk-suitability-fields{grid-template-columns:1fr}}
@media(max-width:500px){.tk-suitability-fold summary{padding:12px var(--tk-suitability-inset);gap:8px;min-height:56px}.tk-tour .tk-suitability-fold summary h2{font-size:13px}.tk-suitability-toggle{font-size:11px}.tk-suitability-grid{padding:4px var(--tk-suitability-inset) 10px}.tk-suitability-item{font-size:11px}.tk-suitability-note{margin:0 var(--tk-suitability-inset) 12px}.tk-suitability-item dt{flex:1}.tk-suitability-item dd{max-width:55%}}

@media(max-width:782px){.tk-tour .tk-suitability{--tk-suitability-inset:22px}}
@media(max-width:767px){.tk-tour .tk-suitability{--tk-suitability-inset:var(--tk-space-4)}}
