/* Shared product documentation: compact rows, with independent document actions. */
.technical-documents{
  padding-block:52px 60px;
  background:var(--paper,#f3f4f5);
  border-block:1px solid var(--line,#dfe2e5);
  scroll-margin-block-start:24px}
.tdoc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-block-end:24px}
.tdoc-head>div{min-inline-size:0}
.tdoc-head .tdoc-kicker{
  display:inline-block;
  direction:ltr;
  color:var(--iron,#4b4f54);
  font:400 12px/1.5 -apple-system,"SF Arabic",BlinkMacSystemFont,SpectraArabic,"Segoe UI",sans-serif;
  letter-spacing:.13em;
  margin-block-end:8px}
.tdoc-head h2{
  color:var(--graphite,#2d3136);
  font-size:clamp(28px,3vw,40px);
  line-height:1.4}
.tdoc-head h2+p{
  max-inline-size:72ch;
  margin-block-start:8px;
  color:var(--muted,#61676e);
  font-size:14px;
  line-height:1.75}
.tdoc-count{
  display:inline-flex;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  min-inline-size:36px;
  min-block-size:36px;
  padding:4px 10px;
  border:1px solid #d2d7db;
  border-radius:50%;
  background:#fff;
  color:var(--iron,#4b4f54);
  font-size:12px;
  line-height:1.4;
  font-variant-numeric:tabular-nums}
.tdoc-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.tdoc-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-inline-size:0;
  padding:18px 20px;
  border:1px solid #d9dde1;
  border-radius:var(--r-card);
  background:#fff}
.tdoc-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  inline-size:44px;
  block-size:52px;
  border:1px solid #d0d5da;
  border-radius:var(--r-tool);
  background:#f3f5f6;
  color:var(--iron,#4b4f54);
  font:400 12px/1 -apple-system,"SF Arabic",BlinkMacSystemFont,SpectraArabic,"Segoe UI",sans-serif;
  letter-spacing:.04em;
  direction:ltr}
.tdoc-info{min-inline-size:0}
.tdoc-type{
  display:block;
  margin-block-end:4px;
  color:var(--muted,#61676e);
  font-size:12px;
  line-height:1.5}
.tdoc-info h3{
  color:var(--graphite,#2d3136);
  font-size:21px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:0;
  overflow-wrap:anywhere}
.tdoc-meta{
  margin-block-start:5px;
  color:var(--muted,#61676e);
  font-size:12px;
  line-height:1.65;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}
.tdoc-note{
  margin-block-start:6px;
  padding-inline-start:10px;
  border-inline-start:2px solid #bdc4cb;
  color:var(--iron,#4b4f54);
  font-size:12px;
  line-height:1.65;
  overflow-wrap:anywhere}
.tdoc-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.tdoc-view,.tdoc-download,.tdoc-request,.tdoc-jump{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-inline-size:44px;
  min-block-size:44px;
  max-inline-size:100%;
  padding:10px 15px;
  border:1px solid #cbd1d7;
  border-radius:var(--r-tool);
  background:#fff;
  color:var(--graphite,#2d3136);
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  text-align:center;
  text-decoration:none;
  overflow-wrap:anywhere;
  transition:background-color .15s,border-color .15s}
.tdoc-download{
  border-color:var(--graphite,#2d3136);
  background:var(--graphite,#2d3136);
  color:#fff}
.tdoc-help{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 24px;
  margin-block-start:22px;
  padding-block-start:18px;
  border-block-start:1px solid #d9dde1}
.tdoc-help p,.tdoc-empty p{
  color:var(--muted,#61676e);
  font-size:14px;
  line-height:1.8}
.tdoc-empty{
  padding:22px;
  border:1px dashed #bfc6cd;
  border-radius:var(--r-card);
  background:#fff}
.tdoc-empty p{max-inline-size:72ch}
.tdoc-empty .tdoc-request{margin-block-start:16px}
.tdoc-jump{
  justify-content:flex-start;
  margin-block-start:16px;
  background:#fff;
  color:var(--graphite,#2d3136);
  font-weight:400}
.tdoc-view:focus-visible,.tdoc-download:focus-visible,.tdoc-request:focus-visible,.tdoc-jump:focus-visible{
  outline:3px solid #486d83;
  outline-offset:4px}
@media(hover:hover){
  .tdoc-view:hover,.tdoc-request:hover,.tdoc-jump:hover{background:#e9edf0;border-color:#7b858e}
  .tdoc-download:hover{background:#454c54;border-color:#454c54}}
@media(max-width:760px){
  .technical-documents{padding-block:36px 42px}
  .tdoc-head{align-items:flex-start;gap:14px;margin-block-end:18px}
  .tdoc-card{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px}
  .tdoc-icon{align-self:start;margin-block-start:2px}
  .tdoc-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block-start:12px;border-block-start:1px solid #edf0f2}
  .tdoc-actions>a{inline-size:100%}
  .tdoc-help{align-items:flex-start}}
@media(max-width:480px){
  .tdoc-card{column-gap:12px;padding:15px}
  .tdoc-info h3{font-size:21px}
  .tdoc-actions{grid-template-columns:minmax(0,1fr)}
  .tdoc-help{flex-direction:column;gap:12px}
  .tdoc-help .tdoc-request,.tdoc-empty .tdoc-request{inline-size:100%}
  .tdoc-empty{padding:18px}}
@media(prefers-reduced-motion:reduce){
  .tdoc-view,.tdoc-download,.tdoc-request,.tdoc-jump{transition:none}}
@media(forced-colors:active){
  .tdoc-card,.tdoc-empty,.tdoc-icon,.tdoc-count{border-color:CanvasText}
  .tdoc-view,.tdoc-download,.tdoc-request,.tdoc-jump{border-color:ButtonText;background:ButtonFace;color:ButtonText}}