/* neverlogoff/guilds.css — guilds v0 UI.
   Logical properties only (RTL-ready). 360–430 px: one column; 1280–1600 px: a centred column up to 1100 px.
   Every control is at least 44 px tall and wide. */
.g-main { inline-size: min(1100px, 100%); margin-inline: auto; padding-inline: 0.75rem; padding-block-end: 3rem; box-sizing: border-box; }
.g-main * { box-sizing: border-box; }
[hidden] { display: none !important; }
.g-top { display: flex; align-items: center; gap: 0.5rem 1rem; padding-inline: 0.75rem; flex-wrap: wrap; }
.g-top .mark, .g-navlink { display: inline-flex; align-items: center; min-block-size: 44px; }
.g-navlink { color: inherit; font-weight: 600; text-decoration: none; padding-inline: 0.5rem; }
.skip { min-block-size: 44px; }
.fine { color: #52525B; font-size: 0.9rem; }
.lede { max-inline-size: 65ch; }
.g-status { min-block-size: 1.5em; color: #3d4757; margin-block: 0.5rem; }
.g-main button, .g-btnlike { font: inherit; cursor: pointer; min-block-size: 44px; min-inline-size: 44px; border-radius: 10px; border: 1px solid #0A0A0A; background: #0A0A0A; color: #fff; padding-block: 0.4rem; padding-inline: 0.9rem; display: inline-flex; align-items: center; justify-content: center; }
.g-main button.ghost { background: transparent; color: #0A0A0A; border-color: #d4d4d8; }
.g-main button.small { font-size: 0.9rem; }
.g-main button.danger { color: #a02323; }
.g-btnlike { list-style: none; inline-size: fit-content; }
.g-btnlike::-webkit-details-marker { display: none; }
.g-main input, .g-main select, .g-main textarea { font: inherit; min-block-size: 44px; padding-block: 0.35rem; padding-inline: 0.6rem; border: 1px solid #d4d4d8; border-radius: 10px; background: #fff; inline-size: 100%; max-inline-size: 100%; }
.g-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-block: 0.5rem; }
.g-grow { flex: 1 1 12rem; min-inline-size: 0; overflow-wrap: anywhere; }
.g-banner { background: var(--g-banner, #0A0A0A); color: #fff; border-radius: 14px; padding: 1rem; margin-block: 0.5rem 1rem; }
.g-banner h1 { margin: 0; font-size: clamp(1.4rem, 4vw, 2rem); overflow-wrap: anywhere; }
.g-banner-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; }
.g-banner-text { margin-block: 0.4rem 0; opacity: 0.92; }
.g-label { display: inline-flex; align-items: center; border-radius: 999px; padding-inline: 0.6rem; padding-block: 0.1rem; font-size: 0.85rem; font-weight: 600; border: 1px solid currentColor; background: #fff8e6; color: #6b4b00; }
.g-label-official { background: #0A0A0A; color: #fff; }
.g-label-private { background: #f4f4f5; color: #3d4757; }
.g-join details { margin-block: 0.5rem; }
.g-join summary { min-block-size: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
.g-pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.g-tabs { display: flex; gap: 0.4rem; overflow-x: auto; padding-block: 0.4rem; border-block-end: 1px solid #e4e4e7; scrollbar-width: thin; }
.g-main .g-tab { background: transparent; color: #0A0A0A; border-color: #d4d4d8; white-space: nowrap; flex: none; }
.g-main .g-tab[aria-pressed="true"] { background: #0A0A0A; color: #fff; border-color: #0A0A0A; }
.g-body { padding-block: 0.75rem; }
.g-empty { color: #52525B; padding-block: 1rem; }
.g-tree { list-style: none; margin: 0; padding-inline-start: 0; display: grid; gap: 0.4rem; }
.g-tree .g-tree { padding-inline-start: 1.25rem; border-inline-start: 2px solid #e4e4e7; margin-block-start: 0.4rem; }
.g-node { background: #fff; border: 1px solid #e4e4e7; border-radius: 12px; padding: 0.4rem 0.75rem; }
.g-node-link { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; font-weight: 600; color: inherit; overflow-wrap: anywhere; }
.g-node-link[aria-current="page"] { text-decoration: underline 3px; }
.g-node > .fine { display: block; }
.g-form { display: grid; gap: 0.5rem; margin-block: 0.75rem; }
.g-inline { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); align-items: end; }
.g-field { display: grid; gap: 0.25rem; }
.g-post, .g-app, .g-list, .g-card { background: #fff; border: 1px solid #e4e4e7; border-radius: 12px; padding: 0.6rem 0.8rem; margin-block: 0.5rem; min-inline-size: 0; }
.g-post-head { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; align-items: center; margin: 0; }
.g-post-text { overflow-wrap: anywhere; }
.g-blur .g-post-text { filter: blur(7px); user-select: none; }
.g-chip { display: inline-flex; align-items: center; border-radius: 999px; background: #f4f4f5; padding-inline: 0.5rem; font-size: 0.8rem; font-weight: 600; }
.g-labels { list-style: none; padding: 0; margin-block: 0.4rem; display: flex; flex-wrap: wrap; gap: 0.3rem; }
.g-labelchip { border: 1px dashed #a16207; color: #713f12; background: #fefce8; border-radius: 8px; padding-inline: 0.5rem; padding-block: 0.15rem; font-size: 0.85rem; }
.g-warn { color: #92400e; font-weight: 600; margin-block: 0.25rem; }
.g-ranks { padding-inline-start: 1.25rem; display: grid; gap: 0.3rem; }
.g-rank { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; align-items: baseline; }
.g-members { list-style: none; padding: 0; display: grid; gap: 0.4rem; }
.g-member { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; background: #fff; border: 1px solid #e4e4e7; border-radius: 12px; padding: 0.3rem 0.75rem; min-block-size: 52px; }
.g-cards { list-style: none; padding: 0; display: grid; gap: 0.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.g-card { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.g-ok { color: #166534; font-weight: 600; margin: 0; }
.g-bad { color: #a02323; font-weight: 600; margin: 0; }
.g-dialog { border: 1px solid #d4d4d8; border-radius: 14px; max-inline-size: min(32rem, 92vw); }
.g-dialog p { white-space: pre-wrap; }
@media (min-width: 1280px) { .g-main { padding-inline: 1.5rem; } }