html {
  height: 100%;
  box-sizing: border-box;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  color-scheme: dark light;
}

@font-face {
  font-family: 'D2Coding';
  src: local('D2Coding'),
       url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

* {
	font-family: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif, "Noto Emoji";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

textarea , input {
  border : 1px solid #DEDEDE;
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

a {
  text-decoration: none;
  color: #232323;
}

.topictitle{
  font-weight: 500;
  word-break: keep-all;
}

.topictitle a:visited {
  text-decoration: none;
  color: #888888; 
}


body {
  position: relative;
  margin: 0;
  font-size: 1em;
  background-color: #FBFBFB;
  /* sticky-footer */
  display: flex;
  height: 100%;
  flex-direction: column;
  line-height: 1.4em;
}

main {
  flex: 1 0 auto;
  padding: var(--space) var(--space) 0;
}

footer {
  padding: 1rem;
  font-size: 0.8rem;
  background-color: #E5E5E5;
  text-align: center;
  display: table;  
  width: 100%;
  flex: none;
} 

.referrer {
  background-color: #e5ffe0;
  font-size: 0.9em;
}

header {
  padding: 0.5rem 0 0.5rem 0;
  background-color: #E5E5E5;
  text-align: center;
  display: table;  
  width: 100%;
  flex: none;
}


input[type='text'],
input[type='number'],
input[type="password"],
input[type="url"],
input[type='search'],
textarea {
  font-size: 14px;
  border-radius: 3px;
  width: 98%;
  padding: 1%;
}
input[type="email"],
input[type="button"],
input[type="submit"] {
  font-size: 14px;
  border-radius: 3px;
  padding: 1%;
}
input[type="email"] {
  max-width: 100%;
}

input[type=search] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAFPklEQVRoge2ZTWwVVRTHf2c6M6+0VUrEoDQsICIECaSBIoFoCzGlKIkuLLGlTYomGBcuSNiICyEBExIXRJMGEhZNCm2kRtKFCwQpgY3pa2lQWRhMupASy4dUodS+mTfHRftep8+Z9s08EpvQ3+qeO/eec/5v7tfcB/PMM89TgRTqwG5OrvXSWgeyVWANwvPAImBUkRFR71cR6feQi+7Qw0tc3uYWnvZ/iSekpse0lpY1YLAfpTJCz2GBUylPjtO58V6s2CFEFmI29FaLYbSCrikg7t/AZ05q8Cu6dqcL8JMlfyH1Z4tse/lhhU8AI+epi+oVhAFUhkRkWNFForpERV4GapkYbrn0OJY20rbpj/gSJshPSP0N20o8Po1Sn/NkEOWo4zjn6NryZ2j/fX2W+UirDdEDiuzI9WFoesd4x+ab0VKfzuxC6s8WWYnlnTkixoCDTqqkla5XUlECms3928XzWoFVvurfTdJbxs5svhXFl59Zhdh7kkcUPs3YCrcFfcc5sykZNygtA+W243Yq1PkyGXDMR1to2/ZPHJe5Y30aZkNv9eScACZEWGndXJAIgLbKkVRqcJfCN9k6pdJKlR2N6zL8jdT0mFbFM9d9q9MYaHXBIvw0Xy+1NHXVt4S74hkbUp0bforqKvSNWEvLGnKW2INPVARA+/pRA2M3kJlnpife4TiuwoeWwX6fNeikSlrjBJiN8dMbfgNOZmwR3i5uTK6I6idQiN2cXDttx1aORl2douAY9hHAmTTFFW2K6iNQiKfs9JmuQ+LbGPnlT/v6OyiXM6YgdTM1DyJ4aClbp8p6hY51D+LkFwmh22dVsfNmIkr3QCECq7Nlw7gWM7WIGP0+w7QXj6yM1Duk/sVMQT29HSetqJhF0+N4OpVDPoQJKc0URPRujLwiM3Z34bDfNpDSsLZBhAkZzxQUno2RV3TK75f7TQ8didI9UIhC9iQrRHvFcbHEmBbHSEcbCWGTPXukVpGX4qUWDcHwT25NSXGkuRkmpG/KJXXU37DjpZc/iu7ymb9EXfKDN0Tkos8sN63Hr8dJLm9qekyEt7K2ciGqi0Ah7tDDS0B2FTFED8TJL1+sitK9wHMZW9HuGZoHErxqXd7mCpyaciw7zOb+7XGSnJV9fSWKHPLV9Lodm65EdRN6+k15cpyJ2w4AxPNaaRkoD2sfF+ux94XA0mwc1WNx/IQf4zs33kPx/1KrbMf9mpoeM06gIKw9yfdR+ShboVxIdVSdi+Nrxk9dxxn8EuiZikOtWVHWSfP1SLtuEFZT8kPghK/qgWk6e0E0jr8ZhdC1O+1Y2ggMZqoE3rU0dTXR1B9vf9nXV2I19bainAAs35OhMWPBaCyf5HmvlWj8caUnRT8Ay3zVKeCkY9hHaF9/Z1YnNT2mVVG6V5FD/jmRQ9KxzFraKiMdTyDCTeOC93qXuaZ0B9z1OiiXEbrV865ZKrfG0qXDmA8X2VhLKEqvVuVNkF34lthJHgBDwNpCxUS7+23pKbbcss9RPgYKmvSCni8qcj8YMxaMWo77PVDlexxZTKzbeLuhf50n3mER3o7ho1dUj02sTpMTu2WgvFAxBf0/UtyYXOGKNk1+Y1cR/pZ+RrmgaHfoZlegmIL/6Mmy82bCXjyy0kvzgiGUeyr3DfXupKT4dt4HwALEPDkhT4r6voWWreeBV7N1woAz7rwx043/3BMCscTMTSEQWczMO/v/SdfGvxzLrAOm7puVSjthtQc1n7tCANoqRxzLrMUnRpXXgprObSGQFSPwHTCiMu3bZZ555nna+BeUU+tgnscy5QAAAABJRU5ErkJggg==") no-repeat 5px center;
  background-size: 16px;
  padding: 4px 4px 4px 32px;
	width: 15px;
  border : 0px solid;
  margin-right : 5px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.search-cse {
  font-size: 0.85em;
  margin-top: 10px;
  display: inline;
}

article {
  max-width:80%;
  margin: auto;   
}

.doc-container {
  padding: 0 2em;  
  margin:auto;
  word-break:keep-all;
}

.write-container {
  padding-top : 1em;  
  margin:auto;
}

.write-grid {
  display: grid;
  grid-template-columns: 10% 1fr;
  row-gap: 6px;
  align-items: center;
  padding: 0px;
  padding-top: 6px;
}

.weekly-container {
  max-width: 60em;
  line-height: 1.8em;
}

.divrow {
  width: 100%;
}

tr.space {
  height: 0.7em;
}

nav {
  max-width:80%;
  min-height: 35px;
  /* font-size:12px; */
  font-size: 0.9em;
  display: flex;   
  margin: auto;
  justify-content: space-between;
  align-items: center;
}


.sponsor {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  box-shadow: 2px 2px 10px #f4f4f4;
  margin: 1rem;
  padding: 1.25rem;
  width: 285px;
  text-align: center;
  min-height: 230px;
}

a.upvote {
  padding: 5px;
  font-size: 1.2em;
}

nav a {
  text-decoration: none;
  margin-left : 3px;
  margin-right : 3px;
}

.pastnav {
  padding : 1.3em;
  font-size: 0.9em;
}

.pastnav a {
  margin-left : 2px;
  margin-right : 2px;
}

nav table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
  clear: both;
}

nav .logo {
  width:20px;
}

.logo img{
  width:16px;
  height:16px;
}

nav .geeknews {
  text-align: center;
  width: 4em;
  font-weight: bolder;
}

nav .ltd {
  text-align: left; 
  word-break: keep-all;
}

nav .rtd {
  word-break: keep-all;
}


nav .navitem{
  flex:none;
  margin-top: 3px;
}

nav .right {
  margin-left: auto;
}

main table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
  clear: both;
  word-break: break-word;
}

.topics, .topic {
  vertical-align: top;
  font-size : 1em;
  word-break: keep-all;
}
.topics H1, .topic H1 {
  font-size: 1.15em !important;
  display: inline;
  font-size : inherit;
  word-break: keep-all;
  margin: 5px 0;
  line-height: 1.6em;
  text-wrap: balance;
}
div .topic, div .comment {
  display: grid;
  grid-template-columns: 24px 1fr;
  row-gap: 6px;
}
.topic .topictitle,
.topic .topicinfo,
.topic .topic_contents,
.comment .topicinfo,
.comment .commentTD {
  grid-column-start: 2;
  min-width: 0;
}

.topic .topic_contents {
  color : #555555;
  font-size : 0.9em;
  line-height: 1.6em;
  word-break: break-word;
}

.comment .commentTD {
  margin-bottom: 6px;
}
.comment_form {
  padding-left: 24px;
  max-width: 38rem;
}
.comment_button_box {
  text-align: right;
}
.watch_box {
  display: grid;
  grid-template-columns: 9fr 1fr;
  margin-bottom: 10px;
  column-gap: 5px;
  justify-content: end;
  align-items: center;
}
.topicurl {
  font-size : 0.7em;
  color:#555555;
}

.topicinfo , .commentinfo , .commentreply, .smalltext {
  color : #777777;
  font-size : 0.8em;
}

.watch {
  color : #777777;
  font-size : 12px;
}

.check {
  vertical-align: middle;
}

.topicdesc {
  color : #777777;
  font-size : 0.9em;
  word-break: keep-all;
}


.topicinfo a, a.upvote, .commentinfo a , .commentreply a {
  color : #777777;
}


td .topic_contents {
  color : #555555;
  width : 72em;
  font-size : 0.9em;
  line-height: 1.6em;
}

.topic_row {
  display: grid;
  grid-template-columns: 12px 24px 1fr;
  row-gap: 6px;
  margin-bottom: 6px;
}
.topic_row:first-child {
  padding-top: 5px;
}

.topic_row .votenum {
  color : #AAAAAA;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}

.topic_row .vote {
  color : #AAAAAA;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}

.topic_row .topicdesc {
  grid-column-start: 3;
  color : #777777;
  font-size : 0.9em;
  word-break: keep-all;
}

.topic_row .topicinfo {
  grid-column-start: 3;
  color : #777777;
  margin-bottom: 0.7em;
}

article .next {
  margin-left: 12px;
}

.comments {
  padding-top: 15px;
}
.comments .comment_row {
  display: grid;
  border-bottom: 1px solid #EEEEEE;
  grid-template-columns: 24px 1fr;
  margin-bottom: 0.9em;
  color: #b1b1b1;
}
.comments .commentTD {
  grid-column-start: 2;
  padding-top: 5px;
  padding-bottom: 11px;
}
.comments .vote {
  color : #777777;
  width: 16px;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}

.descendant {
  padding-left: 24px;
}
.comment_thread .comment_row {
  display: grid;
  grid-template-columns: calc(1px + 24px * var(--depth)) 24px 1fr;
  padding-bottom: 11px;
  margin-bottom: 0.7em;
  row-gap: 6px;
}
.comment_thread .comment_row:first-child {
  padding-top: 15px;
}
.comment_thread .comment_row div.vote {
  grid-column-start: 2;
  color : #777777;
  width: 16px;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}
.comment_thread .comment_row .commentinfo,
.comment_thread .comment_row .commentTD,
.comment_thread .comment_row .commentreply {
  grid-column-start: 3;
}

td.vote, div .topic .vote, .comment .vote {
  color : #AAAAAA;
  width: 16px;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}

td.votenum {
  color : #AAAAAA;
  width: 12px;
  font-size: 0.7em;
  text-align: center;
  vertical-align: top;
  box-sizing: content-box;
  word-break: keep-all;
}

td.fitwidth {
  width: 1px;
  white-space: nowrap;
}

.commentTD {
  color : #555555;
  font-size: 0.9em;
  line-height: 1.6em;
  word-wrap: break-word;
  overflow: hidden;
}

.commentTD p {
  margin: 1em 0 0 0;
}

.commentTD p:first-child {
  margin-top: 0em;
}

div .weekly {
  display: grid;
  grid-template-columns: minmax(20px, auto) minmax(50px, auto) 1fr;
  row-gap: 6px;
  column-gap: 7px;
  margin-top: 44px;
  margin-bottom: 6px;
}

div .weekly .next {
  grid-column-start: 2;
  grid-column-end: 4;
}

footer div {
  margin: auto 0;
  text-align: center;
}

footer a {
  margin-left : 10px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',  Verdana, sans-serif;
  text-decoration: none;
  color: #2f2f2f;
  border-bottom: solid 1px transparent;
  transition: color 0.15s ease, border-bottom-color 0.15s ease;
}

.footer-links {
  line-height: 1.9em;
}

.footer-mobile {
  display: none;
}

.footer-links + .footer-links {
  margin-top: 0.3rem;
}

.footer-links a:first-child {
  margin-left: 0;
}

.footer-bots {
  display: inline-block;
}

footer a:hover,
footer a:focus-visible {
  color: #000;
  border-bottom-color: #000;
}

.guide li {
  line-height: 2.5em;
  height: auto;
}

.spaced-list {
  padding-left: 1.5em;
}

.spaced-list li + li {
  margin-top: 0.5em;
}

.blog .date {
  font-size: 0.8em;
}

.blog .desc a {
  border-bottom: solid 1px #DEDEDE;
}

.podcast .date {
  font-size: 0.8em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

h1 {
  font-size : 1.6em;
  margin: 5px 0;
  line-height: 1.6em;
  text-wrap: balance;
}

h2 {
  font-size : 1.2em;
  margin: 0.5em 0;
}

h3 {
  font-size : 1.1em;
  margin: 0.3em 0;
}

h4 {
  font-size : 1em;
  margin: 0;
}

h5 {
  font-size : 0.9em;
  margin: 0;
}

h6 {
  font-size : 0.8em;
  margin: 0;
}

#topic_contents ol, #topic_contents ul {padding: 0 0 0 1.5em; margin-top:0;line-height:1.8em }
#topic_contents a, .comment_contents a {border-bottom: dotted 1px #AAAAAA; word-break: break-all;}

.comment_contents a[href*="/news.hada.io/"] {
  font-weight:bold;
}

#topic_contents a[href*="/news.hada.io/"]::before, .comment_contents a[href*="/news.hada.io/"]::before {
    display:inline-flex;
    background-size: 16px;
    width:16px;
    height:12px;
    content:" ";
    margin: 0 3px 0 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5gIWBR4HT5VhiwAAAKlJREFUSMfNVsEWgCAICx///8vrWj0RhinulislGMPrKoZ8nuHwWSCyF4Jr2QC6aEyEK6BEiTDJD8uCZAqR5OFlAAuE2P1zdVIPQpBRXhgNMC0Z5V8ZaA8SG70HUSOyysHyMM4qaf0zgaSyp9F2HuYFUAINqDXaIeK4Xvd7JTQixHr4vTYyib9nf2YcsxvDKKVYty0lnGvWtbpOWN4FIxUjMQuE6YAjLPgGJoE3KG0vyPcAAAAASUVORK5CYII=');
}

/* .geeknews::before {
  display:inline-flex;
  width:15px;
  height:17px;
  content:" ";
  margin: 0px -8px 0px 5px;
  background: url('data:image/png;base64,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') no-repeat transparent;
} */


#msg, #msg a {
  color: red;
  margin: 10px 5px;
}

#dirty {
  color: green;
  font-size: 0.4em;
  vertical-align: super;
}

label {
  vertical-align: middle;
  word-break: keep-all;
}

.button {
    font-size: 1em;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    /* padding: 10px; */
    width:100px;
    margin:5px;
    vertical-align: middle;
}

.comment-form { 
  border-spacing: 0px 20px;
}

.comment_button {
  border-radius: 4px;
  width:100px;
  margin: 5px;
  height: 100%;
}
  
.form-container {
  padding: 2em;
  font-size: 1em;
}

.border {
  border: 1px solid #999999;
  border-radius: 4px;
}

.padding {
  padding: 2em;
}

.desc-container {
  max-width:600px;
  font-size: 11px;
}

.desc-container li {
  padding-top:5px;
}

.login-form { 
  display: table; 
}
.login-form .group     { 
  display: table-row;  
  height: 2em;
}
.login-form .group .label { display: table-cell; padding: 0 5px;}
.login-form .group .input { display: table-cell; }


.u {  
  border-bottom: solid 1px #DEDEDE;
}

.ud {  
  border-bottom: dotted 1px #AAAAAA;
}

.hide { 
  display: none; 
}

.karma {
  padding-left: 3px;
}

.selected {
  color: #000065;
  font-weight: 700;
  border-bottom: solid 1px hsl(240, 100%, 20%);
}

.bold {
  font-weight: bolder;
}

.blue {
  color: #000065;
}

.mine {
  color: #000065;
  font-family: 'Times New Roman', Times, serif;
}

#userid {
    text-transform: lowercase;
}

.tacenter {
  text-align: center;
}

.headline {
  padding:1em;
  border-bottom: 1px solid #000065;
  margin-bottom: 2em;
}

.bookmarklet {
  background-color: #DEDEDE;
  padding: 0.5em;
  font-weight: bold;
  border : 1px solid #000065;
}

.c99 {
  color: #777777;
}

.form-table {
  max-width: 380px;
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  row-gap: 6px;
  column-gap: 10px;
  word-break: keep-all;
}

table.comment-table {
  max-width: 38rem;
}

div.comment-table {
  max-width: 38rem;
  margin-top: 5px;
}

.link a::after {
  display:inline-flex;
  background-size: 12px;
  width:12px;
  height:12px;
  content:" ";
  margin: 0 3px 0 5px;
  background-image: url('data:image/png;base64,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');
}

mark {
  background-color: #FFD700;
}

.comment_row {
  border-bottom: 1px solid #EEEEEE;
}

/* Markdown */

#preview {
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  /* Topic Desc */
  color : #777777;
  font-size : 0.9em;
  word-break: keep-all;
  line-height: 1.6em;
}

#preview h1 {
  font-size : 1.1em;
  line-height: 1.3em;
  text-wrap: balance;
}

#preview h2 {
  font-size : 1.05em;
  margin: 0;
}

#preview h3 {
  font-size : 1em;
  margin: 0;
}



blockquote, q {
	quotes: none;
  margin: 0 0 1em;
	padding: 0 1em;
	border: 0;
  border-left: 5px solid #eee;
}

.userinfo {
  display: grid;
  grid-template-columns: 70px 300px;
  border-bottom: 1px dotted #777;
  border-color: #777;
  row-gap: 6px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 400px;
  align-items: center;
}
.userinfo:last-child {
  border: none;
}
.userinfo .profile-data {
  grid-column-start: 2;
}
.userinfo form {
  display: grid;
  grid-template-columns: 70px 300px;
  row-gap: 6px;
  align-items: center;
}

.userinfo .authcode {
  text-decoration: none;
  cursor: pointer;
  border-bottom: dashed 1px #000065;
}

.profile-page {
  width: 100%;
}

.profile-shell {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.profile-hero,
.badge-lens,
.profile-settings {
  border-bottom: 1px dotted #777;
  padding-bottom: 1rem;
}

.profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
  gap: 1rem;
}

.profile-hero-main {
  min-width: 0;
}

.profile-kicker,
.page-kicker {
  font-size: 0.78em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #777;
}

.profile-title,
.badge-detail-page h1,
.page-intro h1 {
  margin: 0.1rem 0 0.35rem;
  font-size: 1.75em;
  line-height: 1.2;
}

.profile-meta-line,
.badge-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  color: #777;
  font-size: 0.85em;
}

.profile-about,
.page-summary,
.badge-detail-description {
  line-height: 1.7;
  margin-top: 0.55rem;
}

.profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  margin-top: 0.7rem;
}

.profile-link-chip {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

.profile-hero-side {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-top: 0.2rem;
}

.profile-side-link {
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

.profile-side-link:hover,
.profile-side-link:focus-visible {
  border-bottom-color: currentColor;
}

.badge-row-label {
  font-size: 0.78em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 0.35rem;
}

.badge-row-label-link {
  text-decoration: none;
}

.badge-icon-strip,
.badge-group-items,
.catalog-group-items,
.badge-series-grid,
.badge-owner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.35rem;
}

.badge-row {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-top: 0.55rem;
}

.badge-icon-link,
.badge-card,
.badge-series-item,
.catalog-badge-card,
.badge-owner-chip {
  text-decoration: none;
}

.badge-icon-link,
.badge-card,
.badge-series-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0;
}

.badge-icon-link:hover,
.badge-card:hover,
.badge-series-item:hover,
.catalog-badge-card:hover,
.profile-link-chip:hover {
  background: none;
}

.badge-empty-hint,
.badge-editor-note,
.badge-collection-note,
.smalltext.c99 {
  color: #777;
  font-size: 0.85em;
}

.badge-editor,
.badge-collection,
.catalog-group,
.badge-detail-block {
  padding-top: 0.75rem;
}

.badge-editor summary,
.badge-collection summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
}

.badge-editor summary::-webkit-details-marker,
.badge-collection summary::-webkit-details-marker {
  display: none;
}

.badge-editor-count {
  display: inline-block;
  min-width: 1.5em;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.badge-editor-grid {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-top: 0.75rem;
}

.badge-editor-group-title,
.catalog-group-header .badge-row-label,
.badge-group-title {
  font-weight: 700;
}

.badge-editor-group-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.badge-select-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.35rem;
  border-radius: 12px;
  cursor: pointer;
}

.badge-select-item input {
  margin: 0;
}

.badge-select-item .badge-select-item-title {
  white-space: nowrap;
}

.badge-select-item input:checked ~ .badge-select-item-icon {
  outline: 1px dotted currentColor;
  outline-offset: 2px;
  border-radius: 10px;
}

.badge-select-item input:checked ~ .badge-select-item-title {
  font-weight: 700;
}

.profile-form-grid {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 0.45rem 0.6rem;
  align-items: center;
}

.profile-form-actions {
  margin-top: 0.6rem;
}

.profile-email-box {
  display: grid;
  gap: 0.35rem;
  margin-top: 1rem;
}

.profile-email-box input[type="email"] {
  width: min(100%, 28rem);
}

.catalog-group {
  border-top: 1px dotted #777;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.badge-catalog-section + .badge-catalog-section {
  margin-top: 2.5rem;
}

.catalog-section-title {
  margin: 0 0 0.65rem;
  font-size: 1.12em;
  line-height: 1.35;
  font-weight: 700;
  position: relative;
  top: -1px;
}

.catalog-group-shell {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}

.catalog-group-header {
  display: grid;
  gap: 0.2rem;
  margin-bottom: 0;
  align-self: center;
}

.catalog-line-label {
  display: inline-flex;
  align-items: center;
  min-height: var(--badge-icon-size-base, 24px);
  color: #777;
  font-size: 0.84em;
  line-height: 1.25;
  font-weight: 700;
  position: relative;
  top: -1px;
}

.catalog-badge-card {
  display: grid;
  grid-template-columns: var(--badge-icon-size-base, 24px) minmax(0, 1fr);
  align-items: start;
  gap: 0.45rem;
  padding: 0.15rem 0;
  min-width: 0;
}

.catalog-badge-card img {
  display: block;
  border-radius: 3px;
}

.catalog-badge-card.is-owned img {
  outline: 1px dotted rgba(0, 0, 0, 0.45);
  outline-offset: 2px;
}

.catalog-badge-card--icon-only {
  grid-template-columns: var(--badge-icon-size-base, 24px);
  gap: 0;
  padding: 0.05rem 0;
}

.catalog-badge-card-text {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.catalog-badge-card-title {
  font-size: 0.95em;
  line-height: 1.35;
}

.catalog-badge-card-subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.18rem;
  color: #777;
  font-size: 0.8em;
}

.catalog-group-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.35rem 1rem;
}

.catalog-group-items--icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.25rem;
  align-items: center;
  min-height: var(--badge-icon-size-base, 24px);
}

.catalog-group-items--compact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.25rem;
  align-items: center;
  min-height: var(--badge-icon-size-base, 24px);
}

.catalog-group--compact .catalog-group-shell {
  grid-template-columns: 110px minmax(0, 1fr);
}

.catalog-group--supporter-inline {
  padding-top: 0.3rem;
}

.catalog-supporter-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1rem;
  align-items: center;
}

.catalog-supporter-year {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.catalog-meta-divider {
  color: #b1b1b1;
}

.catalog-badge-state.owned {
  font-weight: 700;
}

.badge-detail-page {
  width: 100%;
}

.badge-detail-hero {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #777;
}

.badge-detail-icon img {
  display: block;
  width: 96px;
  height: 96px;
}

.badge-detail-block {
  border-top: 1px dotted #777;
}

.badge-step-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 0.4rem;
}

.badge-step-item {
  padding-top: 0.2rem;
}

.badge-step-key {
  font-size: 0.76em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #777;
}

.badge-step-name {
  font-weight: 700;
}

.badge-step-threshold {
  color: #777;
  font-size: 0.85em;
}

.badge-series-item.is-current,
.badge-card.is-current {
  outline: 1px dotted rgba(0, 0, 0, 0.45);
  outline-offset: 2px;
}

.page-intro {
  padding-bottom: 0.75rem;
  border-bottom: 1px dotted #777;
}

.badge-empty-state {
  padding: 1rem 0;
  color: #777;
}

.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  margin: 4px 0;
}

.table-responsive table {
  width: auto;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout:fixed;
}

.table-responsive table th,
.table-responsive table td {
  border: 1px solid #ccc;
  padding: 4px 12px 3px 12px;
  text-align: left;
  white-space: break-all;
}

.table-responsive table th {
  background: #f9f9f9;
  font-weight: bold;
}

.table-responsive table tr:nth-child(even) {
  background: #fafafa;
}

@media (prefers-color-scheme: dark) {
  .table-responsive table {
    color: #ddd;
  }

  .table-responsive table th {
    background: #222;
    color: #eee;
  }

  .table-responsive table td {
    background: #111;
    color: #ddd;
  }

  .table-responsive table tr:nth-child(even) td {
    background: #1a1a1a;
  }

  .table-responsive table,
  .table-responsive table th,
  .table-responsive table td {
    border-color: #444;
  }
}

@media (max-width: 760px) {
  .catalog-group-shell {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  .catalog-group-items {
    grid-template-columns: 1fr;
    gap: 0.3rem;
  }

  .catalog-group-items--icons {
    gap: 0.3rem 0.4rem;
  }

  .catalog-group--compact .catalog-group-shell {
    grid-template-columns: 1fr;
  }

  .catalog-supporter-inline {
    gap: 0.45rem 0.8rem;
  }

  .catalog-supporter-year {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

/* Mobile */
@media only screen
and (max-device-width : 812px) {
  main {
    width: 100%; 
    margin: auto; 
    padding: 0 5px 0 5px;
  }

  input[type='text'],
  input[type='number'],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="submit"],
  input[type="search"],
  textarea {
    font-size: 16px;
    border-radius: 1px;
  }

  nav {
    max-width:100% !important;
    font-size:12px;
  }

  article {
    max-width:100% !important;
  }

  .doc-container {
    padding: 0em !important;
  }

  a.upvote {
    padding: 3px;
    font-size: 1.1em;
  }

  td.votenum {
    width: 5px;
    font-size: 0.5em;
  }

  .topic_row {
    display: grid;
    grid-template-columns: 6px 24px 1fr;
  }

  .topic_row .votenum {
    font-size: 0.5em;
  }

  article .next {
    margin-left: 6px;
  }

  .userinfo {
    grid-template-columns: 70px 220px;
    width: 100%;
  }
  .userinfo form {
      grid-template-columns: 70px 220px;
  }
  .topic-table {
    margin-right: 10px;
  }
  .comment_thread {
    margin-right: 10px;
  }
  #topic_contents ol, #topic_contents ul {
    padding: 0 0 0 1em;
  }
}

@media only screen and (max-width: 812px) {
  .footer-desktop {
    display: none;
  }

  .footer-mobile {
    display: block;
  }

  .footer-links-mobile {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.7rem;
    line-height: 1.7em;
  }

  .footer-links-mobile a {
    margin-left: 0;
    white-space: nowrap;
  }
}

/* Dark Mode */ 
@media (prefers-color-scheme: dark) {
  body {
    background: #1F2023;
    color: #E5E5E5;
  }

  footer {
    background: #383B40;
    color: #b1b1b1;
  }

  footer a {
    color: #f0f0f0;
    border-bottom-color: transparent;
  }

  .referrer {
    background-color: #2f464a;
    color: #afac8e;
  }

  header {
    background: #383B40;
    color: #b1b1b1;
  }

  .profile-hero,
  .badge-lens,
  .profile-settings,
  .badge-detail-page .badge-detail-hero,
  .badge-detail-block,
  .catalog-group,
  .page-intro {
    border-bottom-color: #515151;
    border-top-color: #515151;
  }

  .profile-kicker,
  .page-kicker,
  .profile-meta-line,
  .badge-detail-meta,
  .badge-row-label,
  .badge-empty-hint,
  .badge-editor-note,
  .badge-collection-note,
  .smalltext.c99,
  .catalog-badge-card-subtitle,
  .badge-step-key,
  .badge-step-threshold {
    color: #b1b1b1;
  }

  .badge-icon-link:hover,
  .badge-card:hover,
  .badge-series-item:hover,
  .catalog-badge-card:hover,
  .profile-link-chip:hover {
    background: rgba(255, 255, 255, 0.05);
  }
    
  textarea , input {
    border : 1px solid #b1b1b1;
    background: #383B40;
    color: #b1b1b1;
  }

  a {
    color: #E5E5E5;
  }

  .topictitle a:visited {
    color: #515151; 
  }

  .topicurl {
    font-size : 0.7em;
    color:#b1b1b1;
  }
  
  .topicinfo , .commentinfo , .commentreply , .smalltext {
    color : #b1b1b1;
    font-size : 0.8em;
  }

  .watch {
    color : #b1b1b1;
    font-size : 12px;
  }
  
  .topicdesc {
    color : #414141;
    font-size : 0.9em;
    word-break: break-all;
  }
  
  .topicinfo a, a.upvote, .commentinfo a , .commentreply a {
    color : #b1b1b1;
  }
  
  .topic_contents, .topic .topic_contents {
    color : #b1b1b1;
  }
  
  td.vote {
    color : #b1b1b1;
  }
  
  .commentTD {
    color : #b1b1b1;
  }

  .button {
    color: #b1b1b1;
  }

  .comment_button {
    color: #b1b1b1;
  }

  .border {
    border: 1px solid #515151;
  }

  .u {  
    border-bottom: solid 1px #515151;
  }

  .blog .desc a {
    border-bottom: solid 1px #515151;
  }

  .ud {  
    border-bottom: dotted 1px #515151;
  }

  footer a:hover,
  footer a:focus-visible {
    color: #ffffff;
    border-bottom-color: #ffffff;
  }

  .selected {
    color:  #6666FF;
    border-bottom: solid 1px #6666FF;
  }

  .mine {
    color: #000065;
    font-family: 'Times New Roman', Times, serif;
  }

  .headline {
    border-bottom: 1px solid #6666FF;
  }

  .bookmarklet {
    background-color: #515151;
    border : 1px solid #6666FF;
  }

  .c99 {
    color: #A2A3A4;
  }

  #msg, #msg a{
    color: #FF8787;
    margin: 10px 5px;
  }

  .mine {
    color: #6666FF;
  }
  
  .link a::after {
    display:inline-flex;
    background-size: 12px;
    width:12px;
    height:12px;
    content:" ";
    margin: 0 3px 0 5px;
    background-image: url('data:image/png;base64,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');
  }

  .sponsor {
    border: 1px solid #525252;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #313131;
  }

  .comment_row {
    border-bottom: 1px solid #313131;
  }  

  .comments .comment_row {
    border-bottom: 1px solid #313131;
  }

  #preview {
    border: 1px solid #777;
    border-radius: 3px;
    /* Topic Desc */
    color : #b1b1b1;
    font-size : 0.9em;
    word-break: keep-all;
    line-height: 1.6em;
  }

  #topic_contents a[href*="/news.hada.io/"]::before, .comment_contents a[href*="/news.hada.io/"]::before {
      display:inline-flex;
      background-size: 16px;
      width:16px;
      height:12px;
      content:" ";
      margin: 0 3px 0 5px;
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5gIWBSM6fRVlJAAAAMdJREFUSMfNVksOxSAIrIZDekRu2a5MCAEGfPZZdjhRvgNe12FpUmHmW+pjjLbDCDPf8C1t3DtbdcDDetrDl4QiUDplRVHBw7KgVHv4PK/iUidkcHdpdLkpSr10ZDVLGtcBUdZzlIksrjPQJ7iLcplApK2G0miVo4pbND9J/Q8K4vGb0v9pLHTglBDq1ixDrHvy3LtP2R5BBlb/Az0aErt3f3kdVx+ekeqIrcAmTtnJ9evU8ibhcRa4XazXZ2YX6B8SYsAnpvADyGzT6LoRgt4AAAAASUVORK5CYII=');
  }
  

} /* End of Darkmode */

hr.inset {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 1em;
}

.keepall {
  word-break: keep-all;
}

.breakall {
  word-break: break-all;
}

.errorinput {
  background-color: #fce4e4;
  border: 1px solid #cc0033;
  outline: none;
}

.topictitle a:hover {
  border-bottom: 1px solid #919191;
}

hr {
  border: none;
  border-top: 1px dotted #777;
  color: #777;
  overflow: visible;
  text-align: center;
  height: 5px;
}

.inline {
  display: inline;
}

ol {
  line-height: 1.8em;
}

.comment_contents H1,
.comment_contents H2,
.comment_contents H3,
.comment_contents H4,
.comment_contents H5,
.comment_contents H6{
  font-size: 1.1em !important;
}

pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

pre,
code {
  font-family : 'SF Mono', SFMono-Regular, 'D2Coding', ui-monospace, Menlo, Consolas, monospace;
}

dt, dd { float:left; margin-top: 10px; font-size: 1.1em; }
dt { clear: both; font-weight: 550; text-decoration: underline; text-underline-offset: 5px; min-width: 11em; overflow: hidden;}