/* R73 · Individual industrial learning, with demos as explicit examples. */
body.r73-training{font-family:R65Plex,Arial,sans-serif}
.r73-training :is(h1,h2,h3){font-family:R65Space,Arial,sans-serif}
.r73-training .r73-training-hero h1{font-size:clamp(35px,3.4vw,51px);line-height:1.12;max-width:24ch;letter-spacing:-.045em}
.r73-training .r73-training-hero .r65-eyebrow{max-width:none}
.r73-training .r73-training-hero .r65-lead{max-width:54ch}
.r73-training .r73-training-visual>img{display:block;width:100%;height:auto;aspect-ratio:15/11;object-fit:contain}
.r73-training .r73-training-visual figcaption{display:block;padding:18px 22px}
.r73-training .r73-training-visual figcaption strong{display:block;font-size:17px;line-height:1.4}
.r73-training .r73-training-visual figcaption small{display:block;margin-top:6px;font-size:12px;letter-spacing:0;white-space:normal}
.r73-training .r73-training-sequence{counter-reset:learn;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:17px 22px 20px;border-top:1px solid #d4d9d1;background:#edf1e9}
.r73-training .r73-training-sequence li{counter-increment:learn;font-size:14px;line-height:1.4;color:#315853}
.r73-training .r73-training-sequence li:before{content:'0' counter(learn);display:block;font-weight:700;font-size:12px;letter-spacing:.08em;color:#835c2a;margin-bottom:5px}
.r73-training .r73-training-goals .section-head>div{max-width:680px}
.r73-training .r73-training-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.r73-training .r73-training-goal{min-width:0;padding:23px 24px 8px;border:1px solid #c2cec4;border-radius:8px;background:#fffdf8}
.r73-training .r73-training-number{font-size:12px;font-weight:650;letter-spacing:.1em;color:#8a602f}
.r73-training .r73-training-goal h3{font-size:24px;line-height:1.2;margin:12px 0 12px;hyphens:auto;overflow-wrap:break-word}
.r73-training .r73-training-goal>p{font-size:16px;line-height:1.55;color:#506662;margin:0 0 16px;min-height:4.65em}
.r73-training .r73-training-goal details{border-top:1px solid #d3dbd0;margin:0}
.r73-training .r73-training-goal summary{cursor:pointer;min-height:46px;padding-block:12px;font-size:15px;line-height:1.5;font-weight:650;color:#254c49}
.r73-training .r73-training-goal details p{margin:2px 0 16px;font-size:16px;line-height:1.55;color:#506662}
.r73-training .r73-training-goal:has(details[open]){border-color:#7e9e8d;background:#f7f8f1}
.r73-training .r73-training-scope{font-size:14px;line-height:1.6;color:#506662;margin:20px 0 0;max-width:88ch}
.r73-training .r73-training-task{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.r73-training .r73-training-task h2{font-size:clamp(29px,2.8vw,41px);margin-bottom:20px;line-height:1.14}
.r73-training .r73-training-task>div>p:not(.r73-training-scope){font-size:17px;line-height:1.65;color:#506662}
.r73-training .r73-training-task-visual{margin:0;min-width:0;border:1px solid #c2cec4;border-radius:9px;overflow:hidden;background:#fcfaf5}
.r73-training .r73-training-task-visual img{display:block;width:100%;height:auto;object-fit:contain}
.r73-training .r73-training-task-visual figcaption{font-size:13px;line-height:1.5;padding:15px 20px;border-top:1px solid #d4d9d1;color:#506662}
.r73-training .r73-training-observation{margin:20px 0 0;padding:0;border-top:1px solid #c9d3c7}
.r73-training .r73-training-observation>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #c9d3c7;font-size:15px;line-height:1.5}
.r73-training .r73-training-observation dt{color:#234e4a;font-weight:700}
.r73-training .r73-training-observation dd{margin:0;color:#506662}
.r73-training .r73-training-task .text-link{margin-top:14px;line-height:1.4;padding-block:8px}
.r73-training.r73-training-technical .demo-example{grid-template-columns:minmax(0,1fr) minmax(200px,.4fr)}
.r73-training.r73-training-technical .demo-example p+p{margin-top:14px}
.r73-training .r73-training-demo-links{display:flex;flex-direction:column;gap:10px;align-items:start;min-width:0}
.r73-training .r73-training-demo-links .button{max-width:100%;font-size:15px}
.r73-training .r73-training-demo-links .text-link{line-height:1.4;padding-block:8px;font-weight:600}
.r73-training summary:focus-visible{outline:3px solid #9c6d31;outline-offset:4px}
@media(max-width:1050px){
 .r73-training .r73-training-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r73-training .r73-training-goal>p{min-height:3.1em}
 .r73-training .r73-training-hero h1{font-size:clamp(35px,4vw,44px)}
 .r73-training .r73-training-sequence{gap:10px;padding:15px 17px}
 .r73-training .r73-training-sequence li{font-size:13px}
}
@media(max-width:760px){
 .r73-training .r73-training-hero h1{max-width:23ch;font-size:clamp(32px,7.5vw,43px)}
 .r73-training .r73-training-hero .r65-hero-actions{gap:5px 18px;align-items:start}
 .r73-training .r73-training-hero .r65-secondary{font-size:15px;min-height:44px}
 .r73-training .r73-training-hero .r65-entry-note{font-size:13px;max-width:46ch}
 .r73-training .r73-training-visual figcaption{padding:15px 18px}
 .r73-training .r73-training-task{grid-template-columns:1fr;gap:25px}
 .r73-training .r73-training-task>div{order:-1}
 .r73-training .r73-training-task-visual{width:100%;max-width:590px;margin-inline:auto}
 .r73-training .r73-training-task h2{font-size:32px}
 .r73-training.r73-training-technical .demo-example{grid-template-columns:1fr}
 .r73-training .r73-training-demo-links{width:100%;align-items:stretch}
}
@media(max-width:520px){
 .r73-training .r73-training-goal-grid{grid-template-columns:1fr;gap:12px}
 .r73-training .r73-training-goal{padding:20px 20px 5px}
 .r73-training .r73-training-goal h3{font-size:24px;margin-top:8px}
 .r73-training .r73-training-goal>p{min-height:0;margin-bottom:14px}
 .r73-training .r73-training-sequence{gap:9px;padding:15px 16px 17px}
 .r73-training .r73-training-sequence li{font-size:13px;hyphens:auto;overflow-wrap:break-word}
 .r73-training .r73-training-visual figcaption strong{font-size:16px}
 .r73-training .r73-training-observation>div{grid-template-columns:86px minmax(0,1fr);gap:10px}
 .r73-training .demo-copy{padding:22px}
 .r73-training .demo .button{font-size:15px;padding-inline:16px;gap:12px}
}
@media(forced-colors:active){
 .r73-training :is(.r73-training-goal,.r73-training-task-visual,.r73-training-observation){border-color:CanvasText}
 .r73-training .r73-training-goal:has(details[open]){border-color:Highlight;background:Canvas}
}
