@media (max-width: 760px) {
  body { min-width: 320px; font-size: 15px; }
  .site-header { height: auto; min-height: 0; }
  .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 8px; height: auto; min-height: 0; padding: 10px 14px; }
  .header-inner .brand { grid-column: 1; grid-row: 1; width: min(150px, 100%); min-width: 0; height: 48px; margin: 0; overflow: visible; }
  .header-inner .brand img { display: block; width: 100%; max-height: 48px; height: auto; }
  .header-inner .menu-toggle { display: flex; grid-column: 4; grid-row: 1; justify-content: center; width: 44px; min-height: 44px; padding: 8px; border-radius: 8px; font-size: 0; }
  .header-inner .menu-toggle .icon { width: 23px; height: 23px; }
  .header-inner > .account-link { grid-column: 3; grid-row: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; font-size: 12px; border-radius: 8px; margin: 0; }
  .header-inner > .account-link[href="/staff"] { grid-column: 2; padding: 7px 9px; font-size: 11px; }
  .header-inner > .account-link:has(.account-avatar) { width: 44px; min-width: 44px; padding: 5px; gap: 0; }
  .header-inner > .account-link .account-avatar { width: 32px; height: 32px; border-radius: 6px; }
  .header-inner > .account-link:has(.account-avatar) span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; white-space: nowrap; }
  .header-inner .header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 42px; margin: 0; border-radius: 8px; gap: 10px; }
  .header-inner .header-search input { min-height: 40px; font-size: 16px; }
  .header-inner .primary-nav { grid-column: 1 / -1; grid-row: 3; width: 100%; padding: 6px 0 0; margin: 0; display: none; }
  .header-inner .primary-nav.open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .header-inner .primary-nav .nav-item { width: 100%; min-height: 46px; justify-content: flex-start; padding: 10px 12px; font-size: 13px; gap: 9px; border-radius: 7px; }
  .header-inner .primary-nav .nav-item .icon { width: 19px; height: 19px; }

  .site-shell, .site-shell.with-sidebar { display: block; padding: 14px 14px 25px; min-width: 0; }
  .site-shell.docs-shell.with-sidebar { display: flex; gap: 0; }
  .site-shell main { width: 100%; min-width: 0; }
  .button, .staff-page .button { min-height: 44px; padding: 10px 14px; font-size: 14px; white-space: normal; line-height: 1.4; text-align: center; border-radius: 7px; }
  .button:hover, .tile:hover, .resource-card:hover { transform: none; }
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { font-size: 16px; }
  .world-form input, .world-form select, .project-filters input, .project-filters select { min-height: 46px; }
  .world-form, .form-columns { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .button-row { gap: 9px; }
  .home-hero { min-height: 0; border-radius: 10px; }
  .hero-copy { padding: 25px 20px; }
  .hero-copy h1 { font-size: clamp(39px, 11vw, 62px); line-height: 1.08; margin: 0 0 13px; letter-spacing: -.025em; }
  .hero-copy p { font-size: 16px; line-height: 1.6; margin: 0 0 19px; }
  .hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .hero-actions .button { width: 100%; justify-content: space-between; font-size: 13px; }
  .home-columns, .content-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 16px; }
  .home-main, .home-aside, .page-stack { display: flex; flex-direction: column; gap: 16px; }
  .panel { border-radius: 9px; }
  .panel-heading { min-height: 51px; padding: 10px 13px; gap: 9px; align-items: center; flex-wrap: wrap; }
  .panel-heading h2, .home-aside .panel-heading h2 { font-size: 18px; line-height: 1.4; }
  .panel-heading .section-note { flex-basis: 100%; margin: 0; font-size: 12px; }
  .panel-heading .section-more { font-size: 12px; min-height: 30px; }
  .panel-body, .page-stack .panel-body, .home-aside .panel-body { padding: 12px; }
  .tile-grid.four, .tile-grid.three, .resource-list, .community-grid, .contribution-grid, .link-directory, .docs-card-grid, .research-index .docs-card-grid, .project-grid, .world-link-grid, .code-grid, .repo-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .tile, .small-tile { display: flex; min-height: 112px; padding: 15px 29px 15px 64px; border-radius: 7px; }
  .tile > .icon, .small-tile > .icon { position: absolute; left: 14px; top: 20px; width: 34px; height: 34px; }
  .tile strong, .small-tile strong { font-size: 16px; margin: 0 0 6px; }
  .tile > span:not(.card-arrow), .small-tile > span:not(.card-arrow) { font-size: 13px; line-height: 1.55; padding-right: 0; }
  .resource-card { min-height: 0; padding: 16px 30px 16px 14px; gap: 12px; border-radius: 7px; }
  .resource-icon { width: 34px; }.resource-icon .icon { width: 32px; height: 32px; }
  .resource-card strong { font-size: 16px; }.resource-card > span:nth-child(2) > span { font-size: 13px; line-height: 1.6; }
  .side-cta { align-items: flex-start; flex-wrap: wrap; gap: 13px; }.side-cta p { min-width: 190px; font-size: 13px; }.side-cta .button { font-size: 13px; }
  .related-row { min-height: 75px; padding: 10px 2px; gap: 12px; }.related-row strong { font-size: 15px; }.related-row small { font-size: 12px; line-height: 1.55; }
  .page-banner, .site-shell.with-sidebar .page-banner { min-height: 0; height: auto; padding: 23px 19px; border-radius: 9px; }
  .page-banner h1 { font-size: clamp(31px, 8.7vw, 46px); line-height: 1.18; margin: 0 0 10px; overflow-wrap: anywhere; }
  .page-banner p { font-size: 14px; line-height: 1.6; font-weight: 400; }

  .docs-index, .docs-form-page, .review-page, .forum-page, .embed-tool { margin: 12px auto 26px; }
  .docs-index > h1, .docs-form-page > h1, .review-page > h1, .forum-page > h1, .docs-article > h1 { font-size: clamp(30px, 8.5vw, 40px); line-height: 1.2; overflow-wrap: anywhere; }
  .docs-intro, .forum-page > p { font-size: 16px; line-height: 1.6; }.docs-credit { font-size: 12px; line-height: 1.7; }
  .docs-card { min-height: 0; padding: 16px; gap: 8px; border-radius: 7px; }.docs-card strong { font-size: 16px; }.docs-card span { font-size: 13px; line-height: 1.6; }
  .docs-shell .docs-sidebar { order: 0; position: static; width: 100%; max-height: 190px; overflow: auto; margin: 0 0 16px; padding: 9px; border-radius: 8px; overscroll-behavior: contain; }
  .docs-sidebar .docs-sidebar-home { margin: 0 0 6px; }.docs-sidebar section { margin: 9px 0 13px; }.docs-sidebar a { min-height: 37px; padding: 8px 10px; font-size: 13px; line-height: 1.5; }
  .docs-shell main { order: 1; }.docs-article { padding: 20px 16px; border-radius: 8px; margin: 0 auto 23px; }
  .docs-article-body { font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }.docs-article-body h2 { font-size: 21px; line-height: 1.4; }.docs-article-body h3 { font-size: 18px; }
  .docs-article-body pre, .docs-article-body table, .research-table-scroll { max-width: 100%; overflow-x: auto; }.docs-article-body pre { font-size: 12px; padding: 12px; white-space: pre; }
  .docs-sources li { font-size: 12px; line-height: 1.75; }.docs-breadcrumb { font-size: 12px; line-height: 1.7; }
  .docs-form-page, .review-page { padding: 21px 16px; }.review-card form { flex-wrap: wrap; }
  .project-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: stretch; margin-bottom: 16px; }
  .project-toolbar .project-suggest-button { grid-row: 1; justify-self: end; width: auto; min-height: 40px; padding: 8px 12px; font-size: 12px; margin: 0; }
  .project-toolbar .project-filters { grid-row: 2; width: 100%; min-width: 0; margin: 0; }
  .project-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }.project-filters label { min-width: 0; width: 100%; }.project-filters input,.project-filters select { width: 100%; min-width: 0; }.project-filters .button { width: 100%; }
  .project-card { min-height: 0; padding: 18px; border-radius: 8px; }.project-card h2 { font-size: 19px; }.project-card p { line-height: 1.7; }.project-card > a { min-height: 35px; }
  .project-suggestion-dialog { width: calc(100% - 24px); max-width: calc(100% - 24px); max-height: calc(100dvh - 24px); overflow: auto; margin: auto; padding: 20px 16px; border-radius: 10px; }
  .project-suggestion-dialog .form-columns { grid-template-columns: minmax(0, 1fr); }.project-suggestion-dialog .button { min-height: 44px; }

  .forum-categories { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 20px; }.forum-category { min-height: 0; padding: 16px; border-radius: 8px; }.forum-category span { font-size: 13px; line-height: 1.6; }
  .forum-list, .forum-compose, .forum-thread-page { padding: 15px; border-radius: 8px; }.forum-list > h2, .forum-compose > h2 { padding: 0 0 12px; margin-bottom: 0; font-size: 20px; }
  .forum-compose form { padding: 14px 0 0; }.forum-thread { display: block; padding: 15px 0; }.forum-thread strong { display: block; line-height: 1.5; }.forum-thread span { display: block; text-align: left; margin-top: 7px; font-size: 12px; line-height: 1.6; }
  .forum-post { padding: 15px; border-radius: 8px; }.forum-post header { gap: 8px; align-items: center; }.forum-author-avatar { width: 32px; height: 32px; }.forum-post header time { flex-basis: 100%; font-size: 11px; }.forum-post-body { font-size: 14px; line-height: 1.8; }
  .forum-editor-top { padding: 0 8px; }.forum-editor-toolbar { overflow-x: auto; flex-wrap: nowrap; width: 100%; gap: 4px; }.forum-editor-toolbar button { min-width: 40px; height: 40px; }.forum-editor-tabs button { min-height: 44px; }
  .forum-editor [data-editor-input] { font-size: 16px; min-height: 220px; }.forum-editor-preview { min-height: 220px; }.forum-editor-bottom { gap: 9px; padding: 10px; }.forum-attach-button { min-height: 44px; }.forum-editor-hint { flex-basis: 100%; font-size: 11px; line-height: 1.6; }
  .forum-editor-attachments { grid-template-columns: minmax(0, 1fr); }.forum-attachment-card > iframe { height: auto; aspect-ratio: 1; }.forum-post-body figure { max-width: 100%; margin: 14px 0; }.forum-post-body audio { max-width: 100%; }.forum-post-body pre { max-width: 100%; overflow-x: auto; font-size: 12px; }
  .forum-flipnote-embed, .forum-flipnote-embed iframe, .forum-image-attachment img, .forum-audio-attachment { width: 100%; max-width: 100%; }
  .embed-source-form, .embed-upload, .embed-result { padding: 16px; }.embed-source-form label, .embed-upload label { flex-basis: 100%; }.embed-source-form .button, .embed-upload .button { width: 100%; }

  .auth-card { width: 100%; max-width: 520px; margin: 14px auto 30px; padding: 24px 19px; border-radius: 9px; }.auth-card form { max-width: none; }.auth-card input { min-height: 47px; font-size: 16px; }.auth-card .button { width: 100%; }.auth-card h1 { font-size: 32px; line-height: 1.2; }.auth-policy { line-height: 1.8; }
  .settings-wrap.settings-desktop { margin: 15px auto 30px; }.settings-heading { display: block; }.settings-heading h1 { font-size: 34px; line-height: 1.2; }.settings-heading p { margin-top: 10px; line-height: 1.6; }
  .settings-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; margin-bottom: 16px; }.settings-wrap a.settings-tab { text-align: center; padding: 13px 8px; border: 0; margin: 0; min-height: 45px; font-size: 13px; }.settings-wrap a.settings-tab.active { background: #fff0e4; border: 0; }
  .settings-panel { display: flex; flex-direction: column; padding: 22px 17px; gap: 21px; border-radius: 9px; min-height: 0; }.settings-panel-main, .settings-detail { width: 100%; min-width: 0; }.settings-detail { flex: auto; border-left: 0; border-top: 1px solid var(--line); padding: 20px 0 0; }.profile-preview { width: 100%; border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 20px; }.profile-preview img { width: 128px; height: 128px; }.settings-panel input:not([type=radio]) { font-size: 16px; }.font-options { flex-direction: column; gap: 9px; }.settings-panel label.font-option { min-height: 72px; padding: 15px; }.settings-panel .button { width: 100%; }
  .access-columns { grid-template-columns: minmax(0, 1fr); }.access-panel { padding: 17px; border-radius: 8px; }.access-grant { align-items: flex-start; flex-direction: column; gap: 12px; }.access-panel .world-form input { min-width: 0; width: 100%; }
  .world-about { gap: 24px; margin-top: 9px; }.about-world-intro { display: block; padding: 21px 18px; }.about-world-intro > img { width: 160px; margin-bottom: 20px; }.about-world-intro h1 { font-size: 31px; }.about-world-intro p { font-size: 16px; }.about-area-grid { grid-template-columns: minmax(0, 1fr); }.about-studio-section, .about-taking-part { padding: 20px 17px; }.about-history-sources ol { grid-template-columns: minmax(0, 1fr); }.about-participate-links { display: grid; grid-template-columns: minmax(0, 1fr); }
  .legal-page { margin: 15px auto 30px; }.legal-heading h1 { font-size: 35px; }.legal-heading p { font-size: 14px; line-height: 1.6; }.legal-contents { padding: 10px; max-height: 230px; overflow: auto; }.legal-contents a { min-height: 38px; padding: 8px; }.legal-copy { font-size: 14px; line-height: 1.85; }.legal-copy h2 { font-size: 20px; }
  .staff-page { margin: 16px auto 30px; }.staff-heading { display: block; margin-bottom: 18px; }.staff-heading > p { white-space: normal; margin-top: 12px; }.staff-tabs { margin-bottom: 20px; }.staff-tabs a { min-height: 45px; padding: 12px; }.staff-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.staff-count { padding: 15px; }.staff-count span { font-size: 12px; line-height: 1.6; }
  .staff-search { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }.staff-search label:first-of-type { min-width: 0; max-width: none; }.staff-search input, .staff-search select, .staff-page input:not([type=hidden]), .staff-page select, .staff-page textarea { font-size: 16px; }.staff-user { padding: 17px; flex-direction: column; gap: 17px; }.staff-user-actions { width: 100%; min-width: 0; max-width: none; }.staff-role-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; }.staff-user-actions .staff-action-details form { max-width: none; }
  .staff-table-wrap { overflow: visible; }.staff-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }.staff-table tbody, .staff-table tr, .staff-table td { display: block; }.staff-table tr { padding: 13px 15px; border-bottom: 1px solid var(--line); }.staff-table td { min-width: 0!important; max-width: none!important; border: 0; padding: 5px 0; }.staff-table tr:last-child { border: 0; }.staff-media-form { width: 100%; min-width: 0; flex-wrap: wrap; gap: 9px; }.staff-media-form input { flex-basis: 100%; width: 100%; min-width: 0; font-size: 16px!important; }.staff-review-grid { grid-template-columns: minmax(0, 1fr); }.staff-review { padding: 18px; }.staff-pagination .button { padding: 10px 12px; }.staff-pagination { gap: 9px; }

  .world-forge-subnav > div { padding: 0 10px; gap: 2px; }.world-forge-subnav a { min-height: 45px; padding: 12px 11px; font-size: 13px; }
  .page-content { width: 100%; max-width: 100%; padding: 16px 14px 28px; min-width: 0; }.page-content .ui.container { width: 100%!important; max-width: 100%!important; margin-left: 0!important; margin-right: 0!important; }
  .page-content .ui.form input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .page-content .ui.form select, .page-content .ui.form textarea, .page-content .ui.input input { font-size: 16px!important; max-width: 100%; }.page-content .ui.form input:not([type=checkbox]):not([type=radio]):not([type=hidden]) { min-height: 44px; }.page-content .ui.button { min-height: 42px; line-height: 1.4; }
  .page-content .ui.form .inline.field > label { display: block; width: auto!important; text-align: left; margin-bottom: 8px; }.page-content .ui.form .inline.field > input:not([type=checkbox]):not([type=radio]) { width: 100%!important; }
  .page-content .ui.grid > .column:not(.row), .page-content .ui.grid > .row > .column { min-width: 0; }.page-content .ui.cards.migrate-entries { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: 12px; margin: 12px 0; }.page-content .ui.cards.migrate-entries > .card { width: 100%!important; margin: 0!important; min-width: 0; }.migrate-entries a.migrate-entry > svg { width: 100px; height: 100px; padding: 12px; }
  .repository .repo-title, .repository .repo-header h1 { font-size: 20px!important; line-height: 1.4; overflow-wrap: anywhere; }.repository .repo-header, .repository .repo-header-container { min-width: 0; }.repository .ui.tabular.menu { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; }.repository .ui.tabular.menu .item { flex: none; min-height: 44px; white-space: nowrap; }
  .repository .code-view, .repository .diff-file-box, .repository .file.list { max-width: 100%; overflow-x: auto; }.page-content .ui.pagination.menu { max-width: 100%; overflow-x: auto; }.page-content .ui.pagination.menu .item { min-height: 42px; }
  .site-footer { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 13px; margin-top: auto; padding: 23px 17px 28px; font-size: 12px; line-height: 1.7; }.site-footer > div { min-width: 0; gap: 4px; }.site-footer p { margin: 0; }.site-footer .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px 18px; margin: 0; }.site-footer .footer-links a { min-height: 39px; }
}

@media (max-width: 380px) {
  .header-inner { gap: 6px; padding-left: 11px; padding-right: 11px; }.header-inner .brand { max-width: 124px; }.header-inner > .account-link[href="/staff"] { padding: 7px; font-size: 10px; }
  .site-shell, .site-shell.with-sidebar { padding-left: 11px; padding-right: 11px; }.hero-copy { padding: 23px 17px; }.hero-copy h1 { font-size: 39px; }.panel-heading { gap: 7px; }.panel-heading h2 { font-size: 16px; }.panel-heading > .icon { width: 20px; height: 20px; }
}