/* Universal scope and direct task navigation. */
.text-route-nav{display:flex;flex-wrap:wrap;gap:4px 26px;max-width:1000px;margin:0 auto 24px;padding:0 0 15px;border-bottom:1px solid var(--line);font-size:calc(var(--font) - 2px)}
.text-route-nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.workspace-capability{margin-top:20px;max-width:43em;font-size:calc(var(--font) - 2px);color:var(--sub)}
.work-with-answer ul{list-style:none;padding:0;max-width:48em;margin-top:24px}
.work-with-answer li{border-top:1px solid var(--line);padding:15px 0;line-height:1.65}
.work-with-answer li strong{display:block;color:var(--ink);font-weight:550}
.work-with-answer>.text-link{margin-left:26px}
@media(max-width:620px){.text-route-nav{gap:0 22px;font-size:calc(var(--font) - 1px);padding-bottom:14px;margin-bottom:20px}.work-with-answer>.text-link{margin-left:0;display:flex;width:fit-content}.workspace-capability{font-size:calc(var(--font) - 2px)}}
/* Three equal-width reading rows, never three narrow columns. */
.uvr-figure{grid-column:1/-1;container-type:inline-size;container-name:universal-records;max-width:920px;margin:2em 0;color:var(--ink,#25251f);font-size:var(--font,18px);line-height:1.6}
.uvr-figure *{box-sizing:border-box}
.uvr-figure .uvr-title{font-size:1.3em;line-height:1.35;font-weight:550;margin:0 0 .6em;max-width:32em}
.uvr-figure .uvr-intro{color:var(--sub,#66645c);margin:0 0 1em;max-width:44em}
.uvr-figure .uvr-steps{list-style:none;padding:0;margin:0}
.uvr-figure .uvr-step{display:grid;grid-template-columns:minmax(200px,29%) minmax(0,1fr);gap:1.2em 2em;align-items:center;border-top:1px solid var(--line,#d1cdc2);padding:1.5em 0;margin:0}
.uvr-figure .uvr-copy{min-width:0}
.uvr-figure h4{font-size:1.05em;line-height:1.45;font-weight:550;letter-spacing:0;margin:0 0 .65em}
.uvr-figure p{margin:0;max-width:42em}
.uvr-figure .uvr-copy p+p{margin-top:.7em}
.uvr-figure .uvr-number{color:var(--sub,#66645c);font-size:.9em;margin-right:.5em;font-variant-numeric:tabular-nums}
.uvr-figure .uvr-object{position:relative;min-width:0;width:100%;max-width:310px;justify-self:center}
.uvr-figure svg{display:block;width:100%;height:auto;overflow:visible}
.uvr-figure svg path{vector-effect:non-scaling-stroke}
.uvr-figure .uvr-record-sheet{padding:1.2em 1.25em 1.4em}
.uvr-figure .uvr-record-sheet svg,.uvr-figure .uvr-condition-sheet svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.uvr-figure .uvr-written{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.45em;font-size:1.36em;line-height:1.5;font-weight:400;letter-spacing:.015em;overflow-wrap:anywhere}
.uvr-figure .uvr-written span{display:block;text-align:center}
.uvr-figure .uvr-formula{white-space:nowrap;font-variant-numeric:tabular-nums}
.uvr-figure .uvr-operation{max-width:310px}
.uvr-figure .uvr-operation .uvr-written{position:absolute;left:8%;right:24%;top:32%;font-size:1.36em}
.uvr-figure .uvr-condition-sheet{padding:2.3em 1.5em 1.5em;min-height:7.2em}
.uvr-figure .uvr-condition-sheet .uvr-written{font-size:1.1em;line-height:1.5}
.uvr-figure .uvr-note-label{display:block;margin:0 0 .3em;color:var(--sub,#66645c);font-size:.95em}
.uvr-figure blockquote{margin:.3em 0 1em;padding:0;border:0;background:none;font:inherit;line-height:1.6}
.uvr-figure blockquote::before,.uvr-figure blockquote::after{content:none}
.uvr-figure .uvr-copy blockquote:last-child{margin-bottom:0}
.uvr-figure figcaption{border-top:1px solid var(--line,#d1cdc2);padding-top:1em;margin-top:.3em;color:var(--sub,#66645c);font-size:1em;line-height:1.65;max-width:52em}
@media(max-width:720px){
 .uvr-figure .uvr-step{grid-template-columns:1fr;gap:1.1em;padding:1.4em 0}
 .uvr-figure .uvr-object{max-width:280px}
 .uvr-figure .uvr-copy{width:100%}
 .uvr-figure .uvr-operation .uvr-written{font-size:1.23em}
}
@container universal-records (max-width:720px){
 .uvr-figure .uvr-step{grid-template-columns:1fr;gap:1.1em;padding:1.4em 0}
 .uvr-figure .uvr-object{max-width:280px}
 .uvr-figure .uvr-copy{width:100%}
 .uvr-figure .uvr-operation .uvr-written{font-size:1.23em}
}
@media(max-width:360px){
 .uvr-figure .uvr-written{font-size:1.2em}
 .uvr-figure .uvr-operation .uvr-written{font-size:1.1em}
 .uvr-figure .uvr-condition-sheet .uvr-written{font-size:1em}
}
