.page-spinning-braid main > .section {padding-block:40px;}
.page-spinning-braid #braid-purchase {scroll-margin-top:96px;}
.page-spinning-braid .braid-specs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.page-spinning-braid .braid-spec {display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px;border:1px solid #163b3038;border-radius:24px;background:#fffdf7;}
.page-spinning-braid .braid-spec > span {color:#b83d0e;text-transform:uppercase;font-weight:700;font-size:.7rem;letter-spacing:.1em;}
.page-spinning-braid .braid-spec h3 {margin:12px 0 0;font-size:1.9rem;}
.page-spinning-braid .braid-spec p {margin:0;}
.page-spinning-braid .braid-spec .text-link {align-self:start;}
.page-spinning-braid .braid-spec .text-link:first-of-type {margin-top:auto;}
.page-spinning-braid .tool {grid-template-columns:1fr;}
.page-spinning-braid .tool__intro,.page-spinning-braid .tool__form,.page-spinning-braid .tool__result {padding:28px;}
.page-spinning-braid .tool__intro .eyebrow {color:#ffb970;}
.page-spinning-braid .tool__form {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.page-spinning-braid .tool__form label {display:grid;align-content:end;gap:8px;margin:0;}
.page-spinning-braid .tool__result output {font-size:clamp(1.7rem,3vw,2.7rem);overflow-wrap:anywhere;}
.page-spinning-braid [data-braid-details] {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:24px 0;font-variant-numeric:tabular-nums;}
.page-spinning-braid [data-braid-details] > div {padding:16px 0;border-bottom:1px solid #ffffff30;}
.page-spinning-braid [data-braid-details] dt {color:#d6e4de;}
.page-spinning-braid [data-braid-details] dd {margin:10px 0 0;font-size:1.7rem;font-weight:700;}
.page-spinning-braid [aria-invalid=true] {outline:2px solid #ffb6a0;outline-offset:2px;}
.page-spinning-braid [hidden] {display:none!important;}
@media(max-width:1100px){.page-spinning-braid main > .section {padding-block:34px;}.page-spinning-braid .tool__form {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.page-spinning-braid .braid-specs {grid-template-columns:1fr;}.page-spinning-braid [data-braid-details] {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.page-spinning-braid main > .section {padding-block:28px;}.page-spinning-braid .tool__intro,.page-spinning-braid .tool__form,.page-spinning-braid .tool__result,.page-spinning-braid .braid-spec {padding:24px;}.page-spinning-braid .tool__form,.page-spinning-braid [data-braid-details] {grid-template-columns:1fr;}}