/* v0.9.2 — compact inner-page browsing; deliberately not loaded on the homepage. */
@media(max-width:760px) {
 .syrb.syrb-v4 main .syrb-wrap { width:calc(100% - 36px); }
 .syrb.syrb-v4 main .syrb-section { padding-block:24px; }
 .syrb.syrb-v4 main .syrb-content-heading { padding-block:8px 16px; }
 .syrb.syrb-v4 main .syrb-intro { font-size:17px; line-height:1.5; margin-top:14px; }
 .syrb.syrb-v4 main .syrb-section-heading { gap:12px; margin-bottom:18px; }
 .syrb.syrb-v4 main .syrb-actions { margin-top:18px; }
 .syrb.syrb-v4 .syrb-product-hero .syrb-actions,
 .syrb.syrb-v4 .syrb-species-introduction .syrb-actions { display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; }
 .syrb.syrb-v4 .syrb-product-hero .syrb-actions > *,
 .syrb.syrb-v4 .syrb-species-introduction .syrb-actions > * { width:auto; flex:0 1 auto; min-height:48px; font-size:15px; padding:12px; gap:12px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-hero { gap:20px; padding-block:8px 20px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-hero .syrb-small-note { font-size:14px; line-height:1.45; margin-top:12px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-gallery figure { height:200px; }
 .syrb.syrb-v4 .syrb-gallery-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .syrb.syrb-v4 .syrb-product-page .syrb-gallery-controls button { padding:8px 6px; line-height:1.35; }

 /* Two real, readable cards per row — no clipped product names. */
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-grid,
 .syrb.syrb-v4 .syrb-product-page .syrb-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory .syrb-directory-grid .syrb-directory-card { display:flex; flex-direction:column; gap:0; min-width:0; padding:0 0 12px; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory .syrb-directory-grid .syrb-directory-image { display:block; width:100%; height:86px; aspect-ratio:auto; margin:0 0 10px; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-products .syrb-directory-image,
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-news .syrb-directory-image { height:112px; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-grid .syrb-directory-image img { width:100%; height:100%; object-fit:cover; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory .syrb-directory-grid h3 { font-size:17px; line-height:1.3; margin:0; font-weight:500; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-grid h3 a { display:flex; align-items:start; justify-content:space-between; min-height:44px; padding-block:4px; gap:6px; overflow-wrap:anywhere; }
 .syrb.syrb-v4 main .syrb-directory-grid h3 a span { flex-shrink:0; }
 .syrb.syrb-v4 main .syrb-directory-card-body > p { display:none; }
 .syrb.syrb-v4 main .syrb-directory-news .syrb-eyebrow { display:block; font-size:12px; margin:0 0 6px; }
 .syrb.syrb-v4 .syrb-directory-tools { gap:12px; margin-bottom:18px; }
 .syrb.syrb-v4 .syrb-directory-search label { margin-bottom:8px; }
 .syrb.syrb-v4 .syrb-directory-search input { min-height:48px; font-size:16px; }
 .syrb.syrb-v4 .syrb-directory-filters { gap:6px; }
 .syrb.syrb-v4 .syrb-directory-filters button { padding:8px 12px; min-height:44px; font-size:14px; }
 .syrb.syrb-v4 .syrb-directory-count { font-size:14px; margin:0; }
 .syrb.syrb-v4 .syrb-directory-more { margin-top:20px; min-height:48px; width:100%; justify-content:center; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-search.syrb-directory-grid { grid-template-columns:1fr; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-search.syrb-directory-grid .syrb-directory-card { display:grid; grid-template-columns:64px 1fr; gap:14px; }
 .syrb.syrb-v4 main.syrb-content-page .syrb-directory-search.syrb-directory-grid .syrb-directory-image { height:64px; margin:0; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-card .syrb-card-image { width:100%; height:112px; min-width:0; aspect-ratio:auto; margin-bottom:10px; }
 .syrb.syrb-v4 .syrb-product-page .syrb-product-card h3 { font-size:18px; line-height:1.3; min-height:46px; margin-block:4px 10px; overflow-wrap:anywhere; }
 .syrb.syrb-v4 .syrb-product-card > a > p,
 .syrb.syrb-v4 .syrb-product-card .syrb-card-link { display:none; }
 .syrb.syrb-v4 .syrb-product-card > button { min-height:44px; font-size:14px; line-height:1.3; padding:9px 10px; margin-top:0; width:100%; }

 /* Native disclosure controls: keyboard, touch and browser find remain usable. */
 .syrb.syrb-v4 .syrb-mobile-disclosure { width:100%; min-width:0; border:0; }
 .syrb.syrb-v4 .syrb-mobile-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:56px; padding:14px 0; list-style:none; cursor:pointer; font-size:16px; line-height:1.4; font-weight:500; }
 .syrb.syrb-v4 .syrb-mobile-disclosure > summary::-webkit-details-marker { display:none; }
 .syrb.syrb-v4 .syrb-mobile-disclosure > summary::after { content:'+'; font:400 24px/1 var(--font-sans, sans-serif); flex:0 0 22px; text-align:center; }
 .syrb.syrb-v4 .syrb-mobile-disclosure[open] > summary::after { content:'−'; }
 .syrb.syrb-v4 main .syrb-mobile-disclosure > summary h2 { font-size:24px; line-height:1.2; margin:0; max-width:none; }
 .syrb.syrb-v4 .syrb-disclosure-body { padding:0 0 18px; }
 .syrb.syrb-v4 main .syrb-disclosure-body p { font-size:16px; line-height:1.55; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-detail-section,
 .syrb.syrb-v4.syrb-mobile-compact .syrb-story-block:has(>details),
 .syrb.syrb-v4.syrb-mobile-compact .syrb-detail-sections > :last-child:nth-child(odd) { display:block; padding:0; margin:0; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-detail-sections { display:block; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-product-page .syrb-product-details { padding-block:8px 20px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-story-images { margin-top:16px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-story-images img { max-height:240px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-product-page .syrb-spec-card { display:flex; flex-direction:column; gap:8px; padding:20px; margin-top:20px; }
 .syrb.syrb-v4 .syrb-spec-card > div { width:100%; }
 .syrb.syrb-v4 .syrb-spec-card .syrb-disclosure-body ol { margin:0; padding-left:20px; }
 .syrb.syrb-v4 .syrb-spec-card .syrb-mobile-disclosure > summary { min-height:48px; padding:8px 0; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-spec-card > p { font-size:15px; line-height:1.5; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-spec-card h2 { font-size:27px; margin:0; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-spec-card .syrb-button { width:100%; margin-top:8px; }
 .syrb.syrb-v4 .syrb-profile-fold { border-block:1px solid var(--inner-line,#cbd2c6); }
 .syrb.syrb-v4 .syrb-profile-fold > summary { font-size:24px; font-family:var(--font-heading, Georgia,serif); }
 .syrb.syrb-v4 .syrb-profile-fold .syrb-section-heading > div { display:none; }
 .syrb.syrb-v4 .syrb-profile-fold .syrb-profile-art { height:200px; }
 .syrb.syrb-v4 .syrb-profile-fold .syrb-profile-choices { display:flex; flex-direction:row; gap:6px; }
 .syrb.syrb-v4 .syrb-profile-fold .syrb-profile-choices button { font-size:14px; min-height:48px; padding:8px; flex:1; }
 .syrb.syrb-v4 .syrb-species-description { grid-template-columns:minmax(0,1fr) 80px; gap:14px; }
 .syrb.syrb-v4 .syrb-species-sample,.syrb.syrb-v4 .syrb-species-sample img { width:80px; }
 .syrb.syrb-v4 .syrb-species-sample img { height:140px; }
 .syrb.syrb-v4 .syrb-species-description .syrb-intro { margin-top:0; }
 .syrb.syrb-v4 .syrb-species-description summary { font-size:15px; }
 .syrb.syrb-v4 .syrb-species-overview { gap:20px; }
 .syrb.syrb-v4 .syrb-species-facts { padding:18px; }
 .syrb.syrb-v4 .syrb-species-facts h2 { font-size:27px; margin-bottom:10px; }
 .syrb.syrb-v4 .syrb-specifications { grid-template-columns:1fr; }
 .syrb.syrb-v4 .syrb-specifications > div { display:grid; grid-template-columns:100px 1fr; gap:12px; padding:10px 0; }
 .syrb.syrb-v4 .syrb-specifications dd { font-size:16px; }
 .syrb.syrb-v4 .syrb-species-facts .syrb-small-note { margin-top:6px; }
 .syrb.syrb-v4 .syrb-timeline-entry { padding:18px 0; grid-template-columns:62px 1fr; gap:12px 16px; }
 .syrb.syrb-v4 .syrb-timeline-entry > figure img { width:62px; height:96px; }
 .syrb.syrb-v4 .syrb-timeline-year { font-size:25px; }
 .syrb.syrb-v4 .syrb-timeline-entry h2 { font-size:25px; margin-bottom:4px; }
 .syrb.syrb-v4 .syrb-timeline-entry summary { min-height:44px; padding:8px 0; }

 /* A useful footer, not another four screens of navigation. */
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-grid { display:flex; flex-direction:column; gap:0; padding-block:24px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-brand { margin-bottom:18px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-brand .syrb-logo { max-width:150px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-brand p,
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-brand > .syrb-text-link { display:none; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-grid nav { display:block; padding:0; border-top:1px solid #45675b; }
 .syrb.syrb-v4 .syrb-footer-menu > summary h2 { margin:0; font-size:17px; }
 .syrb.syrb-v4 .syrb-footer-menu .syrb-disclosure-body { display:grid; grid-template-columns:1fr 1fr; gap:2px 16px; }
 .syrb.syrb-v4 .syrb-footer-menu a { font-size:15px; line-height:1.4; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-contact { border-top:1px solid #45675b; padding-top:18px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-contact h2 { font-size:15px; margin-bottom:6px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-contact p { display:none; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-contact > a { min-height:44px; display:flex; align-items:center; margin:0; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-contact .syrb-text-link { width:max-content; font-size:15px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-bottom { display:flex; flex-wrap:wrap; gap:6px 18px; padding-block:18px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-bottom p { flex-basis:100%; margin-bottom:8px; font-size:12px; }
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-bottom > a,
 .syrb.syrb-v4.syrb-mobile-compact .syrb-footer-bottom > button { min-height:44px; display:flex; align-items:center; font-size:13px; }
}
@media(min-width:360px) and (max-width:760px) {
 .syrb.syrb-v4 .syrb-contact-information { grid-template-columns:1fr 1fr; gap:20px 16px; }
 .syrb.syrb-v4 .syrb-contact-information > div:nth-child(2) { border:0; padding-top:0; }
 .syrb.syrb-v4 .syrb-contact-information h2 { font-size:23px; }
}