/* Image-first feed; article styles remain independent. */
:root { --nn-bg: #fff; --nn-left-sidebar: 76px; --nn-right-sidebar: 0px; --nn-content-pad-x: 24px; --nn-header-height: 88px; --nn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.mdl.page.page-one { grid-template-columns: var(--nn-left-sidebar) minmax(0, 1fr); background: #fff; }
aside.mdl.sidebar.sidebar-right.sidebar-right-root { display: none; }
aside.mdl.sidebar.sidebar-left.sidebar-left-root { background: #fff; border-color: #eee; }
nav.mdl.sidebar.sidebar-left.nav { justify-content: flex-start; padding-top: 20px; gap: 16px; }
a.mdl.sidebar.sidebar-left.nav.item { width: 48px; height: 48px; border-radius: 16px; }
a.mdl.sidebar.sidebar-left.nav.item:hover { background: #eee; color: #111; transform: none; }
a.mdl.sidebar.sidebar-left.nav.item.is-active { background: #111; color: #fff; transform: none; }
.sidebar-left [aria-disabled="true"], div.mdl.sidebar.sidebar-left.tools, button.mdl.header.account { display: none; }
header.mdl.header.header-one { grid-template-columns: auto minmax(160px, 1fr) auto; gap: 28px; background: #fff; border: 0; backdrop-filter: none; }
a.mdl.header.brand { font-size: 23px; font-weight: 750; letter-spacing: -.8px; padding: 0; }
form.mdl.searchbar.searchbar-one { min-height: 52px; border: 0; border-radius: 28px; background: #f1f1f1; box-shadow: none; }
form.mdl.searchbar.searchbar-one:focus-within { outline: 3px solid #b9d7fa; background: #eee; }
div.mdl.header.lang { display: flex; min-width: 0; border: 0; background: none; gap: 2px; }
a.mdl.header.lang.item { min-height: 36px; padding: 9px; border: 0 !important; border-radius: 18px; color: #767676; }
a.mdl.header.lang.item.is-active { background: #111; color: #fff; }
section.mdl.tags.tags-one { border: 0; padding: 0 0 20px; gap: 16px; }
div.mdl.tags.list { gap: 8px; padding: 4px; margin-left: -4px; }
a.mdl.tags.item { min-height: 40px; padding: 12px 17px; background: #f1f1f1; border: 0; box-shadow: none; font-weight: 600; }
span.mdl.tags.item.count { display: none; }
a.mdl.tags.item:hover, a.mdl.tags.item.is-active { background: #111; color: #fff; transform: none; }
a.mdl.tags.item.alltags { color: #666; font-size: 12px; }
main.mdl.masonry.masonry-one { column-width: 220px; column-gap: 20px; padding: 0 0 40px; }
.pin { display: inline-block; width: 100%; break-inside: avoid; vertical-align: top; padding-bottom: 24px; }
.pin-link { display: block; }
.pin-image { position: relative; overflow: hidden; border-radius: 18px; background: #eee; isolation: isolate; }
.pin-image img { width: 100%; height: 100%; object-fit: cover; transition: filter .2s; }
.pin-link:hover img, .pin-link:focus-visible img { filter: brightness(.83); }
.pin-open { position: absolute; bottom: 12px; right: 12px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #111; font-size: 23px; opacity: 0; transition: opacity .2s; }
.pin-link:hover .pin-open, .pin-link:focus-visible .pin-open { opacity: 1; }
.pin-panorama { position: absolute; top: 12px; left: 12px; padding: 6px 9px; border-radius: 20px; background: #fff; color: #111; font-size: 12px; font-weight: 700; }
.pin-caption { padding: 10px 7px 0; }
.pin-caption h2 { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.4; }
.pin-caption p { margin: 4px 0 0; color: #767676; font-size: 11px; line-height: 1.5; }
.pin-caption p span { padding: 0 3px; }
main.mdl.masonry.masonry-one.pin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); grid-auto-rows: 8px; column-gap: 20px; align-items: start; }
.mdl.footer.footer-one { border-color: #eee; }
@media (max-width: 1000px) { header.mdl.header.header-one { gap: 16px; } a.mdl.header.brand { font-size: 20px; } div.mdl.header.lang { gap: 0; } a.mdl.header.lang.item { padding: 8px 6px; font-size: 11px; } }
@media (max-width: 820px) { header.mdl.header.header-one { grid-template-columns: 1fr auto; grid-template-areas: "brand lang" "search search"; padding: 14px 0; gap: 12px; } a.mdl.header.brand { grid-area: brand; } div.mdl.header.lang { grid-area: lang; } form.mdl.searchbar.searchbar-one { grid-area: search; } }
@media (max-width: 600px) {
  :root { --nn-left-sidebar: 0px; --nn-content-pad-x: 14px; }
  .mdl.page.page-one { display: block; padding-bottom: 70px; }
  aside.mdl.sidebar.sidebar-left.sidebar-left-root { position: fixed; top: auto; bottom: 0; width: 100%; height: 64px; display: block; border: 0; border-top: 1px solid #eee; }
  a.mdl.sidebar.sidebar-left.logo { display: none; }
  nav.mdl.sidebar.sidebar-left.nav { flex-direction: row; justify-content: space-around; padding: 8px; gap: 0; }
  a.mdl.sidebar.sidebar-left.nav.item { width: 44px; height: 44px; border-radius: 14px; }
  header.mdl.header.header-one { position: relative; }
  section.mdl.tags.tags-one { padding-bottom: 14px; gap: 6px; }
  a.mdl.tags.item { min-height: 36px; padding: 10px 13px; font-size: 12px; }
  main.mdl.masonry.masonry-one { column-count: 2; column-width: auto; column-gap: 12px; }
  main.mdl.masonry.masonry-one.pin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
  .pin { padding-bottom: 20px; } .pin-image { border-radius: 14px; } .pin-caption { padding: 8px 3px 0; }
  .pin-caption h2 { font-size: 12px; } .pin-caption p { font-size: 10px; } .pin-open { display: none; }
}