/* A learning map, a worked example, and inspectable mechanisms. */
#rj-experience .ais-intro h1{font-size:clamp(38px,5.6cqw,68px);max-width:1000px}
#rj-experience .al-lab{margin:52px 0 0;scroll-margin-top:28px}
#rj-experience .al-lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}
#rj-experience .al-lab-heading h2{font-size:clamp(30px,4cqw,46px);letter-spacing:-.05em;line-height:1.13;margin:13px 0 0}
#rj-experience .al-lab-heading>p{font-size:15px;line-height:1.8;color:var(--rj-muted);max-width:390px;margin:0}
#rj-experience .al-lab-body{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;align-items:stretch}
#rj-experience .al-lab-controls{display:flex;flex-direction:column;min-width:0;padding:20px 0}
#rj-experience .al-request{background:#f2e8d0;color:#35293e;padding:24px 26px 28px;border-radius:5px 22px 22px 22px;box-shadow:0 6px #9c9078;transform:rotate(-2deg);margin:0 5px 29px}
#rj-experience .al-request>span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#766082}
#rj-experience .al-request p{font-size:clamp(22px,2.5cqw,30px);font-weight:750;line-height:1.35;letter-spacing:-.04em;margin:16px 0 0}
#rj-experience .al-request b{color:#725098}
#rj-experience .al-lab-controls>label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#d6cbdc;padding:0 5px}
#rj-experience .al-lab-controls output{font-size:20px;color:var(--rj-yellow);font-weight:750}
#rj-experience #al-quantity,#rj-experience #al-refund-limit{width:100%;min-height:44px;accent-color:var(--rj-violet);cursor:pointer;margin:0 0 12px}
#rj-experience .al-layers{display:grid;gap:9px;margin-top:6px}
#rj-experience .al-layers button{display:grid;grid-template-columns:37px 1fr;gap:3px 14px;text-align:left;padding:15px 18px;min-height:70px;border:1px solid #4a414f;border-radius:18px;background:#242029;color:#c3b9cb;font-family:inherit;transition:background .25s,transform .25s}
#rj-experience .al-layers button>span{grid-row:span 2;display:grid;place-items:center;align-self:center;width:34px;height:34px;background:#3c304b;border-radius:10px;color:#c7aafa;font-weight:800}
#rj-experience .al-layers b{font-size:14px;line-height:1.4}
#rj-experience .al-layers small{font-size:11px;line-height:1.5;color:#bdb2c8}
#rj-experience .al-layers button[aria-pressed=true]{background:#352742;border-color:#a984d7;transform:translateX(4px);color:#f8efff}
#rj-experience .al-layers button[aria-pressed=true]>span{background:var(--rj-violet);color:#332244;box-shadow:0 3px #6c4b90}
#rj-experience .al-theatre{background:#282135;border:1px solid #574767;border-radius:30px;padding:23px;overflow:hidden;min-width:0;display:flex;flex-direction:column;isolation:isolate}
#rj-experience .al-theatre-label{display:flex;justify-content:space-between;gap:14px;font-size:9px;line-height:1.5;letter-spacing:.06em;font-weight:700;color:#c4a6ef}
#rj-experience .al-theatre-label>span+span{font-size:9px;color:#c0b6ca;font-weight:400;letter-spacing:0}
#rj-experience .al-desk{height:230px;position:relative;margin:5px 0 10px;perspective:700px;flex-shrink:0}
#rj-experience .al-desk:before{content:'';position:absolute;inset:35px 5px 7px;border:1px solid #6f5b803d;border-radius:50%;transform:rotate(-14deg)}
#rj-experience .al-model-piece{position:absolute;left:7%;top:55px;width:114px;height:106px;border-radius:22px;background:#bc98f1;color:#3f2758;box-shadow:0 9px #6a4598;transform:rotate(-9deg);padding:14px;z-index:3;transition:transform .5s}
#rj-experience .al-model-piece>span{display:block;text-align:center;font-size:12px;font-weight:800}
#rj-experience .al-model-tiles{display:grid;grid-template-columns:repeat(3,15px);justify-content:center;gap:8px;margin:15px 0}
#rj-experience .al-model-tiles i{height:10px;background:#f0dfff;border-radius:3px;box-shadow:0 3px #8b64ba}
#rj-experience .al-record-piece{position:absolute;left:39%;top:22px;width:138px;height:145px;padding:19px 16px;border-radius:15px;background:#f4d472;color:#574123;box-shadow:0 7px #9d7d3b;transform:rotate(8deg) translateY(17px);opacity:.3;transition:opacity .5s,transform .5s}
#rj-experience .al-record-piece>span{display:block;font-size:8px;letter-spacing:.05em;font-weight:800;line-height:1.5}
#rj-experience .al-record-piece>b{display:block;font-size:40px;line-height:1.15;margin-top:7px;letter-spacing:-.05em}
#rj-experience .al-record-piece>small{font-size:10px}
#rj-experience .al-record-piece>i{display:inline-block;width:18px;height:7px;border-radius:3px;background:#c4a752;margin:10px 2px 0 0}
#rj-experience .al-rule-piece{position:absolute;right:0;top:106px;width:160px;padding:17px;background:#a7dcbf;color:#2c5141;border-radius:15px;box-shadow:0 6px #598a70;transform:rotate(-6deg) translateY(15px);opacity:.25;z-index:4;transition:opacity .5s,transform .5s}
#rj-experience .al-rule-piece>span{font-size:8px;font-weight:800;letter-spacing:.05em}
#rj-experience .al-rule-piece>b{display:block;font-size:13px;line-height:1.4;margin-top:8px}
#rj-experience .al-rule-piece>i{position:absolute;right:14px;top:11px;font-size:24px;font-style:normal}
#rj-experience .al-travelling-note{position:absolute;left:17%;top:181px;z-index:5;border-radius:5px 10px 10px 10px;background:#f1e8d5;box-shadow:0 4px #b2a589;padding:10px 17px;color:#524462;font-size:13px;font-weight:800;transform:rotate(2deg);transition:left .6s,top .6s,background .3s}
#rj-experience [data-lab-level="1"] .al-record-piece,#rj-experience [data-lab-level="2"] .al-record-piece{opacity:1;transform:rotate(8deg)}
#rj-experience [data-lab-level="2"] .al-rule-piece{opacity:1;transform:rotate(-6deg)}
#rj-experience [data-lab-level="1"] .al-travelling-note{left:35%;top:179px}
#rj-experience [data-lab-level="2"] .al-model-piece{transform:rotate(-5deg) translateY(-8px)}
#rj-experience [data-booked="true"] .al-travelling-note{background:#b1e4c6;left:30%;top:180px}
#rj-experience .al-reply{background:#191520;border:1px solid #4d405d;border-radius:19px;padding:21px 23px;min-height:196px;flex:1}
#rj-experience .al-reply>span{font-size:9px;letter-spacing:.05em;color:#bfa1e4;font-weight:750}
#rj-experience .al-reply h3{font-size:24px;line-height:1.25;letter-spacing:-.04em;margin:12px 0;color:#f5eddf}
#rj-experience .al-reply p{font-size:13px;line-height:1.8;margin:0;color:#c3b8d0}
#rj-experience .al-booking-button{margin-top:12px;min-height:46px;border:0;border-radius:13px;background:#a7dcbf;box-shadow:0 4px #4e775f;color:#294635;font:800 12px/1.5 Manrope,sans-serif;padding:12px}
#rj-experience .al-booking-button:disabled{background:#3e4c44;box-shadow:none;color:#c6d6cb;cursor:default}
#rj-experience .al-receipt{padding:16px 4px 1px;display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.6;color:#b7a9c7}
#rj-experience .al-receipt strong{font-size:12px;color:#a9ddbe;font-weight:650}
#rj-experience .al-lab-note{font-size:11px;line-height:1.8;color:var(--rj-muted);max-width:720px;margin:22px 0 0}
#rj-experience .al-lab-insight{font-size:clamp(19px,2.8cqw,28px);line-height:1.55;letter-spacing:-.025em;max-width:840px;margin:34px 0 0;color:#e1d6e8}
#rj-experience .al-reading-key{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--rj-line)}
#rj-experience .al-reading-key>span{color:var(--rj-muted);font-size:12px;line-height:1.7}
#rj-experience .al-reading-key b{display:block;color:#ede4f4;font-size:13px;margin-bottom:6px}
#rj-experience .al-chapter{scroll-margin-top:30px;padding:46px 0 28px;max-width:800px}
#rj-experience .al-chapter h2{font-size:clamp(30px,4.3cqw,46px);line-height:1.15;letter-spacing:-.045em;margin:15px 0 21px}
#rj-experience .al-chapter>p:not(.rj-eyebrow){font-size:16px;line-height:1.85;color:var(--rj-muted);max-width:670px}
#rj-experience .al-chapter-map summary{min-height:44px;padding:12px 0;color:var(--rj-violet);font-size:12px;cursor:pointer}
#rj-experience [data-ai-chapter-map]{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#rj-experience [data-ai-chapter-map] button{font:600 12px/1.5 Manrope,sans-serif;min-height:44px;text-align:left;padding:10px 13px;border:1px solid #4f415b;border-radius:12px;background:#27202f;color:#d5c2e9}
#rj-experience .al-worked-story{border:1px solid #5b476d;border-radius:23px;padding:22px;margin:0 0 30px;background:#211c2a}
#rj-experience .al-worked-story>summary{cursor:pointer;display:list-item;list-style-position:inside;line-height:1.7}
#rj-experience .al-worked-story>summary .rj-eyebrow{display:inline;font-size:9px}
#rj-experience .al-worked-story>summary strong{display:block;font-size:clamp(20px,2.8cqw,30px);letter-spacing:-.035em;line-height:1.3;margin:12px 0;color:#ede2f6}
#rj-experience .al-worked-story>summary>span:last-child{display:block;font-size:12px;color:#bcaccb;max-width:580px}
#rj-experience .al-worked-story[open]{background:transparent;padding:22px 0;border-left:0;border-right:0;border-radius:0}
#rj-experience #al-refund-case{font:600 12px/1.5 Manrope,sans-serif;min-height:46px;border-radius:13px;padding:10px 9px;width:100%;background:#1d2921;color:#d4e6d9;border:1px solid #5b7563}
#rj-experience .al-refund-paper{background:#efe5ce;color:#3e3549;box-shadow:0 6px #a99d80;border-radius:17px;padding:23px;margin:7px 3px 14px;transform:rotate(-2deg)}
#rj-experience .al-refund-paper>span{font-size:9px;letter-spacing:.06em;font-weight:800;color:#7f668a}
#rj-experience .al-refund-paper strong{display:block;font-size:32px;line-height:1.3;margin:10px 0 6px;color:#44304e;letter-spacing:-.04em}
#rj-experience .al-refund-paper p{font-size:12px;line-height:1.6;margin:0}
#rj-experience .al-decision-panel .ais-slider-label{font-size:12px;color:#d8e9dd}
#rj-experience .al-decision-panel .ais-slider-label output{color:var(--rj-yellow);font-weight:800}
#rj-experience .al-decision-panel #al-refund-limit{margin:-10px 0;accent-color:var(--rj-green)}
#rj-experience .al-decision-result{padding:18px;border-radius:17px;border:1px solid #8c714d;background:#372d23;min-height:153px}
#rj-experience .al-decision-result[data-allowed=true]{background:#193021;border-color:#567e5e}
#rj-experience .al-decision-result>span{font-size:9px;font-weight:800;letter-spacing:.06em;color:#e5d19e}
#rj-experience .al-decision-result strong{display:block;font-size:20px;line-height:1.3;letter-spacing:-.03em;color:#f0eddf;margin:9px 0}
#rj-experience .al-decision-result p{font-size:12px;line-height:1.65;margin:0;color:#cac8b9}
#rj-experience .ais-story:not(.is-inline) .ais-stage:has(.al-decision-panel:not([hidden])){min-height:620px}
#rj-experience .ais-path-options [data-ai-path=application]{--path-color:var(--rj-yellow)}
#rj-experience .ais-path-options [data-ai-path=judgment]{--path-color:var(--rj-green)}
@container rjframe (max-width:800px){
 #rj-experience .al-lab-body{gap:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 #rj-experience .al-theatre{padding:17px}
 #rj-experience .al-model-piece{left:0;width:96px;height:100px}
 #rj-experience .al-record-piece{left:32%;width:121px}
 #rj-experience .al-rule-piece{width:137px;top:112px}
 #rj-experience .al-request{padding:22px 19px}
 #rj-experience .al-layers button{padding:12px;gap:3px 8px}
}
@container rjframe (max-width:620px){
 #rj-experience .ais-intro-bottom{display:block}
 #rj-experience .ais-intro-bottom p{font-size:15px}
 #rj-experience .ais-intro-bottom .ais-start{margin-top:23px;width:100%;font-size:12px}
 #rj-experience .al-lab{margin-top:34px}
 #rj-experience .al-lab-heading{display:block;margin-bottom:25px}
 #rj-experience .al-lab-heading>p{margin-top:17px;font-size:14px}
 #rj-experience .al-lab-body{display:block}
 #rj-experience .al-lab-controls{padding:5px 0 22px}
 #rj-experience .al-request{margin-bottom:24px}
 #rj-experience .al-request p{font-size:24px}
 #rj-experience .al-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #rj-experience .al-layers button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 9px;min-height:120px;border-radius:16px}
 #rj-experience .al-layers button>span{align-self:flex-start;width:29px;height:29px;font-size:12px}
 #rj-experience .al-layers b{font-size:11px}
 #rj-experience .al-layers small{display:none}
 #rj-experience .al-layers button[aria-pressed=true]{transform:translateY(-3px)}
 #rj-experience .al-theatre{padding:17px;border-radius:24px}
 #rj-experience .al-desk{height:220px;margin:5px 0 14px}
 #rj-experience .al-model-piece{left:2%;top:58px}
 #rj-experience .al-record-piece{left:35%;top:25px}
 #rj-experience .al-reply{padding:20px;min-height:0}
 #rj-experience .al-reply h3{font-size:24px}
 #rj-experience .al-reading-key{gap:18px;grid-template-columns:1fr;margin-top:24px}
 #rj-experience .al-reading-key b{margin-bottom:3px}
 #rj-experience .al-chapter{padding:30px 0 23px}
 #rj-experience .al-chapter>p:not(.rj-eyebrow){font-size:15px}
 #rj-experience .al-worked-story{padding:20px}
 #rj-experience .al-decision-result{min-height:0}
}
@media(prefers-reduced-motion:reduce){#rj-experience .al-lab *{transition:none}}
@container rjframe (max-width:620px){
 #rj-experience .al-theatre .al-layers{margin:4px 0 21px}
 #rj-experience .al-theatre .al-layers button{min-height:96px}
 #rj-experience .al-theatre .al-layers b{font-size:11px;line-height:1.45}
 #rj-experience .al-desk{height:200px}
 #rj-experience .al-travelling-note{top:169px}
 #rj-experience [data-lab-level="1"] .al-travelling-note,#rj-experience [data-booked="true"] .al-travelling-note{top:170px}
}
#rj-experience .al-weight-test{border-top:1px solid #645941;margin-top:1px;font-size:11px;line-height:1.65;color:#eadfbf}
#rj-experience .al-weight-test summary{cursor:pointer;min-height:44px;padding:13px 0 5px;font-weight:650;line-height:1.65}
#rj-experience .al-weight-test .ais-access-switch{font-size:11px;color:#eadfbf}
#rj-experience .al-weight-test p{font-size:12px;line-height:1.7;margin:8px 0 0;color:#f5df99}
#rj-experience .ais-story:not(.is-inline) .ais-stage:has(.al-weight-test[open]){min-height:620px}
#rj-experience .al-desk{pointer-events:none}
@container rjframe (max-width:620px){#rj-experience .al-desk{height:240px}#rj-experience .al-theatre .al-layers{position:relative;z-index:6}}
#rj-experience .ais-continue.ais-topic-next{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;font:700 12px/1.6 Manrope,sans-serif;text-align:left;min-height:48px;padding:13px 15px;border:1px solid #524360;border-radius:14px;background:#251f2e;color:var(--rj-violet);margin-top:22px}
@container rjframe (max-width:620px){
 #rj-experience .al-model-piece{width:88px;height:94px;left:0;top:54px;padding:13px 9px}
 #rj-experience .al-record-piece{width:116px;height:145px;left:34%;top:14px;padding:17px 13px}
 #rj-experience .al-rule-piece{width:134px;top:128px;padding:15px 13px}
 #rj-experience .al-rule-piece>b{font-size:11px;line-height:1.4}
 #rj-experience .al-rule-piece>i{font-size:18px;right:10px}
 #rj-experience .al-travelling-note{left:7%;top:180px}
 #rj-experience [data-lab-level="1"] .al-travelling-note,#rj-experience [data-booked="true"] .al-travelling-note{left:12%;top:181px}
}