/* Extensión no destructiva sobre la tipografía del sitio. */
.atelier{margin-top:22px;border-top:1px solid var(--rule);padding-top:22px}
.atelier-modes{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.atelier-modes legend{font:600 13px/1.5 var(--sans);margin:0 0 10px;padding:0}
.atelier-modes label{font:500 13px/1.45 var(--sans);display:flex;align-items:center;gap:6px;border:1px solid #aba89f;padding:10px 12px;cursor:pointer}
.atelier-modes label:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--white)}
.atelier-modes input{accent-color:var(--rust)}
.atelier-description{font:400 16px/1.6 var(--serif);margin:15px 0 22px;max-width:63ch}
.atelier-label{display:block;font:600 13px/1.55 var(--sans);margin-bottom:9px}
.atelier textarea{resize:vertical;display:block;width:100%;min-height:95px;max-width:100%;border:1px solid #a9aba0;background:var(--white);padding:14px 15px;color:var(--ink);font:400 16px/1.55 var(--serif);border-radius:0}
.atelier-actions{display:flex;gap:9px 18px;align-items:center;flex-wrap:wrap;margin-top:11px}
.atelier-actions button{border:1px solid var(--ink);padding:11px 16px;background:var(--ink);color:var(--white);font:550 12px/1.5 var(--sans);cursor:pointer;min-height:44px}
.atelier-actions button+button{background:transparent;color:var(--ink)}
.atelier-actions output{font:430 12px/1.5 var(--sans);max-width:50ch}
.atelier-footnote{font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:16px;max-width:76ch}
.visual-score[data-operation="roce"] .score-left{transform:translateX(calc(var(--slide) * .65)) rotate(-2.5deg)}
.visual-score[data-operation="roce"] .score-right{transform:translateX(calc(-1 * var(--slide) * .65)) rotate(2.5deg)}
.visual-score[data-operation="corte"]{background:linear-gradient(108deg,transparent 48.7%,#393a32 48.8%,#393a32 49.35%,transparent 49.5%),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(52,48,40,.08) 80px),#f6f4ec}
.visual-score[data-operation="corte"] .score-left{clip-path:polygon(0 0,100% 0,82% 100%,0 100%);transform:translateX(var(--slide)) rotate(0)}
.visual-score[data-operation="corte"] .score-right{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);transform:translateX(calc(-1 * var(--slide))) rotate(0)}
.visual-score[data-operation="superponer"] .score-left{transform:translateX(calc(var(--slide)*1.4)) rotate(-5deg)}
.visual-score[data-operation="superponer"] .score-right{transform:translateX(calc(-1 * var(--slide)*1.4)) rotate(5deg);mix-blend-mode:multiply}
.visual-score[data-operation="deriva"] .score-left{transform:translate(calc(-1 * var(--slide) * .25),-14%) rotate(-6deg)}
.visual-score[data-operation="deriva"] .score-right{transform:translate(var(--slide),27%) rotate(7deg)}
.relation-workbench{padding:clamp(40px,5vw,84px) var(--gutter);max-width:1600px;margin:0 auto;border-top:1px solid var(--rule)}
.relation-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:22px 0;border-top:1px solid var(--rule)}
.relation-toolbar button{border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 12px/1.45 var(--sans);padding:10px 14px;min-height:44px;cursor:pointer}
.relation-toolbar button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
.relation-toolbar .rel-secondary{border-style:dashed;margin-left:auto}
.relation-count{font:500 12px/1.5 var(--mono);margin:0 0 18px;color:var(--muted)}
.relation-list{border-top:1px solid var(--rule)}
.relation-item{border-bottom:1px solid var(--rule)}
.relation-item[hidden]{display:none}
.relation-summary{display:grid;grid-template-columns:45px minmax(0,1fr) max-content;align-items:center;gap:13px;cursor:pointer;list-style:none;padding:17px 10px 17px 0}
.relation-summary::-webkit-details-marker{display:none}
.relation-summary::after{content:'+';grid-column:3;font:500 20px/1 var(--sans);color:var(--rust);display:none}
.relation-item[open] .relation-summary{background:#f0eee7}
.rel-number{font:500 11px/1.4 var(--mono);color:var(--muted)}
.rel-titles{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font:500 clamp(14px,1.5vw,19px)/1.4 var(--sans)}
.rel-titles strong{font-weight:560}
.rel-arrow{color:var(--rust)}
.rel-state{font:500 10px/1.3 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:#4d504a;border:1px solid #b5b1a9;padding:7px 9px;white-space:nowrap}
.rel-state-revisar{border-style:dashed}
.relation-body{padding:15px 24px 24px 58px;max-width:86ch}
.relation-body p{font:400 17px/1.65 var(--serif);margin:8px 0}
.relation-body .relation-question{font-style:italic;color:#5b5349}
.relation-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:13px}
.relation-links a{font:540 12px/1.5 var(--sans);text-decoration:none;border-bottom:1px solid var(--rule)}
.relation-links a:hover{border-color:var(--rust)}
.relation-workbench .comparison-method{margin-top:26px}
.cross-workbench{padding:16px var(--gutter);max-width:1600px;margin:0 auto;font:520 13px/1.5 var(--sans)}
.cross-workbench a{color:var(--rust)}
.atelier button:focus-visible,.atelier input:focus-visible,.atelier textarea:focus-visible,.relation-toolbar button:focus-visible,.relation-summary:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
@media(max-width:670px){.relation-summary{grid-template-columns:24px 1fr;gap:8px;padding:15px 0}.rel-state{grid-column:2;justify-self:start}.relation-body{padding:8px 8px 24px 32px}.relation-toolbar .rel-secondary{margin-left:0}.atelier-modes label{flex:1 1 110px;justify-content:center}.atelier-actions button{flex:1 1 auto}.visual-score[data-operation="deriva"] .score-right{transform:translate(var(--slide),14%) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.visual-score .score-piece{transition:none}}
@media print{.atelier-actions,.relation-toolbar{display:none}.relation-item{break-inside:avoid}.relation-item:not([open]) .relation-body{display:block}}