/* Six additional material and layout families, shared by the site and previews. */
:root[data-site-style="trellis"] {
  --site-card-radius: 24px 24px 10px 10px;
  --site-panel-radius: 34px 34px 15px 15px;
  --site-page-pattern: linear-gradient(45deg,transparent calc(50% - .4px),color-mix(in srgb,var(--site-ink) 3%,transparent) 50%,transparent calc(50% + .4px)),linear-gradient(-45deg,transparent calc(50% - .4px),color-mix(in srgb,var(--site-ink) 3%,transparent) 50%,transparent calc(50% + .4px));
  --site-page-pattern-size: 168px 168px;
  --site-panel-pattern: linear-gradient(90deg,transparent 11px,color-mix(in srgb,var(--site-edge) 24%,transparent) 11px 12px,transparent 12px calc(100% - 12px),color-mix(in srgb,var(--site-edge) 24%,transparent) calc(100% - 12px) calc(100% - 11px),transparent calc(100% - 11px));
}
:root[data-site-style="trellis"] .page-heading { border-top: 3px double var(--site-edge); }
:root[data-site-style="trellis"] .nav-item.active { border-radius: 20px 20px 7px 7px; }
:root[data-site-style="ripple"] {
  --site-card-radius: 24px 10px 24px 10px;
  --site-panel-radius: 32px 12px 32px 12px;
  --site-page-pattern: radial-gradient(ellipse 115px 28px at 50% 100%,transparent calc(100% - 1px),color-mix(in srgb,var(--site-ink) 3%,transparent) calc(100% - .5px),transparent 100%);
  --site-page-pattern-size: 290px 146px;
  --site-panel-pattern: radial-gradient(ellipse 145px 43px at 92% 118%,transparent calc(100% - 1px),color-mix(in srgb,var(--site-edge) 24%,transparent) calc(100% - .5px),transparent 100%),radial-gradient(ellipse 180px 56px at 92% 118%,transparent calc(100% - 1px),color-mix(in srgb,var(--site-edge) 15%,transparent) calc(100% - .5px),transparent 100%);
}
:root[data-site-style="ripple"] .page-heading { border-bottom: 3px double var(--site-edge); }
:root[data-site-style="ripple"] .heading-stat>[data-icon] { border-radius: 50%; box-shadow: 0 0 0 5px var(--site-paper),0 0 0 6px var(--site-edge); }
:root[data-site-style="linen"] {
  --site-card-radius: 9px;
  --site-panel-radius: 13px;
  --site-paper-stroke: dashed;
  --site-page-pattern: linear-gradient(0deg,transparent 6px,color-mix(in srgb,var(--site-ink) 2%,transparent) 6px 6.5px,transparent 6.5px),linear-gradient(90deg,transparent 4px,color-mix(in srgb,var(--site-ink) 2%,transparent) 4px 4.5px,transparent 4.5px);
  --site-page-pattern-size: 13px 11px,17px 19px;
  --site-panel-pattern: linear-gradient(90deg,transparent 5px,color-mix(in srgb,var(--site-ink) 2%,transparent) 5px 5.5px,transparent 5.5px),linear-gradient(0deg,transparent 8px,color-mix(in srgb,var(--site-ink) 2%,transparent) 8px 8.5px,transparent 8.5px);
  --site-panel-pattern-size: 11px 13px,17px 19px;
}
:root[data-site-style="linen"] .page-heading { outline: 1px dashed color-mix(in srgb,var(--site-edge) 58%,transparent); outline-offset: -7px; }
:root[data-site-style="linen"] .page-heading::before { border-style: none; }
:root[data-site-style="linen"] .button { border-style: dashed; }
:root[data-site-style="night-sky"] {
  --site-card-radius: 18px 18px 5px 18px;
  --site-panel-radius: 25px;
  --site-page-pattern: radial-gradient(circle at 28px 31px,color-mix(in srgb,var(--site-ink) 7%,transparent) .6px,transparent 1px),radial-gradient(circle at 123px 97px,color-mix(in srgb,var(--site-ink) 5%,transparent) .9px,transparent 1.3px),radial-gradient(circle at 73px 142px,color-mix(in srgb,var(--site-ink) 6%,transparent) .5px,transparent .9px);
  --site-page-pattern-size: 204px 218px;
  --site-panel-pattern: linear-gradient(0deg,color-mix(in srgb,var(--site-alt-tint) 16%,transparent) 1px,transparent 1px);
  --site-heading-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 110'%3E%3Cg fill='none' stroke='black' stroke-width='1' stroke-linejoin='round'%3E%3Cpath d='M101 19A32 32 0 1 0 125 69A31 31 0 0 1 101 19Z'/%3E%3Cellipse cx='102' cy='70' rx='57' ry='13' transform='rotate(-22 102 70)' stroke-dasharray='1 5'/%3E%3Cpath d='M137 18V30M131 24H143M47 65V73M43 69H51M139 79V87M135 83H143M49 28L51 33L56 35L51 37L49 42L47 37L42 35L47 33ZM155 48L157 52L161 54L157 56L155 60L153 56L149 54L153 52Z'/%3E%3Ccircle cx='69' cy='15' r='1.4'/%3E%3Ccircle cx='119' cy='91' r='1.4'/%3E%3Ccircle cx='29' cy='53' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-site-style="night-sky"] .page-heading::after { opacity: .25; }
:root[data-site-style="night-sky"] .nav-item.active { box-shadow: inset 3px 0 var(--site-petal); }
:root[data-site-style="petal-frame"] {
  --site-card-radius: 25px 7px 25px 7px;
  --site-panel-radius: 26px 9px 26px 9px;
  --site-page-pattern: radial-gradient(ellipse 1px 2px at 27px 22px,color-mix(in srgb,var(--site-ink) 4%,transparent) 85%,transparent),radial-gradient(ellipse 2px 1px at 31px 26px,color-mix(in srgb,var(--site-ink) 4%,transparent) 85%,transparent);
  --site-page-pattern-size: 156px 142px;
  --site-panel-pattern: linear-gradient(0deg,color-mix(in srgb,var(--site-petal) 12%,transparent) 0 1px,transparent 1px);
}
:root[data-site-style="petal-frame"] .page-heading { border-width: 1px;outline:1px solid color-mix(in srgb,var(--site-petal) 45%,transparent);outline-offset:-7px; }
:root[data-site-style="petal-frame"] .page-heading::before { border-style: none; }
:root[data-site-style="petal-frame"] .keyword-list button { border-radius: 9px 2px 9px 2px; }
:root[data-site-style="orchard"] {
  --site-card-radius: 21px;
  --site-panel-radius: 28px 28px 15px 15px;
  --site-page-pattern: radial-gradient(circle at 28px 34px,color-mix(in srgb,var(--site-ink) 4%,transparent) 1.2px,transparent 1.7px),radial-gradient(ellipse 2.5px .7px at 31px 30px,color-mix(in srgb,var(--site-ink) 4%,transparent) 85%,transparent);
  --site-page-pattern-size: 151px 137px;
  --site-panel-pattern: linear-gradient(90deg,color-mix(in srgb,var(--site-edge) 10%,transparent) .7px,transparent .7px),linear-gradient(0deg,color-mix(in srgb,var(--site-edge) 10%,transparent) .7px,transparent .7px);
  --site-panel-pattern-size: 92px 76px;
}
:root[data-site-style="orchard"] .nav-item.active { border-radius: 18px; }
:root[data-site-style="orchard"] .page-heading { border-bottom-width: 2px; }
:root:is([data-site-style="trellis"], [data-site-style="ripple"], [data-site-style="night-sky"], [data-site-style="petal-frame"]) .shelf-cover { border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Real tag cards and the manager's miniature page share the same paper motifs. */
[data-garden-style="trellis"] .tag-square-card { border-radius: 32px 32px 10px 10px; border-top: 3px double var(--tag-edge); }
[data-garden-style="trellis"] .tag-garden-bed { border:1px solid var(--tag-edge);border-radius:50% 50% 3px 3px;border-bottom:0; }
[data-garden-style="trellis"] .tag-square-main { background-image:repeating-linear-gradient(45deg,transparent 0 21px,#ffffff65 21px 22px),repeating-linear-gradient(-45deg,transparent 0 21px,#ffffff65 21px 22px); }
[data-garden-style="ripple"] .tag-square-card { border-radius: 28px 9px 28px 9px; }
[data-garden-style="ripple"] .tag-square-main { background-image:repeating-radial-gradient(ellipse at 90% 110%,transparent 0 20px,#ffffff90 21px 22px,transparent 23px 41px); }
[data-garden-style="ripple"] .tag-garden-bed { border-bottom:3px double var(--tag-edge);border-radius:50%; }
[data-garden-style="linen"] .tag-square-card { border-style:dashed;border-radius:9px;outline:1px dashed var(--tag-edge);outline-offset:-5px; }
[data-garden-style="linen"] .tag-square-main { background-image:repeating-linear-gradient(90deg,transparent 0 15px,#ffffff40 15px 30px),repeating-linear-gradient(0deg,transparent 0 15px,#ffffff40 15px 30px); }
[data-garden-style="night-sky"] .tag-square-card { border-radius:18px 18px 5px 18px; }
[data-garden-style="night-sky"] .tag-square-main { background-image:radial-gradient(circle at 14px 13px,#ffffffd0 1.1px,transparent 1.8px),radial-gradient(circle at 37px 42px,#ffffffc0 1.5px,transparent 2px);background-size:60px 57px; }
[data-garden-style="night-sky"] .tag-square-flower { border-radius:50%;box-shadow:inset -3px -2px 0 var(--garden-petal); }
[data-garden-style="petal-frame"] .tag-square-card { border-radius:25px 7px 25px 7px;outline:1px solid var(--tag-edge);outline-offset:-5px; }
[data-garden-style="petal-frame"] .tag-garden-bed { border-radius:50% 50% 15px 15px;background:var(--tag-tint); }
[data-garden-style="orchard"] .tag-square-card { border-radius:22px; }
[data-garden-style="orchard"] .tag-square-main { background-image:radial-gradient(circle at 10px 13px,#ffffff80 2px,transparent 3px),radial-gradient(ellipse 4px 1.5px at 14px 9px,#ffffff80 95%,transparent);background-size:41px 36px; }
[data-garden-style="orchard"] .tag-square-flower { border-radius:50%; }
.site-theme-choice[data-garden-style="trellis"] .site-theme-swatch>i { border-radius:50% 50% 2px 2px; }
.site-theme-choice[data-garden-style="ripple"] .site-theme-swatch>i { border-radius:50% 4px 50% 4px; }
.site-theme-choice[data-garden-style="linen"] .site-theme-swatch>i { border:1px dashed var(--tag-edge);border-radius:2px; }
.site-theme-choice[data-garden-style="night-sky"] .site-theme-swatch>i { clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%); }
.site-theme-choice[data-garden-style="petal-frame"] .site-theme-swatch>i { border-radius:50% 12% 50% 12%; }
.site-theme-choice[data-garden-style="orchard"] .site-theme-swatch>i { border-radius:45% 45% 50% 50%; }
@media(max-width:650px){:root[data-site-style="night-sky"] .page-heading::after{opacity:.14;}}