/* Internet Explorer 6 SP2 — browser chrome, dialogs and the simulated 2004 web. All selectors scoped to .app-iexplore. */

/* ============================== chrome ============================== */
.app-iexplore .ie-root { flex: 1; min-height: 0; display: flex; flex-direction: column; container: ie / inline-size; background: var(--xp-face); }
.app-iexplore .ie-bars { flex: none; }
.app-iexplore .menubar { position: relative; overflow: visible; }
.app-iexplore .ie-throbber { margin-left: auto; width: 40px; height: 20px; margin-top: -1px; border-left: 1px solid #C5C2B2; box-shadow: -1px 0 #fff inset;
  display: grid; place-items: center; background: #fff; perspective: 60px; overflow: hidden; }
.app-iexplore .ie-throbber svg { transform-origin: 50% 50%; }
.app-iexplore .ie-throbber.spin svg { animation: ie-throb 1.1s linear infinite; }
@keyframes ie-throb { 0% { transform: rotateY(0) scale(.9); } 50% { transform: rotateY(180deg) scale(1.05); } 100% { transform: rotateY(360deg) scale(.9); } }

.app-iexplore .ie-std { height: 40px; border-top: 1px solid #fff; }
.app-iexplore .ie-tb { height: 36px; padding: 0 4px; }
.app-iexplore .ie-tb svg { flex: none; }
.app-iexplore .ie-tb-label { padding-right: 3px; }
.app-iexplore .ie-split { display: inline-flex; align-items: center; }
.app-iexplore .ie-split .ie-tb { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.app-iexplore .ie-tb-drop { height: 36px; width: 13px; padding: 0; justify-content: center; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.app-iexplore .ie-split:hover .xp-toolbtn:not(:disabled) { border-color: #fff #CECEC3 #CECEC3 #fff; background: linear-gradient(to bottom, #fff, #F2F1EA 70%, #E7E5D9); }
.app-iexplore .ie-tb.pressed { border-color: #9D9D92 #fff #fff #9D9D92; background: #E3E1D5; box-shadow: inset 1px 1px 2px rgba(0,0,0,.15); }
.app-iexplore .ie-kiosk-ctl { display: none; margin-left: auto; gap: 1px; }
.app-iexplore .ie-kiosk-ctl .xp-toolbtn { width: 22px; justify-content: center; font: bold 11px Tahoma, sans-serif; }

.app-iexplore .ie-addr, .app-iexplore .ie-links, .app-iexplore .ie-funbar { display: flex; align-items: center; gap: 3px; height: 26px; padding: 0 3px 0 4px;
  border-top: 1px solid #fff; border-bottom: 1px solid #D8D2BD; }
.app-iexplore .ie-lbl { color: #6B6B6B; padding: 0 3px 0 2px; white-space: nowrap; }
.app-iexplore .ie-combo { flex: 1; min-width: 60px; height: 21px; display: flex; align-items: center; background: #fff; border: 1px solid #7F9DB9; }
.app-iexplore .ie-addr-ico { width: 20px; display: grid; place-items: center; flex: none; }
.app-iexplore .ie-addr-in { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; padding: 0 2px; font: 11px Tahoma, sans-serif; background: transparent; }
.app-iexplore .ie-addr-dd { flex: none; width: 17px; height: 19px; border: 0; padding: 0; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19'%3E%3Crect x='.5' y='.5' width='16' height='18' rx='2' fill='%23C3D3FD' stroke='%23fff'/%3E%3Cpath d='M5 8l3.5 3.5L12 8' fill='none' stroke='%234D6185' stroke-width='2'/%3E%3C/svg%3E") center no-repeat; }
.app-iexplore .ie-addr-dd:hover { filter: brightness(1.06); }
.app-iexplore .ie-go { height: 22px; gap: 3px; padding: 0 4px; }
.app-iexplore .ie-links-chev { height: 22px; border-left: 1px solid #C5C2B2 !important; border-radius: 0; color: #444; }
.app-iexplore .ie-links-open .ie-links-chev { display: none; }
.app-iexplore .ie-links .xp-toolbtn span { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.app-iexplore .ie-addr.ro .ie-combo { background: var(--xp-face); }
.app-iexplore .ie-funbar { background: linear-gradient(to bottom, #7d3cc8, #4a2296); color: #fff; }
.app-iexplore .ie-funbar .fb-logo { font: italic 14px "Comic Sans MS", "Trebuchet MS", sans-serif; color: #ffd83a; padding: 0 6px; }
.app-iexplore .ie-funbar .xp-input { width: 150px; height: 19px; }
.app-iexplore .ie-funbar .xp-toolbtn { color: #fff; }
.app-iexplore .ie-funbar .xp-toolbtn:hover { color: #000; }
.app-iexplore .ie-funbar-wx { padding: 0 8px; white-space: nowrap; }

.app-iexplore .ie-infobar { flex: none; display: flex; align-items: center; gap: 6px; padding: 3px 4px 3px 6px; background: #FFFFE1; color: #000; border-bottom: 1px solid #ACA899;
  cursor: var(--cur-arrow); min-height: 22px; }
.app-iexplore .ie-infobar:hover, .app-iexplore .ie-infobar.open { background: #316AC5; color: #fff; }
.app-iexplore .ie-infobar-text { flex: 1; min-width: 0; }
.app-iexplore .ie-infobar-x { border: 0; background: none; color: inherit; font-size: 14px; line-height: 1; padding: 0 3px; }

.app-iexplore .ie-main { flex: 1; min-height: 0; display: flex; position: relative; }
.app-iexplore .ie-view { flex: 1; min-width: 0; overflow: auto; background: #fff; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899; outline: 0; -webkit-overflow-scrolling: touch; }
.app-iexplore .ie-root.loading .ie-view, .app-iexplore .ie-root.loading .ie-view * { cursor: var(--cur-busy) !important; }
.app-iexplore .ie-tip { flex: none; background: #FFFFE1; border-top: 3px solid var(--xp-face); box-shadow: 0 -1px #ACA899; padding: 4px 8px 6px; }
.app-iexplore .ie-tip-h { display: flex; gap: 10px; align-items: center; margin-bottom: 3px; }
.app-iexplore .ie-tip-h button { margin-left: auto; }

.app-iexplore .ie-status .ie-st-main { flex: 1; min-width: 0; }
.app-iexplore .ie-st-txt { overflow: hidden; text-overflow: ellipsis; }
.app-iexplore .ie-st-ico { flex: none; display: inline-flex; }
.app-iexplore .ie-status .ie-st-prog { min-width: 110px; width: 110px; }
.app-iexplore .ie-st-prog .xp-progress { height: 12px; width: 100%; visibility: hidden; padding: 1px; }
.app-iexplore .ie-st-prog.on .xp-progress { visibility: visible; }
.app-iexplore .ie-status .ie-st-blk, .app-iexplore .ie-status .ie-st-lock { min-width: 24px; width: 24px; justify-content: center; }
.app-iexplore .ie-status .ie-st-zone { min-width: 150px; width: 150px; }

/* explorer bar */
.app-iexplore .ie-xbar { width: 210px; flex: none; display: flex; flex-direction: column; background: #fff; border-right: 4px solid var(--xp-face); box-shadow: 1px 0 #ACA899; }
.app-iexplore .ie-xbar[hidden] { display: none; }
.app-iexplore .ie-xbar-head { flex: none; display: flex; align-items: center; justify-content: space-between; height: 22px; padding: 0 3px 0 6px; background: var(--xp-face); border-bottom: 1px solid #ACA899; }
.app-iexplore .ie-xbar-x { border: 1px solid transparent; background: none; font: 14px/1 Tahoma, sans-serif; width: 18px; height: 18px; padding: 0; border-radius: 2px; }
.app-iexplore .ie-xbar-x:hover { border-color: #fff #aca899 #aca899 #fff; }
.app-iexplore .ie-xbar-body { flex: 1; overflow: auto; padding: 2px 0 8px; }
.app-iexplore .ie-xbar-tb { display: flex; gap: 2px; padding: 2px 3px 4px; border-bottom: 1px solid #eee; margin-bottom: 3px; }
.app-iexplore .ie-tree-h, .app-iexplore .ie-leaf { display: flex; align-items: center; gap: 4px; padding: 2px 6px; color: #000; text-decoration: none; white-space: nowrap; overflow: hidden; }
.app-iexplore .ie-tree-h span, .app-iexplore .ie-leaf span { overflow: hidden; text-overflow: ellipsis; }
.app-iexplore .ie-tree-h:hover, .app-iexplore .ie-leaf:hover { color: #0033CC; text-decoration: underline; }
.app-iexplore .ie-tree-k { display: none; padding-left: 14px; }
.app-iexplore .ie-tree.open > .ie-tree-k { display: block; }
.app-iexplore .ie-empty { color: #888; padding: 2px 8px; }
.app-iexplore .ie-xs { padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.app-iexplore .ie-xs .xp-btn { align-self: flex-start; }
.app-iexplore .ie-xs-logo { font: bold 13px Verdana, sans-serif; color: #1a3a8f; display: flex; align-items: center; gap: 6px; }
.app-iexplore .ie-xs-tip { color: #666; margin: 0; }
.app-iexplore .ie-xs-h { font-weight: bold; margin: 6px 0 2px; }
.app-iexplore .ie-xs-out .ie-leaf { white-space: normal; align-items: flex-start; }

.app-iexplore .ie-suggest { position: absolute; z-index: 60; background: #fff; border: 1px solid #000; max-height: 180px; overflow: auto; box-shadow: 2px 2px 3px rgba(0,0,0,.25); }
.app-iexplore .ie-suggest > div { display: flex; gap: 4px; align-items: center; padding: 1px 4px; white-space: nowrap; }
.app-iexplore .ie-suggest > div:hover, .app-iexplore .ie-suggest > div.hot { background: #316AC5; color: #fff; }

/* full screen (F11) */
.window.app-iexplore.ie-kiosk { position: fixed !important; left: 0 !important; top: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 2147483000 !important;
  border-radius: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
.window.app-iexplore.ie-kiosk > .titlebar, .window.app-iexplore.ie-kiosk .menubar, .window.app-iexplore.ie-kiosk .ie-addr, .window.app-iexplore.ie-kiosk .ie-links,
.window.app-iexplore.ie-kiosk .ie-status, .window.app-iexplore.ie-kiosk > .rz { display: none !important; }
.window.app-iexplore.ie-kiosk .ie-std { height: 26px; }
.window.app-iexplore.ie-kiosk .ie-tb, .window.app-iexplore.ie-kiosk .ie-tb-drop { height: 24px; }
.window.app-iexplore.ie-kiosk .ie-tb svg { width: 16px; height: 16px; }
.window.app-iexplore.ie-kiosk .ie-tb-label { display: none; }
.window.app-iexplore.ie-kiosk .ie-kiosk-ctl { display: flex; }
.window.app-iexplore.ie-kiosk .window-client { border: 0; }

/* narrow windows / phones */
@container ie (max-width: 620px) {
  .app-iexplore .ie-tb-label { display: none; }
  .app-iexplore .ie-tb-print, .app-iexplore .ie-tb-messenger, .app-iexplore .ie-std > .sep:nth-of-type(2) { display: none; }
  .app-iexplore .ie-links-chev { display: none; }
  .app-iexplore .ie-status .ie-st-blk:empty, .app-iexplore .ie-status .ie-st-lock:empty { display: none; }
  .app-iexplore .ie-status .ie-st-zone { min-width: 0; width: auto; }
  .app-iexplore .ie-status .ie-st-prog { min-width: 60px; width: 60px; }
  .app-iexplore .ie-xbar { position: absolute; left: 0; top: 0; bottom: 0; width: min(260px, 86%); z-index: 5; box-shadow: 3px 0 8px rgba(0,0,0,.3); }
}
@container ie (max-width: 420px) {
  .app-iexplore .ie-tb-mail, .app-iexplore .ie-tb-history { display: none; }
  .app-iexplore .ie-go span, .app-iexplore .ie-addr .ie-lbl { display: none; }
  .app-iexplore .ie-status .ie-st-zone span { display: none; }
  .app-iexplore .ie-tb { padding: 0 2px; }
}

/* ============================== dialogs ============================== */
.app-iexplore.ie-opts .xp-tabs .tab { padding: 0 5px; }
.app-iexplore.ie-opts .xp-tabs .tab.active { padding: 0 7px; }
.app-iexplore .ie-dlg { max-width: 460px; }
.app-iexplore .ie-addfav, .app-iexplore .ie-popset, .app-iexplore .ie-find, .app-iexplore .ie-open { width: 380px; max-width: calc(100vw - 44px); }
.app-iexplore .ie-dlg-row { display: flex; gap: 12px; align-items: flex-start; }
.app-iexplore .ie-dlg-ico { flex: none; }
.app-iexplore .ie-dlg-text { line-height: 1.45; padding-top: 2px; }
.app-iexplore .ie-dlg-chk { margin: 12px 0 0 44px; }
.app-iexplore .ie-dlg-foot { position: relative; margin-top: 12px; padding: 8px 0 0 30px; border-top: 1px solid #ACA899; line-height: 1.35; }
.app-iexplore .ie-dlg-foot .ie-shield { position: absolute; left: 2px; top: 8px; }
.app-iexplore .ie-secwarn .ie-dlg-text b:first-child { display: block; font-size: 12px; margin-bottom: 8px; }
.app-iexplore .ie-kv { border-collapse: collapse; margin: 4px 0; }
.app-iexplore .ie-kv td { padding: 2px 10px 2px 0; vertical-align: top; }
.app-iexplore .ie-kv td:first-child { white-space: nowrap; color: #333; }
.app-iexplore .ie-shield { flex: none; width: 20px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath d='M10 1l8 3v6c0 6-4 9.5-8 11-4-1.5-8-5-8-11V4z' fill='%23f7c948' stroke='%23946b00'/%3E%3Crect x='9' y='5' width='2.2' height='8' fill='%23000'/%3E%3Ccircle cx='10.1' cy='16' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat; }
.app-iexplore .ie-dlg a, .app-iexplore .ie-dl a { color: #0033CC; }

.app-iexplore.ie-dlwin .window-body { padding: 8px 10px; }
.app-iexplore .ie-dl { display: flex; flex-direction: column; gap: 6px; }
.app-iexplore .ie-dl .xp-progress { height: 15px; }
.app-iexplore .ie-dl-anim { position: relative; height: 38px; }
.app-iexplore .ie-dl-globe { position: absolute; left: 6px; top: 4px; width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #9fd0ff, #2f7fd4 55%, #1b4b91); box-shadow: inset -3px -3px 0 rgba(0,0,0,.15); }
.app-iexplore .ie-dl-globe::after { content: ''; position: absolute; inset: 7px 5px 8px 9px; border-radius: 40% 60% 50% 50%; background: #58b848; opacity: .85; }
.app-iexplore .ie-dl-folder { position: absolute; right: 6px; top: 3px; }
.app-iexplore .ie-dl-paper { position: absolute; left: 30px; top: 12px; width: 10px; height: 13px; background: #fff; border: 1px solid #777; animation: ie-fly 1.4s linear infinite; }
.app-iexplore .ie-dl-paper.p2 { animation-delay: .7s; }
.app-iexplore .ie-dl.done .ie-dl-paper { display: none; }
@keyframes ie-fly { 0% { transform: translate(0, 0) rotate(0); opacity: 0; } 10% { opacity: 1; } 50% { transform: translate(calc(50cqi - 60px), -10px) rotate(160deg); } 90% { opacity: 1; } 100% { transform: translate(calc(100cqi - 90px), 0) rotate(330deg); opacity: 0; } }
.app-iexplore .ie-dl { container-type: inline-size; }
.app-iexplore .ie-dl-name { min-height: 28px; word-break: break-all; }
.app-iexplore .ie-dl .t-dest { word-break: break-all; }
.app-iexplore .ie-dl-btns { display: flex; justify-content: flex-end; gap: 6px; margin-top: 4px; }
.app-iexplore .ie-wuinst p { margin: 6px 0; }

.app-iexplore .ie-about-banner { display: flex; align-items: center; gap: 12px; padding: 12px; margin: -10px -10px 10px; background: linear-gradient(135deg, #0a3b99, #3f7de0 60%, #9fc3f5); color: #fff; }
.app-iexplore .ie-about-banner b { font: bold 20px "Trebuchet MS", Tahoma, sans-serif; }
.app-iexplore .ie-about-banner sup { font: bold 14px "Trebuchet MS", sans-serif; color: #ffd24a; }
.app-iexplore .ie-about textarea { width: 100%; height: 130px; font: 11px Tahoma, sans-serif; }

.app-iexplore .ie-addfav .xp-field { margin-top: 12px; }
.app-iexplore .ie-addfav .xp-input { flex: 1; min-width: 0; }
.app-iexplore .ie-favfolders { height: 120px; margin-top: 8px; }
.app-iexplore .ie-org { display: flex; gap: 10px; min-height: 230px; width: 440px; max-width: calc(100vw - 44px); }
.app-iexplore .ie-org-left { width: 170px; flex: none; display: flex; flex-direction: column; gap: 10px; }
.app-iexplore .ie-org-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.app-iexplore .ie-org-btns .xp-btn { min-width: 0; padding: 0 4px; }
.app-iexplore .ie-org-info { border: 1px solid #ACA899; background: #fff; padding: 6px; flex: 1; overflow-wrap: anywhere; }
.app-iexplore .ie-org-list { flex: 1; min-width: 0; }

.app-iexplore .ie-opt { display: flex; flex-direction: column; gap: 6px; }
.app-iexplore .ie-opt .xp-group { margin: 0; }
.app-iexplore .ie-opt-p { margin: 2px 0 6px; line-height: 1.35; }
.app-iexplore .ie-opt .xp-field .xp-input { flex: 1; min-width: 0; }
.app-iexplore .ie-opt-btns { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.app-iexplore .ie-opt-btns .xp-btn { min-width: 0; padding: 0 8px; }
.app-iexplore .ie-opt-bottom { justify-content: space-between; }
.app-iexplore .ie-days { width: 52px !important; flex: none !important; }
.app-iexplore .ie-zones { display: flex; gap: 2px; border: 1px solid #7F9DB9; background: #fff; padding: 4px; overflow-x: auto; }
.app-iexplore .ie-zone { flex: 1; min-width: 64px; display: flex; flex-direction: column; align-items: center; gap: 3px; border: 1px solid transparent; background: none; padding: 4px 2px; font: 11px Tahoma, sans-serif; text-align: center; }
.app-iexplore .ie-zone.sel span { background: #316AC5; color: #fff; }
.app-iexplore .ie-level { display: flex; gap: 12px; align-items: flex-start; }
.app-iexplore .ie-level input[type=range] { writing-mode: vertical-lr; direction: rtl; height: 90px; width: 22px; }
.app-iexplore .ie-adv { height: 270px; padding: 3px; }
.app-iexplore .ie-adv-h { font-weight: bold; padding: 3px 2px 1px; }
.app-iexplore .ie-adv-i { display: flex; padding: 1px 0 1px 16px; }
.app-iexplore .ie-dialup { height: 50px; margin-bottom: 6px; }
.app-iexplore .ie-prog label { width: 90px; flex: none; }
.app-iexplore .ie-prog .xp-select { flex: 1; min-width: 0; }
.app-iexplore .ie-popset .xp-field .xp-input, .app-iexplore .ie-popset .xp-select { flex: 1; min-width: 0; }
.app-iexplore .ie-allowed-row { display: flex; gap: 8px; }
.app-iexplore .ie-allowed { flex: 1; height: 90px; }
.app-iexplore .ie-opt-col { display: flex; flex-direction: column; gap: 6px; }
.app-iexplore .ie-addons-wrap { max-height: 180px; margin-top: 6px; }
.app-iexplore .ie-addons { border-collapse: collapse; width: 100%; }
.app-iexplore .ie-addons th { text-align: left; font-weight: normal; background: linear-gradient(#fff, #EBEADB); border-bottom: 1px solid #D6D2C2; padding: 2px 5px; }
.app-iexplore .ie-addons td { padding: 2px 5px; }
.app-iexplore .ie-open .xp-field { margin-top: 10px; }
.app-iexplore .ie-open .xp-input, .app-iexplore .ie-find .xp-input { flex: 1; min-width: 0; }
.app-iexplore .ie-find-opts { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; }
.app-iexplore .ie-find-opts > div { display: flex; flex-direction: column; gap: 4px; }
.app-iexplore .ie-find-opts .xp-group { display: flex; gap: 8px; margin: 0; }
.app-iexplore .ie-props b { align-self: center; word-break: break-all; }
.app-iexplore .ie-props .ie-kv td:last-child { word-break: break-all; }

/* ============================== page base ("Times New Roman" like an unstyled IE page) ============================== */
.app-iexplore .ie-doc { font: 16px/1.2 "Times New Roman", Times, serif; color: #000; padding: 8px 10px; min-height: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.app-iexplore .ie-doc a { color: #0000FF; text-decoration: underline; cursor: var(--cur-hand); }
.app-iexplore .ie-doc a.visited { color: #800080; }
.app-iexplore .ie-doc img { max-width: 100%; }
.app-iexplore .ie-doc input, .app-iexplore .ie-doc textarea, .app-iexplore .ie-doc select { font: 13px Arial, sans-serif; max-width: 100%; box-sizing: border-box; }
.app-iexplore .ie-doc input[type=submit], .app-iexplore .ie-doc input[type=reset], .app-iexplore .ie-doc button { font: 12px Tahoma, Arial, sans-serif; padding: 2px 8px; border: 1px solid #003C74; border-radius: 3px; background: linear-gradient(#fff, #ECEBE6 85%, #D6D0C5); cursor: var(--cur-arrow); }
.app-iexplore .ie-doc input[type=text], .app-iexplore .ie-doc input:not([type]), .app-iexplore .ie-doc input[type=password], .app-iexplore .ie-doc textarea { border: 1px solid #7F9DB9; padding: 2px 3px; }
.app-iexplore .ie-doc table { max-width: 100%; }
.app-iexplore .ie-doc .ie-plain { font: 13px "Courier New", monospace; white-space: pre-wrap; margin: 0; }
.app-iexplore .ie-doc ::selection { background: #316AC5; color: #fff; }

/* error pages */
.app-iexplore .ie-errpage { font: 11px/1.35 Tahoma, Verdana, sans-serif; max-width: 640px; padding: 14px 16px; }
.app-iexplore .ie-err { border-collapse: collapse; }
.app-iexplore .ie-err td { vertical-align: top; }
.app-iexplore .ie-err-i { width: 42px; }
.app-iexplore .ie-err h1 { font: bold 16px Verdana, Tahoma, sans-serif; margin: 6px 0 0; }
.app-iexplore .ie-err hr { border: 0; border-top: 1px solid #C0C0C0; margin: 10px 0; }
.app-iexplore .ie-err ul { padding-left: 18px; margin: 4px 0; }
.app-iexplore .ie-err li { margin: 4px 0 8px; }
.app-iexplore .ie-err ol li { margin: 2px 0; }
.app-iexplore .ie-err ol { padding-left: 18px; }
.app-iexplore .ie-err-foot { color: #555; border-top: 1px solid #C0C0C0; padding-top: 10px; margin-top: 12px; }
.app-iexplore .ie-local { font-size: 14px; }

/* shared narrow-page rule: multi-column table layouts stack */
@container ie (max-width: 600px) {
  .app-iexplore .msn-cols, .app-iexplore .msn-cols tbody, .app-iexplore .msn-cols tr, .app-iexplore .msn-cols td,
  .app-iexplore .srch-cols, .app-iexplore .srch-cols tbody, .app-iexplore .srch-cols tr, .app-iexplore .srch-cols td,
  .app-iexplore .nl-cols, .app-iexplore .nl-cols tbody, .app-iexplore .nl-cols tr, .app-iexplore .nl-cols td,
  .app-iexplore .hm-cols, .app-iexplore .hm-cols tbody, .app-iexplore .hm-cols tr, .app-iexplore .hm-cols td { display: block; width: auto !important; }
  .app-iexplore .msn-left { columns: 2; }
  .app-iexplore .wu-body { flex-direction: column; }
  .app-iexplore .wu-nav { width: auto !important; }
  .app-iexplore .pf-main { flex-direction: column; }
  .app-iexplore .dv-table td:nth-child(2), .app-iexplore .dv-table th:nth-child(2) { display: none; }
}

/* ---------------- MSN.com ---------------- */
.app-iexplore .site-msn, .app-iexplore .site-srch, .app-iexplore .site-hm, .app-iexplore .site-enc { font: 12px/1.35 Verdana, Arial, sans-serif; padding: 0; }
.app-iexplore .site-msn a, .app-iexplore .site-srch a, .app-iexplore .site-hm a, .app-iexplore .site-enc a { color: #0033CC; }
.app-iexplore .site-msn a.visited, .app-iexplore .site-srch a.visited, .app-iexplore .site-hm a.visited { color: #660099; }
.app-iexplore .msn-top { background: #EEF2FA; border-bottom: 1px solid #C9D4EA; padding: 3px 8px; font-size: 11px; color: #999; }
.app-iexplore .msn-sign { float: right; }
.app-iexplore .msn-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding: 8px 10px; border-bottom: 3px solid #3A63B8; }
.app-iexplore .msn-head > a { text-decoration: none; }
.app-iexplore .msn-logo { display: inline-flex; align-items: center; gap: 2px; font: italic bold 30px/1 Arial, sans-serif; color: #1A3A8F; letter-spacing: -1px; position: relative; padding-left: 26px; }
.app-iexplore .msn-logo i { position: absolute; width: 11px; height: 11px; border-radius: 50% 50% 50% 0; }
.app-iexplore .msn-logo i:nth-child(1) { left: 0; top: 2px; background: #F35325; }
.app-iexplore .msn-logo i:nth-child(2) { left: 11px; top: 2px; background: #FFBA08; border-radius: 50% 50% 0 50%; }
.app-iexplore .msn-logo i:nth-child(3) { left: 0; top: 13px; background: #05A6F0; border-radius: 50% 0 50% 50%; }
.app-iexplore .msn-logo i:nth-child(4) { left: 11px; top: 13px; background: #81BC06; border-radius: 0 50% 50% 50%; }
.app-iexplore .msn-search { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.app-iexplore .msn-search label { font-weight: bold; color: #1A3A8F; }
.app-iexplore .msn-cols { width: 100%; border-collapse: collapse; }
.app-iexplore .msn-cols td { vertical-align: top; padding: 8px 10px; }
.app-iexplore .msn-left { width: 140px; background: #EEF3FB; line-height: 1.75; font-size: 11px; }
.app-iexplore .msn-left hr { border: 0; border-top: 1px solid #C9D4EA; }
.app-iexplore .msn-right { width: 220px; }
.app-iexplore .msn-date { color: #666; font-size: 11px; margin-bottom: 6px; }
.app-iexplore .msn-feature { display: flex; gap: 10px; align-items: center; border: 1px solid #C9D4EA; background: #F7F9FD; padding: 8px; }
.app-iexplore .msn-feature h2 { font-size: 15px; margin: 0 0 4px; }
.app-iexplore .msn-feature p { margin: 0; }
.app-iexplore .msn-feat-img { flex: none; width: 90px; height: 64px; border: 1px solid #8aa2d4; background:
  radial-gradient(circle at 50% 42%, #fff 0 6px, transparent 7px), linear-gradient(160deg, transparent 40%, rgba(255,255,255,.3) 41% 45%, transparent 46%),
  radial-gradient(circle at 50% 50%, #F2C94C 0 18px, #d99a06 19px 21px, transparent 22px), linear-gradient(#3A63B8, #8FB2EA); }
.app-iexplore .site-msn h3, .app-iexplore .msn-box h3 { font-size: 12px; color: #1A3A8F; margin: 12px 0 4px; }
.app-iexplore .site-msn ul { margin: 0; padding-left: 16px; }
.app-iexplore .site-msn li { margin: 3px 0; }
.app-iexplore .msn-box { border: 1px solid #B7C8E5; margin-bottom: 10px; padding: 0 8px 8px; font-size: 11px; }
.app-iexplore .msn-box h3 { margin: 0 -8px 6px; padding: 3px 8px; background: linear-gradient(#EAF0FB, #CFDDF5); }
.app-iexplore .msn-wx { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.app-iexplore .msn-wx b { font-size: 18px; white-space: nowrap; }
.app-iexplore .wx-sun { width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(#FFE36B 45%, #F8B613 70%, transparent 72%); box-shadow: 8px 6px 0 -3px #fff, 10px 8px 0 -3px #c8d3e6; flex: none; }
.app-iexplore .msn-quotes { width: 100%; font-size: 11px; }
.app-iexplore .msn-quotes td { white-space: nowrap; padding: 1px 2px; }
.app-iexplore .msn-quotes .up { color: #080; text-align: right; }
.app-iexplore .msn-quotes .dn { color: #C00; text-align: right; }
.app-iexplore .msn-foot { clear: both; text-align: center; font-size: 10px; color: #777; border-top: 1px solid #C9D4EA; padding: 10px; margin-top: 10px; }
.app-iexplore .msn-channel { padding: 10px 14px; }
.app-iexplore .msn-channel h1 { font-size: 20px; color: #1A3A8F; }

/* ---------------- MSN Search ---------------- */
.app-iexplore .srch-logo { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
.app-iexplore .srch-logo em { font: bold 22px Arial, sans-serif; color: #3A63B8; font-style: normal; }
.app-iexplore .srch-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 8px 10px; }
.app-iexplore .srch-head form { display: flex; gap: 4px; flex-wrap: wrap; }
.app-iexplore .srch-links { font-size: 11px; margin-left: auto; }
.app-iexplore .srch-bar { background: #E5ECF9; border-top: 1px solid #3A63B8; padding: 3px 10px; font-size: 11px; }
.app-iexplore .srch-cols { width: 100%; border-collapse: collapse; }
.app-iexplore .srch-cols td { vertical-align: top; padding: 4px 10px; }
.app-iexplore .srch-side { width: 230px; }
.app-iexplore .srch-r { margin: 10px 0 14px; font: 13px/1.35 Arial, sans-serif; }
.app-iexplore .srch-r > a { font-size: 14px; }
.app-iexplore .srch-r cite { display: block; color: #008000; font-style: normal; font-size: 12px; }
.app-iexplore .srch-spon { background: #FFFBE6; border: 1px solid #F0E4A0; padding: 6px 8px; font-size: 11px; }
.app-iexplore .srch-pages { margin: 16px 0; font: 13px Arial, sans-serif; }
.app-iexplore .srch-home { text-align: center; padding: 50px 10px 30px; }
.app-iexplore .srch-home form { margin: 16px 0 8px; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
.app-iexplore .srch-tip { color: #777; font-size: 11px; }

/* ---------------- Encarta ---------------- */
.app-iexplore .enc-head { background: linear-gradient(#5c7a3a, #3b5424); color: #fff; padding: 10px; font: 20px Georgia, serif; display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
.app-iexplore .enc-body { padding: 10px 16px; font: 13px/1.5 Georgia, serif; }
.app-iexplore .enc-more { background: #F5F1E4; padding: 6px; }

/* ---------------- NewsLine 24 ---------------- */
.app-iexplore .site-news { font: 13px/1.4 Arial, Helvetica, sans-serif; padding: 0; }
.app-iexplore .site-news a { color: #003399; }
.app-iexplore .nl-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 4px 10px; background: linear-gradient(#C8102E, #8E0B20); color: #fff; padding: 8px 12px; }
.app-iexplore .nl-logo { font: bold 26px/1 "Arial Black", Arial, sans-serif; letter-spacing: -1px; }
.app-iexplore .nl-logo b { background: #fff; color: #C8102E; padding: 0 4px; margin-left: 2px; }
.app-iexplore .nl-date { font-size: 11px; opacity: .9; }
.app-iexplore .nl-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0; background: #333; padding: 0 6px; }
.app-iexplore .nl-nav > a { color: #fff !important; text-decoration: none; font-weight: bold; font-size: 11px; padding: 5px 9px; }
.app-iexplore .nl-nav > a:hover { background: #C8102E; }
.app-iexplore .nl-nav form { margin-left: auto; padding: 3px 0; display: flex; gap: 3px; }
.app-iexplore .nl-cols { width: 100%; border-collapse: collapse; }
.app-iexplore .nl-cols td { vertical-align: top; padding: 10px 12px; }
.app-iexplore .nl-side { width: 210px; background: #F4F4F4; }
.app-iexplore .nl-lead h1 { font-size: 22px; margin: 8px 0 4px; }
.app-iexplore .nl-teaser { border-top: 1px dotted #bbb; padding: 7px 0; }
.app-iexplore .nl-cat { color: #C8102E; font: bold 10px Arial, sans-serif; text-transform: uppercase; }
.app-iexplore .nl-box { border: 1px solid #ccc; background: #fff; padding: 6px 8px; margin-bottom: 10px; font-size: 12px; }
.app-iexplore .nl-box ul { padding-left: 16px; margin: 4px 0; }
.app-iexplore .nl-story { padding: 12px 16px; max-width: 640px; }
.app-iexplore .nl-story h1 { font: bold 24px Georgia, "Times New Roman", serif; margin: 4px 0; }
.app-iexplore .nl-by { color: #666; font-size: 11px; }
.app-iexplore .nl-img { height: 130px; max-width: 420px; border: 1px solid #999; margin: 6px 0; background: linear-gradient(#6d8fc8, #c9d9f2); position: relative; overflow: hidden; }
.app-iexplore .nl-img::after { content: ''; position: absolute; }
.app-iexplore .nl-img-sp2 { background: radial-gradient(circle at 30% 50%, #2f5fb3 0 26px, transparent 27px), linear-gradient(#e8eef9, #b8c9ea); }
.app-iexplore .nl-img-sp2::after { left: 22%; top: 30%; width: 40px; height: 44px; background: #f2c94c; clip-path: polygon(50% 0, 100% 15%, 100% 55%, 50% 100%, 0 55%, 0 15%); }
.app-iexplore .nl-img-athens { background: radial-gradient(circle at 75% 25%, #ffdd66 0 20px, transparent 21px), linear-gradient(#4a90d9 60%, #d8c49a 60%); }
.app-iexplore .nl-img-rovers { background: radial-gradient(ellipse at 50% 100%, #b5532b 0 60%, transparent 61%), linear-gradient(#f0c9a0, #d98a5a); }
.app-iexplore .nl-img-xprize { background: linear-gradient(170deg, transparent 45%, #fff 46% 48%, transparent 49%), linear-gradient(#050b2a, #2b3f8a 70%, #87a5d9); }
.app-iexplore .nl-img-sox { background: radial-gradient(circle at 50% 110%, #3c8d3c 0 70%, transparent 71%), linear-gradient(#123, #345); }
.app-iexplore .nl-img-gas, .app-iexplore .nl-img-mp3 { background: repeating-linear-gradient(90deg, #ddd 0 20px, #bbb 20px 40px); }

/* ---------------- Windows Update ---------------- */
.app-iexplore .site-wu { font: 11px/1.4 Verdana, Tahoma, sans-serif; padding: 0; }
.app-iexplore .site-wu a { color: #0033CC; }
.app-iexplore .wu-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 48px; padding: 4px 12px; background: linear-gradient(90deg, #06246d, #1d59c5 60%, #5c8fe0); color: #fff; font: 20px "Trebuchet MS", Tahoma, sans-serif; }
.app-iexplore .wu-top b { font-weight: bold; }
.app-iexplore .wu-t1 { font-size: 13px; opacity: .85; }
.app-iexplore .wu-flag { width: 28px; height: 24px; background: conic-gradient(from 0deg at 50% 50%, #81BC06 0 25%, #FFBA08 0 50%, #05A6F0 0 75%, #F35325 0); border-radius: 3px 7px 3px 7px; transform: skewY(-6deg); box-shadow: 0 0 0 1px rgba(255,255,255,.4); }
.app-iexplore .wu-toplinks { margin-left: auto; font: 10px Verdana, sans-serif; }
.app-iexplore .wu-toplinks a { color: #fff !important; }
.app-iexplore .wu-body { display: flex; min-height: 360px; }
.app-iexplore .wu-nav { width: 190px; flex: none; background: linear-gradient(#D6E3F9, #EEF3FC); border-right: 1px solid #9DB5E3; padding: 8px 0; }
.app-iexplore .wu-nav a { display: block; padding: 3px 12px 3px 18px; text-decoration: none; }
.app-iexplore .wu-nav a:hover { text-decoration: underline; }
.app-iexplore .wu-navh { font-weight: bold; color: #1D3F8C; padding: 8px 10px 3px; border-bottom: 1px solid #9DB5E3; margin: 4px 6px 3px; }
.app-iexplore .wu-main { flex: 1; min-width: 0; padding: 12px 18px; }
.app-iexplore .wu-main h1 { font: bold 17px "Trebuchet MS", Tahoma, sans-serif; color: #1D3F8C; margin: 4px 0 10px; }
.app-iexplore .wu-choices { display: flex; flex-wrap: wrap; gap: 14px; margin: 16px 0; }
.app-iexplore .site-wu .wu-big { position: relative; width: 210px; min-height: 62px; text-align: left; padding: 8px 8px 8px 48px; font: 11px Verdana, sans-serif; border: 1px solid #7FA1DB; border-radius: 4px; background: linear-gradient(#fff, #E7EEFB); }
.app-iexplore .site-wu .wu-big b { font-size: 14px; color: #1D3F8C; }
.app-iexplore .wu-arrow { position: absolute; left: 9px; top: 50%; margin-top: -15px; width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #8BE07B, #2E9A1E); }
.app-iexplore .wu-arrow::after { content: ''; position: absolute; left: 11px; top: 8px; border: 7px solid transparent; border-left: 10px solid #fff; }
.app-iexplore .wu-note { border-top: 1px solid #ccd; padding-top: 8px; }
.app-iexplore .wu-scan { border: 1px solid #686868; border-radius: 3px; height: 14px; width: min(320px, 100%); padding: 1px; overflow: hidden; background: #fff; margin: 14px 0; }
.app-iexplore .wu-marquee { display: flex; gap: 2px; height: 100%; animation: wu-marq 1.6s linear infinite; }
.app-iexplore .wu-marquee i { width: 8px; height: 100%; background: linear-gradient(#ACEDAD, #2ED330 45%, #8FE791); }
@keyframes wu-marq { from { transform: translateX(-40px); } to { transform: translateX(340px); } }
.app-iexplore .wu-sum { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; background: #EEF3FB; border: 1px solid #9DB5E3; padding: 8px; margin: 10px 0; }
.app-iexplore .site-wu .wu-inst { font: bold 12px Tahoma, sans-serif; padding: 4px 14px; }
.app-iexplore .wu-item { border-bottom: 1px solid #dde; padding: 6px 2px; }
.app-iexplore .wu-item > div { padding-left: 22px; color: #555; }
.app-iexplore .wu-ok { background: #F0F8EC; border: 1px solid #8DC07B; padding: 10px; }
.app-iexplore .wu-hist { border-collapse: collapse; width: 100%; }
.app-iexplore .wu-hist th { background: #D6E3F9; text-align: left; padding: 3px; }
.app-iexplore .wu-hist td { border-bottom: 1px solid #dde; padding: 3px; }
.app-iexplore .wu-hist .ok { color: #080; }
.app-iexplore .wu-foot { border-top: 1px solid #9DB5E3; padding: 6px 12px; color: #666; font-size: 10px; }

/* ---------------- GeoCities-style home page ---------------- */
.app-iexplore .site-geo { padding: 0; color: #FFFF66; font: 14px/1.35 "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;
  background-color: #000010; background-image: radial-gradient(1px 1px at 20px 30px, #fff 99%, transparent), radial-gradient(1px 1px at 90px 80px, #ccf 99%, transparent),
  radial-gradient(1.5px 1.5px at 150px 20px, #fff 99%, transparent), radial-gradient(1px 1px at 60px 140px, #ffc 99%, transparent), radial-gradient(1px 1px at 170px 120px, #fff 99%, transparent);
  background-size: 200px 170px; }
.app-iexplore .site-geo a { color: #00FFFF; }
.app-iexplore .site-geo a.visited { color: #FF66FF; }
.app-iexplore .geo-wrap { max-width: 640px; margin: 0 auto; padding: 10px; text-align: center; }
.app-iexplore .geo-title { font: bold 26px "Comic Sans MS", cursive; margin: 8px 0; background: linear-gradient(90deg, #f00, #ff0, #0f0, #0ff, #f0f, #f00); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: geo-rainbow 3s linear infinite; }
@keyframes geo-rainbow { to { background-position: 200% 0; } }
.app-iexplore .site-geo marquee { color: #0F0; font-weight: bold; }
.app-iexplore .geo-nav { font-weight: bold; }
.app-iexplore .geo-box { border: 4px ridge #C0C0C0; background: #000080; color: #fff; padding: 8px 12px; margin: 12px auto; text-align: left; }
.app-iexplore .geo-box h2 { color: #FF0; font-size: 18px; margin: 2px 0 6px; text-align: center; }
.app-iexplore .geo-box input:not([type]), .app-iexplore .geo-box textarea { width: 100%; }
.app-iexplore .geo-box td { color: #fff; }
.app-iexplore .geo-gb { border-top: 1px dashed #88f; padding: 6px 0; }
.app-iexplore .geo-gb small { color: #aaf; }
.app-iexplore .geo-uc { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 10px 0; }
.app-iexplore .geo-uc-sign { width: 96px; height: 96px; transform: rotate(45deg); border: 6px solid #111; outline: 4px solid #FFD200;
  background: repeating-linear-gradient(45deg, #FFD200 0 10px, #111 10px 20px); display: grid; place-items: center; }
.app-iexplore .geo-uc-sign b { transform: rotate(-45deg); background: #FFD200; color: #000; font: bold 10px/1.1 Arial, sans-serif; padding: 3px; text-align: center; width: 70px; }
.app-iexplore .geo-uc-man { width: 34px; height: 60px; position: relative; animation: geo-dig .6s steps(2) infinite; }
.app-iexplore .geo-uc-man::before { content: ''; position: absolute; left: 10px; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #FFD200; box-shadow: 0 16px 0 -2px #F60, 0 28px 0 -3px #F60; }
.app-iexplore .geo-uc-man::after { content: ''; position: absolute; left: 2px; top: 22px; width: 32px; height: 4px; background: #aaa; transform: rotate(35deg); box-shadow: 0 28px 0 1px #666; }
@keyframes geo-dig { 50% { transform: translateY(4px) rotate(-8deg); } }
.app-iexplore .geo-midi { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; background: #C0C0C0; color: #000; border: 2px outset #fff; padding: 4px 8px; font: 12px Arial, sans-serif; }
.app-iexplore .geo-midi button { padding: 0 6px !important; }
.app-iexplore .geo-midi-ico { width: 14px; height: 14px; border-radius: 50%; background: #000; box-shadow: inset 0 0 0 4px #fff; }
.app-iexplore .geo-blink { color: #F00; font-weight: bold; font-size: 20px; animation: geo-blink 1s steps(1) infinite; }
@keyframes geo-blink { 50% { visibility: hidden; } }
.app-iexplore .geo-counter { display: inline-flex; gap: 1px; background: #333; padding: 2px; border: 2px inset #888; }
.app-iexplore .geo-counter i { font: bold 16px "Courier New", monospace; font-style: normal; background: #000; color: #0F0; padding: 0 3px; }
.app-iexplore .geo-foot { font-size: 12px; margin-top: 16px; }
.app-iexplore .geo-best { color: #fff; font-size: 11px; }
.app-iexplore .geo-mail { display: inline-block; width: 22px; height: 14px; background: #fff; vertical-align: middle; position: relative; animation: geo-blink 1.2s steps(1) infinite;
  background-image: linear-gradient(33deg, transparent 46%, #888 47% 53%, transparent 54%), linear-gradient(-33deg, transparent 46%, #888 47% 53%, transparent 54%); }
.app-iexplore .site-geo-home { padding: 0; font: 13px/1.4 Verdana, sans-serif; }
.app-iexplore .gh-head { background: linear-gradient(90deg, #5B2A86, #A0439B); color: #fff; padding: 12px; font-size: 22px; }
.app-iexplore .gh-head i { font-size: 12px; color: #FFD6F5; }
.app-iexplore .gh-body { padding: 10px 16px; }

/* ---------------- Hotmail / Passport ---------------- */
.app-iexplore .hm-head { background: linear-gradient(#3B6CC6, #1D4596); color: #fff; padding: 8px 12px; display: flex; align-items: baseline; gap: 6px; }
.app-iexplore .hm-head b { font: italic bold 22px Arial, sans-serif; }
.app-iexplore .hm-head span { font: bold 18px Arial, sans-serif; color: #FFC94D; }
.app-iexplore .hm-head.hm-secure { background: linear-gradient(#4f7a4f, #2c552c); }
.app-iexplore .hm-cols { width: 100%; border-collapse: collapse; }
.app-iexplore .hm-cols td { vertical-align: top; padding: 12px; }
.app-iexplore .hm-promo h1 { font-size: 18px; color: #1D4596; margin: 0 0 8px; }
.app-iexplore .hm-center { display: flex; justify-content: center; padding: 20px 10px; }
.app-iexplore .hm-box { width: 270px; max-width: 100%; border: 1px solid #9AB0D8; background: #F3F6FC; padding: 10px; font-size: 11px; box-sizing: border-box; }
.app-iexplore .hm-box label { display: block; margin: 6px 0 2px; }
.app-iexplore .hm-box input:not([type]), .app-iexplore .hm-box input[type=password] { width: 100%; }
.app-iexplore .hm-box .hm-chk { display: flex; gap: 4px; align-items: center; }
.app-iexplore .hm-box .hm-btn { margin-top: 8px; font-weight: bold; }
.app-iexplore .hm-pp { font-weight: bold; color: #2c552c; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #9AB0D8; padding-bottom: 6px; }
.app-iexplore .hm-ppico { width: 16px; height: 16px; border-radius: 50%; background: conic-gradient(#3a9d3a 0 25%, #4d86d9 0 50%, #f2b233 0 75%, #d9443a 0); }
.app-iexplore .hm-err { color: #C00; background: #FFF4F4; border: 1px solid #E8B4B4; padding: 6px; margin: 8px 0; }

/* ---------------- PixelFusion (Flash intro) ---------------- */
.app-iexplore .site-pf { background: #000; color: #9FF; font: 11px Verdana, sans-serif; padding: 0; min-height: 100%; }
.app-iexplore .site-pf a { color: #6FF; }
.app-iexplore .pf-stage { position: relative; height: 330px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at center, #062030, #000 70%); }
.app-iexplore .pf-load { text-align: center; letter-spacing: 3px; }
.app-iexplore .pf-bar { width: 200px; height: 4px; background: #133; margin-top: 8px; }
.app-iexplore .pf-bar i { display: block; height: 100%; width: 0; background: #0FF; box-shadow: 0 0 8px #0FF; transition: width .1s; }
.app-iexplore .pf-anim { position: relative; display: grid; place-items: center; width: 100%; height: 100%; }
.app-iexplore .pf-ring { position: absolute; width: 220px; height: 220px; border-radius: 50%; border: 2px dashed #0FF; opacity: .5; animation: pf-spin 6s linear infinite, pf-in 1s ease-out; }
.app-iexplore .pf-ring.r2 { width: 150px; height: 150px; border: 6px dotted #F0F; animation-direction: reverse; animation-duration: 4s; }
@keyframes pf-spin { to { transform: rotate(360deg); } }
@keyframes pf-in { from { transform: scale(3); opacity: 0; } }
.app-iexplore .pf-word { font: bold 34px "Arial Black", Verdana, sans-serif; letter-spacing: 4px; color: #fff; text-shadow: 0 0 10px #0FF; z-index: 1; }
.app-iexplore .pf-word span { display: inline-block; opacity: 0; animation: pf-letter .6s ease-out forwards; }
@keyframes pf-letter { from { opacity: 0; transform: translateY(-60px) rotate(-90deg) scale(2); } to { opacity: 1; transform: none; } }
.app-iexplore .pf-tag { position: absolute; top: 62%; letter-spacing: 2px; opacity: 0; animation: pf-fade 1s 1.4s forwards; text-align: center; }
.app-iexplore .pf-enter { position: absolute; top: 76%; border: 1px solid #0FF; padding: 4px 16px; text-decoration: none !important; letter-spacing: 3px; opacity: 0; animation: pf-fade 1s 2.4s forwards, pf-pulse 1.5s 3.4s infinite; }
@keyframes pf-fade { to { opacity: 1; } }
@keyframes pf-pulse { 50% { box-shadow: 0 0 12px #0FF; } }
.app-iexplore .pf-skip { text-align: center; padding: 10px; color: #577; }
.app-iexplore .pf-main { display: flex; min-height: 340px; }
.app-iexplore .pf-side { width: 150px; flex: none; background: #0a1a22; padding: 14px 10px; display: flex; flex-direction: column; gap: 8px; border-right: 1px solid #0FF; }
.app-iexplore .pf-side a { text-decoration: none; letter-spacing: 2px; }
.app-iexplore .pf-side a:hover { color: #F0F; }
.app-iexplore .pf-mini { color: #fff; font: bold 13px "Arial Black", sans-serif; margin-bottom: 8px; }
.app-iexplore .pf-content { padding: 14px 20px; }
.app-iexplore .pf-content h1 { color: #fff; font: bold 20px "Arial Black", sans-serif; letter-spacing: 2px; }
.app-iexplore .pf-small { color: #577; }

/* ---------------- Free Smileys (pop-ups) + smiley faces (also used by FunBar) ---------------- */
.app-iexplore .site-fs { background: #FFFF99; color: #CC0066; font: 13px "Comic Sans MS", cursive, sans-serif; text-align: center; }
.app-iexplore .fs-head { font: bold 30px "Comic Sans MS", cursive; color: #FF0099; text-shadow: 2px 2px #FFCC00; display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
.app-iexplore .fs-sub { font-weight: bold; color: #0000CC; }
.app-iexplore .fs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 8px; max-width: 560px; margin: 14px auto; }
.app-iexplore .fs-grid > div { display: flex; flex-direction: column; align-items: center; gap: 2px; background: #fff; border: 2px dashed #FF66CC; padding: 6px 0; }
.app-iexplore .fs-face { display: inline-block; position: relative; width: 26px; height: 26px; border-radius: 50%; vertical-align: middle; background: radial-gradient(circle at 35% 30%, #FFF7A0, #FFD500 55%, #E0A800); border: 1px solid #A87B00; }
.app-iexplore .fs-face::before { content: ''; position: absolute; left: 7px; top: 8px; width: 3px; height: 5px; border-radius: 50%; background: #000; box-shadow: 9px 0 #000; }
.app-iexplore .fs-face i { position: absolute; left: 6px; right: 6px; top: 13px; height: 6px; border-bottom: 2px solid #000; border-radius: 0 0 50% 50%; }
.app-iexplore .fs-wink::before { height: 2px; top: 10px; }
.app-iexplore .fs-grin i { height: 7px; background: #fff; border: 2px solid #000; border-top-width: 1px; }
.app-iexplore .fs-cool::before { left: 4px; top: 8px; width: 17px; height: 5px; border-radius: 2px; box-shadow: none; }
.app-iexplore .fs-sad i { top: 16px; border-bottom: 0; border-top: 2px solid #000; border-radius: 50% 50% 0 0; }
.app-iexplore .fs-tongue i::after { content: ''; position: absolute; left: 4px; top: 5px; width: 6px; height: 6px; border-radius: 0 0 50% 50%; background: #F55; }
.app-iexplore .fs-shock i { left: 9px; right: 9px; top: 15px; height: 7px; border: 2px solid #000; border-radius: 50%; }
.app-iexplore .fs-love::before { background: #E00; border-radius: 50% 50% 0 50%; width: 5px; }
.app-iexplore .fs-dl a { font-size: 17px; color: #0000FF; }
.app-iexplore .fs-fine { font: 9px Arial, sans-serif; color: #888; }
.app-iexplore .site-fs-pop { background: #FF0; }
.app-iexplore .fs-pop { padding: 4px; }
.app-iexplore .fs-pop h1, .app-iexplore .fs-pop h2 { color: #F00; margin: 4px 0; }
.app-iexplore .fs-blink { animation: geo-blink .8s steps(1) infinite; }
.app-iexplore .fs-target .fs-face { width: 40px; height: 40px; animation: fs-dodge 1.3s ease-in-out infinite alternate; }
@keyframes fs-dodge { from { transform: translateX(-60px); } to { transform: translateX(60px); } }

/* ---------------- FunBar ---------------- */
.app-iexplore .site-fb { padding: 0; font: 13px Verdana, sans-serif; background: #EAF4FF; }
.app-iexplore .fb-head { background: linear-gradient(90deg, #7D3CC8, #2F7FE0); color: #fff; padding: 14px; }
.app-iexplore .fb-logo { font: italic bold 28px "Comic Sans MS", cursive; color: #FFD83A; }
.app-iexplore .fb-logo b { color: #fff; }
.app-iexplore .fb-body { padding: 10px 18px; }

/* ---------------- DownloadVault ---------------- */
.app-iexplore .site-dv { font: 11px/1.4 Verdana, sans-serif; padding: 0; }
.app-iexplore .site-dv a { color: #003399; }
.app-iexplore .dv-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; background: #003366; padding: 8px 12px; }
.app-iexplore .dv-logo { color: #fff; font: bold 22px Arial, sans-serif; }
.app-iexplore .dv-logo b { color: #FF9900; }
.app-iexplore .dv-nav { background: #FF9900; padding: 3px 8px; display: flex; flex-wrap: wrap; gap: 14px; }
.app-iexplore .dv-nav a { color: #fff !important; font-weight: bold; text-decoration: none; }
.app-iexplore .dv-body { padding: 10px 14px; }
.app-iexplore .dv-body h1 { font-size: 18px; color: #003366; }
.app-iexplore .dv-body h2 { font-size: 14px; color: #003366; border-bottom: 2px solid #FF9900; }
.app-iexplore .dv-table { width: 100%; border-collapse: collapse; }
.app-iexplore .dv-table th { background: #336699; color: #fff; text-align: left; padding: 3px 5px; }
.app-iexplore .dv-table td { padding: 5px; border-bottom: 1px solid #dde; vertical-align: top; }
.app-iexplore .dv-table tr:nth-child(odd) td { background: #F4F7FB; }
.app-iexplore .dv-spec td { padding: 2px 10px 2px 0; }
.app-iexplore .dv-dlbtn a:first-child { display: inline-block; background: linear-gradient(#5DC34B, #2E8B1E); color: #fff !important; font: bold 14px Verdana, sans-serif; padding: 6px 16px; border-radius: 4px; text-decoration: none; margin-right: 12px; }
.app-iexplore .dv-foot { border-top: 1px solid #ccc; padding: 8px 14px; color: #777; font-size: 10px; }

/* ---------------- microsoft.com / windowsmedia.com ---------------- */
.app-iexplore .site-ms, .app-iexplore .site-wm { font: 11px/1.45 Verdana, Tahoma, sans-serif; padding: 0; }
.app-iexplore .site-ms a, .app-iexplore .site-wm a { color: #0033CC; }
.app-iexplore .ms-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 10px; background: #fff; border-bottom: 1px solid #ccc; padding: 6px 10px; }
.app-iexplore .ms-top b { font: italic bold 22px Arial, sans-serif; letter-spacing: -1px; color: #333; }
.app-iexplore .ms-top span { font-size: 10px; }
.app-iexplore .ms-body { padding: 10px 16px; max-width: 700px; }
.app-iexplore .ms-body h1 { font: 20px "Trebuchet MS", Tahoma, sans-serif; color: #003399; }
.app-iexplore .ms-hero { background: linear-gradient(90deg, #0A3B99, #3F7DE0); color: #fff; padding: 12px; margin-bottom: 10px; font-size: 12px; }
.app-iexplore .ms-hero a { color: #FFE680 !important; }
.app-iexplore .ms-foot { background: #EEE; border-top: 1px solid #ccc; padding: 6px 10px; color: #666; font-size: 10px; }
.app-iexplore .wm-head { background: linear-gradient(#233F7A, #0E1F45); color: #fff; padding: 10px 12px; font: 20px "Trebuchet MS", sans-serif; }
.app-iexplore .wm-head span { color: #9CC3FF; font-size: 14px; margin-left: 10px; }
.app-iexplore .wm-body { padding: 10px 14px; }
.app-iexplore .wm-tbl { border-collapse: collapse; width: 100%; max-width: 560px; }
.app-iexplore .wm-tbl th { background: #D6E3F9; text-align: left; padding: 3px 5px; }
.app-iexplore .wm-tbl td { padding: 4px 5px; border-bottom: 1px solid #dde; }
.app-iexplore .wm-status { margin: 10px 0; min-height: 16px; color: #333; }