/* Compact process tablets: the site's sand, bronze and lapis palette. */
.process-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:30px 0 25px}
.process-card{min-width:0;position:relative;padding:23px 23px 25px;border:1px solid #b89a6966;border-radius:3px;background:linear-gradient(145deg,#fff8eb,#ede0c9);box-shadow:inset 0 1px 0 #fffaf1,0 3px 12px #6b462207}
.process-card::after{content:'';position:absolute;inset-block-start:0;inset-inline-end:0;width:27px;height:27px;border-block-start:1px solid #8d6a37;border-inline-end:1px solid #8d6a37;pointer-events:none}
.process-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.process-icon{display:block;width:49px;height:49px;flex:0 0 49px;color:#24434e}
.process-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 0 #fff9ec)}
.process-icon-accent{stroke:#9c7439}
.process-number{font:400 15px/1 var(--mono);letter-spacing:.06em;color:#8b6a3d;align-self:flex-start;padding-top:5px}
#detail-dialog .process-panel .process-card h3{font-size:30px;line-height:1.15;margin:0 0 10px;color:#3d3022;letter-spacing:-.02em}
#detail-dialog .process-panel .process-card p{font-size:17px;line-height:1.65;color:#69543c;margin:0;text-wrap:pretty}
#detail-dialog .process-panel .process-note{display:flex;align-items:center;gap:13px;border-top:1px solid #a88b5754;padding-top:22px;margin:0 0 4px;font-size:15px;line-height:1.65;color:#6c5536}
.process-note>span{display:block;flex:0 0 7px;width:7px;height:7px;border:1px solid #9c7439;transform:rotate(45deg)}
html:lang(ar) #detail-dialog .process-panel .process-card h3{font-size:27px;line-height:1.4;letter-spacing:0}
html:lang(ar) #detail-dialog .process-panel .process-card p{font-size:22px;line-height:1.6}
html:lang(ar) #detail-dialog .process-panel .process-note{font-size:20px;line-height:1.7}
html:lang(ar) .process-number{font-family:'IBM Plex Mono',monospace}
@media(max-width:520px){
 .process-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:25px}
 .process-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;padding:21px 19px}
 .process-card-top{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;grid-column:1;grid-row:1 / 3;margin:0}
 .process-icon{width:43px;height:43px;flex-basis:43px}
 .process-number{align-self:center;padding:0;font-size:13px}
 #detail-dialog .process-panel .process-card h3{grid-column:2;margin:0 0 7px;font-size:29px;line-height:1.2}
 #detail-dialog .process-panel .process-card p{grid-column:2;line-height:1.6}
 html:lang(ar) #detail-dialog .process-panel .process-card h3{font-size:25px;line-height:1.45}
 html:lang(ar) #detail-dialog .process-panel .process-card p{font-size:21px;line-height:1.65}
}
@media(max-width:360px){
 .process-card{grid-template-columns:38px minmax(0,1fr);column-gap:13px;padding:18px 15px}
 .process-icon{width:38px;height:38px;flex-basis:38px}
 #detail-dialog .process-panel .process-card h3{font-size:27px}
 html:lang(ar) #detail-dialog .process-panel .process-card h3{font-size:24px}
}