.reference-instrument{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:.9rem 1rem;max-width:1100px;margin:0 auto clamp(1.8rem,4vw,2.7rem);padding:clamp(.9rem,2.4vw,1.25rem);overflow:hidden;border:1px solid var(--ref-accent-line, #93c5fd);border-radius:18px;background:linear-gradient(115deg, var(--surface) 0 66%, var(--ref-accent-wash, #eff6ff) 100%);box-shadow:0 18px 42px -36px rgba(15,23,42,.68)}.reference-instrument::before{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-96px;top:-108px;border:28px solid var(--ref-accent-soft, #dbeafe);border-radius:50%;opacity:.6;pointer-events:none}.reference-instrument__header{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0, 1fr) 72px minmax(130px, auto);align-items:center;gap:.8rem}.reference-instrument__mark{position:relative;display:grid;place-items:center;width:50px;height:50px;overflow:hidden;border-radius:15px;color:#fff;background:var(--ref-accent, #2563d4);box-shadow:0 11px 24px -16px rgba(15,23,42,.9)}.reference-instrument__mark i{position:relative;z-index:2}.reference-instrument__mark>span:last-child{position:absolute;width:34px;height:34px;right:-17px;bottom:-17px;border:8px solid hsla(0,0%,100%,.27);border-radius:50%}.reference-instrument__heading{display:grid;min-width:0}.reference-instrument__eyebrow{color:var(--ref-accent-deep, #123b83);font-size:.64rem;font-weight:850;letter-spacing:.11em;line-height:1.35;text-transform:uppercase}.reference-instrument__heading h2{margin:.06rem 0 0;color:var(--heading-font-color);font-family:var(--heading-font-family);font-size:clamp(1.04rem,2.3vw,1.35rem);letter-spacing:-0.018em;line-height:1.2;text-wrap:balance}.reference-instrument__intro{max-width:78ch;margin-top:.22rem;color:var(--ink-muted);font-size:.82rem;line-height:1.48}.reference-instrument__art{display:block;width:72px;height:72px;padding:3px;overflow:hidden;border:1px solid rgba(37,99,212,.2);border-radius:14px 7px 13px 8px;background:#f8f4ea;box-shadow:0 10px 24px -19px rgba(15,23,42,.9);transform:rotate(1.4deg)}.reference-instrument__art img{display:block;width:100%;height:100%;border-radius:11px 5px 10px 6px;object-fit:cover}.reference-instrument__topic{display:grid;align-content:center;min-width:130px;max-width:220px;min-height:46px;padding:.48rem .65rem;border:1px solid var(--ref-accent-line, #93c5fd);border-radius:11px;background:var(--surface)}.reference-instrument__topic small{color:var(--ref-accent-deep, #123b83);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.reference-instrument__topic strong{min-width:0;color:var(--heading-font-color);font-size:.74rem;line-height:1.3;overflow-wrap:anywhere}.reference-instrument__signal{display:inline-flex;align-items:center;gap:.48rem;align-self:center;min-height:38px;width:max-content;max-width:100%;padding:.42rem .62rem;border:1px solid var(--ref-accent-line, #93c5fd);border-radius:999px;color:var(--ref-accent-deep, #123b83);background:var(--ref-accent-wash, #eff6ff);font-size:.7rem;letter-spacing:.045em;line-height:1.2}.reference-instrument__formula{display:flex;align-items:center;justify-content:flex-end;gap:.34rem;min-width:0;overflow-x:auto;padding:.12rem .05rem .32rem;scrollbar-width:thin}.reference-instrument__token{flex:0 0 auto;padding:.34rem .52rem;border:1px solid var(--border-color);border-radius:8px;color:var(--ink);background:var(--surface);font-size:.66rem;font-weight:780;white-space:nowrap}.reference-instrument__operator{flex:0 0 auto;color:var(--ref-accent, #2563d4);font-size:.72rem;font-weight:900}.reference-instrument__fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:.58rem;margin:0;padding:0;list-style:none}.reference-instrument__field{display:grid;grid-template-columns:54px minmax(0, 1fr);min-width:0;min-height:98px;overflow:hidden;border:1px solid var(--border-color);border-radius:12px;background:var(--surface)}.reference-instrument__field-visual{position:relative;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg, var(--ref-accent, #2563d4), var(--ref-accent-deep, #123b83))}.reference-instrument__field-visual i{position:relative;z-index:2;font-size:.82rem}.reference-instrument__field-visual b{position:absolute;width:4px;border-radius:999px;background:hsla(0,0%,100%,.58)}.reference-instrument__field-visual b:nth-of-type(1){height:24px;left:8px;bottom:8px}.reference-instrument__field-visual b:nth-of-type(2){height:15px;left:15px;bottom:8px}.reference-instrument__field-visual b:nth-of-type(3){height:8px;left:22px;bottom:8px}.reference-instrument__field-copy{display:grid;align-content:center;min-width:0;padding:.62rem .68rem}.reference-instrument__field-copy small{color:var(--ref-accent-deep, #123b83);font-size:.56rem;font-weight:850;letter-spacing:.08em}.reference-instrument__field-copy strong{color:var(--heading-font-color);font-size:.78rem;line-height:1.25}.reference-instrument__field-copy span{margin-top:.12rem;color:var(--ink-muted);font-size:.69rem;line-height:1.4}.reference-instrument__boundary{grid-column:1/-1;display:grid;grid-template-columns:34px minmax(0, 1fr);align-items:center;gap:.62rem;padding:.62rem .72rem;border-left:4px solid var(--ref-accent, #2563d4);border-radius:0 10px 10px 0;background:var(--ref-accent-wash, #eff6ff)}.reference-instrument__boundary>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;background:var(--ref-accent, #2563d4);font-size:.72rem}.reference-instrument__boundary p{display:grid;gap:.08rem;margin:0}.reference-instrument__boundary strong{color:var(--ref-accent-deep, #123b83);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.reference-instrument__boundary span{color:var(--ink);font-size:.73rem;line-height:1.42}.reference-instrument--motif-measure .reference-instrument__field-visual{background:repeating-linear-gradient(90deg, transparent 0 7px, rgba(255, 255, 255, 0.2) 7px 8px),linear-gradient(145deg, var(--ref-accent, #2563d4), var(--ref-accent-deep, #123b83))}.reference-instrument--motif-taxonomy .reference-instrument__field-visual{background:linear-gradient(rgba(255, 255, 255, 0.17) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.17) 1px, transparent 1px),var(--ref-accent, #2563d4);background-size:13px 13px}.reference-instrument--motif-observe .reference-instrument__field-visual{background:radial-gradient(circle at 76% 20%, rgba(255, 255, 255, 0.26) 0 6px, transparent 7px),linear-gradient(145deg, var(--ref-accent, #0f766e), var(--ref-accent-deep, #115e59))}.reference-instrument--motif-process .reference-instrument__field-visual::after,.reference-instrument--motif-care .reference-instrument__field-visual::after,.reference-instrument--motif-verify .reference-instrument__field-visual::after{content:"";position:absolute;width:28px;height:28px;right:-17px;top:-17px;border:6px solid hsla(0,0%,100%,.25);border-radius:50%}.reference-instrument--compact{gap:.68rem .8rem;padding:clamp(.82rem,2vw,1rem)}.reference-instrument--compact .reference-instrument__intro{display:none}.reference-instrument--compact .reference-instrument__heading h2{font-size:clamp(.98rem,2vw,1.18rem)}.reference-instrument--compact .reference-instrument__topic{min-height:40px}.reference-instrument--compact .reference-instrument__art{width:58px;height:58px}.reference-instrument--compact .reference-instrument__field{min-height:82px}.reference-instrument--compact .reference-instrument__field-copy span{display:none}.reference-instrument--compact .reference-instrument__boundary span{font-size:.7rem}@media(max-width: 900px){.reference-instrument{grid-template-columns:1fr}.reference-instrument__signal,.reference-instrument__formula,.reference-instrument__fields,.reference-instrument__boundary{grid-column:1}.reference-instrument__formula{justify-content:flex-start}.reference-instrument__fields{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 640px){.reference-instrument{border-radius:15px}.reference-instrument__header{grid-template-columns:46px minmax(0, 1fr) 58px}.reference-instrument__mark{width:46px;height:46px;border-radius:13px}.reference-instrument__topic{grid-column:1/-1;width:100%;max-width:none}.reference-instrument__fields{display:flex;gap:.55rem;width:calc(100% + .9rem);margin-right:-0.9rem;padding-right:1.1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.reference-instrument__field{flex:0 0 min(84vw,270px);grid-template-columns:52px minmax(0, 1fr);scroll-snap-align:start}.reference-instrument--compact .reference-instrument__field-copy span{display:block}}@media(prefers-reduced-motion: reduce){.reference-instrument__fields{scroll-behavior:auto}}@media(forced-colors: active){.reference-instrument,.reference-instrument__field,.reference-instrument__topic,.reference-instrument__token,.reference-instrument__boundary{border:1px solid CanvasText}}@media print{.reference-instrument__mark,.reference-instrument__art,.reference-instrument__field-visual,.reference-instrument__signal i,.reference-instrument__boundary>i{display:none}.reference-instrument{display:block;box-shadow:none}.reference-instrument__header,.reference-instrument__fields{display:block}.reference-instrument__field,.reference-instrument__boundary{break-inside:avoid;margin-top:.35rem}}/*# sourceMappingURL=reference-instruments.css.map */