.blog-post-content{--sb-art-wide: min(62rem, 100vw - 2rem);--sb-art-gap: clamp(2rem, 4vw, 3.25rem)}.blog-post-content.rte h2{margin-block:var(--sb-art-gap) 1rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;text-wrap:balance;scroll-margin-top:6rem}.blog-post-content.rte h3{margin-block:2rem .5rem;font-size:clamp(1.3rem,1.8vw,1.5rem);line-height:1.3;scroll-margin-top:6rem}.blog-post-content .sb-wide{width:var(--sb-art-wide);max-width:none;margin-inline:calc(50% - var(--sb-art-wide) / 2)}.blog-post-content.rte p.sb-lede{font-size:clamp(1.3rem,2.2vw,1.55rem);line-height:1.5;color:var(--spellbound-text)}.blog-post-content .sb-toc,.blog-post-content .sb-callout,.blog-post-content .sb-keyfacts,.blog-post-content .sb-closing{margin-block:var(--sb-art-gap);padding:2rem;border:1px solid var(--spellbound-border);border-radius:10px;background:var(--spellbound-surface)}@media(min-width:990px){.blog-post-content .sb-toc,.blog-post-content .sb-callout,.blog-post-content .sb-keyfacts,.blog-post-content .sb-closing{padding:2.5rem}}.blog-post-content .sb-callout{--sb-kind: "Lore";--sb-surface: var(--spellbound-surface-2);display:grid;grid-template-columns:minmax(0,1fr);background:var(--sb-surface)}.blog-post-content .sb-callout--quiet{--sb-kind: "Practical notes";--sb-surface: var(--spellbound-surface)}.blog-post-content .sb-callout:before,.blog-post-content .sb-callout:after{grid-column:1 / -1;grid-row:1;height:1.5rem;margin-block-end:1.5rem}.blog-post-content .sb-callout:before{content:var(--sb-kind);position:relative;z-index:1;justify-self:start;padding-inline-end:2.4rem;font-size:1.125rem;font-weight:600;line-height:1.5rem;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;color:var(--spellbound-gold);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4af37' d='M12 3 L15.2 9.2 L21.5 12 L15.2 14.8 L12 21 L8.8 14.8 L2.5 12 L8.8 9.2 Z'/%3E%3C/svg%3E") right .55rem center / 1.1rem 1.1rem no-repeat,var(--sb-surface)}@media(max-width:749px){.blog-post-content .sb-callout:before{letter-spacing:.16em}}.blog-post-content .sb-callout:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24' fill='none'%3E%3Cpath d='M0 12 C 10 12 16 12 20 12 C 30 12 36 8.5 38 4.5' stroke='%23d4af37' stroke-linecap='round' opacity='.55'/%3E%3Cpath d='M38 4.5 L36.5 1.5 L35 4.5 L36.5 7.5 Z' fill='%23d4af37' opacity='.7'/%3E%3C/svg%3E") right center / 2.5rem 1.5rem no-repeat,linear-gradient(var(--spellbound-gold-deep),var(--spellbound-gold-deep)) left center / calc(100% - 2.45rem) 1px no-repeat}.blog-post-content .sb-callout>*{grid-column:1}.blog-post-content .sb-callout>p{margin-block:0 1rem}@media(min-width:990px){.blog-post-content .sb-callout{width:var(--sb-art-wide);max-width:none;margin-inline:calc(50% - var(--sb-art-wide) / 2);grid-template-columns:minmax(0,5fr) minmax(0,9fr);column-gap:clamp(2rem,4vw,4rem);align-items:start}.blog-post-content .sb-callout>*{grid-column:2}.blog-post-content .sb-callout>.sb-label{grid-column:1;grid-row:2 / span 20;margin:0;padding:0;border:0;font-size:1.75rem;text-wrap:balance}}.blog-post-content .sb-callout>:last-child,.blog-post-content .sb-closing>:last-child{margin-block-end:0}.blog-post-content .sb-toc__title,.blog-post-content .sb-label{display:block;margin:0 0 1.25rem;padding-block-end:1rem;border-block-end:1px solid var(--spellbound-border);font-family:var(--spellbound-type-reading-family);font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--spellbound-text)}.blog-post-content .sb-toc ol{margin:0;padding-inline-start:1.5rem;columns:2;column-gap:2.5rem}.blog-post-content .sb-toc li{break-inside:avoid;margin-block:.35rem;color:var(--spellbound-text-faint)}.blog-post-content .sb-toc a{color:var(--spellbound-text-soft);text-decoration-color:var(--spellbound-gold-deep);text-underline-offset:.2em;transition:color .3s ease}.blog-post-content .sb-toc a:hover{color:var(--spellbound-gold-bright)}@media(max-width:749px){.blog-post-content .sb-toc ol{columns:1}}.blog-post-content .sb-keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem 2rem}.blog-post-content .sb-keyfacts dt{margin-block-end:.5rem;font-family:var(--spellbound-type-reading-family);font-size:1.125rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--spellbound-gold)}.blog-post-content .sb-keyfacts dd{margin:0;font-size:1.125rem;line-height:1.5;color:var(--spellbound-text)}.blog-post-content .sb-pullquote{margin:var(--sb-art-gap) 0;padding:.25rem 0 .25rem 1.75rem;border:0;border-inline-start:1px solid var(--spellbound-gold-deep);font-style:italic;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.35;color:var(--spellbound-text)}.blog-post-content .sb-pullquote p{font-size:inherit;margin:0}.blog-post-content .sb-figure{margin-block:var(--sb-art-gap)}.blog-post-content .sb-figure img,.blog-post-content .sb-split img{display:block;width:100%;height:auto;border:1px solid var(--spellbound-border);border-radius:10px;background:var(--spellbound-surface)}.blog-post-content .sb-figure figcaption{margin-block-start:.75rem;font-style:italic;font-size:1.125rem;color:var(--spellbound-text-faint);text-align:center}.blog-post-content .sb-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-block:var(--sb-art-gap)}.blog-post-content .sb-split--flip>:first-child{order:2}.blog-post-content .sb-split img{aspect-ratio:4 / 5;object-fit:cover}.blog-post-content .sb-split h3{margin-block-start:0}@media(max-width:749px){.blog-post-content .sb-split{grid-template-columns:1fr}.blog-post-content .sb-split--flip>:first-child{order:0}.blog-post-content .sb-split img{aspect-ratio:4 / 3}}.blog-post-content .sb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:var(--sb-art-gap);padding:0;list-style:none}.blog-post-content .sb-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post-content .sb-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-post-content .sb-cards>li{display:flex;margin:0}.blog-post-content .sb-card{flex:1;min-width:0;display:flex;flex-direction:column;margin:0;color:var(--spellbound-text);text-decoration:none}.blog-post-content .sb-card img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border:1px solid var(--spellbound-border);border-radius:10px;background:var(--spellbound-surface);transition:border-color .3s ease,filter .3s ease}.blog-post-content a.sb-card:hover img{border-color:var(--spellbound-border-strong);filter:brightness(1.06)}.blog-post-content a.sb-card:focus-visible{outline:2px solid var(--spellbound-gold);outline-offset:4px}.blog-post-content .sb-card__body{display:flex;flex:1;flex-direction:column;gap:.35rem;padding:.9rem 0 0}.blog-post-content .sb-card__title{font-size:1.125rem;font-weight:600;line-height:1.35;color:var(--spellbound-text);transition:color .3s ease}.blog-post-content a.sb-card:hover .sb-card__title{color:var(--spellbound-gold-bright)}.blog-post-content .sb-card__note{font-size:1.125rem;line-height:1.4;color:var(--spellbound-text-soft)}.blog-post-content .sb-card__cta{align-self:flex-start;margin-block-start:auto;padding:.6rem 0 .3rem;border-block-end:1px solid var(--spellbound-gold-deep);font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--spellbound-gold);transition:color .3s ease,border-color .3s ease}.blog-post-content a.sb-card:hover .sb-card__cta{color:var(--spellbound-gold-bright);border-color:var(--spellbound-gold-bright)}@media(max-width:749px){.blog-post-content .sb-cards,.blog-post-content .sb-cards--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.blog-post-content .sb-card__cta{letter-spacing:.08em}.blog-post-content .sb-cards>li:last-child:nth-child(odd){grid-column:1 / -1}.blog-post-content .sb-cards>li:last-child:nth-child(odd) .sb-card{flex-direction:row;gap:1rem;align-items:center}.blog-post-content .sb-cards>li:last-child:nth-child(odd) .sb-card img{width:calc(50% - .5rem);flex:none}.blog-post-content .sb-cards>li:last-child:nth-child(odd) .sb-card__body{padding:0}}.blog-post-content ol.sb-steps{margin-block:var(--sb-art-gap);padding:0;list-style:none;counter-reset:sb-step}.blog-post-content ol.sb-steps>li{position:relative;margin:0;padding:0 0 1.75rem 4rem;counter-increment:sb-step}.blog-post-content ol.sb-steps>li:before{content:counter(sb-step);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--spellbound-gold-deep);border-radius:50%;font-family:var(--spellbound-type-reading-family);font-size:1.25rem;font-weight:600;color:var(--spellbound-gold);box-shadow:0 0 24px var(--spellbound-violet-glow)}.blog-post-content ol.sb-steps>li:not(:last-child):after{content:"";position:absolute;inset-inline-start:1.375rem;top:3.1rem;bottom:.35rem;width:1px;background:var(--spellbound-border)}.blog-post-content ol.sb-steps>li>strong:first-child{display:block;margin-block-end:.25rem;font-size:1.25rem;font-weight:600;color:var(--spellbound-text)}.blog-post-content .sb-timeline{margin-block:var(--sb-art-gap);padding:0 0 0 1.75rem;list-style:none;border-inline-start:1px solid var(--spellbound-border)}.blog-post-content .sb-timeline>li{position:relative;margin:0 0 1.5rem}.blog-post-content .sb-timeline>li:before{content:"";position:absolute;inset-inline-start:calc(-1.75rem - 4px);top:.55rem;width:7px;height:7px;border-radius:50%;background:var(--spellbound-gold)}.blog-post-content .sb-timeline__when{display:block;margin-block-end:.15rem;font-size:1.125rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--spellbound-gold)}.blog-post-content hr.sb-divider{width:min(340px,70vw);height:24px;margin:var(--sb-art-gap) auto;border:0;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 360 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4af37' stroke='%23d4af37'%3E%3Cpath stroke='none' d='M180 3 L183.2 9.2 L189.5 12 L183.2 14.8 L180 21 L176.8 14.8 L170.5 12 L176.8 9.2 Z'/%3E%3Ccircle stroke='none' cx='160' cy='12' r='1.4' opacity='.8'/%3E%3Ccircle stroke='none' cx='200' cy='12' r='1.4' opacity='.8'/%3E%3Cpath fill='none' d='M150 12 C 118 12 86 12 58 12 C 48 12 42 8.5 40 4.5' stroke-linecap='round' opacity='.55'/%3E%3Cpath fill='none' d='M210 12 C 242 12 274 12 302 12 C 312 12 318 8.5 320 4.5' stroke-linecap='round' opacity='.55'/%3E%3Cpath stroke='none' d='M40 4.5 L41.5 1.5 L43 4.5 L41.5 7.5 Z' opacity='.7'/%3E%3Cpath stroke='none' d='M320 4.5 L318.5 1.5 L317 4.5 L318.5 7.5 Z' opacity='.7'/%3E%3C/g%3E%3C/svg%3E")}.blog-post-content.rte table{margin-block:var(--sb-art-gap);border-collapse:collapse}.blog-post-content.rte th{font-family:var(--spellbound-type-reading-family);font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-align:start;color:var(--spellbound-gold);border-block-end:1px solid var(--spellbound-border-strong)}.blog-post-content.rte th,.blog-post-content.rte td{padding:.85rem 1rem;vertical-align:top}.blog-post-content.rte td{border-block-end:1px solid var(--spellbound-border)}.blog-post-content.rte td:first-child{color:var(--spellbound-text)}@media(max-width:749px){.blog-post-content.rte th,.blog-post-content.rte td{padding:.6rem .45rem}.blog-post-content.rte th{font-size:.875rem;letter-spacing:.06em}}.blog-post-content .sb-faq{margin-block:var(--sb-art-gap);border-block-start:1px solid var(--spellbound-border)}.blog-post-content .sb-faq details{border-block-end:1px solid var(--spellbound-border)}.blog-post-content .sb-faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-height:44px;padding:1.1rem 0;cursor:pointer;list-style:none;font-size:1.25rem;font-weight:600;color:var(--spellbound-text);transition:color .3s ease}.blog-post-content .sb-faq summary:hover{color:var(--spellbound-gold-bright)}.blog-post-content .sb-faq summary:focus-visible{outline:2px solid var(--spellbound-gold);outline-offset:2px}.blog-post-content .sb-faq summary::-webkit-details-marker{display:none}.blog-post-content .sb-faq summary:after{content:"+";flex:none;color:var(--spellbound-gold);font-size:1.5rem;line-height:1}.blog-post-content .sb-faq details[open] summary:after{content:"\2212"}.blog-post-content .sb-faq details>:not(summary){margin-block:0 1.25rem}.blog-post-content .sb-closing{margin-block-end:0;text-align:center}.blog-post-content .sb-closing .sb-label{border-block-end:0;padding-block-end:0;margin-block-end:.75rem;font-family:var(--spellbound-type-display-family);font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:400;text-transform:uppercase}.blog-post-content .sb-closing p{max-width:34rem;margin-inline:auto}.blog-post-content .sb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:.75rem .35rem 0;padding:.75rem 1.75rem;border:1px solid var(--spellbound-border-strong);font-family:var(--spellbound-type-reading-family);font-size:var(--spellbound-type-action-size);font-weight:var(--spellbound-type-action-weight);letter-spacing:var(--spellbound-type-action-tracking);text-transform:uppercase;text-decoration:none;color:var(--spellbound-text);transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.blog-post-content .sb-button:hover{border-color:var(--spellbound-gold);color:var(--spellbound-gold-bright)}.blog-post-content .sb-closing .sb-button:first-of-type{border:7px solid transparent;border-image:url(spellbound-btn-gold.webp) 16 fill / 7px stretch;background:none;color:var(--spellbound-gold-bright);text-shadow:0 1px 2px rgba(0,0,0,.65);filter:drop-shadow(0 5px 12px rgba(0,0,0,.45));transition:filter .2s ease,transform .1s ease}.blog-post-content .sb-closing .sb-button:first-of-type:hover{color:#f8e29c;filter:brightness(1.18) drop-shadow(0 5px 14px rgba(0,0,0,.5))}.blog-post-content .sb-closing .sb-button:first-of-type:active{transform:scale(.97)}.blog-post-content .sb-button:focus-visible{outline:2px solid var(--spellbound-gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){.blog-post-content .sb-card img,.blog-post-content .sb-card__title,.blog-post-content .sb-card__cta,.blog-post-content .sb-button,.blog-post-content .sb-faq summary,.blog-post-content .sb-toc a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/spellbound-article.css.map */