/* SIWOO RADIO -- unified classic bulletin boards (lounge + stories) */
:root{--sr-bd-bg:#1b121b;--sr-bd-line:#553544;--sr-bd-muted:#bdaab6;--sr-bd-text:#f8eef2;--sr-bd-accent:#ff6f8b}
.sr-board-wrap{max-width:1160px;margin:0 auto 46px;min-width:0}
.sr-board-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 0 24px}
.sr-board-eyebrow{font-size:11px;font-weight:750;letter-spacing:.24em;color:#fe7891;text-transform:uppercase}
.sr-board-head h1{font-size:clamp(28px,4.5vw,42px);font-weight:750;letter-spacing:-.04em;line-height:1.25;margin:8px 0 5px}
.sr-board-head p{color:#beaab6;font-size:14px;margin:0;line-height:1.7}
.sr-board-head .sr-board-write{margin-bottom:3px}
.sr-board-write{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:42px;padding:10px 19px;border-radius:9px;background:linear-gradient(110deg,#d84b67,#ad294b);color:white!important;border:1px solid #fa7d96;text-decoration:none;font-size:13px;font-weight:750;cursor:pointer}
.sr-board-write:hover{filter:brightness(1.1)}
.sr-board-tabs{display:flex;align-items:center;gap:20px;overflow-x:auto;border-bottom:1px solid #61404e;margin:0 0 17px;padding:0 2px}
.sr-board-tabs a{white-space:nowrap;text-decoration:none;color:#ba9daa;padding:12px 2px;font-size:14px;border-bottom:3px solid transparent}
.sr-board-tabs a[aria-current="page"]{color:#fff;border-bottom-color:#fa718a;font-weight:800}
.sr-board-panel{background:#171018;border:1px solid #5c3948;border-radius:12px;overflow:hidden;min-width:0}
.sr-board-panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#211622;border-bottom:1px solid #533341;gap:12px}
.sr-board-panel-title strong{font-size:15px;color:#faedf1}.sr-board-panel-title small{color:#b9a0ac;font-size:12px}
.sr-board-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:13px;table-layout:fixed;color:#efdee6}
.sr-board-table th{padding:14px 8px;background:#2a1b2a;color:#bcaab2;font-weight:700;border-bottom:1px solid #775063;font-size:12px;text-align:center}
.sr-board-table td{padding:14px 8px;border-bottom:1px solid #3a2834;text-align:center;vertical-align:middle;color:#cfc0c8}
.sr-board-table tr:last-child td{border-bottom:0}
.sr-board-table tbody tr:hover{background:#2b1b28}
.sr-board-table .col-num{width:72px}.sr-board-table .col-cat{width:124px}.sr-board-table .col-author{width:155px}.sr-board-table .col-date{width:105px}.sr-board-table .col-count{width:65px}
.sr-board-table .sr-title-cell{text-align:left}
.sr-board-title-link{font-weight:650;color:#fff4f7!important;text-decoration:none;word-break:break-word;overflow-wrap:anywhere}
.sr-board-title-link:hover{text-decoration:underline;color:#ffb7c8!important}
.sr-board-replies{display:inline-block;color:#ff95ad;font-size:12px;font-weight:750;margin-left:6px}
.sr-board-locked{display:inline-flex;align-items:center;border:1px solid #8d536b;border-radius:3px;color:#ffcbd8;font-size:10px;margin-left:7px;padding:2px 5px}
.sr-board-status{display:inline-block;background:#48273b;color:#ffd0df;border-radius:5px;padding:3px 6px;font-size:10px;white-space:nowrap;margin-left:8px}
.sr-board-mobile-meta{display:none}
.sr-board-empty{padding:50px 16px;text-align:center;color:#ad9ca6}
.sr-board-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}
.sr-board-pagination{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:center}
.sr-board-pagination a,.sr-board-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:7px 10px;border:1px solid #654354;background:#201522;border-radius:7px;font-size:13px;color:#e1cbd6;text-decoration:none}
.sr-board-pagination [aria-current="page"]{background:#bc3657;color:white;border-color:#ff839b;font-weight:800}
.sr-board-filter{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;padding:17px 15px;margin-top:15px;background:#19111b;border:1px solid #573647;border-radius:11px}
.sr-board-filter select,.sr-board-filter input,.sr-board-form input:not([type=checkbox]),.sr-board-form select,.sr-board-form textarea{background:#251927;color:#fff4f6;border:1px solid #815163;border-radius:7px;font:inherit;min-height:41px;padding:9px 12px}
.sr-board-filter select{max-width:180px}.sr-board-filter input{width:min(100%,300px);flex:1 1 180px}
.sr-board-filter button,.sr-board-btn{border:1px solid #865567;border-radius:7px;background:#442738;color:white;padding:10px 17px;min-height:41px;text-decoration:none;cursor:pointer;font-weight:650;font:inherit}
.sr-board-form-card,.sr-board-detail-card{border:1px solid #593a48;background:#19111a;border-radius:12px;padding:26px;max-width:1100px;margin:0 auto 25px}
.sr-board-form{display:grid;gap:0}.sr-board-field{display:grid;grid-template-columns:135px 1fr;border-bottom:1px solid #503141;align-items:start;gap:15px;padding:16px 0}
.sr-board-field label{padding-top:10px;font-size:13px;font-weight:700;color:#dbc5d1}.sr-board-field input:not([type=checkbox]),.sr-board-field select,.sr-board-field textarea{width:100%;min-width:0}
.sr-board-field textarea{min-height:300px;resize:vertical;line-height:1.8}
.sr-board-checks{display:flex;gap:20px;flex-wrap:wrap;padding:22px 0;color:#ead5df;font-size:13px}
.sr-board-checks label{display:flex;align-items:center;gap:7px}.sr-board-checks input{width:17px;height:17px}
.sr-board-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:20px}
.sr-board-detail-head{border-bottom:1px solid #573746;padding-bottom:19px}.sr-board-detail-head small{color:#e7a3ba;font-weight:750}.sr-board-detail-head h1{font-size:clamp(23px,4.5vw,33px);line-height:1.35;margin:12px 0 19px;overflow-wrap:anywhere}.sr-board-authorline{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:#bea7b4}.sr-board-authorline strong{color:#efdae4}.sr-board-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;min-height:220px;padding:28px 4px 32px;font-size:15px;color:#f4e4eb}
.sr-board-detail-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:15px;border-top:1px solid #593845}
.sr-board-comments{margin:16px auto 20px;max-width:1100px}
.sr-board-comments .sr-board-panel-title{border-radius:10px 10px 0 0}
.sr-board-comment-box{padding:15px 22px;border-bottom:1px solid #45303c;display:flex;gap:11px}.sr-board-comment-box img{width:42px;height:42px;object-fit:contain;border-radius:7px}
.sr-board-comment-box strong{font-size:13px;color:#f3dfe8}.sr-board-comment-box small{font-size:11px;color:#bca7b1;margin-left:10px}.sr-board-comment-box p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.sr-board-comment-compose{display:flex;gap:10px;padding:19px;align-items:stretch;flex-wrap:wrap}.sr-board-comment-compose textarea{background:#2a1b2a;color:#fff;border:1px solid #744457;border-radius:7px;min-height:86px;padding:13px;flex:1 1 300px;font:inherit;resize:vertical}.sr-board-comment-compose button{align-self:end}
.sr-board-notice{border:1px solid #bb637e;color:#f8dbe5;background:#492b3b;padding:11px 15px;border-radius:8px;margin-bottom:14px}
@media(max-width:760px){.sr-board-wrap{padding:0 1px}.sr-board-panel-title{padding:13px}.sr-board-table .col-num,.sr-board-table .col-date,.sr-board-table .col-count,.sr-board-table .col-author{display:none}.sr-board-table .col-cat{width:74px}.sr-board-table .sr-title-cell{padding:15px 10px}.sr-board-table .sr-title-cell a{font-size:14px}.sr-board-mobile-meta{display:block;color:#ae9ca8;font-size:11px;margin-top:6px}.sr-board-mobile-meta span+span:before{content:' · '}.sr-board-form-card,.sr-board-detail-card{padding:16px}.sr-board-field{grid-template-columns:1fr;gap:8px}.sr-board-field label{padding-top:0}.sr-board-field textarea{min-height:250px}.sr-board-filter{padding:12px}.sr-board-status{display:none}.sr-board-head{align-items:start}.sr-board-detail-head h1{font-size:23px}.sr-board-prose{padding:22px 0}}
/* Board image upload + galleries */
.sr-img-upload input[type=file]{display:block;width:100%;font:inherit;color:#e6cbd9;background:#281923;border:1px dashed #a05a75;border-radius:10px;padding:13px;cursor:pointer}
.sr-img-help{font-size:12px!important;color:#bba6b0!important;line-height:1.7;margin:7px 0 0!important}
.sr-img-status{color:#ffafc1;font-size:13px;min-height:19px;margin-top:6px}
.sr-img-preview,.sr-img-existing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px;margin-top:10px}
.sr-img-preview-card,.sr-img-existing-card{background:#21151e;border:1px solid #6a3d51;border-radius:10px;padding:6px;min-width:0}
.sr-img-preview-card img,.sr-img-existing-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:#0f0b12}
.sr-img-preview-card span{display:block;margin:5px 0 1px;text-align:center;font-size:11px;color:#d6bfc9}
.sr-img-existing{border:1px solid #644156;border-radius:9px;padding:10px 12px;color:#f2d5e0;margin:16px 0}.sr-img-existing legend{padding:0 6px;font-weight:600;font-size:13px}
.sr-img-existing-card{cursor:pointer}.sr-img-existing-card span{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:7px}.sr-img-existing-card input{accent-color:#ff547b}
.sr-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin:15px 0 22px}.sr-image-gallery a{display:flex;align-items:center;justify-content:center;border:1px solid #634054;border-radius:10px;background:#110c13;min-height:110px;overflow:hidden}.sr-image-gallery img{display:block;max-width:100%;width:100%;height:auto;max-height:520px;object-fit:contain}.sr-board-has-image{display:inline-flex;margin-left:7px;font-size:12px;color:#f4a2b4}

.sr-img-preview-card{position:relative}.sr-img-remove{position:absolute;top:3px;right:3px;border:0;border-radius:50%;background:#8c2a43;color:#fff;width:25px;height:25px;cursor:pointer;font-weight:700}.sr-img-upload input{min-height:48px}.sr-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:12px 22px 24px}.sr-image-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#150f18;border:1px solid #533243;border-radius:9px}.sr-img-status a{display:inline-block;margin-top:12px}

/* 2026-10-13: readable full-size article photographs (not thumbnail cards). */
.sr-image-gallery {
 display:flex;flex-direction:column;align-items:center;gap:18px;
 width:100%;max-width:100%;margin:2px auto 32px;padding:0 4px 12px;
}
.sr-image-gallery a {
 display:block;max-width:100%;width:max-content;min-height:0;
 padding:0;overflow:hidden;text-align:center;line-height:0;
 border:1px solid #684153;border-radius:10px;background:#120b13;
 cursor:zoom-in;
}
.sr-image-gallery img {
 display:block;margin:auto;width:auto;max-width:100%;height:auto;
 max-height:980px;aspect-ratio:auto;object-fit:contain;
 border:0;border-radius:0;background:transparent;
}
.sr-image-gallery a:focus-visible{outline:3px solid #f4799b;outline-offset:3px}
.sr-photo-lightbox{border:1px solid #805064;border-radius:12px;padding:48px 16px 18px;
 width:calc(100vw - 28px);max-width:1400px;max-height:calc(100dvh - 28px);
 background:#120c14;color:white;box-shadow:0 20px 80px #000b;overflow:auto}
.sr-photo-lightbox::backdrop{background:rgba(0,0,0,.88)}
.sr-photo-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 115px);
 width:auto;height:auto;object-fit:contain;margin:0 auto}
.sr-photo-lightbox button{position:absolute;top:8px;right:10px;color:white;
 background:#51293c;border:1px solid #a96c81;border-radius:7px;padding:8px 13px;
 font:inherit;font-size:14px;cursor:pointer}
@media(max-width:760px){.sr-image-gallery{padding:0 0 12px;gap:12px}.sr-image-gallery img{max-height:820px}}