.weave-explorer{margin-top:52px;padding:30px;border:1px solid #bfc5ba;border-radius:16px;background:#eaece5;scroll-margin-top:190px}
.weave-explorer-heading h3{font:400 clamp(1.6rem,2.1vw,2.1rem)/1.3 var(--serif);letter-spacing:-.035em;margin:0 0 12px}
.weave-explorer-heading p{font-size:1rem;max-width:560px}
.chart-legend{display:flex;gap:22px;font-size:.875rem;margin:20px 0 24px;color:#435044}
.chart-legend>span{display:flex;align-items:center;gap:9px}
.chart-legend i{width:21px;height:7px;border-radius:3px;display:block;border:1px solid #746957}
.legend-warp{background:#e2d6b4}.legend-weft{background:#c98962}
.weave-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.weave-card{min-width:0;display:flex;flex-direction:column;border:1px solid #c8cdc0;background:#f8f7f1;border-radius:10px;overflow:hidden;scroll-margin-top:calc(var(--header-height) + var(--guide-nav-height,74px) + 30px)}
.weave-card:target{outline:2px solid #a16e43;outline-offset:4px}
.weave-card-visual{position:relative;background:radial-gradient(ellipse at 15% 0,#344b4b,#142027 75%);padding:16px 9px 22px;min-width:0}
.weave-chart{display:block;width:100%;height:auto;overflow:visible}
.weave-chart path{fill:none;stroke-linecap:round;stroke-width:12}
.chart-warp,.chart-crossing{stroke:#e2d6b4}.chart-weft{stroke:#c98962}
.weft-row{transition:opacity .2s}.chart-is-active .weft-row{opacity:.18}.chart-is-active .weft-row[data-active=true]{opacity:1;filter:drop-shadow(0 0 3px #f5d2a357)}
.chart-repeat,.chart-row-count{position:absolute;bottom:8px;color:#c5d0c7;font-size:.75rem;letter-spacing:.04em;line-height:1.3}.chart-repeat{left:14px}.chart-row-count{right:14px}
.weave-card-body{padding:18px 16px 15px;display:flex;flex-direction:column;flex:1}
.weave-card h4{font:400 1.5rem/1.25 var(--serif);letter-spacing:-.035em;margin:0 0 13px}
.weave-card-body p{font-size:1rem;line-height:1.65;margin:0 0 22px}
.weave-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.chart-play{display:flex;gap:9px;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 11px;border:1px solid #bfc6b9;border-radius:6px;background:#eceee6;font-size:.875rem;line-height:1.45;text-align:left;color:#344435;cursor:pointer}
.chart-play[hidden]{display:none}.chart-play:hover,.chart-play[aria-pressed=true]{background:#dce1d4;border-color:#86937c}
.chart-play>span:first-child{font-size:.75rem;flex-shrink:0}
.chart-open{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 1px;color:#835a38;font-size:.875rem;text-decoration:none;border-bottom:1px solid #c4af98}
.chart-open:hover{color:#452b19;border-bottom-color:currentColor}
.guide-section-body .weave-chart-note{font-size:.875rem;line-height:1.7;margin:22px 0 0;color:#596454}
@media(max-width:1150px){.weave-explorer{padding:24px 18px}.weave-cards{gap:10px}.weave-card-body{padding:16px 13px}.weave-card h4{font-size:1.35rem}}
@media(max-width:1000px) and (min-width:761px){.weave-cards{grid-template-columns:1fr}.weave-card{display:grid;grid-template-columns:40% minmax(0,1fr)}.weave-card-visual{align-self:start}.weave-card-body p{margin-bottom:15px}}
@media(max-width:650px){.weave-explorer{padding:25px 18px}.weave-cards{grid-template-columns:1fr;gap:22px}.weave-card{display:grid;grid-template-columns:40% minmax(0,1fr)}.weave-card-visual{align-self:start;padding:14px 5px 22px}.weave-card h4{font-size:1.5rem}.weave-card-body p{font-size:1rem}.chart-repeat,.chart-row-count{font-size:.75rem;bottom:7px}.chart-repeat{left:9px}.chart-row-count{right:9px}}
@media(max-width:450px){.weave-card{display:flex}.weave-card-visual{align-self:stretch;padding:17px 28px 23px}.weave-card-body{padding:20px}.weave-card-actions{flex-direction:column}.chart-repeat{left:20px}.chart-row-count{right:20px}.weave-explorer{padding:23px 14px}.chart-legend{gap:20px}}
@media(prefers-reduced-motion:reduce){.weft-row{transition:none}}
@media print{.weave-explorer{padding:10px;border:0;background:white}.weave-cards{display:block}.weave-card{break-inside:avoid;display:grid;grid-template-columns:130px 1fr;margin:15px 0}.weave-card-visual{print-color-adjust:exact;-webkit-print-color-adjust:exact}.weave-card-actions{display:none}.chart-is-active .weft-row{opacity:1}}