/* About folder preserves its iPhone-style icon grid, but uses the
   same native window controls, taskbar, drag and resize as all other windows. */
.xp-window[data-kind="about"] {border-radius:13px 13px 9px 9px;overflow:hidden}
.xp-window[data-kind="about"] .xp-titlebar {
  background:#603B67;border-radius:9px 9px 0 0
}
.xp-window[data-kind="about"]:not(.active) .xp-titlebar{background:#8E7896}
.xp-window[data-kind="about"] .window-main{
  padding:0;background:linear-gradient(145deg,#5B4667,#353141);overflow:auto
}
.xp-window[data-kind="about"] .about-folder-popover{
  min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;
  padding:18px 20px 15px;color:#F5F3F7
}
.about-folder-intro{
  margin:0 0 7px;color:#E3D4E7;
  font:700 10px/1.2 Tahoma,Arial,sans-serif;letter-spacing:.14em
}
.about-folder-hint{
  margin:3px 0 17px;color:#F0EAF2;
  font:14px/1.38 var(--portfolio-serif)
}
.about-folder-app-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px 8px;justify-items:center;align-items:start
}
.about-folder-app{
  width:100%;min-width:0;display:flex;flex-direction:column;
  align-items:center;gap:7px;padding:3px 0 6px;border:0;border-radius:12px;
  background:transparent;color:#FFFFFF;text-align:center;cursor:pointer
}
.about-folder-app-icon{
  width:69px;height:69px;flex:0 0 69px;display:grid;place-items:center;
  border:1px solid rgba(20,20,32,.58);border-radius:17px;overflow:hidden;
  background:#F5F3F7;box-shadow:0 4px 13px rgba(13,10,19,.27);
  transition:transform .12s ease,box-shadow .12s ease
}
.about-folder-app-icon img{width:65px;height:65px;display:block;object-fit:contain}
.about-folder-app-label{
  display:block;color:#FFFFFF;font:700 12px/1.3 Tahoma,Arial,sans-serif
}
.about-folder-app:hover .about-folder-app-icon,
.about-folder-app:focus-visible .about-folder-app-icon{
  transform:translateY(-2px);box-shadow:0 6px 15px rgba(13,10,19,.43)
}
.about-folder-app:focus-visible{outline:3px solid #93D4DF;outline-offset:2px}
.about-folder-app-pending{cursor:default}
.about-folder-app-pending .about-folder-app-icon{opacity:.7;filter:saturate(.67)}
.about-folder-app-pending .about-folder-app-label{color:#E5DCE8}
.about-folder-app-pending .about-folder-app-note{
  font:10px/1.2 Tahoma,Arial,sans-serif;color:#E1D7E4
}
.about-folder-foot{
  margin-top:auto;padding-top:12px;
  border-top:1px solid rgba(235,225,241,.26);
  color:#D4C8D9;text-align:center;font:11px Tahoma,Arial,sans-serif
}
@media(max-width:740px){
  .xp-window[data-kind="about"]:not(.maximized):not(.is-user-resized){
    height:min(388px,calc(100% - 12px)) !important
  }
  .xp-window[data-kind="about"].maximized{
    height:calc(100% - 12px) !important
  }
  .xp-window[data-kind="about"].is-user-resized:not(.maximized){
    height:var(--user-resize-height,min(388px,calc(100% - 12px))) !important
  }
  .xp-window[data-kind="about"] .about-folder-popover{padding:16px 13px 14px}
  .about-folder-hint{margin-bottom:15px}
  .about-folder-app-grid{gap:13px 4px}
  .about-folder-app-icon{width:60px;height:60px;flex-basis:60px;border-radius:15px}
  .about-folder-app-icon img{width:57px;height:57px}
  .about-folder-app-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.about-folder-app-icon{transition:none}}