.bastra-reference{grid-column:1/-1;min-width:0;margin-top:1rem}
.bastra-reference-heading{padding:0 0 2rem;border-bottom:1px solid #c9c0b0}
.bastra-reference-heading h3{margin:.75rem 0 .55rem;color:#17382f;font:400 clamp(2rem,3.8vw,3.3rem)/1.05 var(--serif,Georgia,serif)}
.bastra-reference-heading p{max-width:650px;margin:0;color:#626a61;font-size:.84rem;line-height:1.65}
.bastra-reference-layout{display:grid;grid-template-columns:minmax(205px,.7fr) minmax(0,2fr);gap:clamp(2rem,6vw,6rem);padding-top:2rem}
.bastra-contents{align-self:start;position:sticky;top:1.5rem;min-width:0;padding:0 1.4rem 0 0;border-right:1px solid #c9c0b0}
.bastra-contents>span{display:block;margin:0 0 1rem;color:#bf5444;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bastra-contents ol{display:grid;gap:.15rem;margin:0;padding:0;list-style:none}
.bastra-contents a{display:block;padding:.55rem .75rem;border-left:2px solid #d0c4b2;color:#526158;font-size:.78rem;line-height:1.4;text-decoration:none;transition:color .15s ease,background .15s ease,border-color .15s ease}
.bastra-contents a:hover,.bastra-contents a:focus-visible{border-color:#d95847;background:#eadfce;color:#17382f}
.bastra-contents a:focus-visible{outline:2px solid #d95847;outline-offset:2px}
.bastra-reference-copy{min-width:0}
.bastra-reference-copy>section{scroll-margin-top:1.5rem;padding:0 0 2rem;margin:0 0 2rem;border-bottom:1px solid #c9c0b0}
.bastra-reference-copy>section:last-child{margin-bottom:0;border-bottom:0}
.bastra-reference-copy h4{margin:0 0 .9rem;color:#17382f;font:400 clamp(1.5rem,2.3vw,2rem)/1.12 var(--serif,Georgia,serif)}
.bastra-reference-copy p,.bastra-reference-copy li{max-width:76ch;color:#5d665e;font-size:.85rem;line-height:1.75}
.bastra-reference-copy p{margin:0}
.bastra-reference-copy p+p{margin-top:.85rem}
.bastra-reference-copy strong{color:#17382f}
.bastra-reference-copy>section a{color:#17382f;text-decoration-color:#bf5444;text-underline-offset:.2em}
.bastra-reference-copy>section a:hover,.bastra-reference-copy>section a:focus-visible{color:#bf5444}
.bastra-variant-panel[hidden]{display:none!important}
.bastra-variant-panel{padding:1.35rem 1.5rem;border-left:3px solid #d95847;background:#e8decd}
.bastra-variant-panel h5{margin:0 0 .5rem;color:#17382f;font:400 1.35rem/1.2 var(--serif,Georgia,serif)}
.bastra-variant-panel ul{display:grid;gap:.5rem;margin:.8rem 0 0;padding-left:1.2rem}
.bastra-variant-panel li::marker{color:#d95847}
@media(max-width:850px){.bastra-reference-layout{grid-template-columns:1fr;gap:1.5rem}.bastra-contents{position:static;padding:0 0 1.25rem;border-right:0;border-bottom:1px solid #c9c0b0}.bastra-contents ol{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}.bastra-contents li{flex:0 0 auto;scroll-snap-align:start}.bastra-contents a{padding:.55rem .75rem;border:1px solid #c9c0b0;border-radius:3px;white-space:nowrap}.bastra-contents a:hover,.bastra-contents a:focus-visible{border-color:#d95847}}
@media(max-width:760px){.bastra-reference-heading{padding-bottom:1.35rem}.bastra-reference-layout{padding-top:1.35rem}.bastra-reference-copy>section{padding-bottom:1.5rem;margin-bottom:1.5rem}.bastra-variant-panel{padding:1.1rem}}