@charset "utf-8";

@import url(/gears/resource/jquery.calendar-0.2.css);

.xboard, .xboard * {box-sizing:border-box;}
.xboard ul,
.xboard ol {padding:0;margin:0;list-style:none;}
.xboard select,
.xboard textarea,
.xboard input:not([type="file"],[type="radio"],[type="checkbox"]) {padding:10px 6px;border:solid 1px #333;color:#333;line-height:1.25em;min-height:2em;font-size:16px;font-family:inherit;}
.xboard select {padding:3px;}
.xboard *:where(.button,button) {line-height:1;white-space:nowrap;padding:10px 16px;background:#333;color:#fff;cursor:pointer;border-radius:0;vertical-align:middle;text-align:center;}
.xboard *:where(.button,button).small {padding:6px 10px;}
.xboard *:where(.button) {display:inline-block;text-decoration:none;}
.xboard .prime:is(.button,button) {background:#41478f;}
.xboard .second:is(.button,button) {background:#4caf50;}
.xboard .red:is(.button,button) {background:#e91e63;}

.xboard .board-dialog {width:100%;max-width:480px;margin:4rem auto;}
.xboard .board-dialog .board-header {text-align:center;padding:1em 0;border-bottom:solid 1px #dfdfdf;margin:0 0 1em 0;}
.xboard .board-dialog fieldset {border:0;padding:0;}
.xboard .board-dialog .write-group {display:flex;align-items:center;gap:20px;}
.xboard .board-dialog .write-group > * {flex:1 1 auto;}
.xboard .board-dialog .write-group > label {flex:0 0 30%;border-right:solid 1px #eee;}
.xboard .board-dialog .write-group input {width:100%;}
.xboard .board-dialog .write-buttons {display:flex;align-items:stretch;justify-content:center;gap:16px;margin:1em 0 0 0;padding:1em 0 0 0;border-top:solid 1px #dfdfdf;}
.xboard .board-dialog .write-buttons *:where(button,a) {display:inline-block;padding:6px 16px;min-width:6em;text-align:center;background:#555;color:#fff;}
.xboard .board-dialog .write-buttons a:hover {background:#000;}
.xboard .board-dialog .write-buttons button {background:#41478f;}

.xpages {font-weight:bold;}
.xpages strong {color:#f00;}

.xsearch select,
.xsearch input {padding:8px;}

.xbuttons *:where(.button,button) {padding:.9em 2em;min-height:2.8em;min-width:8em;background:#525252;color:#fff;}
.xbuttons *:where(.button,button).small {padding:.5em 1em;min-height:auto;min-width:auto;}
.xbuttons *:hover:where(.button,button) {background:#333;}

.xboard nav.paging {display:flex;align-items:stretch;justify-content:center;gap:16px;}
.xboard nav.paging > * {display:flex;gap:8px;}
.xboard nav.paging a {display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:2.2em;border:solid 1px #dfdfdf;line-height:1;height:2.2em;letter-spacing:-1px;text-decoration:none;color:#333;}
.xboard nav.paging a.active {background:#333;color:#fff;border-color:#333;}
.xboard nav.paging a:hover {background:#555;color:#fff;border-color:#555;}

.x-start {text-align:start;}
.x-end {text-align:end;}
.x-center {text-align:center;}

.x-left {float:left;}
.x-right {float:right;}
*:has(> .x-left, > .x-right)::after {content:'';clear:both;display:table;}

.x-input {min-height:2em;border:solid 1px #333;}
.x-input * {border:0 !important;}
.x-input *:not(input,select,textarea):last-child {margin-right:6px;}

.x-flex {display:flex;align-items:start;justify-content:start;}
.x-flex.inline {display:inline-flex;}
.x-flex.wrap {flex-wrap:wrap;}
.x-flex.gap1 {gap:.25em;}
.x-flex.gap2 {gap:.5em;}
.x-flex.gap3 {gap:.75em;}
.x-flex.gap4 {gap:1em;}
.x-flex.center {align-items:center;justify-content:center;}
.x-flex.align-stretch {align-items:stretch;}
.x-flex.align-center {align-items:center;}
.x-flex.align-end {align-items:end;}
.x-flex.justify-center {justify-content:center;}
.x-flex.justify-end {justify-content:end;}
.x-flex.justify-between {justify-content:space-between;}
.x-mb1 {margin-bottom:.25em;}
.x-mb2 {margin-bottom:.5em;}
.x-mb3 {margin-bottom:.75em;}
.x-mb4 {margin-bottom:1em;}
.x-mb5 {margin-bottom:2em;}
.x-mb {margin-bottom:3em;}
.x-mt1 {margin-top:.25em;}
.x-mt2 {margin-top:.5em;}
.x-mt3 {margin-top:.75em;}
.x-mt4 {margin-top:1em;}
.x-mt5 {margin-top:2em;}
.x-mt {margin-top:3em;}

.xlist .no-article {text-align:center;padding:2em 0;border-bottom:solid 1px #dfdfdf;}
.xlist .header,
.xlist .article {display:flex;flex-wrap:wrap;gap:8px;border-bottom:solid 1px #dfdfdf;}
.xlist .header {border-top:solid 2px #000;border-bottom:solid 1px #000;background:#f8f8f8;font-weight:bold;}

.xlist .header,
.xlist .article {flex-wrap:nowrap;align-items:center;text-align:center;padding:1em 0;position:relative;}
.xlist .header {padding:1.5em 0;}

.xlist .article:has(.check input:checked) {background:#fff4f4;}
.xlist .check {flex:0 0 2em;}
.xlist .num {flex:0 0 5em;}
.xlist .division {flex:0 0 9em;}
.xlist .division span {display:block;background:#000;color:#fff;font-size:.8em;line-height:1;padding:4px 0;border-radius:100px;width:6.5em;margin:0 auto;text-align:center;white-space:nowrap;overflow:hidden;letter-spacing:-1px;}
.xlist .division span[data-chars="0"] {visibility:hidden;}
.xlist .division span[data-chars="2"] {letter-spacing:2em;text-align:center;padding-left:1.3em;}
.xlist .division span[data-chars="3"] {letter-spacing:.5em;text-align:center;padding-left:.5em;}
.xlist .division span[data-chars="4"] {letter-spacing:.2em;text-align:center;padding-left:.2em;}
.xlist .subject {flex:1 1 100%;text-align:left;}
.xlist .subject a {display:block;position:relative;padding:.5ch 0;}
.xlist .subject a:hover {text-decoration:underline;text-underline-offset:6px;text-decoration-style:dotted;text-decoration-color:#ccc;}
.xlist .subject a.force-view-link {margin:0;padding:0;font-size:.8em;color:#000;text-decoration:none;background:#dfdfdf;padding:2px 6px;border-radius:2px;max-width:fit-content;}
.xlist .header .subject {text-align:center;}
.xlist .file {flex:0 0 2.5em;}
.xlist .name {flex:0 0 8em;}
.xlist .date {flex:0 0 7em;}
.xlist .hit {flex:0 0 6em;}

.xlist .notice .num span {display:inline-block;padding:1px 6px;font-size:.85em;background:#cc3965;color:#fff;}

.xview img {max-width:100%;}
.xview .header {border-top:solid 2px #000;border-bottom:solid 1px #000;}
.xview .header .subject {line-height:1.2;font-size:1.4em;font-weight:bold;padding:20px 24px;color:#000;}
.xview .header .subject .division {font-size:.85em;display:inline-block;padding:.2em .6em;background:#000;color:#fff;white-space:nowrap;border-radius:100px;vertical-align:middle;line-height:1;margin-right:1ch;}
.xview .header .subject .article-link {margin-left:auto;font-weight:normal;}
.xview .header .info {border-top:solid 1px #dfdfdf;padding:16px 24px;}
.xview .header .info ul strong {margin-right:1ch;color:#000;}
.xview .header .info ul li {margin-right:1em;}
.xview .header .info ul li:last-child {margin-right:0;}
.xview .attach {padding:16px 24px;}
.xview .attach strong {color:#000;white-space:nowrap;}
.xview .attach em {font-size:.85em;font-style:normal;}
.xview .attach em::before {content:'(';}
.xview .attach em::after {content:')';}
.xview .attach a:hover {text-decoration:underline;text-underline-offset:6px;text-decoration-style:dotted;text-decoration-color:#ccc;}
.xview .attach ul {display:flex;flex-wrap:wrap;}
.xview .attach li {margin-right:1em;}
.xview .attach li:last-child {margin-right:0;}
.xview .article-media {margin:2em 0;}
.xview .article {margin:2em 0;padding:0;}
.xview .schedule {padding:16px 24px;}
.xview .schedule strong {color:#000;display:inline-block;margin-right:1ch;}
.xview .article-content {padding:0 24px;}
.xview .article-content::after {content:'';display:table;clear:both;}
.xview .media-frame {margin:1em auto;aspect-ratio:calc(16/9);max-width:720px;}
.xview .media-frame iframe {width:100%;height:100%;vertical-align:middle;}

.xview .next-prev:not(:has(li)) {display:none;}
.xview .next-prev ul {border-top:solid 1px #000;border-bottom:solid 1px #000;margin:2em 0;}
.xview .next-prev li {padding:.4em 0;display:flex;align-items:center;gap:2em;}
.xview .next-prev li > * {flex:1 1 auto;}
.xview .next-prev strong {flex:0 0 8em;border-right:solid 1px #dfdfdf;text-align:center;line-height:1;}
.xview .next-prev strong i {margin-right:1em;}
.xview .next-prev a {display:block;padding:.5em 0;}
.xview .next-prev a:hover {text-decoration:underline;text-underline-offset:6px;text-decoration-style:dotted;text-decoration-color:#ccc;}
.xview .next-prev li + li {border-top:solid 1px #dfdfdf;}

.xview .relatives {padding-top:2rem;}
.xview .relatives .heading {padding:1em;}
.xview .relatives .items {padding:10px 15px;border-top:solid 1px #333;border-bottom:solid 1px #eee;}
.xview .relatives .item {display:table;width:100%;}
.xview .relatives .item > * {display:table-cell;vertical-align:top;padding:5px 0;}
.xview .relatives .item .ico {width:2em;text-align:left;}
.xview .relatives .item .subject a,
.xview .relatives .item .subject strong {font-weight:500;line-height:1.3;color:#333;}
.xview .relatives .item .subject strong {font-weight:bold;color:#000;}
.xview .relatives .item .subject a i,
.xview .relatives .item .subject strong i {margin-left:4px;font-size:0.8em;font-style:normal;}
.xview .relatives .item .subject .info {margin-left:10px;font-size:0.9em;color:#666;}
.xview .relatives .item .subject a:hover {text-decoration:underline;text-underline-offset:6px;text-decoration-style:dotted;text-decoration-color:#ccc;}

.xview .comments {padding-top:2rem;}
.xview .comments .heading {padding:1em;}
.xview .comments .items {background:#f4f4f4;padding:15px;box-shadow:inset 0px 0px 5px #ccc;}
.xview .comments .item-list {position:relative;max-height:500px;overflow-y:auto;padding-bottom:50px;}
.xview .comments .item {padding-bottom:20px;clear:both;padding-left:10px;}
.xview .comments .item > * {display:block;}
.xview .comments .item-name {font-size:1.1em;font-weight:normal;}
.xview .comments .item-content {position:relative;padding:10px;margin-top:10px;margin-bottom:8px;line-height:1.6;background:#fff;border-radius:4px;display:inline-block;text-align:left;box-shadow:#aaa 1px 2px 4px -2px;}
.xview .comments .item-content {min-width:25%;max-width:75%;}
.xview .comments .item-content:before {content:'';display:block;width:0;height:0;border:solid 10px transparent;border-bottom-color:#fff;position:absolute;left:10px;top:-20px;}
.xview .comments .item-content .remove {position:absolute;right:-18px;top:-8px;color:#f00;text-decoration:none;font-size:24px;font-weight:bold;line-height:1;}
.xview .comments .item-date {font-size:0.8em;padding-left:10px;}
.xview .comments .item.me {text-align:right;padding-right:15px;}
.xview .comments .item.me .item-content:before {left:auto;right:10px;}
.xview .comments .item.me .item-content .remove {left:-18px;right:auto;}
.xview .comments .writing {margin-top:15px;padding:15px;background:#fff;box-shadow:#ccc 0 0 5px;}
.xview .comments .inlines {display:table;height:32px;float:left;border:solid 1px #bbb;margin-right:1em;margin-bottom:12px;border-collapse:collapse;}
.xview .comments .inlines label {display:table-cell;width:32px;vertical-align:middle;text-align:center;}
.xview .comments .inlines input {float:left;height:100%;vertical-align:middle;border:none;width:10em;}
.xview .comments .inlines .img {display:table-cell;font-size:0;vertical-align:middle;}
.xview .comments .blocks {display:table;height:100px;width:100%;border:solid 1px #bbb;border-collapse:collapse;}
.xview .comments .blocks textarea {float:left;height:100%;width:100%;border:none;}
.xview .comments .blocks div {display:table-cell;width:100px;vertical-align:top;}
.xview .comments .blocks button {width:100%;height:100%;background-color:#333;color:#ccc;cursor:pointer;}
.xview .comments .blocks button:hover {background-color:#000;color:#fff;}

.xpost .board-header {padding:1em;background:#fff8e1;border:solid 1px #eee;font-size:.85em;line-height:1.3;margin-bottom:1rem;}
.xpost label.required:after {content:'*';color:#f00;font-weight:bold;}
.xpost .grouping {display:table;width:100%;table-layout:fixed;}
.xpost .grouping.auto {table-layout:auto;}
.xpost .grouping > * {display:table-cell;vertical-align:middle;padding:4px 0;table-layout:fixed;}
.xpost .grouping > label {width:100px;white-space:nowrap;}
.xpost .grouping > .fit {width:1%;padding-right:8px;padding-left:8px;}
.xpost .grouping > .fit img {width:auto;max-width:none !important;}
.xpost .grouping > label:first-child+.fit {padding-left:0;}
.xpost .grouping > *first-child.fit {padding-left:0;}
.xpost .grouping > *:last-child.fit {padding-right:0;}
.xpost .grouping input {max-width:100%;}
.xpost .checks .check {display:inline-block;white-space:nowrap;}
.xpost .groupbox {border-top:solid 2px #000;padding:8px 0;}
.xpost .groupbox + .groupbox {border-top:solid 1px #dfdfdf;}
.xpost .groupbox .grouping > label {padding-left:12px;}
.xpost .reply-box-toggle {font-size:0.9em;padding:5px 15px;line-height:1.2;border:solid 1px #ccc;background:#f6f6f6;color:#666;border-radius:4px;cursor:pointer;}
.xpost .reply-box {margin-bottom:10px;padding:10px;max-height:300px;overflow:auto;}
.xpost .reply-box:not(.sr-only) {border:dashed 1px #eee;}
.xpost .content-box {margin-bottom:10px;}
.xpost .w-full {width:100%;}

.xpost #file_pick {background:#333;color:#fff;border-radius:4px;cursor:pointer;}
.xpost .upload-files {height:220px;position:relative;background:#f8f8f8;box-shadow:inset 1px 2px 6px #ddd;overflow-y:auto;padding:5px;}
.xpost .upload-files .item {float:left;width:120px;margin:5px;border:solid 1px #ccc;background:#fff;}
.xpost .upload-files .item-box {position:relative;}
.xpost .upload-files .item-remove {position:absolute;width:30px;height:30px;text-align:center;font-size:24px;line-height:1;background:#f00;color:#fff;right:0;top:0;}
.xpost .upload-files .item-thumb {font-size:0;}
.xpost .upload-files .item-thumb img {width:100%;background:#fff url(/gears/resource/icons/text-x-generic.png) no-repeat 50% 50%;background-size:cover;}
.xpost .upload-files .item-name {padding:3px;font-size:13px;word-break:break-all;line-height:1.3;height:54px;overflow:hidden;border-top:solid 1px #ccc;}
.xpost .upload-files .item.uploading .item-thumb img {background-image:url(/gears/resource/qq/loading.gif);}
.xpost .upload-files .item.img item-thumb img {background-size:cover;}
.xpost .item.template {display:none;}


.xgallery {--gap:30px;--cols:4;}
.xgallery {display:flex;flex-wrap:wrap;gap:var(--gap);}
.xgallery .article {flex:0 0 calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols));padding:0 0 2em 0;position:relative;}
.xgallery .check {position:absolute;right:0;top:0;z-index:2;}
.xgallery .check input {margin:10px;width:20px;height:20px;}
.xgallery .num {display:none;}
.xgallery .file {display:none;}
.xgallery .thumb {position:relative;aspect-ratio:calc(350/250);background:#f8f8f8;margin-bottom:1.5em;overflow:hidden;}
.xgallery .thumb img {width:100%;height:100%;object-fit:cover;vertical-align:middle;transition:transform .2s;}
.xgallery .article:hover .thumb img {transform:scale(1.15);}
.xgallery .subject {padding:0 24px;font-size:1.1em;font-weight:bold;line-height:1.2;height:2.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.xgallery .subject span.division {margin-right:4px;color:#fff;background:#666;padding:0 .5em;font-size:.75em;line-height:1.7;display:inline-block;white-space:nowrap;vertical-align:top;border-radius:100px;}
.xgallery *:where(.name,.date,.hit) {display:inline-block;margin-left:24px;font-size:.85em;position:relative;}
.xgallery *:where(.date,.hit)::before {content:'/';position:absolute;left:-16px;}
.xgallery .no-article {text-align:center;padding:2em 0;flex:0 0 100%;}

.xcalendar .heading {margin:2rem 0;display:flex;align-items:center;justify-content:center;text-align:center;}
.xcalendar .heading strong {font-size:1.8em;letter-spacing:-1px;color:#000;line-height:1;padding:0 1em;}
.xcalendar .heading a:where(.prev-year,.next-month) img {border-right:solid 1px #888;}
.xcalendar .heading img {vertical-align:middle;padding:0 10px;}
.xcalendar table {width:100%;border-top:solid 2px #000;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.xcalendar th {background:#f8f8f8;color:#000;padding:1.2em 0;border:solid 1px #dfdfdf;border-right:0;text-align:center;}
.xcalendar td {background:#fff;padding:12px;border:solid 1px #dfdfdf;border-right:0;text-align:left;vertical-align:top;}
.xcalendar th.w0 {color:#d32323;}
.xcalendar th.w6 {color:#0d6dd0;}
.xcalendar td.today {background:#f8f8f8;}
.xcalendar td.w0 > strong {color:#d32323;}
.xcalendar td.w6 > strong {color:#0d6dd0;}
.xcalendar td.holiday > strong {color:#d32323;}
.xcalendar td.other > strong {color:#ccc;}
.xcalendar *:where(th,td):first-child {border-left:0;}
.xcalendar td > strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.xcalendar td > strong small {margin-left:4px;}
.xcalendar .cal-items {min-height:5em;margin-top:10px;word-break:break-all;font-size:.9em;}
.xcalendar .cal-items .closer {display:none;}
.xcalendar .cal-items > div {position:relative;display:flex;line-height:1.1em;align-items:start;gap:4px;}
.xcalendar .cal-items > div + div {margin-top:10px;}
.xcalendar .cal-items > div::before {content:'';display:inline-block;width:6px;aspect-ratio:1;border-radius:100%;background:#0071ad;margin-top:.3em;}
.xcalendar div.remark {position:absolute;left:-10px;top:calc(100% + 10px);background:#fff;padding:16px 12px;border:solid 1px #0071ad;min-width:180px;max-width:280px;z-index:2;}
.xcalendar div.remark::after {content:'';display:block;width:16px;border:solid 8px transparent;border-bottom-color:#0071ad;aspect-ratio:1;position:absolute;left:26px;bottom:100%;}
.xcalendar div.remark {visibility:hidden;opacity:0;transition:all .2s;transform:translateY(20px);}
.xcalendar a:hover div.remark {visibility:visible;opacity:1;transform:none;}
.xcalendar td.w6 div.remark {left:auto;right:0;}
.xcalendar td.w6 div.remark::after {left:30%;}
.xcalendar a[data-events] {display:none;}


@media (max-width:1023.2px) {
	.xlist .header {display:none;}
	.xlist .header + * {border-top:solid 1px #000;}
	
	.xlist .article {flex-wrap:wrap;gap:2px;padding-left:calc(5em + 10px);padding-right:64px;}
	.xlist .article:has(.division span) .subject a {padding-top:0;}
	.xlist .article:has(.division span) .subject a::before {content:'';display:block;position:absolute;bottom:100%;left:0;width:100%;height:1.5em;}
	.xlist .article:not(:has(.file img)) {padding-right:0;}
	.xlist .check {position:absolute;left:0;top:0;width:auto;z-index:2;}
	.xlist .num {position:absolute;left:0;top:10px;bottom:10px;width:5em;display:flex;align-items:center;justify-content:center;border-right:solid 1px #eee;font-size:.85em;}
	.xlist .division span {margin:0;overflow:visible;font-size:.85em;padding:2px 4px !important;letter-spacing:0 !important;border-radius:4px;width:fit-content;}
	.xlist .file {position:absolute;right:0;top:0;bottom:0;width:60px;display:flex;align-items:center;justify-content:center;}
	.xlist *:where(.name, .date, .hit) {flex:1 1 auto;max-width:fit-content;margin-right:1ch;font-size:.85em;}
	.xlist *:where(.date, .hit):not(:empty)::before {content:'/';margin-right:1ch;}
	
	.xview .header .subject {padding:20px 0;}
	.xview .header .info {padding:16px 0;}
	.xview .attach {padding:16px 0;}
	.xview .schedule {padding:16px 0;}
	.xview .article-content {padding:0;overflow-x:auto;}
	
	.xview .relatives .heading {padding:1em 0;}
	.xview .relatives .items {padding:10px 0;}
	
	.xview .comments .heading {padding:1em 0;}
	
	
	.xgallery {--gap:20px;--cols:3;}
	.xgallery .subject {padding:0;}
	.xgallery *:where(.name) {margin-left:0;}
	.xgallery *:where(.date,.hit) {margin-left:12px;}
	.xgallery *:where(.date,.hit)::before {left:-10px;}
	
	.xcalendar .cal-items {display:none;}
	.xcalendar td {padding:4px;}
	.xcalendar td > strong {font-size:.85em;}
	.xcalendar a[data-events] {display:flex;width:40px;aspect-ratio:1;margin:0 auto 6px;background:#0071ad;color:#fff;white-space:nowrap;align-items:center;justify-content:center;border-radius:100%;}
	.xcalendar a[data-events="0"] {visibility:hidden;}
	
	.xcalendar .cal-items {position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding:100px 16px 16px 16px;z-index:65001;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);overflow:auto;}
	.xcalendar .cal-items .closer {position:fixed;padding:0;border:0;left:10px;top:10px;right:10px;bottom:10px;display:flex;align-items:start;justify-content:end;font-size:24px;color:#fff;background:rgba(0,0,0,0);}
	.xcalendar .cal-items > div {background:#fff;width:100%;max-width:600px;margin:0 auto 20px;padding:16px;border-radius:6px;border:solid 1px #ccc;box-shadow:rgba(0,0,0,.75) 0 2px 6px -4px;}
	.xcalendar .cal-items a {flex:1 1 auto;}
	.xcalendar .cal-items div.remark {visibility:visible;opacity:1;position:static;transform:none;padding:6px 0 0 0;margin:6px 0 0 0;border:0;border-top:solid 1px #dfdfdf;max-width:100%;}
	.xcalendar .cal-items div.remark::after {display:none;}
	.xcalendar td.on .cal-items {display:block;}
	body:has(.xcalendar td.on .cal-items) {overflow:hidden;}
	
}

@media (max-width:640px) {
	.xlist .article {gap:2px;padding-top:1ch;padding-bottom:1ch;padding-right:24px;}
	.xlist .file {width:22px;}
	
	.xview .header .subject {padding:16px 0;}
	.xview .header .info {padding:6px 0;gap:4px;}
	.xview .header .info ul {gap:4px;}
	
	.xview .comments .items {font-size:0.9em;padding:15px 5px;}
	.xview .comments .inlines {width:100%;float:none;margin-right:0;}
	.xview .comments .inlines input {width:100%;}
	.xview .comments .blocks div {width:60px;}
	.xview .comments .blocks button i.fa {display:block;text-align:center;}
	
	.xview .next-prev strong {flex:0 0 6em;}
	.xview .next-prev li {gap:1ch;padding:0;}
	.xview .attach {flex-direction:column;gap:4px;}
	
	.xpost .grouping {display:block;}
	.xpost .grouping > * {display:block;}
	.xpost .groupbox {padding:0;border:none;}
	.xpost .groupbox .grouping > label {padding-left:0;padding-bottom:0;font-weight:500;}
	
	
	.xgallery {--gap:20px;--cols:2;}
	
	.xcalendar .heading strong {font-size:1.4em;}
	.xcalendar a[data-events] {width:30px;}
	
	nav.paging .numbers a:where(.active+a~a,:has(~.active):not(:has(+.active))) {display:none;}
	
	.xbuttons *:where(.button,button) {min-width:5em;padding:.7em 1.2em;min-height:2.4em;}
	
	.xsearch.x-flex {flex-direction:column;width:100%;}
	.xsearch.x-flex > .x-flex.inline {display:flex;}
	.xsearch.x-flex > .x-flex.inline > input {flex:1 1 100%;}
	
}

@media (max-width:480px) {
	.xgallery {--gap:20px;--cols:1;}
	
	.xcalendar .heading strong {padding:0;}
	.xcalendar td {position:relative;padding:1px;}
	.xcalendar td > strong {position:absolute;left:1px;top:1px;z-index:2;white-space:nowrap;font-size:10px;}
	.xcalendar td > strong small {margin-left:0;}
	.xcalendar a[data-events] {width:100%;border-radius:0px;margin-bottom:0;padding-top:1.1em;background:#c5ebff;outline:solid 1px #0071ad;color:#000;font-size:10px;letter-spacing:-1px;word-spacing:3px;}
	.xcalendar a[data-events]::after {content:'개 일정';}
}

/* article-content */
.xview .article-content {font-family:inherit;font-size:1rem;}
.xview .article-content p {padding:0;margin:0;line-height:1.8;}
.xview .article-content img {max-width:100%;}
/* article-content editor */
html:has(body.article-content),
body.article-content {padding:0;margin:0;}
body.article-content {padding:20px;}
body.article-content {font-family:Arial,sans-serif;font-size:1rem;}
body.article-content p {padding:0;margin:0;line-height:1.5;}
body.article-content img {max-width:100%;}