@layer components{.ap-library-explorer{gap:var(--ap-space-5);display:grid}.ap-library-explorer__primary{align-items:end;gap:var(--ap-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.ap-library-explorer__search,.ap-library-explorer__select{gap:var(--ap-space-2);color:var(--ap-color-heading);font-size:var(--ap-font-size-sm);font-weight:var(--ap-font-weight-medium);display:grid}.ap-library-explorer__search{max-inline-size:var(--ap-size-reading)}.ap-library-explorer__toggle{display:none}.ap-library-explorer__filters{align-items:end;gap:var(--ap-space-3);padding:var(--ap-space-4);background:var(--ap-color-surface-muted);border:var(--ap-border-subtle);border-radius:var(--ap-radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-library-explorer__select select{inline-size:100%;min-inline-size:0;min-block-size:var(--ap-size-control-min);border:var(--ap-border-width) solid var(--ap-color-control-border);border-radius:var(--ap-radius-md);padding-block:var(--ap-space-2);padding-inline:var(--ap-space-3);color:var(--ap-color-text);font:inherit;font-weight:var(--ap-font-weight-regular);background:var(--ap-color-surface)}.ap-library-explorer__select select:focus-visible{border-color:var(--ap-color-focus)}.ap-library-explorer__check{align-items:center;gap:var(--ap-space-2);min-block-size:var(--ap-size-control-min);color:var(--ap-color-heading);font-size:var(--ap-font-size-sm);font-weight:var(--ap-font-weight-medium);display:flex}.ap-library-explorer__check input{inline-size:var(--ap-space-4);block-size:var(--ap-space-4);accent-color:var(--ap-color-action)}.ap-library-explorer__status-row{justify-content:space-between;align-items:center;gap:var(--ap-space-3);display:flex}.ap-library-explorer__summary{margin-block:var(--ap-space-0);color:var(--ap-color-text-muted);font-size:var(--ap-font-size-sm)}.ap-library-explorer__active{gap:var(--ap-space-2);margin:var(--ap-space-0);padding:var(--ap-space-0);border:0;flex-wrap:wrap;display:flex}.ap-library-explorer__empty{justify-items:start;gap:var(--ap-space-3);padding:var(--ap-space-7);background:var(--ap-color-surface-muted);border:var(--ap-border-subtle);border-radius:var(--ap-radius-lg);display:grid}.ap-library-explorer__empty h3,.ap-library-explorer__empty p{margin-block:var(--ap-space-0)}.ap-library-explorer__empty h3{color:var(--ap-color-heading);font-family:var(--ap-font-heading);font-size:var(--ap-font-size-lg)}.ap-library-explorer__empty p{color:var(--ap-color-text-muted)}.ap-library-index{min-block-size:calc(var(--ap-size-viewport) * .75);color:var(--ap-color-text);background:var(--ap-color-surface);font-family:var(--ap-font-body)}.ap-library-index__container{inline-size:min(calc(100% - var(--ap-space-7)), var(--ap-size-content));margin-inline:auto}.ap-library-index__hero{color:var(--ap-color-action-text);background-color:var(--ap-color-heading);border-block-end:var(--ap-border-subtle);background-position:50%;background-size:cover;position:relative;overflow:hidden}.ap-library-index[data-kind=crop] .ap-library-index__hero{background-image:url(/images/growing-guides-hero.webp)}.ap-library-index[data-kind=variety] .ap-library-index__hero{background-image:url(/images/crop-varieties-hero.webp)}.ap-library-index__hero:before{content:"";background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--ap-color-selection) 20%, transparent), transparent 30%), linear-gradient(90deg, color-mix(in srgb, var(--ap-color-heading) 94%, transparent) 0%, color-mix(in srgb, var(--ap-color-heading) 82%, transparent) 48%, color-mix(in srgb, var(--ap-color-heading) 62%, transparent) 100%);position:absolute;inset:0}.ap-library-index__hero-inner{align-items:center;gap:var(--ap-space-8);min-block-size:min(46rem,72vh);padding-block:var(--ap-space-8);grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);display:grid;position:relative}.ap-library-index__hero h1,.ap-library-index__toolbar h2,.ap-library-card h3{margin-block:var(--ap-space-0);font-family:var(--ap-font-heading)}.ap-library-index__hero h1{max-inline-size:11ch;color:var(--ap-color-action-text);letter-spacing:-.055em;font-size:clamp(3.75rem,7vw,7rem);line-height:.92}.ap-library-index__hero p:last-child{max-inline-size:42rem;margin-block:var(--ap-space-6) var(--ap-space-0);color:color-mix(in srgb, var(--ap-color-action-text) 82%, transparent);font-size:var(--ap-font-size-lg);line-height:var(--ap-line-height-relaxed)}.ap-library-index__hero-art{min-block-size:30rem;position:relative}.ap-library-index__hero-image{inline-size:clamp(11rem,18vw,16rem);position:absolute;transform:rotate(-4deg)}.ap-library-index__hero-image .ap-app-image{inline-size:100%}.ap-library-index__hero-image:first-child{inset-block-start:2%;inset-inline-start:5%}.ap-library-index__hero-image:nth-child(2){z-index:2;inset-block-start:30%;inset-inline-end:0;transform:rotate(5deg)}.ap-library-index__hero-image:nth-child(3){inset-block-end:0;inset-inline-start:12%;transform:rotate(2deg)}.ap-library-index__eyebrow{margin-block:var(--ap-space-0) var(--ap-space-2);color:var(--ap-color-selection);font-size:var(--ap-font-size-xs);font-weight:var(--ap-font-weight-bold);letter-spacing:var(--ap-letter-spacing-label);text-transform:uppercase}.ap-library-index__catalogue{padding-block:var(--ap-space-8)}.ap-library-index__toolbar{justify-content:space-between;align-items:end;gap:var(--ap-space-6);margin-block-end:var(--ap-space-7);display:flex}.ap-library-index__toolbar h2{color:var(--ap-color-heading);font-size:var(--ap-font-size-xl);line-height:var(--ap-line-height-tight)}.ap-library-index__toolbar .ap-library-index__eyebrow{color:var(--ap-color-action)}.ap-library-index__grid{align-items:start;gap:var(--ap-space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-library-card{background:var(--ap-color-surface-muted);border:var(--ap-border-subtle);border-radius:var(--ap-radius-lg);overflow:hidden}.ap-library-card__art{min-block-size:var(--ap-size-image-lg);padding:var(--ap-space-6);place-items:center;display:grid}.ap-library-card__image{inline-size:min(100%, var(--ap-size-image-lg))}.ap-library-card__copy{padding:var(--ap-space-6);background:var(--ap-color-canvas);border-block-start:var(--ap-border-subtle);flex-direction:column;display:flex}.ap-library-card__copy>span{color:var(--ap-color-action);font-size:var(--ap-font-size-xs);font-weight:var(--ap-font-weight-bold);letter-spacing:var(--ap-letter-spacing-label);text-transform:uppercase;margin-block-end:var(--ap-space-2)}.ap-library-card__copy h3{color:var(--ap-color-heading);font-size:var(--ap-font-size-lg);line-height:var(--ap-line-height-tight);margin-block-end:var(--ap-space-3)}.ap-library-card__copy p{block-size:3lh;margin-block:var(--ap-space-0) var(--ap-space-5);color:var(--ap-color-text-muted);font-size:var(--ap-font-size-sm);line-height:var(--ap-line-height-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ap-library-card__copy a{align-items:center;gap:var(--ap-space-2);color:var(--ap-color-action);font-size:var(--ap-font-size-sm);font-weight:var(--ap-font-weight-bold);text-underline-offset:var(--ap-space-1);display:inline-flex}.ap-library-card__copy a svg{block-size:1em;inline-size:1em}}@media (width<=48rem){@layer components{.ap-library-explorer__toggle{display:inline-flex}.ap-library-explorer__filters{grid-template-columns:repeat(2,minmax(0,1fr));display:none}.ap-library-explorer__filters[data-open=true]{display:grid}}}@media (width<=30rem){@layer components{.ap-library-explorer__primary{grid-template-columns:1fr}.ap-library-explorer__toggle{justify-self:start}.ap-library-explorer__filters{grid-template-columns:1fr}.ap-library-explorer__status-row{flex-direction:column;align-items:start}.ap-library-explorer__empty{padding:var(--ap-space-5)}}}@media (forced-colors:active){@layer components{.ap-library-explorer__check input{accent-color:highlight}}}@media (width<=48rem){@layer components{.ap-library-index__container{inline-size:min(calc(100% - var(--ap-space-6)), var(--ap-size-content))}.ap-library-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-library-index__hero-inner{gap:var(--ap-space-6);grid-template-columns:1fr}.ap-library-index__hero h1{font-size:clamp(3.5rem,14vw,6rem)}.ap-library-index__hero-art{min-block-size:24rem}.ap-library-index__hero-image{inline-size:clamp(9rem,35vw,13rem)}}}@media (width<=24rem){@layer components{.ap-library-index__hero-inner{min-block-size:var(--ap-size-mobile)}.ap-library-index__toolbar{flex-direction:column;align-items:stretch}.ap-library-index__grid{grid-template-columns:1fr}}}
