/* MOBILE PAGES WIDTH FIX */
@media screen and (max-width: 700px) {

  body.page,
  body.page #page,
  body.page .site,
  body.page #content,
  body.page .site-content,
  body.page .content-area,
  body.page .site-main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  body.page article,
  body.page .hentry {
    width: 96vw !important;
    max-width: 96vw !important;

    margin: 0 auto !important;

    padding: 14px !important;

    box-sizing: border-box !important;
  }

  body.page .entry-content,
  body.page .wp-block-post-content {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
  }

}

/* MOBILE SINGLE POST WIDTH FIX */
@media screen and (max-width: 700px) {

  body.single-post,
  body.single-post #page,
  body.single-post .site,
  body.single-post #content,
  body.single-post .site-content,
  body.single-post .content-area,
  body.single-post .site-main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  body.single-post article,
  body.single-post .hentry {
    width: 96vw !important;
    max-width: 96vw !important;
    margin: 0 auto !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  body.single-post .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

/* MOBILE HOMEPAGE LATEST POSTS FIX */
@media screen and (max-width: 700px) {

  body.home .wp-block-latest-posts,
  body.home .wp-block-latest-posts li,
  body.home .wp-block-latest-posts li * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.home .wp-block-latest-posts {
    width: 100% !important;
    padding: 0 14px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }

  body.home .wp-block-latest-posts li {
    width: 100% !important;
    margin: 0 auto 64px auto !important;
    overflow-x: hidden !important;
  }

  body.home .wp-block-latest-posts__post-excerpt {
    width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.home .wp-block-latest-posts__featured-image img {
    width: 100% !important;
    height: auto !important;
  }
}
/* =========================
   Particularly Modern — Clean CSS
   ========================= */

:root {
  --pm-ink: #1f1b16;
  --pm-bg: #f1d6b4;
  --pm-card: rgba(238, 220, 194, 0.72);
  --pm-border: rgba(120, 90, 60, 0.10);
  --pm-shadow: rgba(60, 35, 15, 0.06);
}

/* Hide automatic post/page titles */
body.page header.entry-header,
body.single-post header.entry-header,
body.page h1.entry-title,
body.single-post h1.entry-title,
body.page .entry-title,
body.single-post .entry-title,
.home a.wp-block-latest-posts__post-title {
  display: none !important;
  visibility: hidden !important;
}

/* Background */
html,
body {
  background: var(--pm-bg) !important;
  color: var(--pm-ink);
}

#page,
.site,
.site-content,
#content,
.content-area,
.site-main,
.wp-site-blocks {
  background: transparent !important;
}

/* Links */
a,
.entry-content a,
.wp-block-post-content a,
.page-content a {
  color: var(--pm-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(31,27,22,.35);
}

a:hover {
  text-decoration-color: rgba(31,27,22,.8);
}

/* Cards */
article,
.post,
.page,
.hentry {
  background: var(--pm-card) !important;
  border: 1px solid var(--pm-border) !important;
  box-shadow: 0 10px 24px var(--pm-shadow) !important;
  border-radius: 14px !important;
  padding: 28px !important;
}

/* Header/banner */
.custom-header,
.site-header,
.wp-custom-header {
  width: 78% !important;
  max-width: 900px !important;
  margin: 0 auto 8px auto !important;
  overflow: hidden;
  border-radius: 10px;
  background: transparent !important;
}

.custom-header img,
.site-header img,
.wp-custom-header img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 10px;
}

/* Navigation */
.main-navigation,
.primary-navigation,
nav[role="navigation"] {
  width: 100% !important;
  margin: 0 auto 18px auto !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  left: 0 !important;
  transform: none !important;
}

.main-navigation ul,
.primary-navigation ul,
nav[role="navigation"] ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 42px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.main-navigation a,
.primary-navigation a,
nav[role="navigation"] a {
  font-size: 1rem !important;
  letter-spacing: .03em !important;
  text-transform: uppercase;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  border-bottom: 1px solid transparent;
}

.main-navigation a:hover,
.primary-navigation a:hover,
nav[role="navigation"] a:hover {
  border-bottom-color: rgba(90,50,20,.45);
  background: rgba(120,80,40,.04);
}

/* Nav logo */
.main-navigation::before,
.primary-navigation::before {
  content: "";
  display: inline-block;
  width: 54px !important;
  height: 54px !important;
  background-image: url("https://particularlymodern.com/wp-content/uploads/2025/12/cropped-e0c87d38-05da-4c9f-bf46-6651d21e88c4.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0 !important;
  opacity: .9;
  flex: 0 0 auto !important;
}

/* Main layout */
.site-content,
#content {
  max-width: 1120px !important;
  width: 88vw !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

/* Move main content slightly right on desktop */
@media screen and (min-width: 900px) {
  .site-content,
  #content {
    position: relative !important;
    left: 65px !important;
  }

  #secondary,
  .widget-area {
    transform: none !important;
  }
}

/* Single posts and pages */
@media screen and (min-width: 900px) {
  body.single-post #content,
  body.single-post .site-content,
  body.page:not(.home) #content,
  body.page:not(.home) .site-content {
    max-width: 1120px !important;
    width: 88vw !important;
    margin: 0 auto !important;
  }

  body.single-post article,
  body.page:not(.home) article {
    max-width: 980px !important;
    margin: 0 auto !important;
  }

  body.single-post .entry-content,
  body.page:not(.home) .entry-content {
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}

/* Homepage Latest Posts spacing */
.home .wp-block-latest-posts li {
  margin-bottom: 72px !important;
  padding-bottom: 36px !important;
  border-bottom: 1px solid rgba(90,50,20,.16) !important;
}

.home .wp-block-latest-posts li:last-child {
  border-bottom: none !important;
}

.home a.wp-block-latest-posts__post-title {
  display: none !important;
}

/* Homepage gallery columns */
.home .wp-block-gallery,
.home .wp-block-gallery.has-nested-images {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  max-width: 900px !important;
  margin: 0 auto 42px auto !important;
}

.home .wp-block-gallery figure.wp-block-image,
.home .wp-block-gallery .wp-block-image {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home .wp-block-gallery img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  cursor: zoom-in !important;
  border-radius: 8px;
}

/* Homepage standalone hero image, not gallery images */
.home .entry-content > figure.wp-block-image:not(.wp-block-gallery figure) {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 42px auto !important;
  overflow: visible !important;
}

.home .entry-content > figure.wp-block-image:not(.wp-block-gallery figure) img {
  width: min(74vw, 860px) !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(60,35,15,.08);
  cursor: zoom-in;
}

.home .entry-content > figure.wp-block-image:not(.wp-block-gallery figure) img.pm-zoomed {
  width: min(96vw, 1400px) !important;
  cursor: zoom-out !important;
  z-index: 999 !important;
  box-shadow: 0 28px 60px rgba(60,35,15,.20) !important;
}

/* Tables */
@media screen and (max-width: 900px) {
  table {
    display: block !important;
    width: max-content !important;
    min-width: 700px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .entry-content {
    overflow-x: auto !important;
  }
}

/* Sidebar wrapping */
.sidebar,
#secondary,
.widget-area,
#secondary .widget,
.widget-area a,
.sidebar a,
.widget a,
.widget_recent_entries a,
.widget_recent_comments a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  white-space: normal !important;
}

/* Mobile reset */
@media screen and (max-width: 899px) {
  body.home,
  body.home #page,
  body.home .site,
  body.home #content,
  body.home .site-content,
  body.home .site-main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    transform: none !important;
  }

  body.home article,
  body.home .post,
  body.home .hentry {
    width: 92vw !important;
    max-width: 92vw !important;
    margin: 0 auto 28px auto !important;
    padding: 18px !important;
    display: block !important;
    left: auto !important;
    transform: none !important;
  }

  .home .wp-block-gallery,
  .home .wp-block-gallery.has-nested-images {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .main-navigation ul,
  .primary-navigation ul,
  nav[role="navigation"] ul {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
}
/* Homepage: restore sidebar + center menu/main column */
@media screen and (min-width: 900px) {

  body.home .site-content,
  body.home #content {
    display: grid !important;
    grid-template-columns: minmax(0, 900px) 220px !important;
    column-gap: 42px !important;

    max-width: 1160px !important;
    width: 88vw !important;

    margin-left: auto !important;
    margin-right: auto !important;

    position: static !important;
    left: auto !important;
    transform: none !important;
  }

  body.home #primary,
  body.home .content-area,
  body.home .site-main {
    grid-column: 1 !important;
    max-width: 900px !important;
    width: 100% !important;
  }

  body.home #secondary,
  body.home .widget-area {
    grid-column: 2 !important;
    display: block !important;
    position: static !important;
    width: 220px !important;
    max-width: 220px !important;
    transform: none !important;
  }

  body.home .main-navigation,
  body.home .primary-navigation,
  body.home nav[role="navigation"] {
    justify-content: center !important;
    left: 0 !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
grid-template-columns: minmax(0, 900px) 300px;

/* Final homepage alignment tweak */
@media screen and (min-width: 900px) {

  body.home .site-content,
  body.home #content {
    display: grid !important;
    grid-template-columns: 760px 180px !important;
    column-gap: 42px !important;
    max-width: 982px !important;
    width: 982px !important;
    margin: 0 auto !important;
  }

  body.home #primary,
  body.home .content-area,
  body.home .site-main {
    width: 760px !important;
    max-width: 760px !important;
  }

  body.home article,
  body.home .wp-block-gallery,
  body.home .wp-block-latest-posts {
    width: 760px !important;
    max-width: 760px !important;
  }

  body.home #secondary,
  body.home .widget-area {
    width: 180px !important;
    max-width: 180px !important;
  }

  .main-navigation,
  .primary-navigation,
  nav[role="navigation"] {
    width: 100% !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    transform: none !important;
  }
}
/* Homepage: center main content column; leave sidebar independent */
@media screen and (min-width: 900px) {

  body.home #primary,
  body.home .content-area,
  body.home .site-main {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 760px !important;
    max-width: 760px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.home article,
  body.home .wp-block-gallery,
  body.home .wp-block-latest-posts {
    width: 850px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home #secondary,
  body.home .widget-area {
    position: static !important;
    transform: none !important;
  }
}
/* Homepage: shift actual content cards only */
@media screen and (min-width: 900px) {

  body.home article,
  body.home .wp-block-gallery,
  body.home .wp-block-latest-posts {
    position: relative !important;
    left: 30px !important;
  }
/* Homepage: fine-tune sidebar spacing */
@media screen and (min-width: 900px) {
  body.home #secondary,
  body.home .widget-area {
    position: relative !important;
    left: 150px !important;
  }
}
	/* Align homepage card background to actual content */
@media screen and (min-width: 900px) {

  body.home article,
  body.home .hentry {
    width: fit-content !important;
    max-width: none !important;

    padding-left: 40px !important;
    padding-right: 45px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

/* Center normal + floating menu */
@media screen and (min-width: 900px) {

  .main-navigation,
  .primary-navigation,
  nav[role="navigation"],
  .site-header,
  .site-header.is-sticky,
  .navigation-top,
  .fixed-navigation,
  .sticky-navigation {
    max-width: 900px !important;
    width: 74vw !important;

    margin-left: 0px !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .main-navigation,
  .primary-navigation,
  nav[role="navigation"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
/* Full-width floating menu bar */
body.sticking .nav-wrapper {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    background: rgba(241, 214, 180, 0.80) !important;

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    box-shadow:
        0 8px 24px rgba(60, 35, 15, 0.10) !important;

    padding: 10px 0 !important;

    z-index: 9999 !important;
}

/* Keep menu centered inside full-width bar */
body.sticking .main-navigation,
body.sticking .primary-navigation,
body.sticking nav[role="navigation"] {

    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    justify-content: center !important;
}
	/* Hover enlargement ONLY for chart/image grid */
.pm-chart-grid .wp-block-image {
    position: relative;
    z-index: 1;

    transition:
        transform 0.28s ease,
        z-index 0s linear;
}

.pm-chart-grid .wp-block-image img {
    display: block;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease;

    cursor: zoom-in;

    border-radius: 10px;
}

/* Hover enlargement */
.pm-chart-grid .wp-block-image:hover {
    z-index: 999;
}

.pm-chart-grid .wp-block-image:hover img {
    transform: scale(1.25);

    box-shadow:
        0 24px 48px rgba(40, 20, 5, 0.28);

    position: relative;
}
}
	/* Wider but still refined site banner */
.custom-header,
.site-header,
.wp-custom-header {
    width: 70vw !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
    padding-right: 18px !important;
  }
/* Mobile homepage excerpts: prevent sideways cutoff */
@media screen and (max-width: 700px) {

  body.home,
  body.home #page,
  body.home #content,
  body.home .site-content,
  body.home .site-main {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home .wp-block-latest-posts,
  body.home .wp-block-latest-posts li {
    width: 92vw !important;
    max-width: 92vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.home .wp-block-latest-posts__featured-image,
  body.home .wp-block-latest-posts__post-excerpt,
  body.home .wp-block-latest-posts__post-date,
  body.home .wp-block-latest-posts__post-author {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.home .wp-block-latest-posts__post-excerpt {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
  }

  body.home .wp-block-latest-posts img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}
/* Mobile posts: use nearly full screen width */
@media screen and (max-width: 700px) {

  body.single-post article,
  body.single-post .post,
  body.single-post .hentry {

    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 6px !important;
    padding-right: 6px !important;

    border-radius: 0 !important;
  }

  body.single-post .entry-content,
  body.single-post .wp-block-post-content {

    width: 100% !important;
    max-width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    font-size: 1.12rem !important;
    line-height: 1.82 !important;
  }

  body.single-post .wp-block-image img,
  body.single-post img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }