:root { --plantor-line: #d6ddd5; --plantor-focus: #164fba; --plantor-shadow: 0 12px 32px rgb(24 60 43 / .09); }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
body.admin-bar .plantor-header { top: 32px; }
:where(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid var(--plantor-focus); outline-offset: 3px; }
.plantor-header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid var(--plantor-line); background: rgb(255 254 249 / .97); backdrop-filter: blur(10px); }
.plantor-header__inner { min-height: 4.4rem; gap: 1.5rem; }
.plantor-brand a, .plantor-footer__brand a { color: inherit; font-family: Georgia, 'Times New Roman', serif; font-size: 1.45rem; font-weight: 700; text-decoration: none; }
.plantor-brand a::before, .plantor-footer__brand a::before { content: "P"; display: inline-grid; width: 2rem; height: 2rem; margin-right: .55rem; place-items: center; border-radius: 50% 50% 50% 12%; color: #fff; background: #28573d; font-family: Georgia, serif; font-size: 1.05rem; transform: rotate(-6deg); }
.plantor-search { flex: 0 0 auto; width: 2.75rem; margin: 0; }
.plantor-mobile-menu { display: none; }
.plantor-main { margin-block-start: 0; }
.plantor-section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.plantor-section__heading { margin-bottom: 2rem; }
.plantor-section__heading > * { margin-left: 0 !important; }
.plantor-section__heading p { max-width: 50ch; color: #536158; }
.plantor-eyebrow { margin-bottom: .6rem; color: #3f7352; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.plantor-hero { padding-block: clamp(3rem, 7vw, 6.5rem); border-bottom: 1px solid var(--plantor-line); background-image: linear-gradient(120deg, #f5f2e9 0 68%, #e0eade 68%); }
.plantor-hero h1 { max-width: 13ch; margin-bottom: 1.1rem; }
.plantor-hero__intro { max-width: 57ch; color: #3f4c43; }
.plantor-hero__points { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; margin-top: 1.6rem; padding: 0; list-style: none; color: #536158; font-size: .84rem; font-weight: 700; }
.plantor-hero__points li::before { content: "✓"; margin-right: .35rem; color: #28573d; }
.plantor-placeholder { min-height: 10rem; display: grid; place-items: center; border-radius: .8rem; color: #183c2b; background: linear-gradient(145deg, #d5e2d2, #aec6ad); text-align: center; }
.plantor-placeholder--hero { min-height: 29rem; box-shadow: var(--plantor-shadow); }
.plantor-placeholder--two { background: linear-gradient(145deg, #e6e2c9, #bdc8a5); }
.plantor-placeholder--three { background: linear-gradient(145deg, #e2e8de, #a9bda6); }
.plantor-problem-grid { margin-block: 0 !important; gap: 0; }
.plantor-problem-grid > .wp-block-column { min-height: 8.5rem; padding: 1.35rem; border: 1px solid #b9c8ba; border-right: 0; background: rgb(255 255 255 / .16); }
.plantor-problem-grid > .wp-block-column:last-child { border-right: 1px solid #b9c8ba; }
.plantor-problem-grid + .plantor-problem-grid > .wp-block-column { border-top: 0; }
.plantor-problem-grid h3 { font-size: 1.1rem; }
.plantor-problem-grid p { margin-bottom: 0; color: #536158; font-size: .9rem; }
.plantor-card-grid { gap: 1rem; }
.plantor-card { overflow: hidden; border: 1px solid var(--plantor-line); border-radius: .8rem; background: #fffef9; box-shadow: var(--plantor-shadow); }
.plantor-card > :not(.plantor-placeholder) { margin-inline: 1.2rem; }
.plantor-card > :last-child { margin-bottom: 1.2rem; }
.plantor-care .plantor-eyebrow { color: #b8d3ba; }
.plantor-care p, .plantor-care li { color: #d3ddd6; }
.plantor-care__list { columns: 2; column-gap: 2.5rem; }
.plantor-care__list li { break-inside: avoid; margin-bottom: 1.2rem; }
.plantor-care__list strong { color: #fff; }
.plantor-guide-query .wp-block-post-template { gap: 1rem; }
.plantor-guide-card { height: 100%; padding: 1rem; border: 1px solid var(--plantor-line); border-radius: .8rem; box-shadow: var(--plantor-shadow); }
.plantor-guide-card .wp-block-post-featured-image:empty::before { content: "Lokal bildplatshållare"; min-height: 11rem; display: grid; place-items: center; background: linear-gradient(145deg, #d5e2d2, #aec6ad); }
.plantor-guide-card h3 a { color: #17231b; text-decoration: none; }
.plantor-empty { padding: 2rem; border: 1px solid #ddd5c4; }
.plantor-principles { border-block: 1px solid #ddd5c4; }
.plantor-footer { padding-top: 3.5rem; }
.plantor-footer a { color: #eef5ef; }
.plantor-footer ul { padding-left: 1.1rem; }
.plantor-footer__bottom { margin-top: 2rem; padding-block: 1rem; border-top: 1px solid rgb(255 255 255 / .16); color: #b9c7bc; font-size: .8rem; }
.plantor-content { min-height: 55vh; padding-block: clamp(3rem, 7vw, 6rem); }
.plantor-listing-card { padding-block: 1.5rem; border-bottom: 1px solid var(--plantor-line); }
.plantor-facts { display: grid; grid-template-columns: minmax(10rem, .65fr) 1fr; margin: 0; border-top: 1px solid var(--plantor-line); }
.plantor-facts dt, .plantor-facts dd { margin: 0; padding: .8rem 0; border-bottom: 1px solid var(--plantor-line); }
.plantor-facts dt { padding-right: 1rem; font-weight: 700; }
.plantor-facts dd { color: #3f4c43; }
.plantor-editorial-notice { padding: 1rem 1.2rem; border-left: .35rem solid #b45c36; background: #f5f2e9; }
.plantor-related { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--plantor-line); }
.plantor-related .wp-block-post-template { gap: 1rem; }
.plantor-related .wp-block-post { padding: 1rem; border: 1px solid var(--plantor-line); border-radius: .6rem; }
@media (max-width: 900px) {
  .plantor-header__inner { min-height: 4rem; }
  .plantor-hero { background-image: linear-gradient(160deg, #f5f2e9 0 72%, #e0eade 72%); }
  .plantor-placeholder--hero { min-height: 19rem; }
  .plantor-care__list { columns: 1; }
}
@media (max-width: 781px) {
  body.admin-bar .plantor-header { top: 46px; }
  .plantor-section { padding-block: 3.5rem; }
  .plantor-problem-grid { gap: .75rem; }
  .plantor-problem-grid > .wp-block-column, .plantor-problem-grid > .wp-block-column:last-child, .plantor-problem-grid + .plantor-problem-grid > .wp-block-column { border: 1px solid #b9c8ba; }
  .plantor-card-grid { gap: 1rem; }
}
@media (max-width: 600px) {
  .plantor-header { position: relative; top: auto !important; }
  .plantor-header__inner { padding-inline: 1rem; }
  .plantor-nav { display: none !important; }
  .plantor-mobile-menu { position: relative; display: block; margin: 0; }
  .plantor-mobile-menu > summary { min-width: 2.75rem; min-height: 2.75rem; display: grid; place-items: center; overflow: hidden; color: transparent; cursor: pointer; list-style: none; }
  .plantor-mobile-menu > summary::-webkit-details-marker { display: none; }
  .plantor-mobile-menu > summary::before { content: "☰"; color: #17231b; font-size: 1.35rem; line-height: 1; }
  .plantor-mobile-menu[open] > summary::before { content: "×"; font-size: 1.8rem; }
  .plantor-mobile-menu[open] nav.plantor-mobile-nav { position: absolute; z-index: 60; top: calc(100% + .7rem); right: -3rem; box-sizing: border-box; width: min(18rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid var(--plantor-line); border-radius: .65rem; background: #fffef9; box-shadow: var(--plantor-shadow); }
  .plantor-mobile-nav .wp-block-navigation__container { width: 100%; display: grid; gap: .15rem; }
  nav.plantor-mobile-nav .wp-block-navigation__container { position: static; box-sizing: border-box; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .plantor-mobile-nav .wp-block-navigation-item { width: 100%; }
  .plantor-mobile-nav .wp-block-navigation-item__content { box-sizing: border-box; width: 100%; display: block; padding: .75rem; border-radius: .35rem; color: #17231b; text-decoration: none; }
  .plantor-mobile-nav .wp-block-navigation-item__content:hover { background: #e6efe5; }
  .plantor-hero { padding-block: 2.75rem 3.5rem; }
  .plantor-hero h1 { font-size: clamp(2.45rem, 14vw, 4rem) !important; }
  .plantor-hero__points { display: grid; }
  .plantor-placeholder--hero { min-height: 14rem; }
  .plantor-footer { padding-inline: 1rem; }
  .plantor-facts { grid-template-columns: 1fr; }
  .plantor-facts dt { padding-bottom: .2rem; border-bottom: 0; }
  .plantor-facts dd { padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }