/* Keep native WordPress wrappers from changing the reviewed magazine layout. */
body { margin:0; }
.wp-site-blocks { padding:0; }
.section>.cards { margin-top:35px; }
.pagination { margin-top:35px; }
.pagination .nav-links { display:flex; gap:20px; }
.table-help { display:none; }
@media(max-width:640px) {
  .article-content .table-help { display:block; font-size:11px; line-height:1.5; color:var(--muted); margin:25px 0 8px; }
  .article-content .table-help+.table-scroll,.article-content .table-help+.wp-block-table { margin-top:8px; }
}
.real-project-photo { margin:36px 0; }
.real-project-photo img { width:100%; height:auto; max-height:780px; object-fit:contain; background:#ebeae4; }
.article-dates { font-size:12px; color:var(--muted,#6e706b); }
.article-page .byline { flex-wrap:wrap; }
.journal-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:28px 0; }
.journal-toolbar .field { flex:1 1 300px; margin:0; }
.journal-toolbar .filter-row { flex-basis:100%; display:flex; flex-wrap:wrap; gap:10px; }
.journal-toolbar .filter { border:1px solid var(--line,#d5d7cd); background:transparent; padding:11px 18px; cursor:pointer; font:inherit; }
.journal-toolbar .filter.active { background:#303b2e; color:#fff; border-color:#303b2e; }
.journal-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:44px; }
.journal-pagination a { min-width:44px; padding:12px; border:1px solid var(--line,#d5d7cd); text-align:center; }
.journal-pagination a[aria-current] { background:#303b2e; color:#fff; }
.project-lead img { display:block; width:100%; height:auto; max-height:780px; object-fit:contain; }
.expert-feature { display:grid; grid-template-columns:minmax(180px,360px) minmax(0,1fr); gap:40px; align-items:center; }
.expert-feature img { width:100%; height:auto; }
@media(max-width:650px){.expert-feature{grid-template-columns:1fr;gap:24px}.expert-feature img{max-width:360px}.article-dates{flex-basis:100%}.journal-toolbar{align-items:stretch}.journal-toolbar .field{flex-basis:100%}}

/* Owner-approved article UX: breathing room, contrast and navigation while reading. */
.article-page .article-end-cta { margin-bottom:64px; }
.article-content .article-end-cta .button:hover,
.article-content .article-end-cta .button:focus-visible { color:#fff; background:var(--sage-dark,#344032); border-color:var(--sage-dark,#344032); }
.mobile-toc-current { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:400; color:var(--muted); text-align:right; }
.mobile-toc-indicator { flex:none; font-size:21px; line-height:1; }
.mobile-toc[open] .mobile-toc-indicator { transform:rotate(45deg); }
@media(max-width:760px) {
  .article-page .article-end-cta { margin-bottom:36px; }
  .article-page .article-layout { display:block; }
  .article-page .mobile-toc { display:block; position:sticky; top:0; z-index:25; margin:0 0 25px; padding:10px 14px; background:var(--paper,#f6f5f1); border-block:1px solid var(--line,#d7d9d0); box-shadow:0 5px 12px #20251d08; }
  .mobile-toc summary { display:flex; align-items:center; gap:12px; min-height:36px; font-size:13px; font-weight:600; list-style:none; cursor:pointer; }
  .mobile-toc summary::-webkit-details-marker { display:none; }
  .mobile-toc nav { max-height:65svh; overflow:auto; overscroll-behavior:contain; padding-top:7px; }
  .mobile-toc a { display:block; margin:0; padding:10px 2px; min-height:40px; font-size:13px; line-height:1.4; }
  .mobile-toc a.active { color:var(--ink); font-weight:600; }
  .article-page .article-content h2[id],.article-page .article-content h3[id] { scroll-margin-top:86px; }
}
@media print { .article-page .mobile-toc { display:none; } }

/* Preserve the rug at the bottom of this real portrait photograph. */
.article-cover > img[src*="/atelier-real-2026-320"] {
  height:clamp(420px,65vw,800px);
  max-height:800px;
  aspect-ratio:auto;
  object-fit:contain;
  background:#ebeae4;
}
@media(max-width:600px) {
  .article-cover > img[src*="/atelier-real-2026-320"] {
    height:auto;
    max-height:none;
  }
}