/*
Theme Name: Midnight Blogger
Theme URI: https://superbthemes.com/simple-nova/midnight-blogger/
Author: SuperbThemescom
Author URI: https://superbthemes.com/ 
Description: Say hello to Midnight Blogger, the ultimate WordPress theme for bloggers and writers. Perfect for any niche, whether it's travel, fashion, lifestyle magazine, news, or photography. This theme is compatible with Elementor, Divi Page Builder, and Visual Composer. Enjoy a clean, minimal design which is beautiful, colorful and feature rich. Midnight Blogger is the fastest and most responsive theme, ensuring your site looks great on any device. It’s mobile friendly and optimized for search engines with built-in SEO and schema markup. Use Adsense, affiliate links, and advertisement banners easily. This theme is also Gutenberg and block editor compatible, making it easy to transform the minimalist design into other design styles. Ideal for portfolios, review writing, newspaper, and ecommerce with WooCommerce support, Midnight Blogger is your best choice for a simple, yet powerful blogging theme. Download it for free here on WordPress.org!
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.2
Template: simple-nova
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: midnight-blogger
Tags: blog, portfolio, news, one-column, two-columns, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, full-width-template, sticky-post, style-variations, template-editing, threaded-comments, translation-ready, wide-blocks
*/


/* Tistory-like memo layout, added by Codex 2026-07-04 */
:root {
  --memo-bg: #f1f1f1;
  --memo-paper: #ffffff;
  --memo-line: #dedede;
  --memo-soft-line: #ededed;
  --memo-text: #111111;
  --memo-muted: #777777;
}

html {
  background: var(--memo-bg) !important;
}

body,
.editor-styles-wrapper {
  background: var(--memo-bg) !important;
  color: var(--memo-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0;
}

body.home .wp-site-blocks {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  min-height: 100vh;
  background: var(--memo-paper);
  border-left: 1px solid var(--memo-line);
  border-right: 1px solid var(--memo-line);
  box-shadow: none;
}

.wp-site-blocks > header.wp-block-template-part {
  background: var(--memo-paper) !important;
  border-bottom: 1px solid var(--memo-line);
}

.wp-site-blocks > header .wp-block-group {
  max-width: none !important;
  min-height: 0 !important;
  padding: 22px 32px !important;
  gap: 18px !important;
  background: transparent !important;
}

.wp-site-blocks > header .wp-block-site-title,
.wp-site-blocks > header .wp-block-site-title a {
  color: var(--memo-text) !important;
  font-family: inherit !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

.wp-site-blocks > header .wp-block-navigation,
.wp-site-blocks > header .wp-block-navigation a {
  color: var(--memo-muted) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.wp-site-blocks > header .wp-block-buttons,
.wp-site-blocks > header .wp-block-button,
.wp-site-blocks > header .wp-block-button__link {
  display: none !important;
}

body.home .wp-site-blocks > .wp-block-group.alignfull:not(.blog-two-columns) {
  display: none !important;
}

body.home main.blog-two-columns {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: start;
  gap: 0;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--memo-paper) !important;
}

body.home main.blog-two-columns::before {
  content: "카테고리";
  white-space: pre-line;
  min-height: 520px;
  padding: 28px 24px;
  border-right: 1px solid var(--memo-line);
  color: var(--memo-muted);
  font-size: 13px;
  line-height: 2.15;
}

body.home main.blog-two-columns > * {
  grid-column: 2;
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

body.home main.blog-two-columns > .wp-block-heading {
  margin: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--memo-line);
  color: var(--memo-text) !important;
  font-family: inherit !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

body.home main.blog-two-columns > .wp-block-heading::after {
  content: "글 목록";
  font-size: 16px;
}

.wp-block-query,
.wp-block-post-template {
  margin-top: 0 !important;
  padding: 0 !important;
}

.wp-block-post-template {
  display: block !important;
}

.wp-block-post,
.wp-block-post-template > li {
  margin: 0 !important;
  padding: 18px 0 !important;
  border-bottom: 1px solid var(--memo-soft-line);
  background: transparent !important;
}

.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a {
  color: var(--memo-text) !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

.wp-block-post-title a:hover,
.entry-title a:hover,
a:hover {
  color: #444444 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-excerpt,
.wp-block-post-terms,
.wp-block-post-date a,
.wp-block-post-excerpt p {
  color: var(--memo-muted) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.wp-block-post-featured-image img {
  border-radius: 0 !important;
  border: 1px solid var(--memo-soft-line);
  box-shadow: none !important;
}

.single .wp-site-blocks,
.page .wp-site-blocks,
.archive .wp-site-blocks,
.blog .wp-site-blocks {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  background: var(--memo-paper);
  border-left: 1px solid var(--memo-line);
  border-right: 1px solid var(--memo-line);
}

.single main,
.page main,
.archive main,
.blog main {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 36px 32px !important;
  background: var(--memo-paper) !important;
}

.single h1,
.page h1,
.archive h1,
.blog h1 {
  color: var(--memo-text) !important;
  font-family: inherit !important;
  font-size: 24px !important;
  line-height: 1.45 !important;
  border-bottom: 1px solid var(--memo-line);
  padding-bottom: 16px;
}

.entry-content,
.wp-block-post-content {
  color: #222222 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

.wp-site-blocks > footer.wp-block-template-part {
  background: var(--memo-paper) !important;
  border-top: 1px solid var(--memo-line);
}

.wp-site-blocks > footer .wp-block-group {
  max-width: none !important;
  padding: 22px 32px !important;
  color: var(--memo-muted) !important;
  font-family: inherit !important;
  font-size: 12px !important;
}

.wp-site-blocks > footer .has-background,
.wp-site-blocks > footer .wp-block-group .wp-block-group {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.wp-site-blocks > footer .wp-block-social-links,
.wp-site-blocks > footer .wp-block-site-title {
  display: none !important;
}

@media (max-width: 760px) {
  body.home .wp-site-blocks,
  .single .wp-site-blocks,
  .page .wp-site-blocks,
  .archive .wp-site-blocks,
  .blog .wp-site-blocks {
    width: 100%;
    border-left: 0;
    border-right: 0;
  }

  .wp-site-blocks > header .wp-block-group {
    padding: 18px 18px !important;
  }

  body.home main.blog-two-columns {
    display: block !important;
  }

  body.home main.blog-two-columns::before {
    display: block;
    min-height: 0;
    padding: 16px 18px;
    border-right: 0;
    border-bottom: 1px solid var(--memo-line);
    line-height: 1.9;
  }

  body.home main.blog-two-columns > * {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .single main,
  .page main,
  .archive main,
  .blog main {
    padding: 26px 18px !important;
  }
}

/* Real WordPress category links in memo sidebar */
body.home main.blog-two-columns::before {
  display: none !important;
  content: none !important;
}

body.home main.blog-two-columns > .techitpick-memo-categories {
  grid-column: 1;
  grid-row: 1 / span 2;
  min-height: 520px;
  padding: 28px 24px;
  border-right: 1px solid var(--memo-line);
  color: var(--memo-muted);
  font-size: 13px;
  line-height: 1.9;
}

.techitpick-memo-categories__title {
  margin-bottom: 12px;
  color: var(--memo-text);
  font-weight: 600;
}

.techitpick-memo-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.techitpick-memo-categories li {
  margin: 0 0 8px;
  padding: 0;
}

.techitpick-memo-categories a {
  color: var(--memo-muted) !important;
  text-decoration: none !important;
}

.techitpick-memo-categories a:hover {
  color: var(--memo-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

@media (max-width: 760px) {
  body.home main.blog-two-columns > .techitpick-memo-categories {
    min-height: 0;
    padding: 16px 18px;
    border-right: 0;
    border-bottom: 1px solid var(--memo-line);
  }
}

/* Tistory reference layout correction, added by Codex 2026-07-04 */
:root {
  --tistory-sidebar-width: 300px;
  --tistory-bg: #f1f1f1;
  --tistory-paper: #ffffff;
  --tistory-line: #d9d9d9;
  --tistory-soft-line: #eeeeee;
  --tistory-text: #111111;
  --tistory-muted: #666666;
}

html,
body {
  margin: 0 !important;
  background: var(--tistory-bg) !important;
  color: var(--tistory-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
}

body.admin-bar .wp-site-blocks {
  min-height: calc(100vh - 32px);
}

.wp-site-blocks {
  width: auto !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 0 0 var(--tistory-sidebar-width) !important;
  background: var(--tistory-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.wp-site-blocks > header.wp-block-template-part {
  position: fixed !important;
  z-index: 30;
  left: 0;
  top: 0;
  width: var(--tistory-sidebar-width) !important;
  height: 100vh !important;
  overflow-y: auto;
  background: var(--tistory-paper) !important;
  border-right: 1px solid var(--tistory-line) !important;
  border-bottom: 0 !important;
}

body.admin-bar .wp-site-blocks > header.wp-block-template-part {
  top: 32px;
  height: calc(100vh - 32px) !important;
}

.wp-site-blocks > header .wp-block-group {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 96px 30px 34px !important;
  background: var(--tistory-paper) !important;
  border: 0 !important;
}

.wp-site-blocks > header .wp-block-group::before {
  content: "tistory";
  display: block;
  width: 270px;
  max-width: 100%;
  margin: -80px auto 42px;
  padding: 10px 0 9px;
  border-radius: 999px;
  background: #ff5548;
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}

.wp-site-blocks > header .wp-block-site-title,
.wp-site-blocks > header .wp-block-site-title a {
  display: block !important;
  margin: 0 0 38px !important;
  color: var(--tistory-text) !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-decoration: none !important;
}

.wp-site-blocks > header .wp-block-site-tagline {
  display: block !important;
  margin: -22px 0 28px !important;
  color: #111111 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.wp-site-blocks > header .wp-block-navigation,
.wp-site-blocks > header .wp-block-navigation__container {
  display: none !important;
}

.wp-site-blocks > header .wp-block-buttons,
.wp-site-blocks > header .wp-block-button,
.wp-site-blocks > header .wp-block-button__link {
  display: none !important;
}

main.blog-two-columns,
.blog main,
.archive main,
.single main,
.page main {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-height: 720px;
  margin: 0 !important;
  padding: 92px 0 80px !important;
  background: var(--tistory-bg) !important;
  border: 0 !important;
}

main.blog-two-columns::before {
  display: none !important;
  content: none !important;
}

.techitpick-memo-categories {
  position: fixed !important;
  z-index: 35;
  left: 0;
  top: 250px;
  width: var(--tistory-sidebar-width) !important;
  min-height: 0 !important;
  padding: 0 30px 40px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}

body.admin-bar .techitpick-memo-categories {
  top: 282px;
}

.techitpick-memo-categories__title {
  display: none !important;
}

.techitpick-memo-categories ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.techitpick-memo-categories li {
  margin: 0 0 11px !important;
  padding: 0 !important;
}

.techitpick-memo-categories a {
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

.techitpick-memo-categories a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

main.blog-two-columns > .wp-block-heading,
.blog main > .wp-block-heading,
.archive main > .wp-block-heading {
  width: min(820px, calc(100vw - var(--tistory-sidebar-width) - 120px)) !important;
  max-width: 820px !important;
  margin: 6px auto 42px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px dashed var(--tistory-line) !important;
  color: var(--tistory-text) !important;
  font-family: inherit !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

main.blog-two-columns > .wp-block-heading::after {
  content: none !important;
}

.wp-block-query,
.wp-block-post-template {
  width: min(1270px, calc(100vw - var(--tistory-sidebar-width) - 120px)) !important;
  max-width: 1270px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.wp-block-post-template {
  display: block !important;
  list-style: none !important;
}

.wp-block-post,
.wp-block-post-template > li {
  margin: 0 0 34px !important;
  padding: 34px 36px !important;
  background: var(--tistory-paper) !important;
  border: 1px solid var(--tistory-line) !important;
  box-shadow: none !important;
}

.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a {
  color: var(--tistory-text) !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-decoration: none !important;
}

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-excerpt,
.wp-block-post-terms,
.wp-block-post-date a,
.wp-block-post-excerpt p {
  color: var(--tistory-muted) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.single main,
.page main {
  padding-top: 92px !important;
}

.single main > *,
.page main > *,
.single .wp-block-post-content,
.page .wp-block-post-content,
.entry-content {
  width: min(1270px, calc(100vw - var(--tistory-sidebar-width) - 120px)) !important;
  max-width: 1270px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.single h1,
.page h1 {
  width: min(820px, calc(100vw - var(--tistory-sidebar-width) - 120px)) !important;
  max-width: 820px !important;
  margin: 6px auto 42px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px dashed var(--tistory-line) !important;
  color: var(--tistory-text) !important;
  font-family: inherit !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.wp-site-blocks > footer.wp-block-template-part {
  margin: 0 !important;
  padding: 54px 0 !important;
  background: var(--tistory-bg) !important;
  border-top: 1px solid var(--tistory-line) !important;
}

.wp-site-blocks > footer .wp-block-group,
.wp-site-blocks > footer .has-background,
.wp-site-blocks > footer .wp-block-group .wp-block-group {
  width: min(820px, calc(100vw - var(--tistory-sidebar-width) - 120px)) !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--tistory-muted) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  :root {
    --tistory-sidebar-width: 0px;
  }

  .wp-site-blocks {
    padding-left: 0 !important;
  }

  .wp-site-blocks > header.wp-block-template-part {
    position: static !important;
    width: auto !important;
    height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--tistory-line) !important;
  }

  body.admin-bar .wp-site-blocks > header.wp-block-template-part {
    top: auto;
    height: auto !important;
  }

  .wp-site-blocks > header .wp-block-group {
    padding: 76px 24px 28px !important;
  }

  .wp-site-blocks > header .wp-block-group::before {
    margin-top: -58px;
  }

  .techitpick-memo-categories,
  body.admin-bar .techitpick-memo-categories {
    position: static !important;
    width: auto !important;
    padding: 0 24px 24px !important;
    background: var(--tistory-paper) !important;
    border-bottom: 1px solid var(--tistory-line) !important;
  }

  main.blog-two-columns,
  .blog main,
  .archive main,
  .single main,
  .page main {
    padding: 40px 20px 64px !important;
  }

  main.blog-two-columns > .wp-block-heading,
  .blog main > .wp-block-heading,
  .archive main > .wp-block-heading,
  .wp-block-query,
  .wp-block-post-template,
  .single main > *,
  .page main > *,
  .single .wp-block-post-content,
  .page .wp-block-post-content,
  .entry-content,
  .single h1,
  .page h1,
  .wp-site-blocks > footer .wp-block-group,
  .wp-site-blocks > footer .has-background,
  .wp-site-blocks > footer .wp-block-group .wp-block-group {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Final specificity override for true left-sidebar Tistory layout */
body.home .wp-site-blocks,
body.blog .wp-site-blocks,
body.archive .wp-site-blocks,
body.single .wp-site-blocks,
body.page .wp-site-blocks {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 300px !important;
  background: #f1f1f1 !important;
  border: 0 !important;
}

body.home main.blog-two-columns,
body.blog main,
body.archive main,
body.single main,
body.page main {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 92px 0 80px !important;
  background: #f1f1f1 !important;
  border: 0 !important;
}

body.home main.blog-two-columns > .techitpick-memo-categories {
  position: fixed !important;
  z-index: 35 !important;
  left: 0 !important;
  top: 250px !important;
  width: 300px !important;
  min-height: 0 !important;
  padding: 0 30px 40px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body.admin-bar.home main.blog-two-columns > .techitpick-memo-categories {
  top: 282px !important;
}

body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading,
body.home main.blog-two-columns > .wp-block-heading {
  display: block !important;
  width: min(820px, calc(100vw - 420px)) !important;
  max-width: 820px !important;
  margin: 6px auto 42px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px dashed #d9d9d9 !important;
  color: #111111 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

body.home main.blog-two-columns > .wp-block-query,
body.home main.blog-two-columns > .wp-block-query .wp-block-post-template {
  width: min(1270px, calc(100vw - 420px)) !important;
  max-width: 1270px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

body.home main.blog-two-columns > *:not(.techitpick-memo-categories) {
  grid-column: auto !important;
  max-width: none;
}

body.home .wp-site-blocks > footer.wp-block-template-part {
  margin-left: 0 !important;
  background: #f1f1f1 !important;
}

body.home .wp-site-blocks > footer .wp-block-group,
body.home .wp-site-blocks > footer .has-background {
  width: min(820px, calc(100vw - 420px)) !important;
  max-width: 820px !important;
}

@media (max-width: 900px) {
  body.home .wp-site-blocks,
  body.blog .wp-site-blocks,
  body.archive .wp-site-blocks,
  body.single .wp-site-blocks,
  body.page .wp-site-blocks {
    padding-left: 0 !important;
  }

  body.home main.blog-two-columns > .techitpick-memo-categories,
  body.admin-bar.home main.blog-two-columns > .techitpick-memo-categories {
    position: static !important;
    width: auto !important;
    padding: 0 24px 24px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d9d9d9 !important;
  }

  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading,
  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .wp-block-query,
  body.home main.blog-two-columns > .wp-block-query .wp-block-post-template,
  body.home .wp-site-blocks > footer .wp-block-group,
  body.home .wp-site-blocks > footer .has-background {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Sidebar title and heading polish */
.wp-site-blocks > header .wp-block-site-title,
.wp-site-blocks > header .wp-block-site-title a {
  width: 240px !important;
  max-width: 240px !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  letter-spacing: 0 !important;
}

body.home main.blog-two-columns > .wp-block-heading {
  font-size: 0 !important;
}

body.home main.blog-two-columns > .wp-block-heading::after {
  content: "글 목록" !important;
  font-size: 21px !important;
}

/* Remove duplicated pseudo heading after real text replacement */
body.home main.blog-two-columns > .wp-block-heading {
  font-size: 21px !important;
  color: #111111 !important;
}

body.home main.blog-two-columns > .wp-block-heading::after {
  content: none !important;
  display: none !important;
}

/* Remove copied Tistory branding and tighten sidebar spacing */
.wp-site-blocks > header .wp-block-group {
  padding: 58px 30px 24px !important;
}

.wp-site-blocks > header .wp-block-group::before {
  display: none !important;
  content: none !important;
}

.wp-site-blocks > header .wp-block-site-title,
.wp-site-blocks > header .wp-block-site-title a {
  margin: 0 !important;
  width: 240px !important;
  max-width: 240px !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

body.home main.blog-two-columns > .techitpick-memo-categories {
  top: 142px !important;
  padding-top: 0 !important;
}

body.admin-bar.home main.blog-two-columns > .techitpick-memo-categories {
  top: 174px !important;
}

.techitpick-memo-categories li {
  margin-bottom: 10px !important;
}

@media (max-width: 900px) {
  .wp-site-blocks > header .wp-block-group {
    padding: 34px 24px 18px !important;
  }
}

/* Mobile sidebar cleanup */
@media (max-width: 900px) {
  html,
  body {
    overflow-x: hidden !important;
    background: #f1f1f1 !important;
  }

  .wp-site-blocks {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    padding-left: 0 !important;
    background: #f1f1f1 !important;
  }

  .wp-site-blocks > header.wp-block-template-part,
  body.admin-bar .wp-site-blocks > header.wp-block-template-part {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
  }

  .wp-site-blocks > header .wp-block-group {
    display: block !important;
    padding: 28px 22px 12px !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  .wp-site-blocks > header .wp-block-group::before {
    display: none !important;
    content: none !important;
  }

  .wp-site-blocks > header .wp-block-site-title,
  .wp-site-blocks > header .wp-block-site-title a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #111111 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }

  .wp-site-blocks > header .wp-block-navigation,
  .wp-site-blocks > header .wp-block-navigation__responsive-container-open,
  .wp-site-blocks > header .wp-block-navigation__responsive-container,
  .wp-site-blocks > header .wp-block-navigation__container {
    display: none !important;
  }

  body.home main.blog-two-columns,
  body.blog main,
  body.archive main,
  body.single main,
  body.page main {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 52px !important;
    background: #f1f1f1 !important;
  }

  body.home main.blog-two-columns > .techitpick-memo-categories,
  body.admin-bar.home main.blog-two-columns > .techitpick-memo-categories {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 22px 22px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d9d9d9 !important;
    box-sizing: border-box !important;
  }

  .techitpick-memo-categories ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .techitpick-memo-categories li {
    margin: 0 0 9px !important;
  }

  .techitpick-memo-categories a {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading {
    width: auto !important;
    max-width: none !important;
    margin: 32px 22px 22px !important;
    padding: 0 0 11px !important;
    font-size: 20px !important;
    border-bottom: 1px dashed #d9d9d9 !important;
  }

  body.home main.blog-two-columns > .wp-block-query,
  body.home main.blog-two-columns > .wp-block-query .wp-block-post-template {
    width: auto !important;
    max-width: none !important;
    margin: 0 22px !important;
    padding: 0 !important;
  }

  .wp-block-post,
  .wp-block-post-template > li {
    padding: 24px 20px !important;
    margin-bottom: 24px !important;
  }

  .wp-site-blocks > footer.wp-block-template-part {
    width: 100% !important;
    margin: 0 !important;
    padding: 36px 22px !important;
    background: #f1f1f1 !important;
    box-sizing: border-box !important;
  }

  .wp-site-blocks > footer .wp-block-group,
  .wp-site-blocks > footer .has-background,
  .wp-site-blocks > footer .wp-block-group .wp-block-group {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Post list and single article readability polish */
:root {
  --techit-content-width: 1270px;
  --techit-readable-width: 1100px;
  --techit-page-gap: 120px;
}

body,
button,
input,
select,
textarea {
  font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif !important;
}

/* 1. Align home list heading with post cards */
body.home main.blog-two-columns > .wp-block-heading,
body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading {
  width: min(var(--techit-content-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-content-width) !important;
  margin: 70px auto 42px !important;
  padding: 0 0 13px !important;
  border-bottom: 1px dashed #d4d4d4 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
}

body.home .wp-block-post,
body.home .wp-block-post-template > li {
  padding: 34px 36px !important;
  border: 1px solid #d8d8d8 !important;
  background: #ffffff !important;
}

body.home .wp-block-post-title,
body.home .wp-block-post-title a {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* 2. Keep sidebar categories visible outside home */
body.single .techitpick-memo-categories,
body.page .techitpick-memo-categories,
body.archive .techitpick-memo-categories,
body.blog .techitpick-memo-categories {
  position: fixed !important;
  z-index: 35 !important;
  left: 0 !important;
  top: 174px !important;
  width: 300px !important;
  padding: 0 30px 40px !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

body.admin-bar.single .techitpick-memo-categories,
body.admin-bar.page .techitpick-memo-categories,
body.admin-bar.archive .techitpick-memo-categories,
body.admin-bar.blog .techitpick-memo-categories {
  top: 174px !important;
}

/* 3. Single post title/meta/content share the same reading axis */
body.single main,
body.page main {
  padding: 72px 0 88px !important;
  background: #f1f1f1 !important;
}

body.single h1.wp-block-post-title,
body.single h1,
body.page h1 {
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 0 auto 18px !important;
  padding: 0 42px 14px !important;
  box-sizing: border-box !important;
  border-bottom: 1px dashed #d4d4d4 !important;
  text-align: left !important;
  color: #111111 !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

body.single .wp-block-post-date,
body.single time,
body.page .wp-block-post-date,
body.page time {
  display: block !important;
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 0 auto 28px !important;
  padding: 0 42px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  color: #777777 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* 4. Hide author display and leftover separators */
body.single .wp-block-post-author,
body.single .wp-block-post-author-name,
body.single .wp-block-post-author__name,
body.single .post-author,
body.single .byline,
body.single [rel="author"] {
  display: none !important;
}

body.single .wp-block-group:has(.wp-block-post-author) {
  column-gap: 0 !important;
}

/* 5-6. White readable article panel with stronger typography */
body.single .entry-content,
body.single .wp-block-post-content,
body.page .entry-content,
body.page .wp-block-post-content {
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 0 auto !important;
  padding: 46px 42px 54px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  color: #1f1f1f !important;
  font-size: 17px !important;
  line-height: 1.95 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

body.single .entry-content p,
body.single .wp-block-post-content p,
body.page .entry-content p,
body.page .wp-block-post-content p {
  margin: 0 0 24px !important;
}

body.single .entry-content p:first-child,
body.single .wp-block-post-content p:first-child {
  padding: 22px 24px !important;
  margin-bottom: 34px !important;
  background: #f7f7f7 !important;
  border-left: 4px solid #222222 !important;
  color: #222222 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

body.single .entry-content h2,
body.single .entry-content h3,
body.single .wp-block-post-content h2,
body.single .wp-block-post-content h3,
body.single .entry-content p strong,
body.single .wp-block-post-content p strong {
  color: #111111 !important;
  font-weight: 800 !important;
}

body.single .entry-content p:has(strong),
body.single .wp-block-post-content p:has(strong) {
  margin-top: 34px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e8e8e8 !important;
}

body.single .entry-content a,
body.single .wp-block-post-content a {
  color: #005fcc !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.single .wp-site-blocks > footer.wp-block-template-part,
body.page .wp-site-blocks > footer.wp-block-template-part {
  background: #f1f1f1 !important;
}

@media (max-width: 900px) {
  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading,
  body.single h1.wp-block-post-title,
  body.single h1,
  body.page h1,
  body.single .wp-block-post-date,
  body.single time,
  body.single .entry-content,
  body.single .wp-block-post-content,
  body.page .entry-content,
  body.page .wp-block-post-content {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading {
    margin-top: 30px !important;
  }

  body.single h1.wp-block-post-title,
  body.single h1,
  body.page h1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 22px !important;
  }

  body.single .wp-block-post-date,
  body.single time,
  body.page .wp-block-post-date,
  body.page time {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single .entry-content,
  body.single .wp-block-post-content,
  body.page .entry-content,
  body.page .wp-block-post-content {
    padding: 30px 22px 38px !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
  }
}

/* Final author/date/comment alignment cleanup */
body.home .wp-block-post-author,
body.home .wp-block-post-author-name,
body.home .wp-block-post-author__name,
body.home [rel="author"],
body.home .byline,
body.home .wp-block-post-template .wp-block-group:has(.wp-block-post-author),
body.home .wp-block-post-template .wp-block-group:has([rel="author"]) {
  display: none !important;
}

body.single main .wp-block-group.is-nowrap:has(.wp-block-post-date),
body.single main .wp-block-group.is-nowrap:has(time) {
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 0 auto 28px !important;
  padding: 0 42px !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

body.single main .wp-block-group.is-nowrap:has(.wp-block-post-date) > *:not(.wp-block-post-date),
body.single main .wp-block-group.is-nowrap:has(time) > *:not(.wp-block-post-date) {
  display: none !important;
}

body.single .wp-block-post-date,
body.single .wp-block-post-date time,
body.single time {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #777777 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.single .wp-block-comments,
body.single .wp-block-post-comments-form,
body.single .comment-respond,
body.single .comments-area {
  display: none !important;
}

body.single .entry-content,
body.single .wp-block-post-content {
  box-shadow: 0 1px 0 rgba(0,0,0,0.02) !important;
}

body.single .entry-content p,
body.single .wp-block-post-content p {
  color: #202020 !important;
}

@media (max-width: 900px) {
  body.single main .wp-block-group.is-nowrap:has(.wp-block-post-date),
  body.single main .wp-block-group.is-nowrap:has(time) {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Remove orphan meta separators after hiding author */
body.home .wp-block-post-template .wp-block-group.is-nowrap:has(.wp-block-post-date) > *:not(.wp-block-post-date),
body.home .wp-block-post-template .wp-block-group.is-nowrap:has(time) > *:not(.wp-block-post-date),
body.home .wp-block-post-template .wp-block-group.is-nowrap:has([rel="author"]) > *:not(.wp-block-post-date),
body.single main .wp-block-group.is-nowrap:has(.wp-block-post-date) > *:not(.wp-block-post-date),
body.single main .wp-block-group.is-nowrap:has(time) > *:not(.wp-block-post-date) {
  display: none !important;
}

/* Recover home post content while keeping author hidden */
body.home .wp-block-post-template .wp-block-group:has(.wp-block-post-author),
body.home .wp-block-post-template .wp-block-group:has([rel="author"]) {
  display: block !important;
}

body.home .wp-block-post-template .wp-block-group.is-nowrap:has(.wp-block-post-date),
body.home .wp-block-post-template .wp-block-group.is-nowrap:has(time) {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

body.home .wp-block-post-author,
body.home .wp-block-post-author-name,
body.home .wp-block-post-author__name,
body.home [rel="author"],
body.home .byline {
  display: none !important;
}

body.home .wp-block-post-template .wp-block-group.is-nowrap:has(.wp-block-post-date) > *:not(.wp-block-post-date),
body.home .wp-block-post-template .wp-block-group.is-nowrap:has(time) > *:not(.wp-block-post-date) {
  display: none !important;
}

/* Force restore visible home post card content */
body.home .wp-block-post-template > li > .wp-block-group,
body.home .wp-block-post-template > li > .wp-block-group > .wp-block-group,
body.home .wp-block-post-template > li .wp-block-post-title,
body.home .wp-block-post-template > li .wp-block-post-date,
body.home .wp-block-post-template > li .wp-block-post-excerpt {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
}

body.home .wp-block-post-template > li > .wp-block-group {
  display: block !important;
}

body.home .wp-block-post-template > li .wp-block-group.is-nowrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 16px 0 22px !important;
}

body.home .wp-block-post-template > li .wp-block-post-author-name,
body.home .wp-block-post-template > li .wp-block-post-author,
body.home .wp-block-post-template > li [rel="author"],
body.home .wp-block-post-template > li .wp-block-group.is-nowrap p {
  display: none !important;
}

body.home .wp-block-post-template > li .wp-block-post-excerpt__excerpt {
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: #444444 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* Custom rendered home post list */
body.home main.blog-two-columns > .wp-block-query {
  display: none !important;
}

.techitpick-post-list {
  width: min(var(--techit-content-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-content-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.techitpick-post-card {
  display: block !important;
  margin: 0 0 30px !important;
  padding: 34px 36px !important;
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  box-sizing: border-box !important;
}

.techitpick-post-card__title {
  display: block !important;
  margin: 0 0 18px !important;
  color: #111111 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

.techitpick-post-card__date {
  margin: 0 0 22px !important;
  color: #777777 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.techitpick-post-card__excerpt {
  margin: 0 !important;
  color: #444444 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

@media (max-width: 900px) {
  .techitpick-post-list {
    width: auto !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  .techitpick-post-card {
    padding: 24px 20px !important;
  }
}

/* Align custom home cards with list heading */
@media (min-width: 901px) {
  body.home .techitpick-post-list {
    width: min(1270px, calc(100vw - 420px)) !important;
    max-width: 1270px !important;
    margin-left: max(18px, calc((100vw - 300px - 1270px) / 2)) !important;
    margin-right: 0 !important;
  }
}

/* Align home heading to custom card width */
@media (min-width: 901px) {
  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading {
    width: calc(100vw - 364px) !important;
    max-width: none !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

/* User requested final layout fixes: tag alignment, category counts, list left position */
@media (min-width: 901px) {
  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading,
  body.home .techitpick-post-list {
    width: calc(100vw - 664px) !important;
    max-width: none !important;
    margin-left: 64px !important;
    margin-right: 300px !important;
  }

  body.home .techitpick-post-card {
    width: 100% !important;
  }
}

.techitpick-memo-categories a {
  display: inline-block !important;
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Align single post tags/categories to the article start, not center */
body.single .taxonomy-post_tag,
body.single .taxonomy-category,
body.single .wp-block-post-terms,
body.single .wp-block-post-terms__separator,
body.single .wp-block-post-terms a {
  text-align: left !important;
}

body.single .taxonomy-post_tag,
body.single .taxonomy-category,
body.single .wp-block-post-terms {
  display: block !important;
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 22px auto 0 !important;
  padding: 0 42px !important;
  box-sizing: border-box !important;
  color: #555555 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

body.single .wp-block-post-terms a {
  color: #555555 !important;
  text-decoration: none !important;
}

body.single .wp-block-post-terms a:hover {
  color: #111111 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 900px) {
  body.single .taxonomy-post_tag,
  body.single .taxonomy-category,
  body.single .wp-block-post-terms {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Final single post tag/category position fix */
body.single main > .wp-block-group:has(.wp-block-post-terms),
body.single main > .wp-block-group:has(.taxonomy-post_tag),
body.single main > .wp-block-group:has(.taxonomy-category),
body.single .wp-block-post-content + .wp-block-group,
body.single .entry-content + .wp-block-group {
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 42px !important;
  padding-right: 42px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

body.single main > .wp-block-group:has(.wp-block-post-terms) .wp-block-post-terms,
body.single main > .wp-block-group:has(.taxonomy-post_tag) .wp-block-post-terms,
body.single main > .wp-block-group:has(.taxonomy-category) .wp-block-post-terms,
body.single .wp-block-post-content + .wp-block-group .wp-block-post-terms,
body.single .entry-content + .wp-block-group .wp-block-post-terms,
body.single .taxonomy-post_tag,
body.single .taxonomy-category {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

@media (max-width: 900px) {
  body.single main > .wp-block-group:has(.wp-block-post-terms),
  body.single main > .wp-block-group:has(.taxonomy-post_tag),
  body.single main > .wp-block-group:has(.taxonomy-category),
  body.single .wp-block-post-content + .wp-block-group,
  body.single .entry-content + .wp-block-group {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Hide bottom category term; sidebar already shows categories */
body.single .taxonomy-category,
body.single .wp-block-post-terms.taxonomy-category,
body.single main .wp-block-group:has(.taxonomy-category) {
  display: none !important;
}

body.single .taxonomy-post_tag,
body.single .wp-block-post-terms.taxonomy-post_tag,
body.single main .wp-block-group:has(.taxonomy-post_tag) {
  display: block !important;
  width: min(var(--techit-readable-width), calc(100vw - 420px)) !important;
  max-width: var(--techit-readable-width) !important;
  margin: 22px auto 0 !important;
  padding: 0 42px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

body.single .taxonomy-post_tag a,
body.single .wp-block-post-terms.taxonomy-post_tag a {
  color: #555555 !important;
  text-decoration: none !important;
}


/* Final visible polish after user screenshots, added by Codex 2026-07-04 */
@media (min-width: 901px) {
  body.home main.blog-two-columns > .wp-block-heading {
    width: min(1270px, calc(100vw - 430px)) !important;
    max-width: min(1270px, calc(100vw - 430px)) !important;
    margin-left: 64px !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  body.home .techitpick-post-list {
    width: min(1270px, calc(100vw - 430px)) !important;
    max-width: min(1270px, calc(100vw - 430px)) !important;
    margin-left: 64px !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .techitpick-post-card {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

body.single main .wp-block-post-content + .wp-block-group {
  justify-content: flex-start !important;
  text-align: left !important;
}

body.single main .wp-block-post-content + .wp-block-group > p.has-primary-color,
body.single main .wp-block-post-content + .wp-block-group > .taxonomy-category,
body.single main .wp-block-post-content + .wp-block-group > .wp-block-post-terms:not(.taxonomy-post_tag) {
  display: none !important;
}

body.single main .wp-block-post-content + .wp-block-group > .taxonomy-post_tag {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  text-align: left !important;
}


/* Stronger home list alignment override, added by Codex 2026-07-04 */
@media (min-width: 901px) {
  body.home main.blog-two-columns > .techitpick-post-list {
    width: min(1270px, calc(100vw - 430px)) !important;
    max-width: min(1270px, calc(100vw - 430px)) !important;
    margin-left: 64px !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home main.blog-two-columns > .techitpick-post-list > .techitpick-post-card {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* Desktop height and mobile responsive repair, added by Codex 2026-07-04 */
@media (min-width: 901px) {
  body.home main.blog-two-columns {
    padding-top: 61px !important;
  }

  body.home main.blog-two-columns > .wp-block-heading {
    margin-left: 64px !important;
    margin-top: 70px !important;
    margin-bottom: 42px !important;
    width: min(1270px, calc(100vw - 430px)) !important;
    max-width: min(1270px, calc(100vw - 430px)) !important;
    text-align: left !important;
  }

  body.home main.blog-two-columns > .techitpick-post-list {
    width: calc(100vw - 632px) !important;
    max-width: none !important;
    margin-left: 32px !important;
    margin-right: 300px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home main.blog-two-columns > .techitpick-post-list > .techitpick-post-card {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.single main.wp-block-group,
  body.single main.blog-two-columns,
  body.single main#wp--skip-link--target {
    padding-top: 58px !important;
  }

  body.single h1.wp-block-post-title {
    margin-top: 0 !important;
  }
}

@media (max-width: 900px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body.home,
  body.single,
  body.archive,
  body.category {
    min-width: 0 !important;
  }

  body.home main.blog-two-columns,
  body.single main.blog-two-columns,
  body.archive main.blog-two-columns,
  body.category main.blog-two-columns,
  body.home main#wp--skip-link--target,
  body.single main#wp--skip-link--target,
  body.archive main#wp--skip-link--target,
  body.category main#wp--skip-link--target {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 18px 56px !important;
    box-sizing: border-box !important;
  }

  .techitpick-memo-categories {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 24px !important;
    padding: 22px 12px 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  .techitpick-memo-categories ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .techitpick-memo-categories li {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.home main.blog-two-columns > .techitpick-post-list,
  body.archive main.blog-two-columns > .techitpick-post-list,
  body.category main.blog-two-columns > .techitpick-post-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .techitpick-post-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 22px !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
  }

  .techitpick-post-card__title,
  .techitpick-post-card__excerpt,
  body.single h1.wp-block-post-title,
  body.single .wp-block-post-content,
  body.single .wp-block-post-content p,
  body.single .wp-block-post-content li,
  body.single .wp-block-post-content ol,
  body.single .wp-block-post-content ul {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
  }

  body.single main .wp-block-group,
  body.single .entry-content,
  body.single .wp-block-post-content,
  body.single h1.wp-block-post-title,
  body.single .wp-block-post-date,
  body.single main .wp-block-post-content + .wp-block-group {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single .wp-block-post-content {
    padding: 24px 20px !important;
  }
}


/* Real mobile/small-window hard reset, added by Codex 2026-07-04 */
@media (max-width: 1200px) {
  html,
  body,
  .wp-site-blocks {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.home main.blog-two-columns,
  body.blog main.blog-two-columns,
  body.archive main.blog-two-columns,
  body.category main.blog-two-columns,
  body.single main.blog-two-columns,
  body.page main.blog-two-columns,
  body.home main#wp--skip-link--target,
  body.blog main#wp--skip-link--target,
  body.archive main#wp--skip-link--target,
  body.category main#wp--skip-link--target,
  body.single main#wp--skip-link--target,
  body.page main#wp--skip-link--target {
    position: static !important;
    display: block !important;
    grid-template-columns: none !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 18px 56px !important;
    box-sizing: border-box !important;
  }

  body.home .techitpick-memo-categories,
  body.blog .techitpick-memo-categories,
  body.archive .techitpick-memo-categories,
  body.category .techitpick-memo-categories,
  body.single .techitpick-memo-categories,
  body.page .techitpick-memo-categories,
  body.admin-bar .techitpick-memo-categories {
    position: static !important;
    float: none !important;
    clear: both !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 24px !important;
    padding: 0 0 18px !important;
    box-sizing: border-box !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    background: transparent !important;
  }

  body.home .techitpick-memo-categories ul,
  body.blog .techitpick-memo-categories ul,
  body.archive .techitpick-memo-categories ul,
  body.category .techitpick-memo-categories ul,
  body.single .techitpick-memo-categories ul,
  body.page .techitpick-memo-categories ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.home .techitpick-memo-categories li,
  body.blog .techitpick-memo-categories li,
  body.archive .techitpick-memo-categories li,
  body.category .techitpick-memo-categories li,
  body.single .techitpick-memo-categories li,
  body.page .techitpick-memo-categories li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.home .techitpick-memo-categories a,
  body.blog .techitpick-memo-categories a,
  body.archive .techitpick-memo-categories a,
  body.category .techitpick-memo-categories a,
  body.single .techitpick-memo-categories a,
  body.page .techitpick-memo-categories a {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body.home main.blog-two-columns > .wp-block-heading,
  body.home main.blog-two-columns > .techitpick-memo-categories + .wp-block-heading,
  body.archive main.blog-two-columns > .wp-block-heading,
  body.category main.blog-two-columns > .wp-block-heading {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 22px !important;
    padding: 0 0 11px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  body.home main.blog-two-columns > .techitpick-post-list,
  body.blog main.blog-two-columns > .techitpick-post-list,
  body.archive main.blog-two-columns > .techitpick-post-list,
  body.category main.blog-two-columns > .techitpick-post-list {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.home .techitpick-post-card,
  body.blog .techitpick-post-card,
  body.archive .techitpick-post-card,
  body.category .techitpick-post-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 22px !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
  }

  body.home .techitpick-post-card__title,
  body.home .techitpick-post-card__excerpt,
  body.blog .techitpick-post-card__title,
  body.blog .techitpick-post-card__excerpt,
  body.archive .techitpick-post-card__title,
  body.archive .techitpick-post-card__excerpt,
  body.category .techitpick-post-card__title,
  body.category .techitpick-post-card__excerpt {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    line-break: strict !important;
    text-align: left !important;
  }

  body.single main > .wp-block-group,
  body.single h1.wp-block-post-title,
  body.single .wp-block-post-date,
  body.single .entry-content,
  body.single .wp-block-post-content,
  body.single main .wp-block-post-content + .wp-block-group {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  body.single h1.wp-block-post-title {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
  }

  body.single .wp-block-post-content {
    padding: 24px 20px !important;
  }

  body.single .wp-block-post-content p,
  body.single .wp-block-post-content li,
  body.single .wp-block-post-content ol,
  body.single .wp-block-post-content ul {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    line-break: strict !important;
    text-align: left !important;
  }
}


/* Portrait mobile final override, added by Codex 2026-07-04 */
@media (orientation: portrait), (max-width: 1200px), (max-device-width: 1200px) {
  body.home main.blog-two-columns,
  body.blog main.blog-two-columns,
  body.archive main.blog-two-columns,
  body.category main.blog-two-columns,
  body.single main.blog-two-columns,
  body.page main.blog-two-columns,
  body.home main#wp--skip-link--target,
  body.blog main#wp--skip-link--target,
  body.archive main#wp--skip-link--target,
  body.category main#wp--skip-link--target,
  body.single main#wp--skip-link--target,
  body.page main#wp--skip-link--target {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px 18px 54px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.home main.blog-two-columns > *,
  body.blog main.blog-two-columns > *,
  body.archive main.blog-two-columns > *,
  body.category main.blog-two-columns > *,
  body.single main.blog-two-columns > *,
  body.page main.blog-two-columns > *,
  body.home main#wp--skip-link--target > *,
  body.blog main#wp--skip-link--target > *,
  body.archive main#wp--skip-link--target > *,
  body.category main#wp--skip-link--target > *,
  body.single main#wp--skip-link--target > *,
  body.page main#wp--skip-link--target > * {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .techitpick-memo-categories,
  body.admin-bar .techitpick-memo-categories {
    order: 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 0 16px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body .techitpick-memo-categories ul {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body .techitpick-memo-categories li {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body .techitpick-memo-categories a {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body.home main.blog-two-columns > .wp-block-heading,
  body.home main#wp--skip-link--target > .wp-block-heading,
  body.archive main.blog-two-columns > .wp-block-heading,
  body.category main.blog-two-columns > .wp-block-heading {
    order: 1 !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 20px !important;
    padding: 0 0 10px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  body.home .techitpick-post-list,
  body.blog .techitpick-post-list,
  body.archive .techitpick-post-list,
  body.category .techitpick-post-list {
    order: 2 !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.home .techitpick-post-card,
  body.blog .techitpick-post-card,
  body.archive .techitpick-post-card,
  body.category .techitpick-post-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 22px !important;
    padding: 22px 18px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.home .techitpick-post-card__title,
  body.home .techitpick-post-card__excerpt,
  body.blog .techitpick-post-card__title,
  body.blog .techitpick-post-card__excerpt,
  body.archive .techitpick-post-card__title,
  body.archive .techitpick-post-card__excerpt,
  body.category .techitpick-post-card__title,
  body.category .techitpick-post-card__excerpt,
  body.single h1.wp-block-post-title,
  body.single .wp-block-post-content,
  body.single .wp-block-post-content p,
  body.single .wp-block-post-content li,
  body.single .wp-block-post-content ol,
  body.single .wp-block-post-content ul {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    line-break: strict !important;
    text-align: left !important;
  }
}


/* Mobile reading width comfort, added by Codex 2026-07-04 */
@media (orientation: portrait), (max-width: 1200px), (max-device-width: 1200px) {
  body.home main.blog-two-columns,
  body.blog main.blog-two-columns,
  body.archive main.blog-two-columns,
  body.category main.blog-two-columns,
  body.single main.blog-two-columns,
  body.page main.blog-two-columns,
  body.home main#wp--skip-link--target,
  body.blog main#wp--skip-link--target,
  body.archive main#wp--skip-link--target,
  body.category main#wp--skip-link--target,
  body.single main#wp--skip-link--target,
  body.page main#wp--skip-link--target {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body .techitpick-memo-categories {
    margin-bottom: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single main > .wp-block-group,
  body.single h1.wp-block-post-title,
  body.single .wp-block-post-date,
  body.single .entry-content,
  body.single .wp-block-post-content,
  body.single main .wp-block-post-content + .wp-block-group,
  body.home main.blog-two-columns > .wp-block-heading,
  body.home .techitpick-post-list,
  body.home .techitpick-post-card,
  body.blog .techitpick-post-list,
  body.archive .techitpick-post-list,
  body.category .techitpick-post-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single .wp-block-post-content {
    padding: 18px 14px !important;
  }

  body.single .wp-block-post-content > * {
    max-width: 100% !important;
  }

  body.single h1.wp-block-post-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .techitpick-post-card,
  body.blog .techitpick-post-card,
  body.archive .techitpick-post-card,
  body.category .techitpick-post-card {
    padding: 20px 16px !important;
  }
}

@media (max-width: 480px), (max-device-width: 480px) {
  body.home main.blog-two-columns,
  body.blog main.blog-two-columns,
  body.archive main.blog-two-columns,
  body.category main.blog-two-columns,
  body.single main.blog-two-columns,
  body.page main.blog-two-columns,
  body.home main#wp--skip-link--target,
  body.blog main#wp--skip-link--target,
  body.archive main#wp--skip-link--target,
  body.category main#wp--skip-link--target,
  body.single main#wp--skip-link--target,
  body.page main#wp--skip-link--target {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  body.single .wp-block-post-content {
    padding: 16px 12px !important;
  }

  body.home .techitpick-post-card,
  body.blog .techitpick-post-card,
  body.archive .techitpick-post-card,
  body.category .techitpick-post-card {
    padding: 18px 14px !important;
  }
}


/* Single mobile inner group width fix, added by Codex 2026-07-04 */
@media (orientation: portrait), (max-width: 1200px), (max-device-width: 1200px) {
  body.single main#wp--skip-link--target > .wp-block-group,
  body.single main.blog-two-columns > .wp-block-group,
  body.single main > .wp-block-group.has-global-padding,
  body.single main .wp-block-group.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single .wp-block-post-content,
  body.single .entry-content.wp-block-post-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 480px), (max-device-width: 480px) {
  body.single .wp-block-post-content,
  body.single .entry-content.wp-block-post-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* Mobile text usable width polish, added by Codex 2026-07-04 */
@media (orientation: portrait), (max-width: 1200px), (max-device-width: 1200px) {
  body.single .wp-block-post-content > p:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 18px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single .wp-block-post-content ol,
  body.single .wp-block-post-content ul {
    padding-left: 22px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.single .wp-block-post-content li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

@media (max-width: 480px), (max-device-width: 480px) {
  body.single .wp-block-post-content > p:first-child {
    padding: 16px 14px !important;
  }

  body.single .wp-block-post-content ol,
  body.single .wp-block-post-content ul {
    padding-left: 20px !important;
  }
}