/* Interactive Mint desktop, adapted from the approved local mockup. */
#hth-mint-interactive { font-family:Ubuntu,"Segoe UI",Arial,sans-serif; --mint-window-radius:8px; }
#hth-mint-interactive [hidden] { display:none!important; }

#hth-mint-interactive .mint-demo { --ui-bg:#2d2d2d; --ui-raised:#3a3a3a; --ui-text:#f1f1f1; --ui-muted:#c3c3c3; --ui-line:#515151; --ui-input:#3c3c3c; --ui-selected:#829e61; --ui-selected-text:#fff; color:var(--ui-text); }
#hth-mint-interactive .mint-demo[data-theme="light"] { --ui-bg:#e7e7e7; --ui-raised:#f7f7f7; --ui-text:#242424; --ui-muted:#535353; --ui-line:#b4b4b4; --ui-input:#fff; --ui-selected:#d0deb9; --ui-selected-text:#24331e; }
#hth-mint-interactive .mint-demo * { box-sizing:border-box; }
#hth-mint-interactive button, #hth-mint-interactive input, #hth-mint-interactive textarea { font:inherit; }
#hth-mint-interactive button { color:inherit; }
#hth-mint-interactive button svg { width:18px; height:18px; flex:none; pointer-events:none; }
#hth-mint-interactive .mint-demo-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px 18px; padding:15px 18px; padding-right:110px; background:#002142; color:#fff; border-radius:12px 12px 0 0; font-size:14px; }
#hth-mint-interactive .mint-demo-caption strong { font-weight:700; }
#hth-mint-interactive .mint-demo-caption strong span { font-weight:400; color:#d6e2ef; }
#hth-mint-interactive .mint-demo-caption > span { color:#d6e2ef; font-size:12px; }
#hth-mint-interactive .mint-desktop { position:relative; isolation:isolate; min-height:600px; background:#252525; border:1px solid var(--ui-line); overflow:hidden; }
#hth-mint-interactive .mint-wallpaper { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; object-position:center; z-index:-2; user-select:none; pointer-events:none; }
#hth-mint-interactive .mint-demo[data-theme="dark"] .mint-wallpaper { object-position:75% center; }
#hth-mint-interactive .mint-top-panel { display:none; }
#hth-mint-interactive .mint-demo[data-theme="light"] .mint-top-panel { display:flex; justify-content:space-between; align-items:center; padding:0 14px; min-height:28px; background:linear-gradient(#bcbcbc,#858585); color:#fff; font-size:11px; }
#hth-mint-interactive .mint-top-panel > span:last-child { display:flex; align-items:center; gap:10px; }
#hth-mint-interactive .mint-top-panel svg { width:13px; height:13px; }
#hth-mint-interactive .mint-shortcuts { display:grid; gap:16px; position:absolute; left:32px; top:24px; }
#hth-mint-interactive .mint-demo[data-theme="light"] .mint-shortcuts { top:48px; }
#hth-mint-interactive .mint-shortcuts button { background:transparent; border:1px solid transparent; display:grid; justify-items:center; align-items:center; gap:8px; padding:8px 6px; min-width:88px; min-height:78px; border-radius:5px; color:#fff; text-shadow:0 1px 3px #000; font-size:13px; }
#hth-mint-interactive .mint-demo[data-theme="light"] .mint-shortcuts button { color:#202020; text-shadow:0 1px 1px #fff; }
#hth-mint-interactive .mint-shortcuts button:hover { background:#9cbd6733; border-color:#aacd7c88; }
#hth-mint-interactive .mint-computer-icon { display:grid; place-items:center; width:43px; height:34px; border:3px solid #8a8e96; background:linear-gradient(150deg,#555e6a,#1d222a); color:#c7ceda; box-shadow:0 3px 2px #0006; border-radius:2px; }
#hth-mint-interactive .mint-computer-icon svg { width:32px; height:24px; }
#hth-mint-interactive .mint-folder-icon { display:grid; place-items:center; position:relative; width:40px; height:29px; background:linear-gradient(#a4bf73,#7f9e4e); color:#4d672c; border-radius:2px; box-shadow:inset 0 1px #c7d7a1,0 2px 2px #0004; }
#hth-mint-interactive .mint-folder-icon::before { content:""; position:absolute; width:19px; height:4px; top:-4px; left:2px; background:#edf0e7; border-radius:2px 2px 0 0; }
#hth-mint-interactive .mint-folder-icon svg { width:18px; height:18px; }
#hth-mint-interactive .mint-app-icon { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:5px; background:linear-gradient(#a9b6bf,#647887); color:#fff; box-shadow:inset 0 1px 1px #ffffff7a,0 1px 2px #0005; }
#hth-mint-interactive .mint-app-icon svg { width:18px; height:18px; }
#hth-mint-interactive .mint-app-icon--browser { background:linear-gradient(145deg,#ffc37a,#ed741c); }
#hth-mint-interactive .mint-app-icon--writer { background:linear-gradient(#7dbce8,#267ebd); }
#hth-mint-interactive .mint-app-icon--calc { background:linear-gradient(#a6d382,#388143); }
#hth-mint-interactive .mint-app-icon--files { background:linear-gradient(#bbd58b,#76934d); }
#hth-mint-interactive .mint-app-icon--settings { background:linear-gradient(#e8e8e8,#8d9296); color:#45505a; }
#hth-mint-interactive .mint-app-icon--photos { background:linear-gradient(135deg,#c079e0,#75b9ea,#99c862); }
#hth-mint-interactive .mint-app-icon--music { background:linear-gradient(#df96b9,#ac4a7b); }
#hth-mint-interactive .mint-taskbar { position:absolute; bottom:0; left:0; right:0; z-index:80; display:flex; align-items:center; gap:6px; min-height:46px; padding:3px 7px; background:var(--ui-bg); border-top:1px solid var(--ui-line); box-shadow:0 -1px #0003; }
#hth-mint-interactive .mint-demo[data-theme="light"] .mint-taskbar { background:linear-gradient(#eee,#bcbcbc); }
#hth-mint-interactive .mint-menu-button { display:flex; align-items:center; gap:7px; min-height:38px; border:1px solid transparent; border-radius:3px; padding:4px 8px 4px 3px; background:transparent; font-size:13px; }
#hth-mint-interactive .mint-menu-button[aria-expanded="true"] { background:var(--ui-raised); border-color:var(--ui-line); }
#hth-mint-interactive .mint-mark { display:grid; place-items:center; width:29px; height:29px; background:linear-gradient(#bddc87,#79a84e); color:#fff; border:2px solid #dceac6; border-radius:3px 11px 3px 11px; font-family:Arial,sans-serif; font-weight:800; font-size:19px; text-shadow:0 1px #567831; box-shadow:0 1px 2px #0008; }
#hth-mint-interactive .mint-quicklaunch { display:flex; gap:3px; }
#hth-mint-interactive .mint-quicklaunch button { display:grid; place-items:center; width:35px; height:38px; background:transparent; border:0; color:#a3c77b; }
#hth-mint-interactive .mint-quicklaunch button[data-open="browser"] { color:#f6a359; }
#hth-mint-interactive .mint-task-items { display:flex; flex:1; gap:4px; min-width:0; }
#hth-mint-interactive .mint-task-items button { display:flex; align-items:center; gap:6px; border:1px solid var(--ui-line); background:var(--ui-raised); padding:7px 9px; min-height:34px; min-width:0; max-width:160px; flex:0 1 140px; border-radius:3px; font-size:12px; }
#hth-mint-interactive .mint-task-items button span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#hth-mint-interactive .mint-task-items button[aria-pressed="true"] { border-color:#9aba72; box-shadow:inset 0 -2px #9aba72; }
#hth-mint-interactive .mint-tray { display:flex; margin-left:auto; gap:9px; align-items:center; font-size:11px; padding-right:6px; }
#hth-mint-interactive .mint-tray svg { width:14px; height:14px; }
#hth-mint-interactive .mint-menu { position:absolute; bottom:46px; left:7px; width:595px; max-width:calc(100% - 14px); padding:14px; border:1px solid var(--ui-line); border-radius:5px 5px 0 0; background:var(--ui-bg); box-shadow:2px -5px 18px #0005; z-index:70; display:grid; grid-template-columns:48px 172px minmax(0,1fr); grid-template-rows:43px auto; gap:12px; min-height:385px; }
#hth-mint-interactive .mint-menu-favorites { grid-row:1/3; display:flex; flex-direction:column; gap:10px; align-items:center; padding:8px 4px; background:var(--ui-raised); border:1px solid var(--ui-line); }
#hth-mint-interactive .mint-menu-favorites button { display:grid; place-items:center; width:38px; height:42px; padding:3px; border:0; border-radius:4px; background:transparent; }
#hth-mint-interactive .mint-menu-favorites button:hover { background:#94b96a33; }
#hth-mint-interactive .mint-menu-favorites .mint-folder-icon { width:29px; height:23px; }
#hth-mint-interactive .mint-search { position:relative; grid-column:2/4; display:flex; align-items:center; }
#hth-mint-interactive .mint-search input { width:100%; min-width:0; height:35px; background:var(--ui-input); border:1px solid #88a364; border-radius:3px; color:var(--ui-text); padding:7px 30px 7px 10px; font-size:14px; }
#hth-mint-interactive .mint-search input::placeholder { color:var(--ui-muted); }
#hth-mint-interactive .mint-search > svg { position:absolute; right:10px; width:16px; height:16px; pointer-events:none; }
#hth-mint-interactive .mint-categories { display:flex; flex-direction:column; gap:2px; }
#hth-mint-interactive .mint-categories button { display:flex; align-items:center; gap:8px; min-height:36px; padding:7px; background:transparent; border:1px solid transparent; text-align:left; font-size:12px; border-radius:2px; }
#hth-mint-interactive .mint-categories button[aria-pressed="true"] { background:var(--ui-selected); color:var(--ui-selected-text); }
#hth-mint-interactive .mint-categories button svg { width:17px; height:17px; color:#9fc976; }
#hth-mint-interactive .mint-demo[data-theme="light"] .mint-categories button svg { color:#577937; }
#hth-mint-interactive .mint-apps { display:flex; align-content:start; flex-direction:column; gap:4px; min-width:0; }
#hth-mint-interactive .mint-apps.is-all { display:grid; grid-template-columns:1fr 1fr; }
#hth-mint-interactive .mint-apps button { display:flex; align-items:center; gap:8px; min-height:40px; width:100%; padding:5px; background:transparent; border:1px solid transparent; border-radius:3px; text-align:left; font-size:12px; }
#hth-mint-interactive .mint-apps button:hover { background:var(--ui-raised); border-color:var(--ui-line); }
#hth-mint-interactive .mint-apps .mint-empty { font-size:13px; color:var(--ui-muted); line-height:1.5; margin:8px; }
#hth-mint-interactive .mint-windows { position:absolute; inset:0 0 47px; pointer-events:none; }
#hth-mint-interactive .mint-window { position:absolute; width:min(570px,calc(100% - 28px)); top:74px; left:180px; background:#f4f4f4; color:#252525; border:1px solid #aaa; border-radius:var(--mint-window-radius); box-shadow:0 12px 32px #0007; overflow:hidden; pointer-events:auto; }
#hth-mint-interactive .mint-window.is-maximized { width:calc(100% - 24px); left:12px!important; top:12px!important; }
#hth-mint-interactive .mint-window.is-inactive { filter:brightness(.92); }
#hth-mint-interactive .mint-titlebar { display:flex; align-items:center; gap:8px; justify-content:space-between; background:linear-gradient(#fafafa,#d9d9d9); border-bottom:1px solid #b9b9b9; min-height:38px; padding:3px 5px 3px 13px; user-select:none; touch-action:none; }
#hth-mint-interactive .mint-titlebar strong { flex:1; font-size:13px; font-weight:650; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#hth-mint-interactive .mint-move-button { display:grid; place-items:center; flex:none; width:30px; height:29px; border:0; border-radius:4px; background:transparent; color:#59634f; padding:0; }
#hth-mint-interactive .mint-title-actions { display:flex; gap:3px; }
#hth-mint-interactive .mint-title-actions button { display:grid; place-items:center; width:30px; height:29px; padding:0; border:1px solid transparent; border-radius:4px; background:transparent; color:#444; }
#hth-mint-interactive .mint-title-actions button:hover { background:#c7d5b8; border-color:#95a68d; }
#hth-mint-interactive .mint-title-actions button[data-action="close"]:hover { background:#da765d; color:white; border-color:#b95c4a; }
#hth-mint-interactive .mint-title-actions svg { width:15px; height:15px; }
#hth-mint-interactive .mint-window-content { min-height:255px; max-width:100%; }
#hth-mint-interactive .mint-window-content p { font-size:14px; line-height:1.6; margin:10px 0; }
#hth-mint-interactive .mint-window-content h3 { font-size:20px; line-height:1.2; margin:0 0 12px; color:#29342b; font-weight:700; }
#hth-mint-interactive .mint-app-padding { padding:22px; }
#hth-mint-interactive .mint-app-toolbar { padding:9px 12px; background:#e9e9e9; border-bottom:1px solid #ccc; display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:12px; }
#hth-mint-interactive .mint-app-toolbar button, #hth-mint-interactive .mint-app-button { border:1px solid #bfc4ba; background:#fff; color:#303a2b; padding:8px 11px; border-radius:4px; min-height:36px; font-size:13px; }
#hth-mint-interactive .mint-file-layout { display:grid; grid-template-columns:125px minmax(0,1fr); }
#hth-mint-interactive .mint-file-sidebar { display:flex; flex-direction:column; gap:3px; background:#eaeaea; border-right:1px solid #ccc; padding:10px 5px; }
#hth-mint-interactive .mint-file-sidebar button { display:flex; align-items:center; gap:7px; border:0; background:transparent; min-height:36px; padding:6px; text-align:left; color:#353535; font-size:12px; }
#hth-mint-interactive .mint-file-sidebar button[aria-pressed="true"] { background:#cedbbd; }
#hth-mint-interactive .mint-folder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px; align-content:start; }
#hth-mint-interactive .mint-folder-grid button { display:grid; justify-items:center; align-content:start; gap:10px; border:1px solid transparent; border-radius:4px; background:transparent; padding:9px 2px; min-height:74px; font-size:12px; color:#313131; }
#hth-mint-interactive .mint-folder-grid button:hover { background:#dce8ce; border-color:#b6c6a2; }
#hth-mint-interactive .mint-file-name { overflow-wrap:anywhere; text-align:center; font-size:12px; line-height:1.4; }
#hth-mint-interactive .mint-file-footer { border-top:1px solid #ccc; padding:7px 12px; font-size:11px; background:#eee; }
#hth-mint-interactive .mint-browser-address { display:flex; gap:8px; align-items:center; padding:10px; background:#e4e4e4; }
#hth-mint-interactive .mint-browser-address span { flex:1; border:1px solid #bfc4ba; border-radius:5px; padding:8px 10px; background:#fff; font-size:12px; }
#hth-mint-interactive .mint-browser-start { text-align:center; padding:28px 22px; background:#fff; }
#hth-mint-interactive .mint-browser-start > .mint-app-icon { margin:0 auto 14px; width:48px; height:48px; border-radius:12px; }
#hth-mint-interactive .mint-browser-shortcuts { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:20px; }
#hth-mint-interactive .mint-writer textarea { display:block; resize:vertical; min-height:210px; width:100%; padding:24px; background:#fff; color:#303030; border:0; font-size:15px; line-height:1.7; }
#hth-mint-interactive .mint-calc-table { width:100%; border-collapse:collapse; font-size:13px; }
#hth-mint-interactive .mint-calc-table th, #hth-mint-interactive .mint-calc-table td { text-align:left; padding:10px; border:1px solid #d5d5d5; }
#hth-mint-interactive .mint-calc-table input { min-width:0; width:100%; max-width:100px; padding:6px; border:1px solid #c3c3c3; font-size:14px; }
#hth-mint-interactive .mint-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:22px; }
#hth-mint-interactive .mint-settings-grid button { display:grid; place-items:center; align-content:start; gap:10px; padding:14px 8px; border:1px solid #d1d4ce; border-radius:6px; background:#fff; color:#383d32; min-height:86px; font-size:13px; }
#hth-mint-interactive .mint-settings-grid svg { width:28px; height:28px; color:#729751; }
#hth-mint-interactive .mint-wallpaper-picks { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#hth-mint-interactive .mint-wallpaper-picks button { border:2px solid #b4c39e; border-radius:5px; background:#fff; padding:5px; color:#263120; font-size:12px; }
#hth-mint-interactive .mint-wallpaper-picks img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; margin-bottom:6px; }
#hth-mint-interactive .mint-simple-note { margin-top:12px; color:#59634f; font-size:12px; }
#hth-mint-interactive .mint-demo-status { margin:0; background:#002142; color:#d6e2ef; padding:12px 16px; font-family:Inter,Arial,sans-serif; font-size:13px; line-height:1.5; border-radius:0 0 12px 12px; min-height:44px; }
#hth-mint-interactive .mint-visually-hidden { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
@media (max-width:640px) {
  #hth-mint-interactive .mint-demo-caption { padding:14px; padding-right:100px; }
  #hth-mint-interactive .mint-desktop { min-height:550px; padding-top:1px; padding-bottom:55px; }
  #hth-mint-interactive .mint-shortcuts { position:relative; top:auto!important; left:auto; display:flex; gap:6px; margin:18px 12px 0; }
  #hth-mint-interactive .mint-shortcuts button { min-width:80px; min-height:80px; }
  #hth-mint-interactive .mint-demo[data-theme="light"] .mint-top-panel { margin-top:-1px; }
  #hth-mint-interactive .mint-menu { position:relative; left:auto; bottom:auto; width:calc(100% - 16px); max-width:none; margin:20px 8px 12px; grid-template-columns:1fr; grid-template-rows:auto; min-height:0; padding:12px; gap:12px; border-radius:7px; }
  #hth-mint-interactive .mint-menu-favorites { display:none; }
  #hth-mint-interactive .mint-search { grid-column:auto; }
  #hth-mint-interactive .mint-search input { font-size:16px; height:42px; }
  #hth-mint-interactive .mint-categories { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
  #hth-mint-interactive .mint-categories button { min-height:44px; font-size:12px; }
  #hth-mint-interactive .mint-apps.is-all { grid-template-columns:1fr; }
  #hth-mint-interactive .mint-apps button { min-height:44px; font-size:13px; }
  #hth-mint-interactive .mint-windows { position:relative; inset:auto; }
  #hth-mint-interactive .mint-window { position:relative; left:auto!important; top:auto!important; margin:18px 8px 12px; width:calc(100% - 16px)!important; }
  #hth-mint-interactive .mint-window.is-inactive { display:none; }
  #hth-mint-interactive .mint-window-content { min-height:220px; }
  #hth-mint-interactive .mint-title-actions button { width:32px; height:38px; }
  #hth-mint-interactive .mint-titlebar { min-height:44px; }
  #hth-mint-interactive .mint-quicklaunch { display:none; }
  #hth-mint-interactive .mint-taskbar { gap:4px; min-height:50px; }
  #hth-mint-interactive .mint-task-items button { padding:7px; min-height:40px; flex:0 1 45px; justify-content:center; }
  #hth-mint-interactive .mint-task-items button span { display:none; }
  #hth-mint-interactive .mint-tray svg { display:none; }
  #hth-mint-interactive .mint-tray { padding-right:0; }
  #hth-mint-interactive .mint-file-layout { grid-template-columns:1fr; }
  #hth-mint-interactive .mint-file-sidebar { flex-direction:row; flex-wrap:wrap; border-right:0; border-bottom:1px solid #ccc; }
  #hth-mint-interactive .mint-file-sidebar button { min-height:44px; }
  #hth-mint-interactive .mint-folder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:8px; }
  #hth-mint-interactive .mint-settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:14px; }
  #hth-mint-interactive .mint-app-padding { padding:16px; }
}


#hth-mint-interactive { --mint-launcher-icon:64px; background:#002142; color:#fff; border-radius:14px; padding:20px; }
#hth-mint-interactive .mint-launcher-area { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding:6px 0 24px; }
#hth-mint-interactive .mint-launcher-copy { flex:1 1 180px; }
#hth-mint-interactive .mint-launcher-copy strong { font-size:17px; color:#fff; }
#hth-mint-interactive .mint-launcher-copy p { margin:7px 0 0; color:#d6e2ef; font-size:14px; }
#hth-mint-interactive .mint-logo-launcher { display:flex; align-items:center; gap:14px; text-align:left; border:1px solid #5c906a; border-radius:14px; background:#10384b; padding:12px 16px 12px 12px; color:#fff; max-width:100%; }
#hth-mint-interactive .mint-logo-launcher img { flex:none; display:block; width:var(--mint-launcher-icon); height:var(--mint-launcher-icon); }
#hth-mint-interactive .mint-logo-launcher > span { display:grid; gap:5px; }
#hth-mint-interactive .mint-logo-launcher strong { font-size:16px; font-weight:700; }
#hth-mint-interactive .mint-logo-launcher small { color:#d6e2ef; font-size:12px; }
#hth-mint-interactive .mint-logo-launcher > svg { flex:none; width:19px; height:19px; color:#ff8a2f; }
#hth-mint-interactive .mint-logo-launcher:hover { background:#184b56; border-color:#9ed26d; }
#hth-mint-interactive .mint-theme-picker { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 0; border-top:1px solid #35506d; }
#hth-mint-interactive .mint-theme-picker > span { color:#d6e2ef; font-size:13px; margin-right:auto; }
#hth-mint-interactive .mint-theme-picker > div { display:flex; flex-wrap:wrap; gap:8px; }
#hth-mint-interactive .mint-theme-picker button { display:flex; align-items:center; gap:7px; min-height:42px; padding:9px 12px; background:#0d3258; color:#d6e2ef; border:1px solid #526b82; border-radius:7px; font-size:13px; }
#hth-mint-interactive .mint-theme-picker button[aria-pressed="true"] { background:#d2e5bf; color:#203219; border-color:#b5d694; }
#hth-mint-interactive .mint-theme-picker button > svg { width:16px; height:16px; }
#hth-mint-interactive > section { min-height:0; }
#hth-mint-interactive .mint-demo-caption { padding-right:18px; }
#hth-mint-interactive .mint-mark { background:transparent; border:0; box-shadow:none; padding:0; }
#hth-mint-interactive .mint-mark img { display:block; width:29px; height:29px; }
@media (max-width:640px) {
  #hth-mint-interactive { padding:12px; }
  #hth-mint-interactive .mint-launcher-area { gap:16px; padding-bottom:18px; }
  #hth-mint-interactive .mint-logo-launcher { width:100%; gap:10px; padding:12px; }
  #hth-mint-interactive .mint-logo-launcher img { width:52px; height:52px; }
  #hth-mint-interactive .mint-logo-launcher > svg { margin-left:auto; }
  #hth-mint-interactive .mint-launcher-copy strong { font-size:16px; }
  #hth-mint-interactive .mint-theme-picker { gap:10px; }
  #hth-mint-interactive .mint-theme-picker > div { flex:1 1 100%; }
  #hth-mint-interactive .mint-theme-picker button { min-height:44px; flex:1 1 115px; justify-content:center; }
  #hth-mint-interactive .mint-demo-caption { padding:12px; }
}

/* Integration stays inside the Linux section and its preview component. */
.linux-bottom--mint > p { grid-row:1; }
.linux-bottom--mint > .linux-bottom__ask { grid-row:1; align-self:center; }
#hth-mint-interactive { grid-column:1 / -1; grid-row:2; width:100%; min-width:0; }
#hth-mint-interactive .mint-control { cursor:pointer; }
#hth-mint-interactive .mint-static-note { color:#d6e2ef; font-size:12px; margin:0 18px 14px; }
@media(max-width:767px) {
  .linux-bottom--mint > .linux-bottom__ask { grid-column:1; grid-row:2; }
  #hth-mint-interactive { grid-row:3; }
}


/* Recognizable Firefox branding and browser chrome, scoped to the simulation. */
#hth-mint-interactive .mint-window[data-window="browser"] { display:flex; flex-direction:column; max-height:calc(100% - 78px); }
#hth-mint-interactive .mint-window[data-window="browser"].is-maximized { max-height:calc(100% - 24px); }
#hth-mint-interactive .mint-window[data-window="browser"] .mint-titlebar { flex:none; }
#hth-mint-interactive .mint-window[data-window="browser"] .mint-window-content { min-height:0; overflow-y:auto; }
#hth-mint-interactive .mint-app-icon--browser { background:transparent; box-shadow:none; }
#hth-mint-interactive .mint-firefox-logo { display:block; flex:none; object-fit:contain; }
#hth-mint-interactive .mint-app-icon--browser > img { width:100%; height:100%; }
#hth-mint-interactive .mint-quicklaunch [data-open="browser"] img { width:26px; height:26px; }
#hth-mint-interactive .mint-task-items .mint-app-icon { width:20px; height:20px; }
#hth-mint-interactive .mint-titlebar > .mint-app-icon { width:20px; height:20px; }
#hth-mint-interactive .mint-firefox { --ff-tabbar:#e6e6eb; --ff-toolbar:#f9f9fb; --ff-page:#f9f9fb; --ff-text:#15141a; --ff-muted:#5b5b66; --ff-line:#cfcfd8; --ff-field:#fff; color:var(--ff-text); background:var(--ff-page); }
#hth-mint-interactive .mint-demo[data-theme="dark"] .mint-firefox { --ff-tabbar:#1c1b22; --ff-toolbar:#2b2a33; --ff-page:#2b2a33; --ff-text:#fbfbfe; --ff-muted:#cfcfd8; --ff-line:#52505b; --ff-field:#42414d; }
#hth-mint-interactive .mint-firefox-tabs { display:flex; gap:6px; align-items:center; padding:6px 8px 0; background:var(--ff-tabbar); }
#hth-mint-interactive .mint-firefox-tab { display:flex; align-items:center; gap:8px; width:210px; min-width:0; padding:9px 12px; border-radius:7px 7px 0 0; background:var(--ff-toolbar); font-size:12px; }
#hth-mint-interactive .mint-firefox-tab > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hth-mint-interactive .mint-firefox button { color:var(--ff-text); }
#hth-mint-interactive .mint-firefox-tabs > button, #hth-mint-interactive .mint-firefox-toolbar > button { display:grid; place-items:center; width:32px; height:32px; padding:5px; border:0; border-radius:4px; background:transparent; flex:none; }
#hth-mint-interactive .mint-firefox button:hover { background:color-mix(in srgb,var(--ff-text) 10%,transparent); }
#hth-mint-interactive .mint-firefox button:disabled { opacity:.35; cursor:default; }
#hth-mint-interactive .mint-firefox-toolbar { display:flex; position:relative; gap:3px; align-items:center; padding:7px 6px; border-bottom:1px solid var(--ff-line); background:var(--ff-toolbar); }
#hth-mint-interactive .mint-firefox-address { flex:1; min-width:0; }
#hth-mint-interactive .mint-firefox-address label { position:static; width:auto; height:auto; clip-path:none; overflow:visible; font-size:0; }
#hth-mint-interactive .mint-firefox-address input { width:100%; min-width:0; height:32px; padding:6px 9px; border:1px solid var(--ff-line); border-radius:5px; color:var(--ff-text); background:var(--ff-field); font:inherit; font-size:12px; }
#hth-mint-interactive .mint-firefox input::placeholder { color:var(--ff-muted); opacity:1; }
#hth-mint-interactive .mint-firefox-menu { position:absolute; top:100%; right:6px; z-index:3; width:min(230px,calc(100% - 12px)); padding:8px; border:1px solid var(--ff-line); border-radius:6px; background:var(--ff-toolbar); box-shadow:0 5px 15px #0004; }
#hth-mint-interactive .mint-firefox-menu > button { display:block; width:100%; min-height:40px; padding:8px; border:0; border-radius:4px; background:transparent; text-align:left; font-size:12px; }
#hth-mint-interactive .mint-firefox-page { padding:24px 20px 18px; text-align:center; }
#hth-mint-interactive .mint-firefox-brand { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:22px; }
#hth-mint-interactive .mint-firefox-brand strong { font-family:Arial,sans-serif; font-size:34px; letter-spacing:-1px; font-weight:700; }
#hth-mint-interactive .mint-firefox-search { display:flex; align-items:center; gap:4px; max-width:410px; margin:0 auto; padding:3px 6px 3px 12px; border:1px solid var(--ff-line); border-radius:7px; background:var(--ff-field); box-shadow:0 2px 6px #0001; }
#hth-mint-interactive .mint-firefox-search label { display:flex; align-items:center; gap:8px; min-width:0; flex:1; }
#hth-mint-interactive .mint-firefox-search input { width:100%; min-width:0; height:40px; border:0; background:transparent; color:var(--ff-text); font:inherit; font-size:14px; }
#hth-mint-interactive .mint-firefox-search button { display:grid; place-items:center; width:34px; height:36px; padding:5px; border:0; border-radius:4px; background:transparent; flex:none; }
#hth-mint-interactive .mint-firefox-search svg { width:18px; height:18px; flex:none; }
#hth-mint-interactive .mint-firefox-shortcuts { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:20px auto 16px; }
#hth-mint-interactive .mint-firefox-shortcuts > button { display:grid; justify-items:center; gap:7px; min-width:88px; min-height:74px; padding:10px; border:1px solid transparent; border-radius:7px; background:var(--ff-field); font-size:12px; }
#hth-mint-interactive .mint-firefox-shortcuts svg { width:24px; height:24px; }
#hth-mint-interactive .mint-firefox-page h3 { color:var(--ff-text); font-size:18px; margin:16px 0 8px; overflow-wrap:anywhere; }
#hth-mint-interactive .mint-firefox-page p { color:var(--ff-muted); font-size:13px; margin:8px 0; overflow-wrap:anywhere; }
#hth-mint-interactive .mint-firefox-page .mint-firefox-note { font-size:11px; margin-top:18px; }
@media(max-width:640px) {
  #hth-mint-interactive .mint-window[data-window="browser"] { max-height:none; }
  #hth-mint-interactive .mint-window[data-window="browser"].is-maximized { max-height:none; }
  #hth-mint-interactive .mint-window[data-window="browser"].is-inactive { display:none; }
  #hth-mint-interactive .mint-window.is-maximized { left:auto!important; top:auto!important; width:calc(100% - 16px)!important; }
  #hth-mint-interactive .mint-move-button, #hth-mint-interactive .mint-title-actions [data-action="maximize"] { display:none; }
  #hth-mint-interactive .mint-task-items button > .mint-app-icon { display:grid; }
  #hth-mint-interactive .mint-quicklaunch { display:flex; }
  #hth-mint-interactive .mint-quicklaunch [data-open="files"] { display:none; }
  #hth-mint-interactive .mint-quicklaunch [data-open="browser"] { width:38px; min-height:44px; }
  #hth-mint-interactive .mint-task-items { overflow-x:auto; }
  #hth-mint-interactive .mint-task-items button { min-width:40px; flex:none; }
  #hth-mint-interactive .mint-firefox-toolbar { flex-wrap:wrap; }
  #hth-mint-interactive .mint-firefox-address { flex:1 1 100%; order:1; }
  #hth-mint-interactive .mint-firefox-toolbar > [data-ff-action="menu"] { margin-left:auto; }
  #hth-mint-interactive .mint-firefox-tabs > button, #hth-mint-interactive .mint-firefox-toolbar > button { width:38px; height:40px; }
  #hth-mint-interactive .mint-firefox-address input, #hth-mint-interactive .mint-firefox-search input { font-size:16px; }
  #hth-mint-interactive .mint-firefox-page { padding:20px 12px; }
  #hth-mint-interactive .mint-firefox-brand { gap:8px; }
  #hth-mint-interactive .mint-firefox-brand img { width:48px; height:48px; }
  #hth-mint-interactive .mint-firefox-brand strong { font-size:28px; }
  #hth-mint-interactive .mint-firefox-shortcuts { gap:6px; }
  #hth-mint-interactive .mint-firefox-shortcuts > button { min-width:0; flex:1 1 58px; padding:10px 6px; }
}