/* Shared tokens keep the real application and theme previews in sync. */
body,[data-preset] body{background-image:var(--canvas-image,none);background-size:var(--canvas-size,cover);background-attachment:fixed}
.topbar{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}
.button.primary{color:var(--action-ink,#fff)!important}
.chip.selected,.welcome-compose,.random-message.mine,.random-bubble.mine{color:var(--action-ink,#fff)}
.theme-preview[data-preview]{background-image:var(--sample-image,none);background-size:var(--sample-size,cover)}
.theme-preview .preview-button,.theme-preview:not(.mini) .preview-button{background:var(--sample-action);color:var(--sample-action-ink)}
.theme-preview .preview-top b,.theme-preview .preview-bottom i:nth-child(2){color:var(--sample-accent)}
.theme-preview .preview-bottom i:nth-child(2){background:var(--sample-accent)}
.theme-tile.selected .theme-preview{border-color:transparent;box-shadow:none;outline:2px solid var(--tile-accent,var(--blue));outline-offset:4px}
.theme-tile:focus-visible{outline:2px solid var(--blue);outline-offset:6px;border-radius:20px}
.theme-tile .theme-check{background:var(--tile-accent,var(--blue));color:var(--tile-ink,#fff)}
.appearance-filter{position:sticky;top:-1px;z-index:3;box-shadow:0 4px 14px color-mix(in srgb,var(--bg) 85%,transparent)}
dialog:has(.theme-gallery) .modal-heading{position:static}
.appearance-filter .selected{background:var(--action);color:var(--action-ink)}
/* Surfaces blend between palettes; layout and focus remain unchanged. */
body,.sidebar,.topbar,.post-card,.panel,.resource-row,.quick-card,.appearance-group,.appearance-random,.settings-list,.profile-card{transition:background-color 260ms ease,color 220ms ease,border-color 220ms ease}
dialog{opacity:0;transform:translateY(8px) scale(.985);transition:opacity 160ms ease,transform 180ms ease,background-color 260ms ease,display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]{opacity:1;transform:none}
dialog::backdrop{opacity:0;transition:opacity 180ms ease,display 180ms allow-discrete,overlay 180ms allow-discrete}
dialog[open]::backdrop{opacity:1}
@starting-style{dialog[open]::backdrop{opacity:0}}
:root{view-transition-name:none}
main{view-transition-name:page-content}
::view-transition{pointer-events:none}
:root[data-motion-transition=theme]{view-transition-name:app-theme}
:root[data-motion-transition=theme] main{view-transition-name:none}
:root[data-motion-transition=theme] dialog[open]{view-transition-name:theme-dialog}
::view-transition-group(app-theme),::view-transition-group(theme-dialog){animation-duration:260ms}
::view-transition-old(app-theme),::view-transition-old(theme-dialog){animation:bmstu-theme-out 260ms ease both}
::view-transition-new(app-theme),::view-transition-new(theme-dialog){animation:bmstu-theme-in 260ms ease both;mix-blend-mode:normal}
@keyframes bmstu-theme-out{to{opacity:0}}
@keyframes bmstu-theme-in{from{opacity:0}to{opacity:1}}
::view-transition-group(page-content){animation-duration:240ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(page-content){animation:bmstu-page-out 160ms ease both}
::view-transition-new(page-content){animation:bmstu-page-in 240ms cubic-bezier(.2,.8,.2,1) both;mix-blend-mode:normal}
@keyframes bmstu-page-out{to{opacity:0;transform:translateY(-4px)}}
@keyframes bmstu-page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.welcome-art img{animation:bmstu-logo-float 7s ease-in-out infinite;animation-delay:var(--ambient-delay,0s);will-change:translate,rotate}
.welcome-art .orbit-dot{animation:bmstu-orbit-float 8.5s ease-in-out infinite;animation-delay:var(--ambient-delay,0s)}
@keyframes bmstu-logo-float{0%,100%{translate:0 0;rotate:-1.5deg}50%{translate:0 -8px;rotate:1.5deg}}
@keyframes bmstu-orbit-float{0%,100%{translate:0 0}50%{translate:-4px 6px}}
/* Scale is independent of transform: hover positions and the moving nav pill survive. */
:is(button,a.button,a.resource-row,a.quick-card,a.nav-item,.appearance-toggle,.feature-toggle){-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:scale 210ms cubic-bezier(.2,.8,.2,1),transform 210ms ease,color 180ms ease,background-color 180ms ease,box-shadow 180ms ease,border-radius 240ms ease}
:where(button,a.button,a.resource-row,a.quick-card,a.nav-item,.appearance-toggle,.feature-toggle):not(:disabled):not([aria-disabled=true]):active{scale:.975;transition-duration:85ms}
:where(.icon-button,.chip,.appearance-option,.post-actions button):not(:disabled):active{scale:.94}
:where(.quick-card,.resource-row,.theme-tile):not(:disabled):active{scale:.982}
@media(max-width:900px){
.mobile-nav{--nav-x:12px;--nav-y:8px;--nav-bottom:calc(8px + env(safe-area-inset-bottom));--nav-compose-width:50px;isolation:isolate;overflow:hidden;padding:var(--nav-y) var(--nav-x) var(--nav-bottom);background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr)) var(--nav-compose-width) repeat(2,minmax(0,1fr))}
  .mobile-nav .nav-item,.mobile-nav .nav-item.active{background:transparent;z-index:1;transition:scale 210ms cubic-bezier(.2,.8,.2,1),color .25s ease}
  .mobile-nav .nav-item:active{scale:1}
  .mobile-nav .nav-item svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  .mobile-nav .nav-item:active svg{transform:scale(.88)}
  .mobile-nav .nav-item.active svg{transform:translateY(-1px)}
.nav-indicator{position:absolute;left:var(--nav-x);top:var(--nav-y);bottom:var(--nav-bottom);width:calc((100% - 2 * var(--nav-x) - var(--nav-compose-width) - 16px) / 4);transform:translate3d(calc(var(--nav-index,0) * (100% + 4px) + var(--nav-after-compose,0) * (var(--nav-compose-width) + 4px)),0,0);transition:transform 290ms cubic-bezier(.22,.75,.22,1);pointer-events:none;background:linear-gradient(115deg,color-mix(in srgb,var(--blue) 19%,var(--panel)),var(--blue-soft) 55%,color-mix(in srgb,var(--blue) 10%,var(--panel)));border:1px solid color-mix(in srgb,var(--blue) 10%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 50%,transparent);z-index:0;border-radius:22px;will-change:transform}
.mobile-nav .nav-item{min-width:0;padding-inline:2px}
.nav-compose{position:relative;z-index:1;display:grid;place-items:center;place-self:center;width:46px;height:46px;border-radius:50%;background:#253fe8;color:#fff;box-shadow:0 4px 12px #253fe84d}
@media(max-width:900px){
  .welcome-buttons .welcome-compose,.feed-column>.compose-prompt{display:none}
}
}
@media(max-width:760px){.mobile-nav{--nav-x:7px;--nav-y:7px;--nav-bottom:7px}}
@media(prefers-reduced-motion:reduce){.nav-indicator,.mobile-nav .nav-item,.mobile-nav .nav-item svg{transition:none}.mobile-nav .nav-item:active svg,.mobile-nav .nav-item.active svg{transform:none}}
@media(prefers-reduced-motion:reduce){:where(button,a.button,a.resource-row,a.quick-card,a.nav-item,.appearance-toggle,.feature-toggle):active{scale:1!important}}


.feed-sort{position:relative;flex-shrink:0}
.feed-sort summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:0 12px;border-radius:var(--control-radius);background:var(--panel);color:var(--text);font-size:12px;cursor:pointer;list-style:none}
.feed-sort summary::-webkit-details-marker{display:none}
.feed-sort summary svg{flex:none;transition:rotate 180ms ease}
.feed-sort[open] summary svg{rotate:180deg}
.feed-sort-options{position:absolute;z-index:4;right:0;top:calc(100% + 6px);display:grid;min-width:156px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:0 6px 22px #0002}
.feed-sort-options button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:38px;padding:0 10px;border-radius:calc(var(--control-radius) * .7);font-size:12px;text-align:left;white-space:nowrap}
.feed-sort-options button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}
.feed-sort-options button:hover,.feed-sort-options button:focus-visible{background:var(--panel-soft)}
.filter-row .chip{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,scale 140ms ease}
@media(prefers-reduced-motion:no-preference){
  .feed-sort[open] .feed-sort-options{animation:feed-sort-in 160ms cubic-bezier(.2,.8,.2,1) both}
  @keyframes feed-sort-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.feed-sort summary svg,.filter-row .chip{transition:none}}

.lost-fields,.lost-location,.lost-map-panel{display:grid;gap:10px}
.lost-fields[hidden],.lost-location[hidden],.lost-map-panel[hidden],.lost-map-actions [hidden]{display:none}
.lost-fields .field{margin:0}
.lost-fields .field small{color:var(--muted);font-weight:400}
.lost-map-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.lost-map-panel{padding:10px;margin:2px 0 10px;background:var(--panel-soft);border-radius:var(--control-radius)}
.lost-map-frame{position:relative;isolation:isolate;border-radius:calc(var(--control-radius) * .75);overflow:hidden}
.lost-map{height:clamp(220px,38vh,320px);background:var(--panel)}
.lost-map-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:#123dc5;background:#fff;border-radius:50%;padding:2px;pointer-events:none;z-index:500;box-shadow:0 2px 6px #0004}
.lost-map-target svg{display:block}
.lost-map-message{margin:0;font-size:12px}
.lost-post-place{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;background:var(--panel-soft);border-radius:var(--control-radius);overflow-wrap:anywhere}
.lost-post-place>svg{flex:none;color:var(--blue)}
.lost-post-place div{display:grid;gap:4px}
.lost-post-place a{display:inline-flex;align-items:center;gap:5px}
.category-tag.lost-tag{color:var(--blue);background:var(--blue-soft)}
.help-links,.help-topics,.welcome-destinations{display:grid;gap:9px;margin:14px 0}
.help-topics details{background:var(--panel-soft);padding:11px 13px;border-radius:var(--control-radius)}
.help-topics summary{cursor:pointer;font-weight:650}
.help-topics p{margin:8px 0 1px;color:var(--muted)}
.welcome-steps{display:flex;align-items:center;gap:6px;margin:0 0 15px}
.welcome-steps span{width:27px;height:4px;border-radius:6px;background:var(--line)}
.welcome-steps .reached{background:var(--blue)}
.welcome-steps small{margin-left:6px;color:var(--muted)}
.welcome-avatar,.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:12px 0 16px}
.welcome-avatar .avatar{width:62px;height:62px;font-size:22px}
.welcome-file{display:grid;gap:4px;font-size:12px;margin-top:8px}
.welcome-file input{width:min(210px,100%);font-size:12px}
.welcome-actions{justify-content:space-between;margin:16px 0 0}
.welcome-options{margin:0 0 16px;padding:0;border:0;min-width:0}
.welcome-options legend{font-weight:700;margin-bottom:8px}
.welcome-options p{margin:0 0 8px}
.welcome-chips{display:flex;flex-wrap:wrap;gap:7px}
.welcome-chips label{position:relative}
.welcome-chips input{position:absolute;opacity:0}
.welcome-chips span{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 11px;border-radius:var(--control-radius);border:1px solid var(--line);background:var(--panel-soft);cursor:pointer;transition:background-color 150ms,color 150ms,border-color 150ms}
.welcome-chips input:checked+span{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}
.welcome-chips input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.welcome-destinations .resource-row{width:100%;text-align:left}
@media(prefers-reduced-motion:no-preference){
  .help-topics details[open] p,.post-menu[open] .post-menu-panel{animation:feed-sort-in 150ms ease both}
}
@media(prefers-reduced-motion:reduce){
  dialog,dialog::backdrop,.welcome-chips span{transition:none}
}

.team-email{margin:14px 0 0;color:var(--muted);overflow-wrap:anywhere}
.team-email a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

.feed-column{scroll-margin-top:86px}
.feed-column{min-width:0}
.feed-column>.section-heading{flex-wrap:wrap}
.feed-column>.section-heading h2{min-width:0;overflow-wrap:anywhere}
.feed-tools{margin-left:auto;max-width:100%}
#resource-results .resource-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;border-radius:var(--card-radius);background:var(--panel)}
#resource-results .resource-list>.resource-row{display:grid;grid-column:auto;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:70px;height:auto;padding:13px 16px;border:0;border-radius:0;text-align:left;background:transparent}
#resource-results .resource-list>.resource-row+.resource-row{border-top:1px solid var(--line)}
#resource-results .resource-list>.resource-row:hover{background:var(--panel-soft)}
#resource-results .resource-list>.resource-row>svg:last-of-type{display:block;position:static;justify-self:end;color:var(--muted)}
#resource-results .resource-list>.resource-row small{margin-top:3px}
.resource-detail{display:grid;gap:20px;line-height:1.6}
.resource-detail p{color:var(--muted);white-space:pre-wrap}
.resource-detail .button{justify-self:start}
#browser-login-form{margin-top:20px}
[data-action=install-pwa][hidden]{display:none}
.random-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.random-options button{min-height:48px;padding:10px;border-radius:var(--control-radius);background:var(--panel-soft);color:var(--blue);font-weight:650}
.random-information{display:grid;gap:10px}
.random-information h3{margin-bottom:6px}
.random-information>div{padding:14px;border-radius:var(--control-radius);background:var(--panel-soft)}
.random-information p,.random-information small{display:block;margin-top:5px;color:var(--muted);line-height:1.55}
.random-setting{display:flex;justify-content:space-between;align-items:center;gap:10px}
.random-setting .button{flex:none}
.random-hide-times .random-bubble time{display:none}
.random-photo-picker{grid-column:1/-1;font-size:13px;color:var(--muted)}
.random-photo-picker input{display:block;width:100%;margin-top:4px}
.random-photo-preview{display:block;max-width:100%;max-height:360px;margin:12px 0;border-radius:var(--control-radius)}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid>.quick-card[data-action=random-chat]{
    grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;min-height:76px;
  }
  .quick-grid>.quick-card[data-action=random-chat]>svg{display:block;position:static;flex:none}
}
.welcome-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.welcome-buttons>button{margin:0}
.welcome-buttons .text-link{min-height:44px;padding:0 2px}
@media(max-width:1000px){
  .feed-layout>.right-rail{margin-top:var(--stack-gap)}
}
.guide-heading{margin:14px 0 8px;font-size:calc(15px * var(--text-scale))}
.guide-heading+.welcome-destinations{margin:0 0 12px}
.welcome-destinations .resource-row{min-width:0}
.welcome-destinations .resource-row small{overflow-wrap:break-word}
.report-shortcuts,.report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.report-shortcuts .button,.report-actions .button{min-width:0;min-height:44px;padding:9px 6px;line-height:1.25;text-align:center;overflow-wrap:normal}
.report-queue{display:grid;gap:10px;margin:0 0 24px}
.report-queue h3{display:flex;align-items:center;gap:8px;margin:0}
.report-queue h3 span{padding:3px 8px;border-radius:20px;background:var(--blue-soft);color:var(--blue);font-size:12px}
.report-card{display:grid;gap:12px;background:var(--panel-soft);border-radius:var(--control-radius)}
.report-card header{display:grid;gap:4px}
.report-card header small{margin:0}
.report-card header strong{font-size:calc(15px * var(--text-scale));line-height:1.35}
.report-reason{font-size:calc(13px * var(--text-scale));line-height:1.5}
.report-reason b{display:block;font-size:calc(11px * var(--text-scale));color:var(--muted)}
.report-reason div{white-space:pre-wrap}
.report-preview{border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:calc(12px * var(--text-scale))}
.report-preview summary{position:relative;display:grid;gap:4px;padding:10px 32px 10px 12px;cursor:pointer;font-weight:650;list-style:none}
.report-preview summary::-webkit-details-marker{display:none}
.report-preview summary::after{content:'';position:absolute;right:14px;top:15px;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);color:var(--muted)}
.report-preview[open] summary::after{transform:rotate(225deg);top:18px}
.report-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);font-weight:400;line-height:1.5}
.report-preview[open] .report-excerpt{display:none}
.report-body{padding:0 12px 12px;line-height:1.6}
.report-actions .button{background:var(--panel);font-size:calc(12px * var(--text-scale));overflow-wrap:anywhere;word-break:normal}
.report-actions [data-decision=ban]{color:var(--danger)}
@media(max-width:345px){
  .report-actions .button{font-size:min(12px,calc(12px * var(--text-scale)))}
}
.post-editor{min-width:0;border:0;padding:0;margin:0 0 12px}
#compose-form .compose-hint{margin:0 0 18px;font-size:12px;line-height:1.55;color:var(--muted)}
#compose-form .field{margin-bottom:16px;font-size:12px;font-weight:650}
#compose-form .field input,#compose-form .field select{background:var(--panel-soft);border:1px solid var(--line);min-height:48px}
#compose-form .form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
#compose-form .form-footer .button{min-width:150px}
.editor-blocks,.post-blocks{display:grid;gap:12px;min-width:0}
.editor-block{min-width:0;padding:12px;background:var(--panel-soft);border-radius:var(--control-radius)}
.editor-block-top,.editor-block-tools,.editor-toolbar,.editor-table-tools{display:flex;align-items:center;gap:5px}
.editor-block-top{justify-content:space-between;margin-bottom:8px;font-size:13px}
.editor-block-tools button{width:36px;height:36px;border-radius:10px;background:var(--panel);color:var(--blue);font-size:17px}
.editor-block-tools button:disabled,.editor-table-tools button:disabled{opacity:.35}
.editor-block:only-child .editor-block-tools{display:none}
.editor-label{margin-top:18px;color:var(--muted);font-size:12px;font-weight:650}
.editor-toolbar,.editor-table-tools{flex-wrap:wrap;margin-top:8px}
.editor-toolbar button,.editor-table-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:650}
.editor-toolbar{gap:8px}
.gallery-layout-field{margin-top:16px}
.gallery-layout-field[hidden]{display:none}
.post-link{color:var(--blue);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.post-photo-group{min-width:0;gap:6px}
.post-photo-group .gallery-open{min-width:0;overflow:hidden;border-radius:var(--control-radius)}
.post-photo-group img{display:block;width:100%;height:100%;object-fit:cover}
.photo-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-layout-grid .gallery-open{aspect-ratio:1}
.photo-layout-grid .gallery-open:first-child:nth-last-child(3){grid-row:span 2;aspect-ratio:auto}
.photo-layout-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory}
.photo-layout-carousel .gallery-open{aspect-ratio:4/3;scroll-snap-align:start}
.campus-map-panel{display:grid;gap:12px}
.campus-map-panel .field{margin:0}
.campus-map-scene{position:relative;background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden}
.campus-map-scene svg{display:block;width:100%;height:auto}
.campus-map-ground{fill:var(--blue-soft)}
.campus-map-path{fill:none;stroke:var(--panel);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.campus-building{cursor:pointer}
.campus-building-front{fill:color-mix(in srgb,var(--blue) 48%,var(--panel))}
.campus-building-side{fill:color-mix(in srgb,var(--blue) 68%,var(--panel))}
.campus-building-roof{fill:color-mix(in srgb,var(--blue) 26%,var(--panel))}
.campus-building.selected .campus-building-roof{fill:var(--action)}
.campus-building text{fill:var(--text);font-size:15px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:var(--panel);stroke-width:4;stroke-linejoin:round}
.campus-map-zoom{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}
.campus-map-zoom button,.campus-map-buildings button{min-width:42px;min-height:42px;padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
.campus-map-zoom button:disabled{opacity:.45}
.campus-map-buildings{display:flex;flex-wrap:wrap;gap:7px}
.campus-map-buildings button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue)}
.campus-map-address{padding:14px;border-radius:var(--control-radius);background:var(--panel-soft)}
.campus-map-address p{margin:6px 0 10px;color:var(--muted)}
.editor-block input,.editor-block textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}
.editor-block textarea{resize:vertical}
.editor-table{display:grid;grid-template-columns:repeat(var(--columns),minmax(86px,1fr));gap:4px;overflow-x:auto}
.editor-table input{font-size:16px}
.editor-photo{display:block;max-width:100%;max-height:220px;border-radius:10px}
.editor-over-limit{color:var(--danger)}
.post-blocks{margin:12px 0;overflow-wrap:anywhere}
.post-blocks .post-text,.post-blocks blockquote,.post-blocks h4{margin:0;white-space:pre-wrap}
.post-blocks blockquote{padding:10px 12px;border-inline-start:3px solid var(--blue);border-radius:8px;background:var(--panel-soft);color:var(--text)}
.inline-post-photo .gallery-open{display:block;width:100%;border-radius:var(--control-radius);overflow:hidden}
.inline-post-photo img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:var(--panel-soft)}
.post-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.post-table-scroll table{border-collapse:collapse;width:100%;font-size:calc(13px * var(--text-scale));text-align:left}
.post-table-scroll th,.post-table-scroll td{min-width:85px;padding:8px 10px;border:1px solid var(--line);white-space:pre-wrap}
.post-table-scroll th{background:var(--panel-soft);color:var(--text)}
@media(max-width:600px){
  .club-grid{grid-template-columns:minmax(0,1fr)}
  .club-card{grid-template-columns:clamp(78px,24vw,104px) minmax(0,1fr)}
  .club-grid .club-art{height:auto;border-radius:0}
  .club-content{min-width:0}
  .club-content>div>svg{flex:none}
}