/* The 2013 page content and desktop layout keep their existing styles. */
@media (max-width:760px) {
 body.mobile-dock-enabled {
  padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));
  scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));
 }
 .mobile-bottom-nav.mobile-glass-nav {
  display:none;
  position:fixed;
  z-index:1000;
  left:12px;
  right:12px;
  bottom:calc(10px + env(safe-area-inset-bottom,0px));
  width:calc(100% - 24px);
  max-width:430px;
  height:72px;
  box-sizing:border-box;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:3px;
  margin:0 auto;
  padding:5px;
  border:1px solid #c2d8e2;
  border-radius:30px;
  background:#f6fbfd;
  color:#344f61;
  box-shadow:0 5px 22px rgba(42,75,94,.14),0 1px 4px rgba(42,75,94,.08);
  -webkit-tap-highlight-color:transparent;
  isolation:isolate;
  transform:translateY(0);
  opacity:1;
  transition:transform .18s ease,opacity .18s ease;
 }
 body.mobile-dock-enabled .mobile-bottom-nav.mobile-glass-nav { display:grid; }
 body[data-page=write].mobile-dock-enabled .mobile-bottom-nav.mobile-glass-nav { display:none; }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:0;
  min-height:58px;
  margin:0;
  padding:4px 2px;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:25px;
  background:transparent;
  color:#3d5364;
  text-align:center;
  text-decoration:none;
  font:normal 12px/16px var(--nuda-font,"굴림",Gulim,sans-serif);
  cursor:pointer;
  touch-action:manipulation;
  transition:background-color .15s ease,color .15s ease;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link:visited { color:#3d5364; }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[data-mobile-page=write] {
  background:#e5f2f8;
  color:#225d78;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[aria-current=page],
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[aria-current=page]:visited {
  background:#dceff8;
  color:#115774;
  border-color:#b9dbe9;
  font-weight:normal;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link:active { background:#cfe7f3; }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link:focus-visible {
  outline:2px solid #175d80;
  outline-offset:1px;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-icon {
  display:flex;
  flex:0 0 26px;
  align-items:center;
  justify-content:center;
  width:28px;
  height:26px;
  line-height:0;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-image {
  display:block;
  flex:none;
  width:auto;
  height:auto;
  max-width:19px;
  max-height:19px;
  object-fit:contain;
 }
 .mobile-bottom-nav.mobile-glass-nav .mobile-glass-label {
  display:block;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font:inherit;
  line-height:16px;
 }
 body.mobile-dock-enabled #restore-toast {
  bottom:calc(104px + env(safe-area-inset-bottom,0px));
 }
 body.mobile-nav-scroll-hidden .mobile-bottom-nav.mobile-glass-nav:not(:focus-within) {
  transform:translateY(calc(100% + 32px + env(safe-area-inset-bottom,0px)));
  opacity:0;
  pointer-events:none;
 }
 body.mobile-keyboard-open .mobile-bottom-nav.mobile-glass-nav,
 body.mobile-menu-open .mobile-bottom-nav.mobile-glass-nav,
 body.mobile-search-open .mobile-bottom-nav.mobile-glass-nav,
 body.mobile-nav-overlay-open .mobile-bottom-nav.mobile-glass-nav {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
 }
 body.mobile-keyboard-open #restore-toast { bottom:18px; }
 @supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))) {
  .mobile-bottom-nav.mobile-glass-nav {
   background:rgba(246,251,253,.94);
   -webkit-backdrop-filter:blur(18px) saturate(135%);
   backdrop-filter:blur(18px) saturate(135%);
  }
 }
 @media (prefers-reduced-transparency:reduce) {
  .mobile-bottom-nav.mobile-glass-nav {
   background:#f6fbfd;
   -webkit-backdrop-filter:none;
   backdrop-filter:none;
  }
 }
 @media (prefers-contrast:more) {
  .mobile-bottom-nav.mobile-glass-nav {
   border-color:#5b8195;
   background:#fff;
   -webkit-backdrop-filter:none;
   backdrop-filter:none;
  }
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[aria-current=page] { border-color:#175d80; }
 }
 @media (prefers-reduced-motion:reduce) {
  .mobile-bottom-nav.mobile-glass-nav,
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link { transition:none; }
 }
 @media (forced-colors:active) {
  .mobile-bottom-nav.mobile-glass-nav {
   border-color:CanvasText;
   background:Canvas;
   color:CanvasText;
   box-shadow:none;
   -webkit-backdrop-filter:none;
   backdrop-filter:none;
  }
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link,
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link:visited,
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[data-mobile-page=write] { background:Canvas; color:LinkText; }
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[aria-current=page],
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link[aria-current=page]:visited {
   border-color:Highlight;
   background:Highlight;
   color:HighlightText;
  }
  .mobile-bottom-nav.mobile-glass-nav .mobile-glass-link:focus-visible { outline-color:Highlight; }
 }
 @media print {
  .mobile-bottom-nav.mobile-glass-nav { display:none!important; }
  body.mobile-dock-enabled { padding-bottom:0; }
 }
 /* Keep the original table and squared form controls; make only small
    mobile usability adjustments to the existing content. */
 body[data-page=popular] .post_list_table .hit {
  display:table-cell;
  width:36px;
  padding-left:2px;
  padding-right:3px;
  text-align:right;
  white-space:nowrap;
  font-size:11px;
 }
 body[data-page=write] #write-form .restore-actions > button[type=submit] {
  min-width:88px;
  min-height:44px;
 }
 body[data-page=write] #write-form.mobile-write-simple > .restore-field {
  margin:10px 0;
 }
 body[data-page=write] #write-form.mobile-write-simple > label[for=entry-body] {
  display:block;
  margin:14px 0 6px;
  color:#444;
  font:12px/1.5 var(--nuda-font,"굴림",Gulim,sans-serif);
 }
 body[data-page=write] #write-form.mobile-write-simple #entry-title {
  min-height:40px;
  padding:8px;
  border:1px solid #b8bce2;
  border-radius:0;
 }
 body[data-page=write] #write-form.mobile-write-simple #entry-body {
  height:220px;
  min-height:220px;
  padding:10px;
  border:1px solid #c4d9de;
  border-radius:0;
  background:#fff;
  line-height:1.7;
  resize:vertical;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options {
  margin:12px 0;
  border:1px solid #c4d9de;
  border-radius:0;
  background:#fff;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options-summary {
  box-sizing:border-box;
  min-height:44px;
  padding:12px 8px;
  background:#edf8fb;
  color:#294e63;
  font:12px/18px var(--nuda-font,"굴림",Gulim,sans-serif);
  cursor:pointer;
  overflow-wrap:anywhere;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options[open] > .mobile-write-options-summary {
  border-bottom:1px solid #c4d9de;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options-summary::marker { color:#527f94; }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options-summary:focus-visible {
  outline:1px dotted #1a4a88;
  outline-offset:2px;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options-caption { font:inherit; }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options-value {
  float:right;
  margin-left:8px;
  color:#294e63;
  font:11px/18px var(--nuda-small,"돋움",Dotum,sans-serif);
  white-space:nowrap;
 }
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options > .restore-field,
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options > .restore-note,
 body[data-page=write] #write-form.mobile-write-simple .mobile-write-options > .diary-skin-picker { margin:10px 8px; }
 body[data-page=write] #write-form.mobile-write-simple > .restore-actions {
  gap:8px;
  margin:14px 0 4px;
 }
 body[data-page=write] #write-form.mobile-write-simple > .restore-actions > button[type=submit] {
  flex:1 1 120px;
  min-height:44px;
  border-color:#9cbdcc;
  border-radius:0;
  background:#e5f2f8;
  color:#1a4a66;
  font:12px/1.5 var(--nuda-font,"굴림",Gulim,sans-serif);
 }
 body[data-page=write] #write-form.mobile-write-simple > .restore-actions > a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  min-height:44px;
 }
}