.guild-page,
.guild-page * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.guild-page {
	width: 100%;
	margin: 0;
	padding: 14px 20px 30px;
	color: #3f454a;
	font-family: Arial, Helvetica, sans-serif;
}

.guild-page--narrow {
	max-width: 860px;
	margin: 0 auto;
}

.guild-page a {
	color: #147fa5;
}

.guild-page__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
	padding-bottom: 13px;
	border-bottom: 1px solid #d9dde0;
}

.guild-page__header h1 {
	margin: 4px 0 0;
	color: #167fa6;
	font-size: 31px;
	font-weight: 400;
	line-height: 38px;
}

.guild-page__header h1 i,
.guild-page__header h1 svg {
	margin-right: 8px;
	color: #30363b;
}

.guild-page__header p {
	margin: 3px 0 0;
	color: #70787d;
	font-size: 13px;
	line-height: 19px;
}

.guild-page__actions,
.guild-inline-actions,
.guild-member-actions,
.guild-page__actions form,
.guild-inline-actions form,
.guild-member-actions form {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
}

.guild-back-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 3px;
	color: #667078 !important;
	font-size: 12px;
	text-decoration: none;
}

.guild-back-link:hover {
	color: #147fa5 !important;
}

.guild-button,
.guild-icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	padding: 0 13px;
	border: 1px solid #13789c;
	border-radius: 5px;
	background: #1689b2;
	color: #fff !important;
	font: 600 12px/34px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.guild-button:hover,
.guild-button:focus,
.guild-icon-button:hover,
.guild-icon-button:focus {
	border-color: #0f617e;
	background: #127593;
	box-shadow: 0 0 0 3px rgba(22, 137, 178, .15);
	outline: none;
}

.guild-button[disabled],
.guild-icon-button[disabled],
.guild-icon-button.is-disabled {
	opacity: .48;
	pointer-events: none;
}

.guild-button--secondary,
.guild-icon-button {
	border-color: #b8c0c5;
	background: #fff;
	color: #4e585f !important;
}

.guild-button--secondary:hover,
.guild-icon-button:hover {
	border-color: #829099;
	background: #f1f4f5;
}

.guild-button--danger,
.guild-icon-button--danger {
	border-color: #a83d3d;
	background: #bd4848;
	color: #fff !important;
}

.guild-button--danger:hover,
.guild-icon-button--danger:hover {
	border-color: #873030;
	background: #a33a3a;
}

.guild-icon-button--success {
	border-color: #268153;
	background: #2e9361;
	color: #fff !important;
}

.guild-button--block {
	width: 100%;
}

.guild-icon-button {
	flex: 0 0 36px;
	width: 36px;
	padding: 0;
	line-height: 34px;
}

.guild-alert {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid #d7c07e;
	border-radius: 5px;
	background: #fff9e8;
	color: #695a2f;
	font-size: 13px;
	line-height: 19px;
}

.guild-alert--danger {
	border-color: #dfacac;
	background: #fff0f0;
	color: #873636;
}

.guild-alert strong {
	display: block;
	margin-bottom: 3px;
}

.guild-alert ul {
	margin: 0;
	padding-left: 18px;
}

.guild-inbox,
.guild-directory,
.guild-section,
.guild-form-section,
.guild-management-panel,
.guild-ranking-panel {
	margin-bottom: 18px;
	border: 1px solid #d5dade;
	border-radius: 6px;
	background: #fff;
}

.guild-inbox {
	padding: 13px 16px;
	background: #f6fafb;
}

.guild-inbox h2,
.guild-directory h2,
.guild-section h2,
.guild-form-section h2,
.guild-panel-heading h2 {
	margin: 0;
	color: #343b40;
	font-family: "Yanone Kaffeesatz", Arial, sans-serif;
	font-size: 23px;
	font-weight: 400;
	line-height: 29px;
}

.guild-inbox h2 i,
.guild-directory h2 i,
.guild-section h2 i,
.guild-form-section h2 i {
	margin-right: 6px;
	color: #1689b2;
}

.guild-inbox__row,
.guild-list__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 46px;
	padding: 7px 0;
	border-top: 1px solid #e3e7e9;
	font-size: 12px;
}

.guild-inbox__row:first-of-type {
	margin-top: 8px;
}

.guild-inbox__row > div {
	display: flex;
	gap: 5px;
}

.guild-directory__toolbar,
.guild-section > header,
.guild-form-section > header,
.guild-panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 12px 15px;
	border-bottom: 1px solid #dce1e4;
	background: #f6f7f7;
}

.guild-directory__toolbar p,
.guild-panel-heading p {
	margin: 1px 0 0;
	color: #778086;
	font-size: 11px;
}

.guild-search {
	display: flex;
	align-items: center;
	gap: 7px;
}

.guild-search label {
	position: relative;
	display: block;
}

.guild-search label > i,
.guild-search label > svg {
	position: absolute;
	top: 11px;
	left: 10px;
	color: #828b90;
}

.guild-search input,
.guild-search select,
.guild-field input,
.guild-field select,
.guild-field textarea,
.guild-member-actions select {
	min-height: 36px;
	padding: 7px 9px;
	border: 1px solid #bcc5ca;
	border-radius: 4px;
	background: #fff;
	color: #343b40;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

.guild-search input {
	width: 205px;
	padding-left: 31px;
}

.guild-search select {
	width: 176px;
}

.guild-search input:focus,
.guild-search select:focus,
.guild-field input:focus,
.guild-field select:focus,
.guild-field textarea:focus {
	border-color: #1689b2;
	box-shadow: 0 0 0 3px rgba(22, 137, 178, .13);
	outline: none;
}

.guild-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 14px;
}

.guild-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 255px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #d5dade;
	border-radius: 6px;
	background: #fff;
	color: #3f454a !important;
	text-decoration: none !important;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.guild-card:hover,
.guild-card:focus {
	border-color: #1689b2;
	box-shadow: 0 4px 14px rgba(37, 47, 53, .13);
	transform: translateY(-2px);
	outline: none;
}

.guild-card__banner {
	height: 60px;
	flex: 0 0 60px;
	background-color: #444c51;
	background-position: center;
	background-size: cover;
}

.guild-card__identity {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	margin-top: -21px;
	padding: 0 12px 8px;
}

.guild-card__identity img {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	object-fit: cover;
	border: 3px solid #fff;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.guild-card__identity div {
	min-width: 0;
	padding-top: 21px;
}

.guild-card__identity strong,
.guild-card__identity span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.guild-card__identity strong {
	color: #30383d;
	font-size: 15px;
}

.guild-card__identity span {
	margin-top: 2px;
	color: #1689b2;
	font-size: 11px;
	font-weight: bold;
}

.guild-card__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0 12px 10px;
	background: #dde2e4;
}

.guild-card__stats div {
	min-width: 0;
	padding: 8px 4px;
	background: #f4f6f6;
	text-align: center;
}

.guild-card__stats dt,
.guild-card__stats dd {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.guild-card__stats dt {
	color: #7a8388;
	font-size: 9px;
	text-transform: uppercase;
}

.guild-card__stats dd {
	margin-top: 3px;
	color: #343b40;
	font-size: 12px;
	font-weight: bold;
}

.guild-card footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	margin-top: auto;
	padding: 9px 12px;
	border-top: 1px solid #e3e7e9;
	color: #6c757b;
	font-size: 10px;
}

.guild-status {
	display: inline-flex;
	align-items: center;
	min-height: 23px;
	padding: 0 7px;
	border-radius: 3px;
	background: #e7ebed;
	color: #59636a;
	font-size: 9px;
	font-weight: bold;
	line-height: 23px;
	white-space: nowrap;
	text-transform: uppercase;
}

.guild-status--open {
	background: #dff2e8;
	color: #26724b;
}

.guild-status--application {
	background: #e1f0f6;
	color: #176d8c;
}

.guild-status--closed {
	background: #f3e2e2;
	color: #8c3c3c;
}

.guild-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 13px;
	border-top: 1px solid #e0e4e6;
	font-size: 12px;
}

.guild-form-section {
	overflow: hidden;
}

.guild-form {
	display: flex;
	flex-direction: column;
	gap: 13px;
	padding: 16px;
}

.guild-form--inline {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
}

.guild-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
}

.guild-field {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 5px;
	color: #495258;
	font-size: 11px;
	font-weight: bold;
}

.guild-field textarea {
	width: 100%;
	resize: vertical;
}

.guild-field small {
	color: #7c858a;
	font-size: 10px;
	font-weight: normal;
}

.guild-check {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #4d565c;
	font-size: 12px;
}

.guild-form footer {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding-top: 4px;
}

.guild-form__notice {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 11px;
	border-left: 3px solid #d4a936;
	background: #fff8e7;
	color: #6f5a25;
	font-size: 11px;
	line-height: 17px;
}

.guild-hero {
	position: relative;
	min-height: 220px;
	margin-top: 8px;
	overflow: hidden;
	border: 1px solid #cbd2d6;
	border-radius: 6px;
	background-color: #3f484d;
	background-position: center;
	background-size: cover;
}

.guild-hero--default {
	background: #424b50;
}

.guild-hero__content {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	gap: 16px;
	min-height: 114px;
	padding: 18px 20px;
	background: rgba(24, 29, 32, .84);
	color: #fff;
}

.guild-hero__emblem {
	width: 128px;
	height: 128px;
	flex: 0 0 128px;
	object-fit: cover;
	border: 4px solid #fff;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .35);
}

.guild-hero__identity {
	min-width: 0;
	padding-bottom: 3px;
}

.guild-hero__tag {
	color: #63caec;
	font-size: 13px;
	font-weight: bold;
}

.guild-hero h1 {
	margin: 2px 0;
	overflow-wrap: anywhere;
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	line-height: 38px;
}

.guild-hero p {
	margin: 0;
	color: #dce2e5;
	font-size: 12px;
}

.guild-hero p a {
	color: #fff;
	font-weight: bold;
}

.guild-hero__actions {
	margin-left: auto;
	padding-bottom: 5px;
}

.guild-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 12px 0 18px;
	border: 1px solid #d5dade;
	border-radius: 5px;
	background: #d5dade;
	overflow: hidden;
}

.guild-summary > div {
	display: grid;
	grid-template-columns: 34px 1fr;
	grid-template-rows: auto auto;
	align-items: center;
	min-width: 0;
	padding: 10px 12px;
	background: #fff;
}

.guild-summary i,
.guild-summary svg {
	grid-row: 1 / 3;
	color: #1689b2;
	font-size: 20px;
}

.guild-summary span {
	color: #7b8489;
	font-size: 9px;
	text-transform: uppercase;
}

.guild-summary strong {
	overflow: hidden;
	color: #323a3f;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.guild-layout {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(265px, .8fr);
	align-items: start;
	gap: 16px;
}

.guild-description {
	min-height: 110px;
	padding: 16px;
	color: #50595f;
	font-size: 13px;
	line-height: 21px;
}

.guild-news-list {
	padding: 6px 15px 15px;
}

.guild-news {
	padding: 13px 0;
	border-bottom: 1px solid #e1e5e7;
}

.guild-news:last-child {
	border-bottom: 0;
}

.guild-news > header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}

.guild-news h3 {
	margin: 0;
	color: #30383d;
	font-size: 14px;
}

.guild-news h3 i {
	color: #c99a2d;
}

.guild-news header span {
	color: #80898e;
	font-size: 10px;
	white-space: nowrap;
}

.guild-news p {
	margin: 8px 0 0;
	color: #515a60;
	font-size: 12px;
	line-height: 19px;
}

.guild-news--pinned {
	border-left: 3px solid #d3a634;
	padding-left: 11px;
}

.guild-join {
	padding-bottom: 13px;
}

.guild-join > p,
.guild-join > form,
.guild-join > .guild-inline-actions,
.guild-join > .guild-alert {
	margin: 13px 14px 0;
}

.guild-activity-stats {
	margin: 0;
	padding: 8px 14px 14px;
}

.guild-activity-stats div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #e4e7e9;
	font-size: 11px;
}

.guild-activity-stats dt,
.guild-activity-stats dd {
	margin: 0;
}

.guild-activity-stats dd {
	font-weight: bold;
}

.guild-report {
	margin-bottom: 18px;
	border: 1px solid #d5dade;
	border-radius: 5px;
	background: #fff;
}

.guild-report summary {
	padding: 11px 13px;
	color: #59636a;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.guild-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	flex-direction: column;
	gap: 6px;
	padding: 24px;
	color: #7b8489;
	text-align: center;
}

.guild-empty > i,
.guild-empty > svg {
	color: #aab2b6;
	font-size: 27px;
}

.guild-empty strong {
	color: #4f595f;
}

.guild-empty--compact {
	min-height: 75px;
}

.guild-table-wrap {
	width: 100%;
	overflow-x: auto;
}

.guild-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
	font-size: 11px;
}

.guild-table th {
	padding: 10px 9px;
	border-bottom: 2px solid #cfd5d8;
	background: #f1f3f4;
	color: #515a60;
	font-size: 10px;
	text-align: left;
	text-transform: uppercase;
}

.guild-table td {
	padding: 8px 9px;
	border-bottom: 1px solid #e0e4e6;
	color: #4c555b;
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.guild-table tbody tr:hover {
	background: #f8fafb;
}

.guild-member-link,
.guild-ranking-name {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	text-decoration: none;
}

.guild-member-link img,
.guild-ranking-name img {
	flex: 0 0 auto;
	object-fit: cover;
	border-radius: 4px;
}

.guild-rank-owner {
	color: #d4a329;
}

.guild-activity {
	display: inline-flex;
	padding: 4px 6px;
	border-radius: 3px;
	background: #eceff0;
	font-size: 9px;
	white-space: nowrap;
}

.guild-activity--active {
	background: #dff2e8;
	color: #237047;
}

.guild-activity--recent {
	background: #fff1ce;
	color: #775c19;
}

.guild-muted {
	color: #8a9297;
	font-size: 10px;
}

.guild-toast {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10000;
	display: none;
	max-width: 380px;
	padding: 12px 15px;
	border: 1px solid #207c50;
	border-radius: 5px;
	background: #2c8d5e;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
	color: #fff;
	font: 12px/18px Arial, sans-serif;
}

.guild-toast.is-visible {
	display: block;
}

.guild-toast.is-error {
	border-color: #8f3030;
	background: #b24242;
}

.guild-tabs,
.guild-ranking-tabs {
	display: flex;
	align-items: stretch;
	gap: 1px;
	margin-bottom: 14px;
	overflow-x: auto;
	border: 1px solid #cfd5d8;
	border-radius: 5px;
	background: #cfd5d8;
}

.guild-tabs a,
.guild-ranking-tabs button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	flex: 1 0 auto;
	padding: 0 13px;
	border: 0;
	background: #fff;
	color: #59636a;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.guild-tabs a:hover,
.guild-tabs a.is-active,
.guild-ranking-tabs button:hover,
.guild-ranking-tabs button.is-active {
	background: #30383d;
	color: #fff;
}

.guild-tabs a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 10px;
	background: #bd4646;
	color: #fff;
	font-size: 9px;
}

.guild-management-panel,
.guild-ranking-panel {
	display: none;
	overflow: visible;
}

.guild-management-panel.is-active,
.guild-ranking-panel.is-active {
	display: block;
}

.guild-management-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 14px;
	padding: 14px;
}

.guild-management-grid > .guild-form-section {
	margin: 0;
}

.guild-visual-editor {
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 14px;
	padding: 14px;
}

.guild-visual-editor > div {
	min-width: 0;
}

.guild-visual-editor > div > img {
	display: block;
	max-width: 100%;
	object-fit: cover;
	border: 1px solid #ccd3d6;
	border-radius: 4px;
}

.guild-visual-editor__banner > img {
	width: 100%;
	aspect-ratio: 4 / 1;
}

.guild-visual-editor__banner > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 4 / 1;
	border: 1px dashed #bec7cc;
	background: #f2f4f5;
	color: #818a90;
}

.guild-table--management th:nth-child(1) { width: 24%; }
.guild-table--management th:nth-child(2) { width: 14%; }
.guild-table--management th:nth-child(3) { width: 13%; }
.guild-table--management th:nth-child(4) { width: 18%; }
.guild-table--management th:nth-child(5) { width: 31%; }

.guild-member-actions {
	flex-wrap: wrap;
}

.guild-member-actions select {
	width: 110px;
}

.guild-action-menu {
	position: relative;
}

.guild-action-menu > summary {
	list-style: none;
}

.guild-action-menu > summary::-webkit-details-marker {
	display: none;
}

.guild-action-menu[open] > form {
	position: absolute;
	right: 0;
	z-index: 20;
	width: 285px;
	border: 1px solid #cbd2d6;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

.guild-subsection {
	padding: 14px;
}

.guild-subsection h3,
.guild-rank h3 {
	margin: 0 0 10px;
	color: #424a50;
	font-size: 14px;
}

.guild-list {
	display: flex;
	flex-direction: column;
}

.guild-application,
.guild-list__article {
	padding: 12px 0;
	border-bottom: 1px solid #e1e5e7;
}

.guild-application > header,
.guild-list__article > header {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.guild-application header time,
.guild-list__article header span {
	color: #818a90;
	font-size: 10px;
}

.guild-application p,
.guild-list__article p {
	color: #515a60;
	font-size: 11px;
	line-height: 18px;
}

.guild-ranks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 14px;
}

.guild-rank {
	border: 1px solid #d5dade;
	border-radius: 5px;
	background: #fff;
}

.guild-rank--new {
	padding-top: 13px;
}

.guild-rank--new h3 {
	padding: 0 15px;
}

.guild-permissions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px 11px;
	padding: 0 16px 16px;
}

.guild-permissions label {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	color: #555e64;
	font-size: 10px;
	line-height: 15px;
}

.guild-permissions .guild-button {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: 5px;
}

.guild-form--rank-delete {
	border-top: 1px solid #e3e6e8;
}

.guild-danger-zone {
	border-color: #d7a4a4;
}

.guild-danger-zone > header {
	background: #fff0f0;
}

.guild-ranking-table th:nth-child(1) { width: 70px; }
.guild-ranking-table th:nth-child(2) { width: 31%; }
.guild-ranking-position {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.guild-ranking-position i {
	color: #b8bec1;
}

.guild-ranking-row--1 {
	background: #fff9e8;
}

.guild-ranking-row--1 .guild-ranking-position i {
	color: #d3a22c;
}

.guild-ranking-row--2 .guild-ranking-position i {
	color: #929da3;
}

.guild-ranking-row--3 .guild-ranking-position i {
	color: #ad7048;
}

.guild-ranking-name span,
.guild-ranking-name strong,
.guild-ranking-name small {
	display: block;
	min-width: 0;
}

.guild-ranking-name small {
	margin-top: 2px;
	color: #1689b2;
}

.guild-table code {
	display: block;
	max-height: 70px;
	overflow: auto;
	color: #5d666b;
	font-size: 9px;
	white-space: normal;
}

@media (max-width: 900px) {
	.guild-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.guild-layout {
		grid-template-columns: 1fr;
	}

	.guild-management-grid,
	.guild-ranks {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.guild-page {
		padding: 10px;
	}

	.guild-page__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.guild-page__header h1 {
		font-size: 27px;
		line-height: 33px;
	}

	.guild-page__actions,
	.guild-search {
		width: 100%;
		flex-wrap: wrap;
	}

	.guild-search label,
	.guild-search input,
	.guild-search select {
		width: 100%;
	}

	.guild-grid {
		grid-template-columns: 1fr;
	}

	.guild-form__grid,
	.guild-summary,
	.guild-visual-editor,
	.guild-permissions {
		grid-template-columns: 1fr;
	}

	.guild-hero {
		min-height: 290px;
	}

	.guild-hero__content {
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.guild-hero__emblem {
		width: 100px;
		height: 100px;
		flex-basis: 100px;
	}

	.guild-hero__actions {
		width: 100%;
		margin-left: 0;
	}

	.guild-hero__actions .guild-button {
		width: 100%;
	}

	.guild-summary > div {
		min-height: 66px;
	}

	.guild-directory__toolbar,
	.guild-section > header,
	.guild-form-section > header {
		align-items: flex-start;
		flex-direction: column;
	}

	.guild-form--inline {
		grid-template-columns: 1fr;
	}

	.guild-table {
		min-width: 690px;
	}

	.guild-tabs a {
		min-width: 110px;
	}

	.guild-action-menu[open] > form {
		right: auto;
		left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.guild-card,
	.guild-button,
	.guild-icon-button {
		transition: none;
	}

	.guild-card:hover,
	.guild-card:focus {
		transform: none;
	}
}