/* INTERACTIVE PREVIEW ONLY — © 2026 ReBrandMyAI. Reuse requires a valid licence. Not the customer edition. */

#r9Fieldnote.r14-core-card{max-width:478px}
#r9Fieldnote .r14-crop{position:absolute;width:14px;height:14px;z-index:3;pointer-events:none;border-color:rgba(28,32,36,.42);border-style:solid;border-width:0}
#r9Fieldnote .r14-crop-tl{top:-26px;left:-29px;border-top-width:1.5px;border-left-width:1.5px}
#r9Fieldnote .r14-crop-tr{top:-26px;right:-23px;border-top-width:1.5px;border-right-width:1.5px}
#r9Fieldnote .r14-crop-bl{bottom:-8px;left:-29px;border-bottom-width:1.5px;border-left-width:1.5px}
#r9Fieldnote .r14-crop-br{bottom:-8px;right:-23px;border-bottom-width:1.5px;border-right-width:1.5px}
#r9Fieldnote .r14-depth-tab{min-width:64px;color:#f4ead6;background:#1c2024;border-color:#1c2024;letter-spacing:.06em;transition:background .4s}
#r9Fieldnote.r9-document .r14-depth-tab{background:#9a4b36;border-color:#9a4b36}
#r9Fieldnote .r6-specimen-rule{margin:13px 0 20px}
#r9Fieldnote .r14-body{display:grid;grid-template-columns:44px minmax(0,1fr);gap:22px;align-items:stretch;margin-bottom:18px}
#r9Fieldnote .r14-core{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:4px 0 0 4px}
#r9Fieldnote .r14-tube{list-style:none;margin:0;padding:0;flex:1;width:28px;min-height:230px;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 0 0 1.5px #1c2024,4px 5px 0 rgba(28,32,36,.12)}
#r9Fieldnote .r14-tube:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.42) 0,rgba(255,255,255,0) 38%,rgba(0,0,0,0) 62%,rgba(0,0,0,.26) 100%);pointer-events:none}
#r9Fieldnote .r14-band{position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(28,32,36,.35);filter:saturate(.6) brightness(1.04);opacity:.8;transition:filter .6s ease,opacity .6s ease}
#r9Fieldnote .r14-band:last-child{border-bottom:0}
#r9Fieldnote .r14-band i{font:700 8.5px/1 var(--mono);font-style:normal;letter-spacing:.02em;color:#1c2024;opacity:.7}
#r9Fieldnote .r14-band.r9-step-current{filter:none;opacity:1}
#r9Fieldnote .r14-band.r9-step-current i{opacity:1}
#r9Fieldnote .r14-b1{flex:.75;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(28,32,36,.08) 5px 6px),#e7e1d3}
#r9Fieldnote .r14-b2{flex:1;background:radial-gradient(circle at 3px 3px,rgba(28,32,36,.3) 1.1px,transparent 1.5px) 0 0/7px 7px,var(--sand)}
#r9Fieldnote .r14-b3{flex:1.15;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(0,0,0,.22) 6px 7.5px),var(--mud)}
#r9Fieldnote .r14-b3 i{color:#fbe9dc}
#r9Fieldnote .r14-b4{flex:1.45;background:repeating-linear-gradient(60deg,transparent 0 6px,rgba(226,166,48,.3) 6px 7px),repeating-linear-gradient(-60deg,transparent 0 6px,rgba(226,166,48,.3) 6px 7px),#1c2024}
#r9Fieldnote .r14-b4 i{color:#f0c25e}
#r9Fieldnote .r14-bracket{position:absolute;left:0;width:40px;top:var(--r14-top,4px);height:var(--r14-h,40px);border:2px solid var(--ochre);border-radius:6px;box-shadow:0 0 0 3px rgba(226,166,48,.18);pointer-events:none;transition:top 1150ms cubic-bezier(.37,0,.12,1),height 1150ms cubic-bezier(.37,0,.12,1)}
#r9Fieldnote .r14-bracket:after{content:"";position:absolute;right:-9px;top:50%;margin-top:-6px;border-left:8px solid var(--ochre);border-top:6px solid transparent;border-bottom:6px solid transparent}
#r9Fieldnote .r14-core-foot{margin-top:8px;font:600 8.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7d8a91}
#r9Fieldnote .r14-layer{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 12px;font:650 10.5px/1.3 var(--mono);letter-spacing:.03em;color:#2e7465}
#r9Fieldnote .r14-layer span{color:#7a6a4a;font-weight:600;padding:3px 7px;border-radius:999px;background:rgba(226,166,48,.16);letter-spacing:.06em;text-transform:uppercase;font-size:9px}
#r9Fieldnote .r6-specimen-caption{margin:6px 0 18px}
#r9Fieldnote .r6-specimen-meta{margin:0;padding:14px 0 0;border-top:1px solid rgba(48,55,50,.2);border-bottom:0}
#r9Fieldnote .r6-specimen-base{padding-top:16px;border-top:1px solid rgba(48,55,50,.2)}
@media(max-width:620px){
  #r9Fieldnote .r14-body{grid-template-columns:36px minmax(0,1fr);gap:16px}
  #r9Fieldnote .r14-tube{width:24px;min-height:210px}
  #r9Fieldnote .r14-bracket{width:34px}
  #r9Fieldnote .r14-crop{display:none}
  #r9Fieldnote .r14-core-foot{display:none}
}
@media(prefers-reduced-motion:reduce){
  #r9Fieldnote .r14-bracket,#r9Fieldnote .r14-band{transition:none!important}
}