.rlk{--ink:#18232D;--ink2:#45525E;--ink3:#2A3947;--slate:#EDF2F6;--blue:#135DFF;--cyan:#00A8BD;--white:#FFFFFF;--mute:#C9D3DC;--rule:rgba(24,35,45,.16);--rule2:rgba(24,35,45,.34);
  max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);direction:rtl;color:var(--ink);background:var(--white);font:400 1rem/1.6 "Heebo","IBM Plex Sans",system-ui,sans-serif;overflow-wrap:break-word;overflow-x:clip}
.rlk *,.rlk *::before,.rlk *::after{box-sizing:border-box;min-width:0}
.rlk [hidden]{display:none!important}
.rlk a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:1px}
.rlk a:hover{color:var(--ink)}
.rlk :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.rlk .num{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.rlk bdi{font-family:"IBM Plex Sans","Heebo",system-ui,sans-serif}
.rlk .sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.rlk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white);color:var(--ink)!important;font:700 1rem/1.2 "Heebo",sans-serif;text-decoration:none;cursor:pointer;text-align:center}
.rlk-btn:hover{background:var(--ink);color:var(--white)!important}
.rlk-btn--primary{background:var(--blue);border-color:var(--blue);color:var(--white)!important}
.rlk-btn--primary:hover{background:var(--ink);border-color:var(--ink)}
.rlk-actions{display:flex;flex-wrap:wrap;gap:8px}

.rlk-crumbs{padding-block:12px;border-bottom:1px solid var(--rule2)}
.rlk-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font-size:.9375rem;color:var(--ink2)}
.rlk-crumbs li{display:flex;align-items:center;gap:8px}
.rlk-crumbs li+li::before{content:"‹"}
.rlk-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.rlk-crumbs [aria-current]{font-weight:800;color:var(--ink)}

/* hero: big product frame dominates */
.rlk-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:clamp(18px,4vw,40px) 0}
.rlk-hero__txt{border-top:6px solid var(--ink);padding-top:16px}
.rlk-kicker{display:flex;align-items:center;gap:10px;margin:0;font:600 .875rem/1.3 "IBM Plex Sans","Heebo",sans-serif;color:var(--blue)}
.rlk-kicker::before{content:"";inline-size:24px;block-size:2px;background:var(--cyan)}
.rlk-h1{margin:10px 0 0;font-weight:900;font-size:clamp(2rem,1.05rem + 4vw,4.125rem);line-height:1.03;letter-spacing:-.018em;text-wrap:balance}
.rlk-lead{margin:14px 0 0;max-width:42ch;font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);line-height:1.55;color:var(--ink2)}
.rlk-hero__txt .rlk-actions{margin-top:20px}
.rlk-fig{margin:0;position:relative}
.rlk-frame{position:relative;aspect-ratio:4/3;background:var(--slate) linear-gradient(90deg,var(--rule) 1px,transparent 1px) 0 0/40px 40px;overflow:hidden;border-bottom:6px solid var(--ink)}
.rlk-frame img{display:block;inline-size:100%;block-size:100%;object-fit:contain}
.rlk-mtag{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;font-weight:800;font-size:.875rem}
.rlk-mtag::before{content:"";inline-size:10px;block-size:10px}
.rlk-mtag--ill{background:var(--white);color:var(--ink);border:2px dashed var(--ink)}
.rlk-mtag--ill::before{border:2px solid var(--cyan);border-radius:50%}
.rlk-mtag--photo{background:var(--ink);color:var(--white);border:2px solid var(--ink)}
.rlk-mtag--photo::before{background:var(--cyan)}
.rlk-cap{display:flex;align-items:center;gap:10px;padding-top:8px;font-size:.875rem;font-weight:600;color:var(--ink2)}
.rlk-cap::before{content:"";flex:none;inline-size:20px;block-size:2px;background:var(--cyan)}
@media  (min-width:960px){.rlk-hero{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(28px,4vw,56px);align-items:end}.rlk-fig{margin-inline-end:calc(-1 * clamp(16px,4vw,32px))}}

/* instrument strip */
.rlk-strip{margin-top:clamp(20px,4vw,36px);background:var(--ink)}
.rlk-strip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
@media  (min-width:700px){.rlk-strip ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rlk-strip a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:64px;padding:10px clamp(14px,2.5vw,22px);color:var(--white);text-decoration:none;font-weight:800;font-size:1.0625rem;border-top:1px solid rgba(255,255,255,.16)}
@media  (min-width:700px){.rlk-strip a{border-top:0;border-inline-start:1px solid rgba(255,255,255,.16)}.rlk-strip li:first-child a{border-inline-start:0}}
.rlk-strip a .num{color:var(--cyan);font-size:.875rem}
.rlk-strip a:hover{background:var(--ink3)}
.rlk .rlk-strip a:focus-visible{outline-color:var(--cyan);outline-offset:-4px}

.rlk-sec{margin-top:clamp(36px,6vw,64px);scroll-margin-top:16px}
.rlk-h2{margin:0;font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);line-height:1.15;text-wrap:balance}
.rlk-h3{margin:0;font-weight:800;font-size:1.25rem;line-height:1.25}
.rlk-sub{margin:6px 0 0;max-width:62ch;color:var(--ink2);font-size:1.0625rem}
.rlk-panel{display:grid;grid-template-columns:minmax(0,1fr);margin-top:16px;border:2px solid var(--ink)}
@media  (min-width:960px){.rlk-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.rlk-panel__form{display:grid;gap:14px;align-content:start;padding:16px clamp(14px,3vw,24px) 20px;background:var(--slate)}
.rlk-panel__out{background:var(--white);border-top:2px solid var(--ink);display:grid;align-content:start}
@media  (min-width:960px){.rlk-panel__out{border-top:0;border-inline-start:2px solid var(--ink)}}
.rlk-field{display:grid;gap:6px;align-content:start}
.rlk-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9375rem}
.rlk-sel{inline-size:100%;min-height:48px;padding:0 12px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white);color:var(--ink);font:500 1rem/1.2 "IBM Plex Sans","Heebo",sans-serif}
.rlk-key{display:inline-grid;place-items:center;inline-size:26px;block-size:26px;color:var(--white);font:700 .8125rem/1 "Heebo",sans-serif}
.rlk-key--a{background:var(--blue)}
.rlk-key--b{background:var(--ink);box-shadow:inset 0 -5px 0 var(--cyan)}
.rlk-note{margin:0;font-size:.9375rem;color:var(--ink2)}

/* compare output */
.rlk-bars{display:grid;gap:10px;padding:16px clamp(14px,3vw,24px);border-bottom:1px solid var(--rule2)}
.rlk-bars__t{margin:0;font-weight:800}
.rlk-bar{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 10px;align-items:center}
.rlk-bar__track{position:relative;block-size:24px;background:var(--slate);overflow:hidden}
.rlk-bar__fill{position:absolute;inset-block:0;inset-inline-start:0;background:var(--blue)}
.rlk-bar--b .rlk-bar__fill{background:var(--cyan)}
.rlk-bar__fill--na{inline-size:100%;background:repeating-linear-gradient(135deg,var(--rule2) 0 3px,transparent 3px 8px)!important}
.rlk-bar__v{grid-column:2;font-weight:600}
.rlk-bar__v small{font:600 .875rem "Heebo",sans-serif;color:var(--ink2)}
.rlk-energy{margin:0;padding:12px 14px;background:var(--ink);color:var(--white);font-weight:700;font-size:1.0625rem;line-height:1.5}
.rlk-energy .num{color:var(--cyan)}
.rlk-blk{padding:14px clamp(14px,3vw,24px);border-top:1px solid var(--rule)}
.rlk-blk>p:first-child{margin:0 0 8px;font-weight:800}
.rlk-dl{margin:0;display:grid}
.rlk-dl>div{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:baseline;padding:8px 0;border-top:1px solid var(--rule)}
.rlk-dl>div:first-child{border-top:0}
.rlk-dl dt{font-weight:700;color:var(--ink2);font-size:.9375rem}
.rlk-dl dd{margin:0;font-weight:600;display:flex;align-items:baseline;gap:6px}
.rlk-tbd{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-family:"Heebo",sans-serif}
.rlk-tbd::before{content:"";inline-size:10px;block-size:10px;border:2px dashed var(--ink)}
.rlk-checks{margin:0;padding-inline-start:1.25em;display:grid;gap:8px;font-size:1rem;line-height:1.55}
.rlk-checks li::marker{color:var(--blue);font-family:"IBM Plex Mono",monospace}
@media  (max-width:420px){.rlk-dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rlk-dl dt{grid-column:1/-1}}

/* versions board */
.rlk-tw{margin-top:20px;border-block:2px solid var(--ink)}
.rlk-vt{inline-size:100%;border-collapse:collapse;font-size:.9375rem}
.rlk-vt caption{caption-side:top;text-align:start;padding:0 0 10px;font-weight:800;font-size:1.125rem}
.rlk-vt th,.rlk-vt td{padding:12px;text-align:start;vertical-align:top;border-top:1px solid var(--rule)}
.rlk-vt thead th{border-top:0;background:var(--slate);font-size:.8125rem;font-weight:800}
.rlk-vt tbody th{font-weight:800;font-size:1rem}
.rlk-vt td{font-weight:600}
.rlk-vt .rlk-mk{margin-top:4px}
.rlk-mk{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1.5px solid var(--ink);font:800 .75rem/1 "Heebo",sans-serif}
.rlk-mk--il{background:var(--ink);color:var(--white)}
.rlk-mk--intl{color:var(--blue);border-color:var(--blue)}
.rlk-mk--tbd{border-style:dashed}
@media  (max-width:760px){
  .rlk-vt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rlk-vt,.rlk-vt tbody{display:block}
  .rlk-vt tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
  .rlk-vt tbody th{grid-column:1/-1;border:0;padding:12px 4px 4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .rlk-vt tbody th .rlk-mk{margin:0}
  .rlk-vt td{border:0;padding:4px 4px 12px;display:grid;gap:2px}
  .rlk-vt td::before{content:attr(data-h);font:700 .75rem/1.3 "Heebo",sans-serif;color:var(--ink2)}
}

/* display decoder */
.rlk-code{display:grid;gap:4px;padding:16px clamp(14px,3vw,24px);border-top:6px solid var(--blue)}
.rlk-code__c{margin:0;font:600 clamp(2rem,1.5rem + 2vw,3rem)/1 "IBM Plex Mono",monospace;direction:ltr;text-align:right}
.rlk-code__c.is-txt{font:900 clamp(1.5rem,1.2rem + 1.2vw,2rem)/1.15 "Heebo",sans-serif;direction:rtl}
.rlk-code__l{margin:0;font-weight:800;font-size:1.25rem}
.rlk-sys{margin:0;padding:12px clamp(14px,3vw,24px);background:var(--slate);border-top:1px solid var(--rule2);display:grid;gap:2px}
.rlk-sys strong{font-size:.875rem;color:var(--ink2)}
.rlk-sys span{font-weight:800;font-size:1.0625rem}
.rlk-act{margin:0;padding:14px clamp(14px,3vw,24px);background:var(--ink);color:var(--white);display:grid;gap:4px}
.rlk-act strong{color:var(--cyan);font-size:.875rem}
.rlk-act span{font-weight:700;font-size:1.0625rem;line-height:1.5}
.rlk-share{display:grid;gap:8px;padding:12px clamp(14px,3vw,24px) 16px}
.rlk-share__msg{margin:0;font-weight:700}
.rlk-share__msg:empty{display:none}
.rlk-share textarea{inline-size:100%;padding:10px;border:1.5px solid var(--ink);border-radius:2px;font:400 .9375rem/1.55 "Heebo",sans-serif;resize:vertical}
.rlk-idle{margin:0;padding:20px clamp(14px,3vw,24px);color:var(--ink2)}

/* parts map */
.rlk-parts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px;border:2px solid var(--ink)}
@media  (min-width:960px){.rlk-parts{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.rlk-parts .rlk-frame{border-bottom:0;aspect-ratio:3/2}
.rlk-pin{position:absolute;z-index:1;inline-size:44px;block-size:44px;transform:translate(-50%,-50%);display:grid;place-items:center;text-decoration:none}
.rlk-pin span{display:grid;place-items:center;inline-size:30px;block-size:30px;background:var(--ink);color:var(--white);font:600 .875rem/1 "IBM Plex Mono",monospace;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--cyan)}
.rlk-pin:hover span{background:var(--blue)}
.rlk-plist{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
@media  (min-width:960px){.rlk-plist{border-top:0;border-inline-start:2px solid var(--ink)}}
.rlk-plist li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px clamp(14px,3vw,20px);border-top:1px solid var(--rule);scroll-margin-top:16px}
.rlk-plist li:first-child{border-top:0}
.rlk-plist li:target{box-shadow:inset -5px 0 0 var(--cyan)}
.rlk-plist__n{display:grid;place-items:center;inline-size:34px;block-size:30px;background:var(--ink);color:var(--white);font-size:.875rem;font-weight:600}
.rlk-plist strong{display:block;font-weight:800;font-size:1.125rem}
.rlk-plist p{margin:2px 0 0;color:var(--ink2);font-size:1rem}
.rlk-parts__cap{grid-column:1/-1;margin:0;padding:10px clamp(14px,3vw,20px);border-top:1px solid var(--rule2);font-size:.9375rem;color:var(--ink2)}

/* slots + article */
.rlk-slot{margin-top:clamp(32px,5vw,56px)}
.rlk-slot:empty{display:none}
.rlk .article-body{max-inline-size:68ch;margin:clamp(36px,6vw,64px) auto 0;counter-reset:ab}
.rlk .article-body .toc{margin:0 0 clamp(24px,4vw,40px);border-block:2px solid var(--ink);background:var(--slate)}
.rlk .article-body .toc>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 14px;cursor:pointer;list-style:none;font-weight:800;font-size:1.0625rem}
.rlk .article-body .toc>summary::-webkit-details-marker{display:none}
.rlk .article-body .toc>summary::after{content:"+";flex:none;display:grid;place-items:center;inline-size:32px;block-size:32px;border:1.5px solid var(--ink);font:600 1.125rem/1 "IBM Plex Mono",monospace}
.rlk .article-body .toc[open]>summary::after{content:"−";background:var(--ink);color:var(--white)}
.rlk .article-body .toc ol{margin:0;padding:4px 14px 12px;list-style:none;counter-reset:t;border-top:1px solid var(--rule2)}
@media  (min-width:760px){.rlk .article-body .toc ol{columns:2;column-gap:24px}}
.rlk .article-body .toc li{counter-increment:t;break-inside:avoid}
.rlk .article-body .toc a{display:flex;gap:10px;align-items:baseline;min-height:44px;padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink);font-weight:600;line-height:1.35;text-decoration:none}
.rlk .article-body .toc a::before{content:counter(t,decimal-leading-zero);flex:none;font:600 .8125rem "IBM Plex Mono",monospace;color:var(--blue)}
.rlk .article-body>section{counter-increment:ab;padding-top:clamp(24px,4vw,36px);margin-top:clamp(24px,4vw,36px);border-top:1px solid var(--rule2);scroll-margin-top:16px}
.rlk .article-body>section:first-of-type{margin-top:0;border-top:4px solid var(--ink)}
.rlk .article-body>section:target{border-top-color:var(--blue)}
.rlk .article-body h2{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;margin:0 0 .75em;font-weight:800;font-size:clamp(1.375rem,1.1rem + 1.1vw,1.875rem);line-height:1.2;text-wrap:balance}
.rlk .article-body>section>h2::before{content:counter(ab,decimal-leading-zero);font:600 .8125rem/1 "IBM Plex Mono",monospace;color:var(--blue);padding-top:4px;border-top:2px solid var(--cyan);direction:ltr}
.rlk .article-body p{margin:0 0 1.1em;font-size:1.125rem;line-height:1.8;text-wrap:pretty}
.rlk .article-body p:last-child{margin-bottom:0}

.rlk-links{margin-top:clamp(36px,6vw,64px);display:grid;border-top:4px solid var(--ink)}
@media  (min-width:760px){.rlk-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
.rlk-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 2px;border-bottom:1px solid var(--rule2);font-weight:700;font-size:1.0625rem;text-decoration:none;color:var(--ink)}
.rlk-links a::after{content:"←";color:var(--blue);font-family:"IBM Plex Mono",monospace}
.rlk-links a:hover{color:var(--blue)}

@media  (prefers-reduced-motion:no-preference){.rlk-bar__fill{transition:inline-size .2s ease}}
@media  (prefers-reduced-motion:reduce){.rlk *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media  (forced-colors:active){.rlk-bar__fill,.rlk-key,.rlk-pin span,.rlk-plist__n{forced-color-adjust:none}}


/* Claude Design mobile refinement 2026-10-28 */
.rlk-pnav{display:none}
@media  (max-width:479px){
  .rlk-parts .rlk-pin{display:none}
  .rlk-pnav{display:block;grid-column:1/-1;border-top:2px solid var(--ink);background:var(--slate);padding:8px}
  .rlk-pnav ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .rlk-pnav a{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);font-weight:700;font-size:.9375rem;line-height:1.2;text-decoration:none}
  .rlk-pnav a .num{flex:none;display:grid;place-items:center;inline-size:28px;block-size:24px;background:var(--ink);color:var(--white);font-size:.75rem;font-weight:600}
  .rlk-pnav a:hover{box-shadow:inset 0 -4px 0 var(--cyan)}
  .rlk-pnav a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
}
.rlk-share textarea[readonly]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

.rlk [id]{scroll-margin-block-start:110px}
.rlk .rl-related-cta{border-inline-start:3px solid var(--cyan);padding-inline-start:14px}