.clubs-page{margin:0 0 24px}.clubs-page .home-grid{grid-template-columns:minmax(0,1fr) 292px;align-items:start}.clubs-page .home-main,.clubs-page .home-side{min-width:0}.clubs-page .page-head{flex-wrap:wrap}.clubs-page .block-title h2{font-size:23px}.clubs-page .block-title small{display:block;margin:5px 0 0 34px;font:500 11px 'DM Sans',Arial;color:#8e9da5}.clubs-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 10px;font-size:11px;cursor:pointer}.clubs-page .disc-body h3{padding:5px 0}.clubs-page .disc-body h3 a{color:#2e4f65}.clubs-page .disc-body p{overflow-wrap:anywhere}.clubs-page .disc-foot form{margin:0}.clubs-page .disc-foot .join{cursor:pointer}.clubs-page .disc-top{background:var(--club-cover)}.clubs-page .disc-badge,.clubs-page .badge-s,.club-banner-icon{background:var(--club-badge)}
.club-tone-teal{--club-cover:linear-gradient(120deg,#2f8499,#6bbdb3 56%,#f1c96d);--club-badge:linear-gradient(145deg,#53b9b0,#268f95)}.club-tone-rose{--club-cover:linear-gradient(120deg,#c64f7a,#e88c99 55%,#f8c8a0);--club-badge:linear-gradient(145deg,#e88c99,#c64f7a)}.club-tone-navy{--club-cover:linear-gradient(120deg,#293c61,#536c90 55%,#8cb4cf);--club-badge:linear-gradient(145deg,#536c90,#293c61)}.club-tone-plum{--club-cover:linear-gradient(120deg,#8a5cae,#cfa8e0 55%,#e9d6ef);--club-badge:linear-gradient(145deg,#cfa8e0,#8a5cae)}.club-tone-green{--club-cover:linear-gradient(120deg,#3f8a5e,#8fc78f 55%,#f1d98a);--club-badge:linear-gradient(145deg,#8fc78f,#3f8a5e)}.club-tone-gold{--club-cover:linear-gradient(120deg,#d99a45,#f2d070 55%,#fbe9b5);--club-badge:linear-gradient(145deg,#f2d070,#d99a45)}
.club-notice{padding:12px 16px;border:1px solid #cde4d9;border-radius:7px;background:#eff8f2;color:#4e7e6a;font-size:12px}.club-notice.is-error{border-color:#efd0c7;background:#fff4ef;color:#a35f4f}.club-live-status:empty{display:none}.club-live-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100% - 40px);padding:12px 18px;border-radius:8px;box-shadow:0 4px 15px #28445520;background:#2a4d5e;color:white;font-size:12px}.club-filter-note{padding:10px 14px;background:#f1f8f5;font-size:11px;color:#6a8b83}.club-filter-note a{margin-left:12px}.clubs-page .club-empty{padding:38px 20px}.club-empty>span{font-size:34px;color:#58a39d}.club-empty h2{font:900 22px Nunito,Arial;color:#557b80;margin:10px 0 6px}.club-empty p{font-size:12px;line-height:1.7}.club-empty a{font-weight:800;font-size:11px}.club-create:not([open]){display:none}.club-create>summary,.club-manage>summary{padding:13px 16px;cursor:pointer;color:#527d83;font-size:12px;font-weight:800;background:linear-gradient(110deg,#edf7f3,#fff7e4)}.club-form{display:grid;gap:13px;padding:18px;background:#fff}.club-form label{display:grid;gap:6px;color:#69818b;font-size:11px;font-weight:700}.club-form input:not([type=checkbox]),.club-form select,.club-form textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #d7e4e7;border-radius:5px;background:#fff;color:#456675;font:12px/1.6 'DM Sans',Arial,sans-serif}.club-form textarea{resize:none}.club-form :is(input,textarea,select):focus{outline:2px solid #d4eeea;outline-offset:1px}.club-form-actions{display:flex;justify-content:flex-end;gap:7px}.club-danger{border-top:1px dashed #ead6cc;background:#fff9f5}.club-form .club-check{display:flex;align-items:center;gap:8px}.club-danger .button{justify-self:start}.club-manage{margin:auto}.club-banner{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:25px 24px;border:1px solid #cde2df;border-radius:8px;background:linear-gradient(115deg,#e0f0ef,#fff2d9);box-shadow:0 3px 12px #29465908}.club-banner-icon{display:grid;place-items:center;flex:0 0 62px;height:62px;color:white;border:3px solid white;border-radius:15px;font-size:31px;box-shadow:0 3px 0 #cedfdb;transform:rotate(-5deg)}.club-eyebrow{color:#6c9a93;font-size:9px;font-weight:800;letter-spacing:.1em}.club-banner h1{font:900 30px/1.2 Nunito,Arial;color:#365f6b;margin:4px 0;overflow-wrap:anywhere}.club-banner h1 span{color:#dc7b68}.club-banner p{font-size:12px;color:#71878a;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;margin:6px 0}.club-banner small{font-size:10px;color:#96a39b}.club-banner-spark{margin-left:auto;color:#dcb65f;font-size:28px}.club-page-actions{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.club-page-actions form{margin:0}.club-post-form{background:linear-gradient(#fffdf6,#fff);border-bottom:1px solid #e5edeb}.club-wall-invite{padding:15px;color:#8f9fa4;font-size:12px}.club-post{padding:18px;border-bottom:1px solid #edf1ef}.club-post header{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-post header a{display:flex;align-items:center;gap:9px;font-size:12px}.club-post img{width:30px;height:30px;object-fit:cover;border-radius:8px}.club-post time{font-size:10px;color:#9aa7ad}.club-post>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#627c85}.club-remove-post{padding:0;background:none;border:0;color:#b28177;font:10px 'DM Sans',Arial;cursor:pointer}.club-member-list{padding:6px 0}.club-member-list a{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:11px;font-weight:700}.club-member-list img{width:32px;height:32px;object-fit:cover;border-radius:8px}.club-member-list small{display:block;font-size:9px;font-weight:400;color:#9faeae;margin-top:3px}.club-member-list p{padding:10px 14px;font-size:11px;color:#9aa7ad}.club-about>p,.club-about>small{display:block;padding:12px 15px;margin:0;font-size:11px;line-height:1.8;color:#8c9b9f}.club-about>small{padding-top:0}
@media(prefers-reduced-motion:reduce){.club-banner-icon{transform:none}.clubs-page .disc-card{transition:none}}

.clubs-page dialog.club-create{padding:0;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d2e3df;border-radius:12px;background:#fff;box-shadow:0 24px 85px #1c39484d;color:#496c75}.clubs-page dialog.club-create::backdrop{background:#203d4e80;backdrop-filter:blur(3px)}.club-create>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 23px 21px;background:linear-gradient(115deg,#eaf6f0,#fff2d6);border-bottom:1px solid #e2e9df}.club-create h2{font:900 27px/1.2 Nunito,Arial,sans-serif;letter-spacing:-.5px;color:#436b6c;margin:7px 0}.club-create h2 span{color:#df8d76}.club-create header p{font-size:11px;color:#8f9f93;margin:6px 0 0}.club-create .club-form{padding:23px}.club-create .club-notice{margin:14px 23px 0}.club-modal-close{display:grid;place-items:center;flex:0 0 27px;height:27px;padding:0;border:1px solid #d9e5db;border-radius:50%;background:#ffffffb3;color:#8aa39b;font:22px/1 Arial,sans-serif;cursor:pointer}.club-modal-close:hover{background:#fff;color:#b16a5d}

.club-profile-head{margin-bottom:18px}.club-profile-head .club-banner{margin-bottom:0}.club-cover-photo{box-sizing:border-box;width:1191px;height:238px;border:1px solid #d1e1df;border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;background:#dbe9e6}.club-profile-head.has-cover .club-banner{position:relative;border-radius:0 0 10px 10px;background:linear-gradient(110deg,#fff,#f8fbf6);padding:20px 24px 23px;align-items:flex-start}.has-cover .club-banner-icon{position:relative;z-index:1;flex-basis:76px;height:76px;margin-top:-53px;box-shadow:0 3px 0 #cedfdb,0 4px 15px #264b5220}.has-cover .club-banner h1{font-size:28px}.club-cover-settings{padding:23px;border-bottom:1px dashed #dce8e1;background:linear-gradient(#fbfdf9,#fff)}.club-cover-section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.club-cover-section-title>span{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:#e5f1e9;color:#72a28d;font-size:21px}.club-cover-section-title h3{font:900 18px/1.3 Nunito,Arial;color:#678a7a;margin:0}.club-cover-section-title p{font-size:10px;color:#a0b0a5;margin:3px 0 0}.club-cover-settings-preview,.club-cover-local-preview{display:block;width:100%;max-height:145px;aspect-ratio:3/1;object-fit:cover;border-radius:7px;margin:0 0 12px}.club-cover-local-preview[hidden]{display:none}.club-cover-state{font-size:11px;color:#9d8656;background:#fcf5e4;padding:10px 12px;border:1px solid #f0e5c6;border-radius:6px;line-height:1.7;margin:10px 0}.club-cover-state small{display:block;color:#a9a08b;font-size:10px}.club-cover-upload.club-form{padding:0;background:transparent;margin:0}.club-form .club-cover-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border:1px dashed #bad6c6;border-radius:8px;background:linear-gradient(115deg,#f0f8f3,#fffaf0);text-align:center;cursor:pointer;overflow:hidden}.club-cover-picker>span{font-size:24px;color:#87ac99}.club-cover-picker b{font-size:12px;color:#719281}.club-cover-picker small,.club-cover-help{font-size:10px;line-height:1.6;color:#a4b1a7}.club-form .club-cover-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.club-cover-picker:focus-within{outline:2px solid #a6cab7;outline-offset:3px}.club-cover-error{font-size:11px;color:#b36f60}.club-cover-remove{margin:13px 0 0}.club-cover-remove .button{color:#bd7f70}.club-cover-settings+.club-form{border-bottom:1px solid #e4ebe5}

.club-cover-frame{position:relative}
[data-club-cover-image]{background-image:var(--club-cover-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#dbe9e6}
[data-club-cover-image] img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}
[data-club-cover-image][data-fit=contain] {
    position: relative;
    overflow: hidden;
    background-image: none;
}
[data-club-cover-image][data-fit=contain]::before {
    content: "";
    position: absolute;
    inset: -20px;
    background: linear-gradient(#20384033, #20384033), var(--club-cover-image) center / cover no-repeat;
    filter: blur(16px);
}
[data-club-cover-image][data-fit=contain] img {
    position: relative;
    object-fit: contain;
    opacity: 1;
}
[data-club-cover-image][data-position=top]{background-position:center top}
[data-club-cover-image][data-position=bottom]{background-position:center bottom}
.club-cover-photo.is-fixed:not([data-fit=contain]){background-attachment:fixed}
.club-cover-attachment{position:absolute;z-index:3;top:10px;right:10px}
.club-cover-attachment summary{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border:1px solid #cde2df;border-radius:8px;background:#fff;color:#365f6b;cursor:pointer;list-style:none}
.club-cover-attachment summary::-webkit-details-marker{display:none}
.club-cover-attachment[open] summary svg{transform:rotate(180deg)}
.club-cover-attachment form{position:absolute;top:calc(100% + 6px);right:0;width:190px;padding:12px;border:1px solid #cde2df;border-radius:8px;background:#fff;color:#365f6b;box-shadow:0 6px 22px #29465929}
.club-cover-attachment fieldset{display:grid;gap:8px;margin:0 0 10px;padding:0;border:0;font-size:12px}
.club-cover-attachment legend{margin-bottom:8px;font-weight:700}
.club-cover-attachment label{display:flex;align-items:center;gap:5px;cursor:pointer}

.club-cover-attachment .club-cover-select{display:grid;gap:4px;margin-bottom:10px;font-size:12px;font-weight:700}
.club-cover-select select{width:100%;padding:5px;border:1px solid #cde2df;border-radius:5px;background:#fff;color:#365f6b;font:inherit}
.club-cover-attachment small{display:block;margin-bottom:10px;font-size:11px;line-height:1.4}

[data-club-cover-image][data-fit=crop] {
    position: relative;
    overflow: hidden;
    background-image: none;
}
[data-club-cover-image][data-fit=crop] img {
    position: absolute;
    inset: 0;
    object-position: var(--crop-x) var(--crop-y);
    opacity: 1;
}
.club-cover-frame:has(.club-cover-attachment[open]) [data-fit=crop] {
    cursor: grab;
    touch-action: none;
}
.club-cover-frame:has(.club-cover-attachment[open]) [data-fit=crop]:active {
    cursor: grabbing;
}
[data-club-cover-image][data-fit=stretch] {
    background-image: none;
}
[data-club-cover-image][data-fit=stretch] img {
    object-fit: fill;
    opacity: 1;
}
.club-cover-attachment [hidden] {
    display: none;
}
.club-cover-attachment [data-cover-crop] input {
    min-width: 0;
    flex: 1;
}

.club-cover-saved {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    background: linear-gradient(115deg, #205b62, #327b6e);
}
.club-cover-saved-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff26;
}
.club-cover-saved button {
    border: 0;
    padding: 0 4px;
    background: transparent;
    color: inherit;
    font-size: 18px;
    cursor: pointer;
}

.club-section-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px;
    border: 1px solid #d9e5ea;
    border-radius: 10px;
    background: #f4f8fa;
}
.club-section-nav a {
    padding: 6px 10px;
    border: 1px solid #dce9ed;
    border-radius: 7px;
    background: #fff;
    color: #416475;
    font-weight: 500;
}
.club-section-nav a:hover,
.club-section-nav a:focus-visible {
    border-color: #8ec5bc;
    background: #e4f4ef;
}
.club-side-content {
    padding: 14px;
    color: #526b78;
}
.club-side-content > p {
    margin: 4px 0 10px;
    white-space: pre-line;
}
.club-side-content h3,
.club-post h3 {
    margin: 5px 0;
    color: #304f61;
    font: 800 17px/1.3 Nunito, Arial, sans-serif;
}
.club-now .panel-heading { background: #e7f4f1; }
.club-vote .panel-heading { background: #fff2d3; }
.club-now-actions,
.club-feed-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.club-now-actions { justify-content: space-between; }
.club-now-actions button { font-weight: 500; }
.club-vote .button { font-weight: 400; }
.club-event-countdown {
    padding: 6px 8px;
    border-radius: 6px;
    background: #e7f4f1;
    color: #266962;
}
.club-vote-option {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 7px 0;
    padding: 7px;
    border: 1px solid #dce9ed;
    border-radius: 7px;
    background: #f0f7fa;
}
.club-vote-option:nth-of-type(2n) { background: #fff7e6; }
.club-vote-option:has(:checked) { border-color: #2e9e99; background: #e7f4f1; }
.club-vote-option small { margin-left: auto; white-space: nowrap; }
.club-feed-tag {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 12px;
    background: #e7f4f1;
    color: #266962;
    font-size: 10px;
    font-weight: 700;
}
.club-post-pinned { border-left: 3px solid #2e9e99; }
.club-post-pinned > header { margin-top: 6px; }
.club-feed-replies,
.club-activity-editor { margin-top: 12px; }
.club-feed-replies summary,
.club-activity-editor summary { cursor: pointer; color: #2c7299; font-weight: 700; }
.club-feed-reply {
    margin-top: 8px;
    padding: 8px;
    border-radius: 6px;
    background: #f4f8fa;
}
.club-feed-reply p { white-space: pre-wrap; overflow-wrap: anywhere; }
.club-activity-editor .club-form,
.club-feed-replies .club-form { padding: 10px 0 0; }
.club-member-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding-right: 12px;
}
.club-member-row > a { flex: 1; min-width: 0; overflow-wrap: anywhere; }

.club-v3 .club-section-nav a[aria-current="page"] {
    background: #e0f0ed;
    border-color: #a5cbc4;
    color: #255e59;
}
.club-v3 .club-section-nav a { font-weight: 500; }
.club-v3-hero {
    display: grid;
    align-items: center;
    gap: 64px;
    padding: 44px;
    background: linear-gradient(115deg, #e0f0ef, #fff2d9);
    border: 1px solid #cde2df;
    border-radius: 10px;
    box-shadow: 0 5px 15px #2340520c;
}
.club-v3-hero.has-cover { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.club-v3-poster {
    margin: 0;
    padding: 10px 10px 12px;
    border: 1px solid #cadde0;
    border-radius: 6px;
    background: white;
    box-shadow: 0 3px 0 #cddfdd, 0 12px 22px #34556524;
    transform: rotate(-2.2deg);
}
.club-v3-poster .club-cover-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 1024 / 572;
    border: 1px solid #c9dade;
    border-radius: 4px;
}
.club-v3-poster figcaption { margin: 7px 7px 0; color: #526879; }
.club-v3-poster .club-banner-icon {
    position: absolute;
    inset: auto -12px -14px auto;
    width: 54px;
    height: 54px;
    margin: 0;
}
.club-v3-intro h1 {
    margin: 5px 0;
    font: 900 46px/1.08 Nunito, Arial, sans-serif;
    color: #365f6b;
    overflow-wrap: anywhere;
}
.club-v3-intro > p { margin: 12px 0; color: #496b76; white-space: pre-line; overflow-wrap: anywhere; }
.club-v3-stats { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 15px; padding: 0; }
.club-v3-stats li {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: white;
    border: 1px solid #cfdfdf;
    border-radius: 999px;
}
.club-v3-stats b { color: #365f6b; font-size: 16px; }
.club-v3-intro .club-page-actions { margin: 0; }
.club-v3 .club-section-nav { width: fit-content; max-width: 100%; }
.club-v3 .club-post-form,
.club-v3 .club-guestbook-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 12px;
}
.club-v3 .club-post-form textarea,
.club-v3 .club-guestbook-form input {
    flex: 1 1 110px;
    min-width: 0;
    min-height: 34px;
}
.club-compose-avatar { width: 30px; height: 30px; border-radius: 8px; object-fit: cover; }
.club-v3 .club-wall .club-post { padding: 10px 13px; }
.club-v3 .club-wall .club-post p { margin: 5px 0; }
.club-v3 .club-wall .club-post img { width: 27px; height: 27px; }
.club-v3 .club-event-feature {
    background: radial-gradient(circle at 94% 0%, #f5dfaa, transparent 55%), #fff7e3;
    padding: 16px 18px;
}
.club-v3 .club-event-feature h3 { margin: 6px 0; font-size: 28px; }
.club-v3 .club-event-countdown:not([hidden]) { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0; padding: 0; background: none; }
.club-v3 .club-event-countdown > span { min-width: 42px; padding: 4px 6px; border-radius: 7px; background: #365f6b; color: white; text-align: center; font-size: 10px; }
.club-v3 .club-event-countdown b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
.club-v3 .club-detail-view { max-width: 650px; }
.club-v3 .club-member-row { padding-block: 4px; }
.club-v3 .club-member-row img { width: 26px; height: 26px; }
.club-gallery-cover { margin: 0; }
.club-gallery-cover img { display: block; width: 100%; border-radius: 8px; }
.club-gallery-cover figcaption { margin-top: 6px; }
.club-guestbook-entries { display: grid; gap: 8px; padding: 12px; }
.club-guestbook-note {
    background: #fff2d3;
    border: 1px solid #ecddb0;
    border-radius: 7px;
    padding: 7px 9px;
    overflow-wrap: anywhere;
}
.club-guestbook-note:nth-child(even) { background: #e8f4f0; border-color: #d4e8e1; }
.club-guestbook-note p { margin: 0 0 3px; }
.club-guestbook-note footer { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 11px; }
.club-guestbook-full .club-guestbook-entries { padding: 16px; gap: 10px; }
.club-guestbook-full .club-guestbook-note { padding: 11px 13px; font-size: 14px; }
.club-vote-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.club-v3 .club-vote-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 9px;
    border: 1px solid #d1e1e3;
    border-radius: 8px;
    background: #f0f7f6;
    overflow-wrap: anywhere;
}
.club-v3 .club-vote-card:nth-child(even) { background: #fff6e0; }
.club-v3 .club-vote-card:has(input:checked) { outline: 2px solid #278f8e; }

.club-nav-count {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    padding: 1px 5px;
    border-radius: 999px;
    background: #fff0c9;
    color: #725421;
    font-size: 10px;
}
.club-gallery-intro { padding: 16px 20px; background: linear-gradient(115deg, #e0f0ef, #fff2d9); }
.club-gallery-intro h2 { margin: 3px 0; color: #365f6b; font: 800 23px/1.2 Nunito, Arial, sans-serif; }
.club-gallery-intro p { margin: 4px 0 0; }
.club-members-view .club-member-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 9px;
    padding: 14px;
}
.club-members-view .club-member-row {
    padding: 7px 9px;
    border: 1px solid #dce8e8;
    border-radius: 8px;
    background: #f5faf9;
}
.club-gallery-board {
    padding: 22px;
    background: radial-gradient(#b8d3d033 1px, transparent 1px) 0 0 / 14px 14px, #f6fbfa;
}
.club-gallery-board .club-gallery-cover {
    width: min(100%, 620px);
    padding: 9px 9px 13px;
    border: 1px solid #d0dfdf;
    border-radius: 6px;
    background: white;
    box-shadow: 0 4px 9px #365f6b22;
}
.club-gallery-cover a { display: block; }
.club-gallery-cover img { transition: filter .15s; }
.club-gallery-cover a:hover img { filter: brightness(1.08); }
.club-gallery-empty, .club-guestbook-empty { display: flex; align-items: center; gap: 10px; }
.club-gallery-empty > span, .club-guestbook-empty > span { font-size: 24px; }
.club-guestbook-empty {
    padding: 9px;
    border: 1px dashed #d7c48d;
    border-radius: 8px;
    background: #fffaeb;
}
.club-guestbook-empty p { margin: 2px 0 0; }
.club-guestbook-entries {
    background: repeating-linear-gradient(0deg, transparent 0 25px, #d7e6ee80 25px 26px), #f8fbfc;
}
.club-guestbook-note { border-left-width: 3px; box-shadow: 0 2px 4px #365f6b12; }
.club-guestbook-note:nth-child(3n) { background: #f3eaf8; border-color: #e3d5ed; }
.club-guestbook-avatar { width: 20px; height: 20px; object-fit: cover; border-radius: 5px; }
.club-guestbook-full .club-guestbook-entries {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.club-guestbook-full .club-guestbook-empty { grid-column: 1 / -1; }