:root{--bg-color: #c0c0c0;--text-color: #000000;--link-color: #0000ee;--border-light: #ffffff;--border-dark: #808080;--main-font: "Courier New", Courier, monospace}body{background-color:#345;color:var(--text-color);font-family:var(--main-font);margin:0;padding:20px;display:flex;justify-content:center}#page-wrapper{background-color:var(--bg-color);width:100%;max-width:900px;border:3px double var(--text-color);padding:15px;height:85vh;box-shadow:10px 10px #00000080;display:flex;flex-direction:column}@media(min-width:600px){#page-wrapper{height:auto;min-height:85vh}}header{text-align:center;border-bottom:2px solid var(--text-color);margin-bottom:20px;padding-bottom:10px}.logo{font-size:clamp(6px,1.2vh,10px);line-height:1;display:block;white-space:pre;margin:10px 0}@media(max-width:555px){.logo{display:none}}.logo-subtitle{font-style:italic}nav{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}nav a{background:var(--bg-color);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:5px 15px;text-decoration:none;color:var(--text-color);font-weight:700}nav a:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}nav a:hover{background-color:#ff0}.content-area{display:grid;grid-template-columns:200px 1fr;gap:20px;flex:1;min-height:0}@media(max-width:600px){.content-area{grid-template-columns:1fr}}aside{border:1px dashed var(--text-color);padding:10px;font-size:.9em}#aside-button{display:none;text-align:center;color:var(--text-color);text-decoration:underline;margin-bottom:5px}@media(max-width:600px){#aside-container{display:none}#aside-button{display:block}}.sidebar_list{padding-left:20px}.sidebar_list>li{margin:20px 0}.sidebar_list_li_title{font-weight:700}.sidebar_author{text-decoration:underline;color:var(--text-color)}.sidebar_image{width:100%}main{border:1px solid var(--text-color);background:#fff;padding:20px;overflow-y:auto;min-height:0}main img{max-width:100%;height:auto;display:block;margin:10px auto;border:1px solid var(--text-color)}main video,main iframe{max-width:100%;height:auto;display:block}main img.latex-formula{display:inline-block;vertical-align:middle;margin:0 5px}.divider{font-size:clamp(6px,1.2vh,10px);text-align:center;margin:20px 0;letter-spacing:5px}footer{margin-top:30px;text-align:center;font-size:.8em;border-top:1px solid var(--text-color);padding-top:10px}.hit-counter{background:#000;color:#0f0;padding:2px 5px;font-family:Courier,monospace;border:1px solid var(--border-dark)}.transition-fade{transition:opacity .2s steps(4)}html.is-animating .transition-fade{opacity:0}.breadcrumb{font-family:var(--main-font);font-size:.85em;display:inline-block}.breadcrumb a{color:var(--link-color);text-decoration:none;text-transform:uppercase}.breadcrumb a:hover{background-color:var(--text-color);color:var(--bg-color)}.breadcrumb .current-page{color:var(--text-color);font-weight:700;text-transform:uppercase}.main-title{margin-top:10px}.file-listing{font-family:var(--main-font);background:#fff;border:1px solid var(--text-color);padding:10px}.file-row{display:grid;grid-template-columns:1fr 120px 80px;padding:5px 0;border-bottom:1px dotted #ccc;white-space:nowrap;overflow:hidden}.file-row.header{font-weight:700;border-bottom:2px solid var(--text-color);color:var(--text-color)}.file-row:hover:not(.header) .file-name{text-decoration:underline}.file-name a{text-decoration:none;color:var(--link-color)}.file-date,.file-status{font-size:.9em;text-align:right}.retro-pagination{margin-top:20px;text-align:center}.retro-pagination a,.retro-pagination span{padding:5px 10px;border:1px solid var(--text-color);margin:0 5px;text-decoration:none;color:var(--text-color)}.retro-pagination .current{background:var(--text-color);color:var(--bg-color)}.comments-area{margin-top:40px;font-family:var(--main-font)}.comment-item{border:1px solid var(--text-color);margin-bottom:20px;background:#f0f0f0}.comment-header{background:var(--text-color);color:var(--bg-color);padding:5px 10px;display:flex;justify-content:space-between;font-size:.8em;font-weight:700}.comment-content{padding:15px;line-height:1.4;background:#fff}.comment-footer{border-top:1px dashed var(--text-color);padding:5px 10px;font-size:.7em;text-align:right}.retro-form input[type=text],.retro-form input[type=email],.retro-form textarea{width:100%;border:2px solid var(--text-color);background:#fff;font-family:var(--main-font);padding:8px;margin-bottom:10px;box-sizing:border-box}.retro-button{background:var(--bg-color);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);padding:10px 20px;cursor:pointer;font-weight:700;font-family:var(--main-font)}.retro-button:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.form{padding:20px;font-family:var(--main-font)}.form label{display:block;margin-bottom:5px;font-weight:700;font-size:.9em}.form input[type=text],.form input[type=email],.form textarea{width:100%;padding:8px;margin-bottom:15px;font-family:var(--main-font);background:var(--bg-color);border:2px solid;border-color:var(--border-dark);box-sizing:border-box}.form-alert{padding:10px;border:2px solid var(--border-dark);font-family:var(--main-font);margin-bottom:15px}.form-alert.success{background:#00ba37;color:#fff}.form-alert.failed{background:#bf2323;color:#fff}