.rl-puncture{
  --pu-white:#FFFFFF;--pu-slate:#EDF2F6;--pu-ink:#18232D;--pu-cobalt:#135DFF;--pu-cyan:#00A8BD;
  --pu-muted:#464F57;--pu-rule:#CBD5DE;--pu-field:#747B81;--pu-tint:#E3ECFF;
  --pu-sans:"IBM Plex Sans","Heebo",system-ui,sans-serif;
  --pu-he:"Heebo","IBM Plex Sans",system-ui,sans-serif;
  --pu-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --pu-pad:clamp(16px,4vw,40px);
  display:block;background:var(--pu-white);color:var(--pu-ink);
  font-family:var(--pu-he);font-size:1.0625rem;line-height:1.65;
  padding-block:clamp(12px,2vw,24px) 100px;overflow-wrap:break-word;overflow-x:clip;
}
.rl-puncture *,.rl-puncture *::before,.rl-puncture *::after{box-sizing:border-box}
.rl-puncture :where(h1,h2,h3,h4,p,ol,ul,figure,fieldset,legend,dl,dd){margin:0}
.rl-puncture :where(ol,ul){padding:0;list-style:none}
.rl-puncture :where(fieldset){border:0;padding:0;min-inline-size:0}
.rl-puncture [hidden]{display:none !important}
.rl-puncture [id]{scroll-margin-top:6rem}
.rl-puncture img{max-inline-size:100%;block-size:auto}
.rl-puncture a{color:var(--pu-cobalt);text-underline-offset:.2em}
.rl-puncture a:hover{color:var(--pu-ink)}
.rl-puncture :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pu-cobalt);outline-offset:2px}
.rl-puncture :where(a,button,input,select,textarea,summary):focus:not(:focus-visible){outline:none}
.rl-puncture__sr{position:absolute !important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.rl-puncture__num{font-family:var(--pu-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rl-puncture__wrap{max-inline-size:1240px;margin-inline:auto;padding-inline:var(--pu-pad);display:grid;gap:clamp(56px,8vw,112px);min-inline-size:0}

/* Buttons */
.rl-puncture__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding:0 22px;border:1.5px solid transparent;border-radius:2px;font:700 1rem/1.2 var(--pu-he);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.rl-puncture__btn--primary{background:var(--pu-cobalt);color:var(--pu-white)}
.rl-puncture__btn--primary:hover{background:var(--pu-ink);color:var(--pu-white)}
.rl-puncture__btn--outline{background:transparent;color:var(--pu-ink);border-color:var(--pu-ink)}
.rl-puncture__btn--outline:hover{background:var(--pu-slate);color:var(--pu-ink)}
.rl-puncture__btn--quiet{background:transparent;color:var(--pu-ink);border-color:var(--pu-field)}
.rl-puncture__btn--quiet:hover{border-color:var(--pu-ink);background:var(--pu-slate)}
.rl-puncture__textlink{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}
.rl-puncture__textlink::after{content:"←";font-family:var(--pu-mono);text-decoration:none}

/* Hero */
.rl-puncture__hero{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"crumbs" "text" "strip";min-inline-size:0}
.rl-puncture__crumbs{grid-area:crumbs}
.rl-puncture__crumbs ol{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;font-size:.9375rem;color:var(--pu-muted)}
.rl-puncture__crumbs li{display:inline-flex;align-items:center}
.rl-puncture__crumbs li+li::before{content:"/";font-family:var(--pu-mono);color:var(--pu-field);padding-inline:6px}
.rl-puncture__crumbs a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--pu-ink);text-decoration:underline;text-decoration-color:var(--pu-rule);text-decoration-thickness:2px}
.rl-puncture__crumbs a:hover{color:var(--pu-cobalt);text-decoration-color:currentColor}
.rl-puncture__hero-text{grid-area:text;display:grid;gap:18px;align-content:start;min-inline-size:0}
.rl-puncture__kicker{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9375rem;color:var(--pu-cobalt)}
.rl-puncture__kicker::before{content:"";inline-size:28px;block-size:2px;background:var(--pu-cyan);flex:none}
.rl-puncture__h1{font-weight:800;font-size:clamp(2.1rem,1.15rem + 4.2vw,4.5rem);line-height:1.05;letter-spacing:-.02em;max-inline-size:14ch;text-wrap:balance}
.rl-puncture__h1 span{display:block;font-weight:500;color:var(--pu-cobalt);margin-block-start:.1em}
.rl-puncture__lede{font-size:clamp(1.1875rem,1rem + .8vw,1.5rem);line-height:1.45;font-weight:500;max-inline-size:36ch;text-wrap:pretty}
.rl-puncture__note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;max-inline-size:44rem;padding:14px 16px;background:var(--pu-ink);color:var(--pu-white);font-weight:600;line-height:1.5;border-radius:2px}
.rl-puncture__note-mark{inline-size:12px;block-size:12px;margin-block-start:.4em;background:var(--pu-cyan)}
.rl-puncture__cta{display:flex;flex-wrap:wrap;gap:12px}
.rl-puncture__cta .rl-puncture__btn{flex:1 1 10rem}
.rl-puncture__strip{grid-area:strip;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--pu-ink);min-inline-size:0}
.rl-puncture__strip-item{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;padding:12px 10px;min-inline-size:0}
.rl-puncture__strip-item+.rl-puncture__strip-item{border-inline-start:1.5px solid var(--pu-ink)}
.rl-puncture__strip dt{font-size:.875rem;line-height:1.3;color:var(--pu-muted);font-weight:500}
.rl-puncture__strip dd{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem);line-height:1;font-weight:500;color:var(--pu-ink)}
.rl-puncture__strip-item:last-child dd{color:var(--pu-cobalt)}

/* Section heads */
.rl-puncture__sechead{display:grid;gap:12px;max-inline-size:62ch;align-content:start;min-inline-size:0}
.rl-puncture__tag{display:flex;align-items:center;gap:10px;font-family:var(--pu-mono);font-size:.875rem;font-weight:500}
.rl-puncture__tag::after{content:"";block-size:1.5px;inline-size:48px;background:var(--pu-cyan)}
.rl-puncture__h2{font-weight:800;font-size:clamp(1.65rem,1.15rem + 2vw,2.5rem);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.rl-puncture__intro{font-size:1.125rem;font-weight:500;text-wrap:pretty}
.rl-puncture__aside-note{color:var(--pu-muted);text-wrap:pretty}
.rl-puncture__privacy{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9375rem}
.rl-puncture__privacy::before{content:"";inline-size:10px;block-size:10px;background:var(--pu-cyan);flex:none}

/* Tool */
.rl-puncture__tool{display:grid;gap:clamp(24px,3vw,40px);background:var(--pu-slate);margin-inline:calc(var(--pu-pad) * -1);padding:clamp(32px,5vw,64px) var(--pu-pad);border-block-start:3px solid var(--pu-ink);min-inline-size:0}
.rl-puncture__tool-body{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"choices" "schema" "output";min-inline-size:0}
.rl-puncture__choices{grid-area:choices;display:grid;gap:24px;min-inline-size:0}
.rl-puncture__group{display:grid;gap:12px}
.rl-puncture__group legend{display:flex;align-items:center;gap:10px;padding:0;margin-block-end:12px;font-weight:800;font-size:1.25rem;line-height:1.3}
.rl-puncture__step{display:grid;place-items:center;inline-size:32px;block-size:32px;flex:none;background:var(--pu-ink);color:var(--pu-white);font:500 .9375rem/1 var(--pu-mono)}
.rl-puncture__opts{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.rl-puncture__opt{position:relative;display:grid;align-content:start;gap:4px;min-block-size:52px;padding:12px 12px 12px 12px;padding-inline-start:38px;border:1.5px solid var(--pu-ink);border-radius:2px;background:var(--pu-white);color:var(--pu-ink);font-family:var(--pu-he);text-align:start;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.rl-puncture__opt::before{content:"";position:absolute;inset-inline-start:12px;inset-block-start:16px;inline-size:14px;block-size:14px;border:1.5px solid currentColor;background:transparent}
.rl-puncture__opt:hover{background:var(--pu-tint)}
.rl-puncture__opt[aria-pressed="true"]{background:var(--pu-cobalt);border-color:var(--pu-cobalt);color:var(--pu-white)}
.rl-puncture__opt[aria-pressed="true"]::before{background:var(--pu-white);box-shadow:inset 0 0 0 3px var(--pu-cobalt)}
.rl-puncture__opt-label{font-weight:700;font-size:1rem;line-height:1.3}
.rl-puncture__opt-hint{font-size:.875rem;line-height:1.4;color:var(--pu-muted)}
.rl-puncture__opt[aria-pressed="true"] .rl-puncture__opt-hint{color:var(--pu-white)}
.rl-puncture__opt--short{align-content:center}
.rl-puncture__opt--short::before{inset-block-start:50%;transform:translateY(-50%)}

.rl-puncture__more{border-block-start:1.5px solid var(--pu-ink);min-inline-size:0}
.rl-puncture__more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:52px;cursor:pointer;list-style:none;font-weight:700;font-size:1rem;color:var(--pu-cobalt)}
.rl-puncture__more summary::-webkit-details-marker{display:none}
.rl-puncture__more summary::after{content:"+";display:grid;place-items:center;inline-size:28px;block-size:28px;border:1.5px solid currentColor;font-family:var(--pu-mono);font-size:1.125rem;line-height:1;flex:none}
.rl-puncture__more[open] summary::after{content:"−"}
.rl-puncture__more summary:hover{color:var(--pu-ink)}
.rl-puncture__more-body{display:grid;gap:16px;padding-block:4px 20px;min-inline-size:0}
.rl-puncture__help{font-size:.9375rem;color:var(--pu-muted);text-wrap:pretty}
.rl-puncture__fields{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.rl-puncture__field{display:grid;gap:6px;align-content:start;min-inline-size:0}
.rl-puncture__field label{font-weight:600;font-size:.9375rem;line-height:1.35}
.rl-puncture :where(.rl-puncture__input,.rl-puncture__select,.rl-puncture__copytext){inline-size:100%;min-inline-size:0;min-block-size:48px;padding:10px 14px;border:1.5px solid var(--pu-field);border-radius:2px;background:var(--pu-white);color:var(--pu-ink);font:400 1rem/1.4 var(--pu-he);transition:border-color .15s}
.rl-puncture :where(.rl-puncture__input,.rl-puncture__select):hover{border-color:var(--pu-ink)}
.rl-puncture :where(.rl-puncture__input,.rl-puncture__select):focus{border-color:var(--pu-cobalt)}
.rl-puncture .rl-puncture__input--mono{font-family:var(--pu-mono);text-align:right}
.rl-puncture__select{appearance:none;-webkit-appearance:none;padding-inline-end:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--pu-ink) 50%),linear-gradient(135deg,var(--pu-ink) 50%,transparent 50%);background-position:left 20px center,left 14px center;background-size:6px 6px;background-repeat:no-repeat}

.rl-puncture__schema{grid-area:schema;display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:16px;align-items:start;padding:14px;background:var(--pu-white);border:1.5px solid var(--pu-ink);min-inline-size:0}
.rl-puncture__figure{display:grid;gap:6px}
.rl-puncture__figure img{display:block;inline-size:100%;background:var(--pu-slate);border:1px solid var(--pu-rule)}
.rl-puncture__figure figcaption{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--pu-muted)}
.rl-puncture__figure figcaption::before{content:"";inline-size:10px;block-size:10px;border:2px solid var(--pu-cyan);flex:none}
.rl-puncture__zones{display:grid;gap:8px;min-inline-size:0}
.rl-puncture__zones-title{font-weight:700;font-size:1rem}
.rl-puncture__zones ul{display:grid;gap:4px}
.rl-puncture__zone{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;align-items:center;padding:5px 6px;border:1px solid transparent;transition:background-color .2s,color .2s}
.rl-puncture__zone-n{grid-row:span 2;display:grid;place-items:center;inline-size:24px;block-size:24px;border:1.5px solid currentColor;font:500 .8125rem/1 var(--pu-mono)}
.rl-puncture__zone-t{font-weight:700;font-size:.9375rem;line-height:1.25}
.rl-puncture__zone-d{font-size:.8125rem;line-height:1.3;color:var(--pu-muted)}
.rl-puncture__zone.is-active{background:var(--pu-cobalt);color:var(--pu-white);border-color:var(--pu-cobalt)}
.rl-puncture__zone.is-active .rl-puncture__zone-n{background:var(--pu-white);color:var(--pu-cobalt);border-color:var(--pu-white)}
.rl-puncture__zone.is-active .rl-puncture__zone-d{color:var(--pu-white)}
.rl-puncture__zone.is-active .rl-puncture__zone-t::after{content:" · בעדיפות";font-weight:500;font-size:.8125rem}

.rl-puncture__output{grid-area:output;display:grid;gap:16px;min-inline-size:0}
.rl-puncture__prompt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-weight:600}
.rl-puncture__prompt::before{content:"";inline-size:10px;block-size:10px;margin-block-start:.55em;background:var(--pu-cobalt)}
.rl-puncture__result{display:grid;gap:16px;padding:20px 16px;background:var(--pu-white);border:1.5px solid var(--pu-ink);border-block-start:6px solid var(--pu-cobalt);min-inline-size:0}
.rl-puncture__result-title{font-weight:800;font-size:clamp(1.3rem,1.1rem + .8vw,1.625rem);line-height:1.25;text-wrap:balance}
.rl-puncture__result-next{font-size:1.125rem;font-weight:500;text-wrap:pretty}
.rl-puncture__checks{display:grid;border-block-start:1px solid var(--pu-rule);counter-reset:puchk}
.rl-puncture__checks li{counter-increment:puchk;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:8px;padding-block:10px;border-block-end:1px solid var(--pu-rule);line-height:1.5}
.rl-puncture__checks li::before{content:counter(puchk,decimal-leading-zero);font:500 .875rem/1.7 var(--pu-mono);color:var(--pu-cobalt)}
.rl-puncture__result-part{font-weight:600}
.rl-puncture__result-boundary{font-size:.9375rem;color:var(--pu-muted);padding-block-start:12px;border-block-start:1.5px dashed var(--pu-rule)}
.rl-puncture__result :where(p:empty,ul:empty){display:none}
.rl-puncture__more--result{border-block-start-width:1px;border-block-start-color:var(--pu-rule)}
.rl-puncture__prepare{display:grid;gap:8px;padding-inline-start:1.1em;list-style:square}
.rl-puncture__prepare li::marker{color:var(--pu-cobalt)}
.rl-puncture__actions{display:flex;flex-wrap:wrap;gap:10px}
.rl-puncture__actions .rl-puncture__btn--primary{flex:1 1 13rem}
.rl-puncture__actions .rl-puncture__btn--quiet{flex:0 1 auto}
.rl-puncture__copy-status{font-size:.9375rem;font-weight:600;color:var(--pu-ink)}
.rl-puncture__copy-status:empty{display:none}
.rl-puncture .rl-puncture__copytext{min-block-size:10rem;resize:vertical;line-height:1.6}

/* Cost */
.rl-puncture__cost{display:grid;gap:28px;min-inline-size:0}
.rl-puncture__cost-table{display:grid;gap:10px;min-inline-size:0}
.rl-puncture__cost-label{font:500 .875rem/1.4 var(--pu-mono);color:var(--pu-muted)}
.rl-puncture__cost-table ul{display:grid;border-block-start:3px solid var(--pu-ink)}
.rl-puncture__cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"work ils" "scope ils";column-gap:16px;row-gap:2px;align-items:center;padding-block:18px;border-block-end:1.5px solid var(--pu-ink)}
.rl-puncture__cost-work{grid-area:work;font-weight:700;font-size:1.1875rem;line-height:1.3}
.rl-puncture__cost-scope{grid-area:scope;font-size:.9375rem;color:var(--pu-muted)}
.rl-puncture__cost-ils{grid-area:ils;font-weight:600;font-size:1.125rem;white-space:nowrap}
.rl-puncture__cost-ils .rl-puncture__num{font-size:clamp(1.375rem,1.1rem + 1.2vw,2rem);font-weight:500}

/* Reading */
.rl-puncture__reading{min-inline-size:0}
.rl-puncture__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-inline-size:0}
.rl-puncture__toc{border:1.5px solid var(--pu-ink);background:var(--pu-white);min-inline-size:0}
.rl-puncture__toc .rl-toc__toggle{display:flex;align-items:center;justify-content:space-between;inline-size:100%;min-block-size:52px;padding:0 16px;border:0;background:transparent;color:var(--pu-ink);font:700 1rem/1.2 var(--pu-he);cursor:pointer}
.rl-puncture__toc .rl-chev{display:inline-block;inline-size:9px;block-size:9px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.rl-puncture__toc.is-open .rl-chev{transform:translateY(2px) rotate(-135deg)}
.rl-puncture__toc .rl-toc__title{display:none}
.rl-puncture__toc ol{display:none;padding:4px 16px 12px;counter-reset:putoc;max-block-size:60vh;overflow-y:auto}
.rl-puncture__toc.is-open ol{display:grid}
.rl-puncture__toc li{counter-increment:putoc}
.rl-puncture__toc ol a{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;min-block-size:44px;padding-block:6px;color:var(--pu-ink);text-decoration:none;font-size:.9375rem;line-height:1.4;border-block-start:1px solid var(--pu-rule)}
.rl-puncture__toc ol a::before{content:counter(putoc,decimal-leading-zero);font:500 .8125rem/1 var(--pu-mono);color:var(--pu-muted)}
.rl-puncture__toc ol a:hover,.rl-puncture__toc ol a[aria-current="true"]{color:var(--pu-cobalt)}
.rl-puncture__toc ol a[aria-current="true"]{font-weight:700}
.rl-puncture__toc ol a[aria-current="true"]::before{color:var(--pu-cobalt)}
.rl-puncture__article{max-inline-size:70ch;min-inline-size:0;display:grid;gap:clamp(36px,5vw,56px)}
.rl-puncture__article .rl-puncture__cms{display:grid;gap:clamp(36px,5vw,56px);min-inline-size:0}
.rl-puncture__article :where(section){display:grid;gap:14px;min-inline-size:0}
.rl-puncture__article :where(h2){font-weight:800;font-size:clamp(1.45rem,1.1rem + 1.4vw,2rem);line-height:1.2;padding-block-start:18px;border-block-start:1.5px solid var(--pu-ink);text-wrap:balance}
.rl-puncture__article :where(h3){font-weight:700;font-size:1.25rem;line-height:1.3;margin-block-start:8px}
.rl-puncture__article :where(p,li){line-height:1.75;text-wrap:pretty}
.rl-puncture__article .rl-puncture__cms :where(ul,ol){display:grid;gap:8px;padding-inline-start:1.2em}
.rl-puncture__article .rl-puncture__cms :where(ul){list-style:square}
.rl-puncture__article .rl-puncture__cms :where(ol){list-style:decimal}
.rl-puncture__article .rl-puncture__cms :where(li)::marker{color:var(--pu-cobalt);font-family:var(--pu-mono)}
.rl-puncture__article :where(table){display:block;max-inline-size:100%;overflow-x:auto;border-collapse:collapse;font-size:.9375rem}
.rl-puncture__article :where(th,td){padding:10px 12px;border:1px solid var(--pu-rule);text-align:start;vertical-align:top}
.rl-puncture__article :where(th){background:var(--pu-slate)}
.rl-puncture__article :where(blockquote){margin:0;padding:16px 18px;background:var(--pu-slate);border-block-start:2px solid var(--pu-ink)}
.rl-puncture__article :where(img,figure,video,iframe){max-inline-size:100%;block-size:auto;margin:0}
.rl-puncture__article :where(code){font-family:var(--pu-mono);font-size:.9em}

/* Next */
.rl-puncture__next{display:grid;gap:16px;min-inline-size:0}
.rl-puncture__next-title{font-weight:800;font-size:1.5rem}
.rl-puncture__next ul{display:grid;grid-template-columns:minmax(0,1fr);border-block-start:1.5px solid var(--pu-ink)}
.rl-puncture__next a{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:8px;min-block-size:60px;padding-block:12px;padding-inline-end:36px;border-block-end:1px solid var(--pu-rule);color:var(--pu-ink);text-decoration:none}
.rl-puncture__next a::after{content:"←";position:absolute;inset-inline-end:4px;inset-block-start:50%;transform:translateY(-50%);font-family:var(--pu-mono);color:var(--pu-cobalt);transition:transform .15s}
.rl-puncture__next a:hover{color:var(--pu-cobalt)}
.rl-puncture__next a:hover::after{transform:translate(-4px,-50%)}
.rl-puncture__next-n{font:500 .875rem/1 var(--pu-mono);color:var(--pu-cobalt)}
.rl-puncture__next-t{font-weight:700;font-size:1.125rem;line-height:1.35}

@media (max-width:359px){
  .rl-puncture__opts{grid-template-columns:minmax(0,1fr)}
  .rl-puncture__schema{grid-template-columns:minmax(0,1fr)}
  .rl-puncture__figure{max-inline-size:10rem}
}
@media (min-width:600px){
  .rl-puncture__strip-item{padding:16px 18px}
  .rl-puncture__cta .rl-puncture__btn{flex:0 1 auto}
  .rl-puncture__opts--symptom{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rl-puncture__schema{grid-template-columns:minmax(0,11rem) minmax(0,1fr);padding:18px;gap:20px}
  .rl-puncture__result{padding:28px}
  .rl-puncture__next ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
}
@media (min-width:860px){
  .rl-puncture__opts--type{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rl-puncture__sechead--tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-inline-size:none;column-gap:48px;align-items:end}
  .rl-puncture__sechead--tool .rl-puncture__tag,.rl-puncture__sechead--tool .rl-puncture__h2{grid-column:1}
  .rl-puncture__sechead--tool .rl-puncture__intro{grid-column:1}
  .rl-puncture__sechead--tool .rl-puncture__aside-note{grid-column:2;grid-row:2}
  .rl-puncture__sechead--tool .rl-puncture__privacy{grid-column:2;grid-row:3}
  .rl-puncture__cost{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:clamp(40px,6vw,96px);align-items:start}
}
@media (min-width:1024px){
  .rl-puncture{padding-block-end:clamp(64px,8vw,120px)}
  .rl-puncture__hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"crumbs crumbs" "text strip";column-gap:clamp(40px,6vw,96px);align-items:end}
  .rl-puncture__hero-text{padding-block-start:clamp(12px,3vw,40px)}
  .rl-puncture__strip{grid-template-columns:minmax(0,1fr);border-inline:0;border-block:3px solid var(--pu-ink)}
  .rl-puncture__strip-item{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0}
  .rl-puncture__strip-item+.rl-puncture__strip-item{border-inline-start:0;border-block-start:1px solid var(--pu-rule)}
  .rl-puncture__strip dt{font-size:1.0625rem;color:var(--pu-ink)}
  .rl-puncture__strip dd{font-size:3.25rem}
  .rl-puncture__tool-body{grid-template-columns:minmax(0,1fr) minmax(0,19rem);grid-template-areas:"choices schema" "output schema";column-gap:clamp(28px,4vw,56px);row-gap:24px;align-items:start}
  .rl-puncture__schema{position:sticky;top:6rem;grid-template-columns:minmax(0,1fr);padding:20px}
  .rl-puncture__figure{max-inline-size:none}
  .rl-puncture__opts--symptom{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rl-puncture__opts--type{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rl-puncture__layout{grid-template-columns:15rem minmax(0,70ch);column-gap:clamp(40px,5vw,72px);justify-content:start;align-items:start}
  .rl-puncture__toc{position:sticky;top:6rem;border:0;border-block-start:1.5px solid var(--pu-ink);background:transparent;max-block-size:calc(100vh - 8rem);overflow-y:auto}
  .rl-puncture__toc .rl-toc__toggle{display:none}
  .rl-puncture__toc .rl-toc__title{display:block;padding-block:12px 4px;font-weight:700;font-size:.9375rem}
  .rl-puncture__toc ol,.rl-puncture__toc.is-open ol{display:grid;padding:0;max-block-size:none;overflow:visible}
}
@media (min-width:1200px){
  .rl-puncture__opts--type{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .rl-puncture *,.rl-puncture *::before,.rl-puncture *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}
@media (forced-colors:active){
  .rl-puncture__opt[aria-pressed="true"]{border:3px solid Highlight;outline:2px solid Highlight}
  .rl-puncture__opt[aria-pressed="true"]::before{forced-color-adjust:none;background:Highlight;box-shadow:none;border-color:Highlight}
  .rl-puncture__zone.is-active{border:2px solid Highlight}
  .rl-puncture__btn,.rl-puncture__opt,.rl-puncture__toc .rl-toc__toggle{border:1.5px solid ButtonText}
  .rl-puncture__note,.rl-puncture__step{border:1.5px solid CanvasText}
}

.no-js .rl-puncture__tool-body{display:none}

/* Claude Design integration correction, 2026-10-27. */
/* Primary CTA: white text in every state */
.rl-puncture a.rl-puncture__btn--primary,
.rl-puncture a.rl-puncture__btn--primary:link,
.rl-puncture a.rl-puncture__btn--primary:visited,
.rl-puncture button.rl-puncture__btn--primary{
  background:var(--pu-cobalt);color:var(--pu-white);border-color:var(--pu-cobalt);text-decoration:none;
}
.rl-puncture a.rl-puncture__btn--primary:hover,
.rl-puncture a.rl-puncture__btn--primary:focus,
.rl-puncture a.rl-puncture__btn--primary:focus-visible,
.rl-puncture a.rl-puncture__btn--primary:active,
.rl-puncture button.rl-puncture__btn--primary:hover,
.rl-puncture button.rl-puncture__btn--primary:focus-visible,
.rl-puncture button.rl-puncture__btn--primary:active{
  background:var(--pu-ink);color:var(--pu-white);border-color:var(--pu-ink);text-decoration:none;
}

/* Outline CTA: graphite text in every state */
.rl-puncture a.rl-puncture__btn--outline,
.rl-puncture a.rl-puncture__btn--outline:link,
.rl-puncture a.rl-puncture__btn--outline:visited{
  background:transparent;color:var(--pu-ink);border-color:var(--pu-ink);text-decoration:none;
}
.rl-puncture a.rl-puncture__btn--outline:hover,
.rl-puncture a.rl-puncture__btn--outline:focus-visible,
.rl-puncture a.rl-puncture__btn--outline:active{
  background:var(--pu-slate);color:var(--pu-ink);border-color:var(--pu-ink);text-decoration:none;
}

/* Quiet button keeps graphite text */
.rl-puncture button.rl-puncture__btn--quiet,
.rl-puncture button.rl-puncture__btn--quiet:hover,
.rl-puncture button.rl-puncture__btn--quiet:focus-visible{color:var(--pu-ink)}

/* Below desktop: result directly after choices, schematic last */
.rl-puncture .rl-puncture__tool-body{grid-template-areas:"choices" "output" "schema"}
@media (min-width:1024px){
  .rl-puncture .rl-puncture__tool-body{grid-template-areas:"choices schema" "output schema"}
}

/* Result stays hidden until the script removes [hidden] */
.rl-puncture .rl-puncture__result[hidden],
.rl-puncture #pu-copy-text[hidden]{display:none !important}

@media (forced-colors:active){
  .rl-puncture a.rl-puncture__btn--primary,
  .rl-puncture a.rl-puncture__btn--outline{color:LinkText;border-color:LinkText}
}


/* Claude Design photographic refinement, 2026-10-27 */
/* Hero: text, photo, then strip on mobile */
.rl-puncture .rl-puncture__hero{grid-template-areas:"crumbs" "text" "photo" "strip"}
.rl-puncture .rl-puncture__h1{font-size:clamp(2.25rem,1.6rem + 2vw,3.375rem);line-height:1.08;max-inline-size:none}
.rl-puncture .rl-puncture__hero-photo{grid-area:photo;display:grid;gap:8px;margin-inline:calc(var(--pu-pad) * -1);min-inline-size:0}
.rl-puncture .rl-puncture__hero-photo img{display:block;inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:contain;background:var(--pu-white);border-block:1px solid var(--pu-rule)}
.rl-puncture .rl-puncture__hero-photo figcaption{display:flex;align-items:center;gap:8px;padding-inline:var(--pu-pad);font-size:.875rem;color:var(--pu-muted)}
.rl-puncture .rl-puncture__hero-photo figcaption::before{content:"";inline-size:8px;block-size:8px;background:var(--pu-cyan);flex:none}

/* Desktop: text right, photo left, strip full width */
@media (min-width:1024px){
  .rl-puncture .rl-puncture__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"crumbs crumbs" "text photo" "strip strip";column-gap:clamp(32px,4vw,64px);row-gap:32px;align-items:center}
  .rl-puncture .rl-puncture__hero-photo{margin-inline:0 calc(var(--pu-pad) * -1)}
  .rl-puncture .rl-puncture__hero-photo img{border:0}
  .rl-puncture .rl-puncture__hero-photo figcaption{padding-inline:0}
  .rl-puncture .rl-puncture__strip{grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--pu-ink)}
  .rl-puncture .rl-puncture__strip-item{flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start;gap:2px;padding:16px 20px}
  .rl-puncture .rl-puncture__strip-item+.rl-puncture__strip-item{border-block-start:0;border-inline-start:1.5px solid var(--pu-ink)}
  .rl-puncture .rl-puncture__strip dt{font-size:.9375rem;color:var(--pu-muted)}
  .rl-puncture .rl-puncture__strip dd{font-size:2.5rem}
}

/* Tool aside: photographic components, full width at mobile */
.rl-puncture .rl-puncture__schema{grid-template-columns:minmax(0,1fr)}
.rl-puncture .rl-puncture__figure--photo{max-inline-size:none}
.rl-puncture .rl-puncture__figure--photo img{aspect-ratio:3/2;object-fit:contain;background:var(--pu-white);border:1px solid var(--pu-rule)}
@media (min-width:600px) and (max-width:1023px){
  .rl-puncture .rl-puncture__schema{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
}
@media (max-width:359px){
  .rl-puncture .rl-puncture__figure--photo{max-inline-size:none}
}

.rl-puncture .rl-puncture__photo-frame{position:relative;min-inline-size:0}
.rl-puncture .rl-puncture__photo-frame img{display:block;inline-size:100%;block-size:auto}
.rl-puncture .rl-puncture__marks{position:absolute;inset:0;pointer-events:none;direction:ltr}
.rl-puncture .rl-puncture__mark{
  --b:20px;--p:9px;
  position:absolute;left:var(--x);top:var(--y);
  display:flex;flex-direction:column;align-items:center;
  transform:translate(-50%,-100%);
}
.rl-puncture .rl-puncture__mark b{
  display:grid;place-items:center;inline-size:var(--b);block-size:var(--b);border-radius:50%;
  background:var(--pu-cobalt);color:var(--pu-white);
  font:600 calc(var(--b) * .6)/1 var(--pu-mono);font-variant-numeric:tabular-nums;
  box-shadow:0 0 0 2px var(--pu-white);
}
.rl-puncture .rl-puncture__mark::after{
  content:"";inline-size:1.5px;block-size:var(--p);background:var(--pu-ink);
}
.rl-puncture .rl-puncture__mark::before{
  content:"";position:absolute;left:50%;bottom:-3px;inline-size:6px;block-size:6px;margin-left:-3px;border-radius:50%;
  background:var(--pu-ink);box-shadow:0 0 0 1.5px var(--pu-white);
}
@media (min-width:600px){
  .rl-puncture .rl-puncture__mark{--b:24px;--p:13px}
}
@media (forced-colors:active){
  .rl-puncture .rl-puncture__mark b{forced-color-adjust:none;background:CanvasText;color:Canvas;box-shadow:0 0 0 2px Canvas}
  .rl-puncture .rl-puncture__mark::after,.rl-puncture .rl-puncture__mark::before{forced-color-adjust:none;background:CanvasText}
}