/* Chór — czytelny. Uzupełnienie motywu Square, bez zmiany funkcji MyBB. */
:root { color-scheme: light; --chor-ink: #22313d; --chor-blue: #174d6a; --chor-line: #dce4e9; }
html { font-size: 18px; -webkit-text-size-adjust: 100%; }
body, #container { font: 400 18px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: var(--chor-ink); background: #f3f6f8; text-align: left; }
body { margin: 0; }
#container, #content, .wrapper { min-width: 0 !important; }
#content { overflow: visible; }
.wrapper { width: min(1120px, 100%); padding: 0 24px; box-sizing: border-box; margin: 0 auto; }
#content > .wrapper { padding-top: 24px; padding-bottom: 36px; }
a:link, a:visited { color: #155675; }
a:hover { color: #103a50; text-decoration: underline; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #d49324; outline-offset: 3px; }
h1 { font-size: 1.7rem; line-height: 1.3; } h2 { font-size: 1.35rem; } h3 { font-size: 1.15rem; }
.smalltext, .post_date, .post_meta, .author_statistics, .navigation, .navigation .active { font-size: 16px; line-height: 1.55; }
.largetext, .post_body { font-size: 18px; line-height: 1.7; }
.ch-header { background: #fff; border-top: 5px solid var(--chor-blue); border-bottom: 1px solid var(--chor-line); }
.ch-brandrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; padding-bottom: 20px; }
.ch-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none !important; }
.ch-brand-mark { display: grid; place-items: center; width: 48px; height: 48px; background: var(--chor-blue); color: white; border-radius: 12px; font-size: 26px; }
.ch-brand strong { display: block; font-size: 24px; line-height: 1.3; color: var(--chor-ink); }
.ch-brand small { display: block; font-size: 15px; color: #536571; }
.ch-nav, .ch-account, .ch-account ul, .ch-footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0; }
.ch-nav { padding-bottom: 16px; }
.ch-nav li, .ch-account li { list-style: none; margin: 0; }
.ch-nav a, .ch-account a, .ch-account summary, .ch-footer-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 7px 14px; box-sizing: border-box; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; }
.ch-nav a { background: #edf3f6; }
.ch-nav a.ch-primary { background: var(--chor-blue); color: #fff; }
.ch-accountbar { background: #e7eef2; padding: 12px 0; }
.ch-account { justify-content: space-between; }
.ch-account details { position: relative; }
.ch-account summary { cursor: pointer; background: white; border: 1px solid #c6d4dd; }
.ch-account details > ul { padding: 12px; margin-top: 8px; background: #fff; border-radius: 10px; border: 1px solid var(--chor-line); }
.ch-account details > ul a { justify-content: flex-start; }
.ch-account-name { color: #394d5a; font-size: 16px; }
.ch-footer { margin-top: 28px; padding: 26px 0; border-top: 1px solid var(--chor-line); background: white; font-size: 15px; color: #536571; }
.ch-footer p { margin: 10px 0; }
.ch-footer-links a { padding-left: 0; }
.navigation { margin: 0 0 20px; padding: 0; color: #536571; overflow-wrap: anywhere; }
.navigation a { display: inline-block; padding: 7px 0; }
table { font-size: inherit; } table.tborder { width: 100%; box-sizing: border-box; border: 1px solid var(--chor-line); border-radius: 12px; background: white; border-spacing: 0; overflow: hidden; }
.thead { background: var(--chor-blue); color: #fff; padding: 17px 18px; border: 0; font-size: 19px; text-shadow: none; }
.thead a:link, .thead a:visited { color: white; }
.thead .smalltext { color: #e4eef4; }
.tcat, .tfoot { background: #e9eff3; color: var(--chor-ink); padding: 12px 16px; font-size: 16px; }
.trow1, .trow2 { background: #fff; border-bottom: 1px solid var(--chor-line); padding: 16px; }
.trow_shaded, .unapproved_post { background: #fff3da; }
.ch-forum-title, .ch-thread-title { font-size: 20px; font-weight: 700; line-height: 1.4; }
.ch-forum-desc { margin-top: 5px; color: #536571; }
.ch-lastpost { font-size: 16px; }
.ch-counts { font-size: 15px; white-space: nowrap; }
.ch-forum-row .ch-empty { display: none; }
.catdesc { display: block; position: static; color: #e2edf3; font-size: 16px; background: none; padding: 0; }
.catdesc:empty { display: none; }
.theadend { display: none; }
.forum_status { background-image: none; border-radius: 50%; width: 16px; height: 16px; border: 3px solid #a7b9c5; margin-top: 7px; }
.forum_on { background: #26729b; border-color: #26729b; }
.forum_offlock { border-radius: 4px; }
input.textbox, input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select, textarea { font: inherit; font-size: 18px; line-height: 1.5; max-width: 100%; box-sizing: border-box; padding: 10px 12px; color: #22313d; background: #fff; border: 1px solid #9cafbc; border-radius: 8px; }
input[type=checkbox], input[type=radio] { width: 20px; height: 20px; vertical-align: middle; accent-color: var(--chor-blue); }
button, input.button, input[type=submit], input[type=button], .button, a.button, .bigbutton a, .pbbutton a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #c3d1da; border-radius: 8px; background: #edf3f6; color: #174d6a; font: 600 16px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; cursor: pointer; text-decoration: none; }
input[type=submit], .bigbutton a, .ch-button { background: var(--chor-blue); color: white; border-color: var(--chor-blue); }
.bigbutton { display: inline-block; margin: 8px 0; background: none; border: 0; padding: 0; }
.pbbutton { display: inline-block; background: none; padding: 0; margin: 3px; }
.postbit_buttons a span { background-image: none; padding-left: 0; }
.pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 16px; }
.pagination a, .pagination .pagination_current { min-width: 42px; min-height: 42px; padding: 8px 12px; box-sizing: border-box; border-radius: 7px; text-align: center; }
.post, .post.classic { border: 1px solid var(--chor-line); border-radius: 12px; background: #fff; margin: 18px 0; overflow: hidden; }
.post .post_author, .post.classic .post_author { float: none; width: auto; padding: 18px; border: 0; border-bottom: 1px solid var(--chor-line); background: #edf3f6; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.post .author_information { float: none; margin: 0; min-width: 0; }
.post .author_statistics { margin-left: auto; }
.post .author_avatar { float: none; padding: 0; margin: 0; }
.post .author_avatar img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.post .post_content, .post.classic .post_content { float: none; width: auto; margin: 0; padding: 20px; min-height: 0; }
.post_body { padding: 14px 0; overflow-wrap: anywhere; }
.post_body img, .post_body video, .post_body iframe { max-width: 100%; }
.post_body img { height: auto; }
.post_head, .post_meta { color: #536571; }
.post_controls { background: #f8fafb; border-top: 1px solid var(--chor-line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.post_controls .float_left, .post_controls .float_right { float: none; }
.post_controls details > summary { cursor: pointer; min-height: 44px; padding: 8px; box-sizing: border-box; color: #155675; font-size: 16px; }
.post_signature { font-size: 16px; border-top: 1px solid var(--chor-line); overflow-wrap: anywhere; }
blockquote { background: #f3f6f8; border-left: 4px solid #91afc0; border-radius: 6px; font-size: inherit; margin: 14px 0; padding: 14px; }
pre, .codeblock { max-width: 100%; overflow: auto; }
.modal { width: min(600px, 94vw); max-width: 94vw; min-width: 0; box-sizing: border-box; }
.sceditor-container { max-width: 100%; box-sizing: border-box; }
.sceditor-container iframe, .sceditor-container textarea { max-width: 100%; box-sizing: border-box; }
.ch-table-scroll { max-width: 100%; overflow-x: auto; }
.ch-table-scroll:focus-visible { outline: 3px solid #d49324; }
@media(max-width: 700px) {
 .wrapper { padding-left: 14px; padding-right: 14px; }
 .ch-brandrow { padding-top: 16px; padding-bottom: 14px; }
 .ch-brand strong { font-size: 22px; } .ch-brand small { font-size: 14px; }
 .ch-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 .ch-nav a { display: flex; width: 100%; text-align: center; min-height: 48px; }
 .ch-account { align-items: flex-start; gap: 8px; }
 .ch-account details { flex: 1 1 100%; }
 .ch-account details > ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ch-account summary { display: flex; width: 100%; }
 .ch-account details > ul a { padding: 8px; }
 .ch-forum-table, .ch-forum-table > thead, .ch-forum-table > tbody, .ch-forum-table > thead > tr, .ch-forum-table > thead > tr > td,
 .ch-thread-table, .ch-thread-table > tbody { display: block; width: 100%; box-sizing: border-box; }
 .ch-forum-row, .ch-thread-row { display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--chor-line); padding: 14px; gap: 7px 10px; }
 .ch-forum-row > td, .ch-thread-row > td { display: block; width: auto !important; padding: 0 !important; border: 0; min-width: 0; box-sizing: border-box; }
 .ch-forum-row .ch-forum-main, .ch-thread-row .ch-thread-main { flex: 1 1 75%; }
 .ch-forum-row .ch-counts, .ch-forum-row .ch-lastpost, .ch-thread-row .ch-counts, .ch-thread-row .ch-lastpost { flex: 1 1 100%; }
 .ch-forum-row .ch-empty { display: none; }
 .ch-lastpost { padding-top: 8px !important; font-size: 15px; }
 .ch-forum-title, .ch-thread-title { font-size: 19px; }
 .ch-forum-row .ch-counts br, .ch-thread-row .ch-counts br { display: none; }
 .ch-thread-table > tbody > tr:not(.ch-thread-row) { display: block; }
 .ch-thread-table > tbody > tr:not(.ch-thread-row) > td { display: block; width: auto; box-sizing: border-box; }
 .ch-thread-table .tfoot form { display: flex; flex-wrap: wrap; gap: 8px; }
 .ch-thread-table .tfoot select { flex: 1 1 130px; }
 .ch-form-table, .ch-form-table > tbody, .ch-form-table > tbody > tr, .ch-form-table > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
 .ch-form-table td { text-align: left; min-width: 0; }
 .ch-form-table input.textbox, .ch-form-table textarea { width: 100%; }
 .post .author_statistics { margin: 0; flex-basis: 100%; }
 .post .post_content, .post.classic .post_content { padding: 16px; }
 .post_controls { padding: 10px !important; }
 .postbit_buttons { display: flex; flex-wrap: wrap; }
 .float_left, .float_right { max-width: 100%; }
 .forumjump, .thread_legend { float: none; max-width: 100%; }
 .ch-footer-links { gap: 4px 16px; }
}
body { overflow-y: auto; }
.thead { height: auto; line-height: 1.5; }
.catdesc { font-family: inherit; font-weight: 400; }
.bigbutton a:link, .bigbutton a:visited, .pbbutton a:link, .pbbutton a:visited { font-size: 16px; line-height: 1.4; font-weight: 600; min-height: 44px; padding: 10px 14px; }

.ch-logo { display: block; width: 150px; height: auto; flex-shrink: 0; }
@media(max-width: 700px) { .ch-logo { width: 100px; } .ch-brand { gap: 8px; } .ch-brand strong { font-size: 20px; } .ch-brand small { font-size: 14px; } }

/* Delikatnie mniejsze tytuły działów i tematów. */
.ch-forum-title, .ch-thread-title { font-size: 18px; }
.thead { font-size: 18px; }
.ch-brand strong { font-size: 22px; }
@media(max-width: 700px) {
    .ch-forum-title, .ch-thread-title, .thead { font-size: 17px; }
    .ch-brand strong { font-size: 19px; }
}