
/* 40 - MONOCHROMATIC INK: Saf siyah/beyaz, agir serif tipografi, gazete coklu sutun, muzeum estetiği */
:root{--mi-bg:#FFF;--mi-tx:#000;--mi-tx2:#666;--mi-rule:#000;--mi-f:'Playfair Display','Georgia',serif;--mi-f2:'Source Serif 4','Times New Roman',serif}
*{box-sizing:border-box;margin:0;padding:0}
::selection{background:#000;color:#FFF}
body{background:var(--mi-bg);color:var(--mi-tx);font:400 16px/1.8 var(--mi-f2);-webkit-font-smoothing:antialiased}
a:link,a:visited{color:var(--mi-tx);text-decoration:none;border-bottom:1px solid var(--mi-tx)}
a:hover{border-bottom-width:2px}
img{max-width:100%;filter:grayscale(100%)}
h1{font:900 clamp(32px,6vw,56px)/1.05 var(--mi-f);letter-spacing:-.02em;margin:0 0 16px}
h2{font:700 clamp(22px,4vw,32px)/1.1 var(--mi-f);margin:0 0 12px}
h3{font:700 18px/1.2 var(--mi-f);margin:0 0 8px}
#container{max-width:1100px;margin:0 auto;padding:0 24px}

/* Masthead */
#mi-masthead{text-align:center;padding:40px 0 20px;border-bottom:4px double var(--mi-rule)}
.mi-dateline{font:400 11px var(--mi-f2);text-transform:uppercase;letter-spacing:.2em;color:var(--mi-tx2);margin-bottom:8px}
.mi-title{font:900 clamp(36px,7vw,64px)/1 var(--mi-f);letter-spacing:-.03em;text-transform:uppercase}
.mi-title a{color:var(--mi-tx);text-decoration:none;border:none}
.mi-subtitle{font:italic 14px var(--mi-f2);color:var(--mi-tx2);margin-top:4px}
.mi-rule-thin{height:1px;background:var(--mi-tx);margin:8px 0}
.mi-rule-thick{height:3px;background:var(--mi-tx);margin:4px 0}

.mi-nav{display:flex;justify-content:center;gap:24px;padding:10px 0;border-top:1px solid var(--mi-tx);border-bottom:1px solid var(--mi-tx);margin:0 0 20px}
.mi-nav a{font:600 12px var(--mi-f);text-transform:uppercase;letter-spacing:.1em;color:var(--mi-tx);border:none;text-decoration:none}
.mi-nav a:hover{border-bottom:2px solid var(--mi-tx)}
.mi-user{text-align:right;font:400 12px var(--mi-f2);color:var(--mi-tx2);padding:4px 0}
.mi-user a{color:var(--mi-tx);font-weight:600;border:none}

.navigation{font:400 12px var(--mi-f2);color:var(--mi-tx2);padding:8px 0;margin-bottom:16px;border-bottom:1px solid #DDD}
.navigation a{color:var(--mi-tx);border:none;text-decoration:none}
.navigation a:hover{border-bottom:1px solid var(--mi-tx)}
#content{padding:0 0 40px;min-height:50vh}

/* Forum: Multi-column newspaper */
.mi-section-head{font:900 clamp(20px,3vw,28px)/1.1 var(--mi-f);text-transform:uppercase;letter-spacing:.02em;padding:12px 0 8px;border-bottom:3px solid var(--mi-tx);margin-bottom:0}
.mi-section-head a{color:var(--mi-tx);text-decoration:none;border:none}
.mi-forum-columns{column-count:2;column-gap:32px;column-rule:1px solid #CCC;padding-top:12px;margin-bottom:24px}
.mi-forum-item{break-inside:avoid;padding:10px 0;border-bottom:1px solid #DDD}
.mi-forum-item h3{font:700 16px/1.3 var(--mi-f);margin:0}
.mi-forum-item h3 a{color:var(--mi-tx);border:none}
.mi-forum-item h3 a:hover{border-bottom:1px solid var(--mi-tx)}
.mi-forum-item p{font:400 13px var(--mi-f2);color:var(--mi-tx2);margin-top:2px}
.mi-forum-item .mi-fstats{font:400 11px var(--mi-f2);color:var(--mi-tx2);margin-top:4px}
.mi-forum-item .mi-flast{font:400 11px var(--mi-f2);color:var(--mi-tx2);margin-top:2px}
.mi-forum-item .mi-flast a{color:var(--mi-tx);border:none}

/* Thread list: Dense typographic */
.mi-thread-list{border-top:2px solid var(--mi-tx);margin-bottom:24px}
.mi-thread{padding:8px 0;border-bottom:1px solid #DDD;display:flex;justify-content:space-between;align-items:baseline}
.mi-thread-left{flex:1;min-width:0}
.mi-thread-left a{font:500 15px/1.4 var(--mi-f);color:var(--mi-tx);border:none;text-decoration:none}
.mi-thread-left a:hover{border-bottom:1px solid var(--mi-tx)}
.mi-thread-left small{display:block;font:italic 12px var(--mi-f2);color:var(--mi-tx2)}
.mi-thread-right{font:400 11px var(--mi-f2);color:var(--mi-tx2);text-align:right;white-space:nowrap;margin-left:16px}

/* Posts: Article-style with drop cap */
.mi-post{margin-bottom:32px;border-bottom:1px solid #DDD;padding-bottom:24px}
.mi-post-byline{font:italic 13px var(--mi-f2);color:var(--mi-tx2);margin-bottom:8px}
.mi-post-byline a{color:var(--mi-tx);font-style:normal;font-weight:700;border:none}
.mi-post-body{font:400 16px/1.9 var(--mi-f2)}
.mi-post-footer{display:flex;justify-content:flex-end;gap:16px;padding:8px 0 0;font:400 11px var(--mi-f2);color:var(--mi-tx2)}
.mi-post-footer a{color:var(--mi-tx2);border:none;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
.mi-post-footer a:hover{color:var(--mi-tx)}

/* MyBB compat */
.tborder{border:none;margin-bottom:20px;border-top:2px solid var(--mi-tx)}
.thead{background:transparent;color:var(--mi-tx);padding:10px 0;font:700 18px var(--mi-f);border-bottom:1px solid var(--mi-tx)}
.thead a{color:var(--mi-tx);text-decoration:none;border:none}
.tcat{background:transparent;color:var(--mi-tx2);padding:6px 0;font:600 11px var(--mi-f);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #DDD}
.tcat a{color:var(--mi-tx2);border:none;text-decoration:none}
.trow1,.trow2{background:transparent;padding:8px 0;border-bottom:1px solid #EEE}
.trow1:hover,.trow2:hover{background:#F8F8F8}
.trow_shaded{background:#FFF0F0;padding:8px 0;border-bottom:1px solid #FFCCCC}
.trow_selected{background:#FFFFF0;padding:8px 0}
.trow_sep{background:transparent;padding:4px 0;font-size:11px;color:var(--mi-tx2);border-bottom:1px solid #DDD}
.smalltext{font-size:12px;color:var(--mi-tx2)}.largetext{font:700 22px var(--mi-f)}
.tfixed{table-layout:fixed;word-wrap:break-word}

blockquote{border:none;margin:20px 0;padding:20px 24px;font:italic 18px/1.7 var(--mi-f);color:var(--mi-tx2);position:relative}
blockquote::before{content:'\201C';font:900 80px var(--mi-f);position:absolute;top:-10px;left:-8px;color:#DDD}
blockquote cite{display:block;font:400 12px var(--mi-f2);font-style:normal;color:var(--mi-tx2);margin-top:8px;text-align:right}
.codeblock{background:#F5F5F5;border:none;border-left:3px solid var(--mi-tx);padding:16px;font:14px 'Courier New',monospace;color:var(--mi-tx);overflow-x:auto}

input.button,a.button{background:var(--mi-tx);color:var(--mi-bg);border:none;padding:8px 20px;font:600 12px var(--mi-f);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .15s}
input.button:hover,a.button:hover{opacity:.7}
input.textbox,select{background:transparent;border:none;border-bottom:2px solid var(--mi-tx);padding:8px 0;color:var(--mi-tx);font:400 15px var(--mi-f2);outline:none}
input.textbox:focus{border-bottom-color:var(--mi-tx2)}
textarea{background:transparent;border:2px solid var(--mi-tx);padding:12px;color:var(--mi-tx);font:400 15px var(--mi-f2);resize:vertical;min-height:120px;outline:none}
fieldset{border:none;border-top:2px solid var(--mi-tx);padding:12px 0;margin:12px 0}
legend{font:700 12px var(--mi-f);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 0 0}

.popup_menu{background:#FFF;border:2px solid var(--mi-tx);min-width:160px}
.popup_item{padding:8px 16px;display:block;color:var(--mi-tx);font:400 14px var(--mi-f2);border-bottom:1px solid #EEE;text-decoration:none}
.popup_item:hover{background:var(--mi-tx);color:#FFF}

.pagination{display:flex;gap:8px;margin:16px 0;justify-content:center}
.pagination a,.pagination .current{font:400 14px var(--mi-f);padding:4px 8px}
.pagination a{color:var(--mi-tx);text-decoration:none;border:none}
.pagination a:hover{border-bottom:2px solid var(--mi-tx)}
.pagination .current{font-weight:900;border-bottom:2px solid var(--mi-tx)}

.red_alert{border-top:2px solid #C00;border-bottom:2px solid #C00;padding:8px 0;color:#C00;font:600 13px var(--mi-f);margin:12px 0}
.pm_alert{border-top:1px solid var(--mi-tx);border-bottom:1px solid var(--mi-tx);padding:8px 0;font-size:14px;margin:12px 0}

.mi-footer{text-align:center;padding:24px 0;font:400 12px var(--mi-f2);color:var(--mi-tx2);border-top:4px double var(--mi-tx);margin-top:32px}
.mi-footer a{color:var(--mi-tx2);border:none;text-decoration:none}

.forum_status{display:none}
.forum_on{color:var(--mi-tx)}.forum_off,.forum_offlock,.forum_offlink{color:var(--mi-tx2)}
.subforumicon{display:inline-block;margin:0 2px}.subforum_minion{color:var(--mi-tx)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:6px 0;color:var(--mi-tx);font:500 14px var(--mi-f);border-bottom:1px solid #EEE;text-decoration:none}
.usercp_nav_item:hover,.modcp_nav_item:hover{border-bottom-color:var(--mi-tx)}
.usercp_container{margin:8px 0}
.usercp_avatar{width:64px;height:64px;filter:grayscale(100%)}
.editor_control_bar{padding:8px 0;border-bottom:1px solid #DDD}
.scaleimages img{max-width:100%;filter:grayscale(100%)}
.pollbar{height:6px;background:var(--mi-tx)}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:3px;background:#DDD}
.pmspace_container .pmspace_used{background:var(--mi-tx);height:100%}
.reputation_positive{color:#000}.reputation_negative{color:#C00}.reputation_neutral{color:var(--mi-tx2)}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:20px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;border:2px solid var(--mi-tx);padding:6px;font-size:12px}
.postbit_buttons>a{color:var(--mi-tx2);font-size:11px;margin-right:10px;text-decoration:none;border:none}
.postbit_buttons>a:hover{color:var(--mi-tx)}
.post{margin-bottom:24px;border-bottom:1px solid #DDD;padding-bottom:20px}
.post .post_author{padding:0 0 8px;font:italic 13px var(--mi-f2);color:var(--mi-tx2)}
.post .post_author a{color:var(--mi-tx);font-weight:700;border:none}
.post .post_content{font-size:16px;line-height:1.9}
.post .post_controls{padding:8px 0 0;text-align:right;font-size:11px}
.post .post_controls a{color:var(--mi-tx2);margin-left:12px;text-decoration:none;border:none}
.post .post_controls a:hover{color:var(--mi-tx)}
.post.classic .post_author{width:130px;vertical-align:top;border-right:1px solid #DDD;padding:0 16px 0 0;text-align:center}

@media(max-width:768px){.mi-forum-columns{column-count:1}h1{font-size:28px}#container{padding:0 16px}.post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid #DDD;padding:0 0 8px;margin-bottom:8px}}
@media print{.mi-nav,.mi-user,.mi-post-footer,.navigation,.pagination{display:none!important}body{font-size:12pt}}

