.badge-page h1{margin-bottom:28px}.badge-page .lead{font-size:19px;max-width:740px}.badge-page .draft-note{background:color-mix(in srgb,var(--blue) 12%,var(--paper));border-left:3px solid var(--blue);padding:12px 16px;font-size:14px;max-width:800px}.badge-page .recent,.badge-page .collection-nav{padding:28px 0;border-top:1px solid var(--edge);margin-top:30px}.badge-page h2{font-size:23px;line-height:1.3;margin:0;display:inline;background:#d5edf9;color:#161c1b;box-decoration-break:clone;padding:2px 5px}.badge-page .recent p,.badge-page .collection-nav p{margin:14px 0}.badge-page .empty{font-size:14px;border-left:3px solid var(--edge);padding:10px 14px}.badge-page .collection-nav nav{display:flex;gap:9px 18px;flex-wrap:wrap}.badge-page .collection-nav nav a{font-size:14px;padding:2px 4px;margin:-2px -4px}.badge-page .collection-nav nav a:hover,.badge-page .collection-nav nav a:focus-visible{background:#cde9f8;color:#161c1b}.badge-page .collection-nav nav a[href="#fauna"]:hover,.badge-page .collection-nav nav a[href="#fauna"]:focus-visible{background:#fcebd0}.badge-page .collection-nav nav a[href="#flora"]:hover,.badge-page .collection-nav nav a[href="#flora"]:focus-visible{background:#dcebcf}.badge-page .collection-nav nav a[href="#fungi"]:hover,.badge-page .collection-nav nav a[href="#fungi"]:focus-visible{background:#f1e0ef}.badge-page .collection-nav nav a[href="#meteorology"]:hover,.badge-page .collection-nav nav a[href="#meteorology"]:focus-visible{background:#dfecf4}.badge-page .collection-nav nav a[href="#astronomy"]:hover,.badge-page .collection-nav nav a[href="#astronomy"]:focus-visible{background:#ebe3f5}.badge-page .collection{display:grid;grid-template-columns:minmax(175px,29%) 1fr;gap:28px;border-top:1px solid var(--edge);padding:30px 0}.badge-page .section-heading p{font-size:15px;max-width:250px}.badge-page #fauna h2{background:#fcebd0}.badge-page #flora h2{background:#dcebcf}.badge-page #fungi h2{background:#f1e0ef}.badge-page #meteorology h2{background:#dfecf4}.badge-page #astronomy h2{background:#ebe3f5}.badge-page .section-content>h3{margin:0;font-size:18px}.badge-page .section-content>p{margin:6px 0 20px;font-size:14px}.badge-page .series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.badge-page .series,.badge-page .specimen{border-top:1px solid var(--edge);padding:12px 0;min-width:0}.badge-page .series summary,.badge-page .specimen summary{display:flex;align-items:flex-start;gap:13px;cursor:pointer;list-style:none}.badge-page summary::-webkit-details-marker{display:none}.badge-page summary strong,.badge-page summary small,.badge-page summary .view,.badge-page .series-title span{display:block}.badge-page summary strong{font-size:16px}.badge-page summary small,.badge-page .series-title span{font-size:13px}.badge-page .view{font-size:12px!important;text-decoration:underline;text-underline-offset:3px;margin-top:5px}.badge-page .art{display:block;flex:none;width:90px;height:90px;border-radius:50%;background-repeat:no-repeat;background-color:#f5f5f5}.badge-page .setting{background-image:url("/assets/badges-settings.jpg");background-size:400% 300%}.badge-page .overall{background-position:100% 100%}.badge-page .blog{background-position:66.666% 100%}.badge-page .garden{background-position:33.333% 100%}.badge-page .stream{background-position:0% 100%}.badge-page .mineral{background-image:url("/assets/badges-minerals.jpg");background-size:400% 300%}.badge-page .quartz{background-position:0 0}.badge-page .stages,.badge-page .detail-copy{border-left:2px solid var(--blue);margin:16px 0 0;padding:0 0 0 14px;font-size:13px}.badge-page .stages ol{padding-left:20px}.badge-page .stages li{padding:3px 0}.badge-page .small{font-size:12px}@media(max-width:700px){.badge-page .collection{grid-template-columns:1fr;gap:12px}.badge-page .section-heading p{max-width:none}.badge-page .series-grid{grid-template-columns:1fr}.badge-page .art{width:78px;height:78px}}
body:has(.badge-page)>main#content,body:has(.badge-page)>header.site-masthead{max-width:1100px}
.badge-page .mineral.rock-crystal{background-position:0 0}.badge-page .mineral.rose-quartz{background-position:33.333% 0}.badge-page .mineral.amethyst{background-position:66.666% 0}.badge-page .mineral.citrine{background-position:100% 0}.badge-page .mineral.fluorite{background-position:33.333% 50%}.badge-page .mineral.aquamarine{background-position:66.666% 50%}.badge-page .mineral.labradorite{background-position:100% 50%}.badge-page .mineral.tourmaline{background-position:0 100%}.badge-page .mineral.garnet{background-position:33.333% 100%}.badge-page .mineral-stages{list-style:none;padding:0!important;margin:0}.badge-page .mineral-stages li{display:flex;align-items:center;gap:10px;padding:8px 0}.badge-page .mineral-stages .art{width:48px;height:48px}.badge-page .mineral-stages strong,.badge-page .mineral-stages small{display:block}.badge-page .mineral-stages small{font-size:12px}.badge-page .stage-unknown{display:grid;place-items:center;background:var(--edge);color:var(--ink);font:22px Georgia,serif}
/* Keep expanded badges compact and give each series the full column width. */
.badge-page #geology{grid-template-columns:1fr;gap:12px}
.badge-page #geology .section-heading p{max-width:none}
.badge-page .series-grid{grid-template-columns:1fr;gap:0}
.badge-page .mineral-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;list-style:none!important;padding:0!important;margin:0!important}
.badge-page .mineral-stages li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;list-style:none!important;padding:8px 0;min-width:0}
.badge-page .mineral-stages li::marker{content:""}
.badge-page .mineral-stages .art{width:68px;height:68px}
.badge-page .mineral-stages strong,.badge-page .mineral-stages small{display:block}
.badge-page .mineral-stages small{font-size:12px;line-height:1.4}
@media(max-width:500px){.badge-page .mineral-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Collection links use their corresponding heading colors at rest and focus. */
.badge-page .collection-nav nav a{color:#161c1b;background:#d5edf9}
.badge-page .collection-nav nav a[href="#fauna"]{background:#fcebd0}
.badge-page .collection-nav nav a[href="#flora"]{background:#dcebcf}
.badge-page .collection-nav nav a[href="#fungi"]{background:#f1e0ef}
.badge-page .collection-nav nav a[href="#meteorology"]{background:#dfecf4}
.badge-page .collection-nav nav a[href="#astronomy"]{background:#ebe3f5}
.badge-page .collection-nav nav a:hover,.badge-page .collection-nav nav a:focus-visible{filter:brightness(.93);text-decoration-thickness:2px}
/* The series scene stays constant while its mineral follows its latest stage. */
.badge-page .setting-scene{position:relative;isolation:isolate;background-image:url("/assets/badges-scenes.webp");background-size:400% auto;background-repeat:no-repeat}
.badge-page .setting-scene.overall{background-position:0% 50%}
.badge-page .setting-scene.blog{background-position:33.333% 50%}
.badge-page .setting-scene.garden{background-position:66.666% 50%}
.badge-page .setting-scene.stream{background-position:100% 50%}
.badge-page .current-mineral{position:absolute;left:17%;top:17%;width:66%;height:66%;display:block;border-radius:50%;background-image:url("/assets/badges-minerals.jpg");background-size:400% 300%;background-repeat:no-repeat;mix-blend-mode:multiply}
.badge-page .current-mineral.rock-crystal{background-position:0 0}.badge-page .current-mineral.rose-quartz{background-position:33.333% 0}.badge-page .current-mineral.amethyst{background-position:66.666% 0}.badge-page .current-mineral.citrine{background-position:100% 0}.badge-page .current-mineral.fluorite{background-position:33.333% 50%}.badge-page .current-mineral.aquamarine{background-position:66.666% 50%}.badge-page .current-mineral.labradorite{background-position:100% 50%}.badge-page .current-mineral.tourmaline{background-position:0 100%}.badge-page .current-mineral.garnet{background-position:33.333% 100%}
.badge-page .series .when-open{display:none}
.badge-page .series[open] .when-open{display:inline}
.badge-page .series[open] .when-closed{display:none}
/* Six distinct highlights echo each collection heading without reusing site blue. */
.badge-page .collection-nav nav a[href="#geology"]{background:#efd492!important}
.badge-page .collection-nav nav a[href="#fauna"]{background:#ffbd92!important}
.badge-page .collection-nav nav a[href="#flora"]{background:#b8dea2!important}
.badge-page .collection-nav nav a[href="#fungi"]{background:#d8b5e8!important}
.badge-page .collection-nav nav a[href="#meteorology"]{background:#d1d1d1!important}
.badge-page .collection-nav nav a[href="#astronomy"]{background:#f3b3ca!important}
.badge-page #geology h2{background:#efd492}
.badge-page #fauna h2{background:#ffbd92}
.badge-page #flora h2{background:#b8dea2}
.badge-page #fungi h2{background:#d8b5e8}
.badge-page #meteorology h2{background:#d1d1d1}
.badge-page #astronomy h2{background:#f3b3ca}
/* Fixed tracks keep each milestone aligned across every writing space. */
.badge-page .mineral-stages{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.badge-page .recent-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;list-style:none;margin:20px 0 0;padding:0}
.badge-page .recent-badges li{list-style:none;min-width:0}
.badge-page .recent-badges a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none}
.badge-page .recent-badges a:hover,.badge-page .recent-badges a:focus-visible{background:transparent;text-decoration:underline}
.badge-page .recent-badges .art{width:68px;height:68px;margin-bottom:5px}
.badge-page .recent-badges strong{font-size:13px}
.badge-page .recent-badges span:not(.art),.badge-page .recent-badges time{font-size:12px}
.badge-page details.collection{display:block}
.badge-page details.collection>.section-heading{display:block;cursor:pointer;list-style:none}
.badge-page details.collection>.section-heading::-webkit-details-marker{display:none}
.badge-page .section-heading h2{display:inline}
.badge-page .collection-action{font-size:12px;text-decoration:underline;margin-left:12px}
.badge-page .collection-action .when-open{display:none}
.badge-page details.collection[open]>.section-heading .when-open{display:inline}
.badge-page details.collection[open]>.section-heading .when-closed{display:none}
.badge-page .collection-empty{font-size:14px}
@media(max-width:500px){.badge-page .mineral-stages,.badge-page .recent-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
.badge-page .collection-description{display:block;font-size:15px;max-width:40em;margin:1em 0}
/* Three earned octopus scenes share one subject; the fourth appears at 15. */
.badge-page .art.mineral.octopus-coral,.badge-page .art.mineral.octopus-pool,.badge-page .art.mineral.octopus-reef{background-image:url("/assets/fauna-octopus.webp");background-size:300% 100%}
.badge-page .art.mineral.octopus-coral{background-position:0% 50%}
.badge-page .art.mineral.octopus-pool{background-position:50% 50%}
.badge-page .art.mineral.octopus-reef{background-position:100% 50%}
.badge-page .art.mineral.octopus-night{background-image:url("/assets/fauna-octopus-night.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.kingfisher-reeds,.badge-page .art.mineral.kingfisher-riverbank,.badge-page .art.mineral.kingfisher-waterfall{background-image:url("/assets/fauna-kingfisher.webp");background-size:300% 100%}
.badge-page .art.mineral.kingfisher-reeds{background-position:0% 50%}
.badge-page .art.mineral.kingfisher-riverbank{background-position:50% 50%}
.badge-page .art.mineral.kingfisher-waterfall{background-position:100% 50%}
.badge-page .art.mineral.crow-feather,.badge-page .art.mineral.crow-finds,.badge-page .art.mineral.crow-collection{background-image:url("/assets/fauna-crow.webp");background-size:300% 100%}
.badge-page .art.mineral.crow-feather{background-position:0% 50%}
.badge-page .art.mineral.crow-finds{background-position:50% 50%}
.badge-page .art.mineral.crow-collection{background-position:100% 50%}
.badge-page .art.mineral.peacock-flower,.badge-page .art.mineral.peacock-garden{background-image:url("/assets/fauna-peacock.webp");background-size:200% 100%}
.badge-page .art.mineral.peacock-flower{background-position:0% 50%}
.badge-page .art.mineral.peacock-garden{background-position:100% 50%}
.badge-page .art.mineral.owl-book,.badge-page .art.mineral.owl-nook{background-image:url("/assets/fauna-owl.webp");background-size:200% 100%}
.badge-page .art.mineral.owl-book{background-position:0% 50%}
.badge-page .art.mineral.owl-nook{background-position:100% 50%}
.badge-page .art.mineral.mole-burrow,.badge-page .art.mineral.mole-tunnels{background-image:url("/assets/fauna-mole.webp");background-size:200% 100%}
.badge-page .art.mineral.mole-burrow{background-position:0% 50%}
.badge-page .art.mineral.mole-tunnels{background-position:100% 50%}
.badge-page .art.mineral.bee-hive,.badge-page .art.mineral.bee-garden{background-image:url("/assets/fauna-bee.webp");background-size:200% 100%}
.badge-page .art.mineral.bee-hive{background-position:0% 50%}
.badge-page .art.mineral.bee-garden{background-position:100% 50%}
.badge-page .art.mineral.dragon-inventions{background-image:url("/assets/fauna-dragon.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.butterfly-art{background-image:url("/assets/fauna-butterfly.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.swallow-nest{background-image:url("/assets/fauna-swallow.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.gecko-rock{background-image:url("/assets/fauna-gecko.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.elephant-meeting{background-image:url("/assets/fauna-elephant.webp");background-size:100% 100%;background-position:center}
.badge-page .art.mineral.swallow-stream,.badge-page .art.mineral.swallow-flock{background-image:url("/assets/fauna-swallow-future.webp");background-size:200% 100%}
.badge-page .art.mineral.swallow-stream{background-position:0% 50%}
.badge-page .art.mineral.swallow-flock{background-position:100% 50%}
.badge-page .art.mineral.elephant-woodland,.badge-page .art.mineral.elephant-waterhole{background-image:url("/assets/fauna-elephant-future.webp");background-size:200% 100%}
.badge-page .art.mineral.elephant-woodland{background-position:0% 50%}
.badge-page .art.mineral.elephant-waterhole{background-position:100% 50%}
.badge-page .art.mineral.phoenix-embers,.badge-page .art.mineral.phoenix-dawn,.badge-page .art.mineral.phoenix-sunrise{background-image:url("/assets/fauna-phoenix.webp");background-size:300% 100%}
.badge-page .art.mineral.phoenix-embers{background-position:0% 50%}.badge-page .art.mineral.phoenix-dawn{background-position:50% 50%}.badge-page .art.mineral.phoenix-sunrise{background-position:100% 50%}
.badge-page .art.mineral.beaver-begins,.badge-page .art.mineral.beaver-building,.badge-page .art.mineral.beaver-habitat{background-image:url("/assets/fauna-beaver.webp");background-size:300% 100%}
.badge-page .art.mineral.beaver-begins{background-position:0% 50%}.badge-page .art.mineral.beaver-building{background-position:50% 50%}.badge-page .art.mineral.beaver-habitat{background-position:100% 50%}
.badge-page .art.mineral.moth-page,.badge-page .art.mineral.moth-poems,.badge-page .art.mineral.moth-garden{background-image:url("/assets/fauna-moth.webp");background-size:300% 100%}
.badge-page .art.mineral.moth-page{background-position:0% 50%}.badge-page .art.mineral.moth-poems{background-position:50% 50%}.badge-page .art.mineral.moth-garden{background-position:100% 50%}
.badge-page .art.mineral.flora-seedling{background-image:url("/assets/flora-fern.webp");background-size:400% 100%}
.badge-page .art.mineral.flora-budding{background-image:url("/assets/flora-wild-rose.webp");background-size:400% 100%}
.badge-page .art.mineral.flora-evergreen{background-image:url("/assets/flora-cedar.webp");background-size:400% 100%}
.badge-page .art.mineral.flora-stage-0{background-position:0% 50%}
.badge-page .art.mineral.flora-stage-1{background-position:33.333% 50%}
.badge-page .art.mineral.flora-stage-2{background-position:66.667% 50%}
.badge-page .art.mineral.flora-stage-3{background-position:100% 50%}
.badge-page .art.mineral.fungi-network{background-image:url("/assets/fungi-mycelium.webp");background-size:400% 100%}
.badge-page .art.mineral.fungi-stage-0{background-position:0% 50%}
.badge-page .art.mineral.fungi-stage-1{background-position:33.333% 50%}
.badge-page .art.mineral.fungi-stage-2{background-position:66.667% 50%}
.badge-page .art.mineral.fungi-stage-3{background-position:100% 50%}