.companions-package{background:var(--sbd-cream);color:var(--sbd-night)}
.companions-heading{max-width:780px;margin-bottom:36px}.companions-heading h2{font:600 clamp(2.3rem,5vw,4.5rem)/1.1 var(--sbd-display)}.companions-heading h2 span{color:var(--sbd-teal-dark)}
.companions-shelf{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.companions-shelf li{min-width:0}.companions-shelf img{width:100%;height:auto;aspect-ratio:1200/1573;object-fit:contain;background:white;border-radius:12px;box-shadow:0 5px 0 var(--sbd-sand);filter:none;opacity:1;mix-blend-mode:normal}
.companions-shelf h3{font:600 1.3rem/1.25 var(--sbd-display);margin-top:20px}.companions-shelf p{font-size:1rem}.companions-shelf small{font-size:.85rem}
.companions-guide-mark{display:grid;place-content:center;aspect-ratio:1200/1573;background:var(--sbd-gold);border-radius:30px 30px 8px 8px;font:600 clamp(1.3rem,2.5vw,2.4rem)/1.2 var(--sbd-display);text-align:center}.companions-guide:last-child .companions-guide-mark{background:var(--sbd-lavender)}
.companions-note{font-size:.92rem;line-height:1.6;margin-top:28px}.companions-pages-heading{font:600 clamp(1.7rem,3vw,2.8rem)/1.2 var(--sbd-display);margin-top:52px}
.companions-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.companions-pages figure{margin:0;min-width:0}.companions-pages img{display:block;width:100%;height:auto;background:white;filter:none;opacity:1;mix-blend-mode:normal;border-radius:12px}.companions-pages figcaption{font-weight:800;padding:16px 0}
@media(max-width:900px){.companions-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.companions-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.companions-pages{grid-template-columns:1fr;gap:32px}}