/* Personal shortcuts share the search row and retain a compact touch target. */
html[data-theme] .app-header .header-search-tools { display:flex; align-items:center; gap:12px; min-width:0; width:100%; }
html[data-theme] .header-search-tools .global-search { flex:1; min-width:140px; max-width:none; margin:0; grid-column:auto; grid-row:auto; order:0; }
html[data-theme] .header-page-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
html[data-theme] .header-page-actions button { display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; min-height:44px; padding:10px 12px; }
.header-page-actions svg { width:18px; height:18px; flex:none; }
html[data-theme] .page-pin[aria-pressed=true] { color:var(--ws-on-selection); background:var(--ws-selection); border-color:var(--ws-primary); }
.page-pins { display:flex; gap:8px; max-width:232px; overflow-x:auto; padding:4px; scrollbar-width:thin; overscroll-behavior-x:contain; }
.page-pins[hidden],.page-pin-menu[hidden] { display:none; }
html[data-theme] .page-pin-circle { display:grid; place-items:center; position:relative; flex:0 0 44px; width:44px; height:44px; border-radius:50%; border:1px solid var(--ws-line); background:var(--ws-container); color:var(--ws-text); font-size:18px; font-weight:600; text-decoration:none; overflow:hidden; touch-action:pan-x pan-y; -webkit-touch-callout:none; user-select:none; }
.page-pin-circle img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
html[data-theme] .page-pin-circle:hover { background:var(--ws-selection); }
html[data-theme] .page-pin-circle:focus-visible { outline:2px solid var(--ws-focus); outline-offset:2px; }
html[data-theme] .page-pin-circle[aria-current=page] { border:2px solid var(--ws-primary); }
.page-pin-menu { position:fixed; z-index:50; width:248px; max-width:calc(100vw - 24px); padding:8px; background:var(--ws-surface); color:var(--ws-text); border:1px solid var(--ws-line); border-radius:12px; box-shadow:var(--ws-shadow); }
.page-pin-menu strong { display:block; padding:8px 10px; font-size:14px; overflow-wrap:anywhere; }
html[data-theme] .page-pin-menu button { display:block; width:100%; min-height:44px; padding:10px; background:transparent; color:var(--ws-text); border:0; border-radius:8px; text-align:left; font-size:14px; }
html[data-theme] .page-pin-menu button:hover,html[data-theme] .page-pin-menu button:focus-visible { background:var(--ws-selection); }
.search-history-head { display:flex; align-items:center; justify-content:space-between; padding:10px 14px 4px; gap:12px; }
.search-history-head strong { font-size:13px; color:var(--ws-secondary); }
html[data-theme] .search-history-head button { min-height:36px; padding:6px 8px; font-size:12px; background:transparent; border:0; color:var(--ws-primary); }
html[data-theme] .search-history-item { display:flex; align-items:center; gap:10px; width:100%; padding:12px 15px; min-height:44px; border:0; border-radius:0; background:transparent; color:var(--ws-text); text-align:left; font-size:14px; }
.search-history-item svg { width:18px; height:18px; flex:none; color:var(--ws-secondary); }
.search-history-item span { overflow-wrap:anywhere; }
html[data-theme] .search-history-item:hover,html[data-theme] .search-history-item:focus-visible { background:var(--ws-selection); }
@media (min-width:1024px) {
 html[data-theme] .app-header { grid-template-columns:minmax(180px,1fr) minmax(320px,min(58vw,calc(var(--hub-search-max) + 240px))) auto; }
 html[data-theme] .app-header .header-search-tools { grid-column:2; grid-row:1; }
 html[data-theme] .app-header .header-page-actions { grid-column:3; grid-row:1; justify-self:end; }
}
@media (min-width:600px) and (max-width:1023px) {
 html[data-theme] .app-header { grid-template-columns:minmax(170px,1fr) auto; }
 html[data-theme] .app-header .header-page-actions { grid-column:2; grid-row:1; }
 html[data-theme] .app-header .header-search-tools { grid-column:1/-1; grid-row:2; }
 html[data-theme] .app-header .nav { grid-row:3; }
}
@media (max-width:599px) {
 html[data-theme] .app-header .brand { width:120px; }
 html[data-theme] .app-header .header-search-tools { order:4; flex-basis:100%; gap:8px; }
 html[data-theme] .app-header .header-page-actions { margin-left:0; }
 html[data-theme] .header-page-actions button { width:40px; padding:8px; }
 .header-page-actions button span { display:none; }
 .page-pins { max-width:40%; gap:6px; }
}