/* Isolated first-visit preference tip; no page geometry, backdrop or scroll locking. */
[data-varim-layout-hint] {
 position:fixed; z-index:60; width:300px; max-width:calc(100vw - 24px);
 margin:0; padding:16px; box-sizing:border-box; border:1px solid var(--v2-border,#d1d1d7);
 border-radius:16px; background:var(--v2-surface,#fff); color:var(--v2-text,#111115);
 box-shadow:0 10px 32px rgba(0,0,0,.16); font:13px/1.45 var(--v2-font-body,system-ui,sans-serif);
 text-align:left; white-space:normal;
}
[data-varim-layout-hint][hidden] { display:none!important; }
[data-varim-layout-hint] strong { display:block; min-height:26px; padding-right:28px; color:var(--v2-text,#111115); font-size:14px; font-weight:650; }
[data-varim-layout-hint] p { margin:6px 0 10px; padding:0; color:var(--v2-muted,#53535b); font:inherit; }
[data-varim-layout-hint] button { min-height:44px; box-sizing:border-box; cursor:pointer; font:600 13px/1.4 var(--v2-font-body,system-ui,sans-serif); }
[data-varim-layout-hint] .layout-hint__choose { padding:8px 14px; border:1px solid transparent; border-radius:10px; color:var(--v2-on-accent,#fff); background:var(--v2-accent,#e9002e); }
[data-varim-layout-hint] .layout-hint__choose:is(:hover,:active) { color:var(--v2-on-accent,#fff); background:var(--v2-accent-hover,#c9001f); }
[data-varim-layout-hint] .layout-hint__dismiss { position:absolute; top:3px; right:3px; display:flex; align-items:center; justify-content:center; width:44px; padding:8px; border:0; border-radius:10px; color:var(--v2-text,#111115); background:transparent; }
[data-varim-layout-hint] .layout-hint__dismiss:is(:hover,:active) { color:var(--v2-accent-text,#c9001f); background:var(--v2-accent-soft,#ffe4e9); }
[data-varim-layout-hint] button:focus-visible { outline:3px solid var(--v2-focus,#c9001f); outline-offset:2px; }