.folder-hero h2{min-width:0;max-width:100%;overflow-wrap:anywhere}
.project-title-row > div{min-width:0}
/* Shared mobile geometry, loaded after every theme. */
@media(max-width:820px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
  body{padding-top:calc(70px + env(safe-area-inset-top,0px))}
  .site-shell{width:100%;max-width:100%;padding:8px 10px calc(100px + env(safe-area-inset-bottom,0px));gap:0}
  .site-shell > *, .work-column, .view, .project-stack, .project-card, .project-head > *, .project-title-row > div{min-width:0;max-width:100%}
  body.is-folder-open .profile-column{display:none}
  .mobile-bar{left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));height:54px;padding:7px 9px;gap:6px;border-radius:16px}
  .brand-mini{flex:0 0 auto}.mobile-controls{min-width:0;gap:5px}.mobile-controls .theme-switcher{gap:5px;flex-shrink:1}
  .compact .theme-dot{width:20px;height:20px;flex:0 0 20px}.compact-lang .lang-btn{min-width:25px;padding:0 5px;height:28px}
  .folder-view{padding:6px 8px 30px;width:100%;min-width:0}
  .folder-toolbar{position:relative;top:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;margin:0 0 12px;padding:4px 8px;border-radius:12px;min-height:48px}
  .folder-toolbar .back-btn{display:flex;align-items:center;gap:6px;min-width:0;min-height:40px;padding:6px 7px;font-size:13px;line-height:1.25;flex:0 1 auto;white-space:normal}
  .folder-toolbar .mini-index{margin-left:auto;font-size:8px;letter-spacing:.07em;white-space:nowrap;flex:0 0 auto}
  .folder-hero{display:block;width:100%;min-width:0;min-height:0;padding:28px 18px 30px;margin-bottom:18px;border-radius:20px}
  .folder-hero h2{display:block;width:100%;min-width:0;max-width:100%;font-size:clamp(26px,7.4vw,38px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal;hyphens:auto;-webkit-hyphens:auto}
  .folder-hero p{display:none}
  .project-head{grid-template-columns:minmax(0,1fr);padding:20px 16px 14px;gap:12px}
  .project-title-row{min-width:0;gap:8px}.project-number{flex:0 0 auto}
  .project-head h3,.project-card.featured-project .project-head h3{font-size:clamp(23px,6.2vw,30px);line-height:1.13;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto;-webkit-hyphens:auto}
  .project-desc{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
  .project-meta{gap:5px;min-width:0}.project-meta span{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:8px;padding:6px 7px}
  .project-footer{font-size:10px;overflow-wrap:anywhere}
  .folder-title,.folder-sub,.section-head h2,.section-note,.intro{max-width:100%;overflow-wrap:anywhere}
  .social-card{gap:8px;padding:14px 12px}.social-main{min-width:0;gap:8px;font-size:15px}.social-handle{min-width:0;max-width:55%;overflow-wrap:anywhere;font-size:12px}
  .stats-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-width:0;padding:12px 9px;min-height:88px}.stat-card strong{font-size:24px}.stat-card span{font-size:11px;overflow-wrap:anywhere}
  .theme-switcher-large{gap:12px;flex-wrap:wrap}
  .scroll-nav{flex-direction:row;gap:6px;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .scroll-nav button{width:44px;height:44px}
  .modal-stage{width:94vw;height:70vh;height:70dvh;max-width:100%}.modal-meta{max-width:92vw;white-space:normal;text-align:center;overflow-wrap:anywhere}
  .landing-actions{width:calc(100% - 32px);gap:12px;bottom:calc(30px + env(safe-area-inset-bottom,0px))}
  .landing-actions .soft-orb-btn{min-width:0;flex:1;padding:12px 8px;height:72px;font-size:clamp(13px,3.8vw,18px)}
  body[data-theme="christmas"] .folder-hero::before{width:120px;height:95px;opacity:.32}
}
@media(max-width:360px){.folder-view{padding-left:4px;padding-right:4px}.folder-hero{padding:24px 14px}.mobile-controls .theme-switcher{gap:4px}.compact .theme-dot{width:18px;height:18px;flex-basis:18px}.social-card{flex-wrap:wrap}.social-handle{max-width:100%;margin-left:40px}}